diff --git a/src/components/plans/ShareModal.tsx b/src/components/plans/ShareModal.tsx
index 7dbb2ac..3ed927d 100644
--- a/src/components/plans/ShareModal.tsx
+++ b/src/components/plans/ShareModal.tsx
@@ -1,4 +1,5 @@
 import React, { useState, useCallback, useEffect, useRef } from 'react';
+import { createPortal } from 'react-dom';
 import { motion } from 'framer-motion';
 import { Share2, Copy, Check, X, AlertTriangle, Building2, Eye, EyeOff, Link2, Send } from 'lucide-react';
 import { useResponsive } from '../../hooks/useResponsive';
@@ -244,7 +245,7 @@ export function ShareModal({
   const link = generateShareLink();
   const factoryLabel = factoryType === 'textile' ? '织布厂' : '水洗厂';
 
-  return (
+  return createPortal(
     <div className="fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50 p-3 sm:p-4">
       <motion.div
         initial={{ opacity: 0, scale: 0.95 }}
@@ -529,6 +530,7 @@ export function ShareModal({
           </>
         )}
       </motion.div>
-    </div>
+    </div>,
+    document.body
   );
 }