update pay function

src/components/StockChart/KLineChartModal.tsx

@@ -460,21 +460,34 @@ const KLineChartModal: React.FC<KLineChartModalProps> = ({
 
   if (!stock) return null;
 
-  // 计算实际使用的 z-index
-  const overlayZIndex = zIndex || 1400;
-  const contentZIndex = zIndex ? zIndex + 1 : 1401;
+  // 计算实际使用的 z-index（使用超高值确保在最上层）
+  const overlayZIndex = zIndex || 9998;
+  const contentZIndex = zIndex ? zIndex + 1 : 9999;
 
   console.log('[KLineChartModal] z-index 设置:', {
     overlayZIndex,
     contentZIndex,
+    isOpen,
   });
 
   return (
     <Portal>
-      <Modal isOpen={isOpen} onClose={onClose} size={size}>
+      <Modal
+        isOpen={isOpen}
+        onClose={onClose}
+        size={size}
+        blockScrollOnMount={false}
+      >
         <ModalOverlay
           bg="blackAlpha.700"
-          style={{ zIndex: overlayZIndex }}
+          style={{
+            position: 'fixed',
+            zIndex: overlayZIndex,
+            top: 0,
+            left: 0,
+            width: '100vw',
+            height: '100vh',
+          }}
         />
         <ModalContent
           maxW="90vw"
@@ -482,7 +495,14 @@ const KLineChartModal: React.FC<KLineChartModalProps> = ({
           bg="#1a1a1a"
           borderColor="#404040"
           borderWidth="1px"
-          style={{ zIndex: contentZIndex }}
+          style={{
+            position: 'fixed',
+            zIndex: contentZIndex,
+            top: '50%',
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
+            margin: 0,
+          }}
         >
         <ModalHeader pb={3} borderBottomWidth="1px" borderColor="#404040">
           <VStack align="flex-start" spacing={1}>