From de30755271a0bfa6443b7d3675763895e4d379d5 Mon Sep 17 00:00:00 2001
From: zzlgreat <zzlgreat@gmail.com>
Date: Tue, 25 Nov 2025 08:08:01 +0800
Subject: [PATCH] update pay function

---
 src/components/StockChart/KLineChartModal.tsx | 37 +++++++++++--------
 1 file changed, 21 insertions(+), 16 deletions(-)

diff --git a/src/components/StockChart/KLineChartModal.tsx b/src/components/StockChart/KLineChartModal.tsx
index 980452cf..34df9082 100644
--- a/src/components/StockChart/KLineChartModal.tsx
+++ b/src/components/StockChart/KLineChartModal.tsx
@@ -480,28 +480,33 @@ const KLineChartModal: React.FC<KLineChartModalProps> = ({
       >
         <ModalOverlay
           bg="blackAlpha.700"
-          style={{
-            position: 'fixed',
-            zIndex: overlayZIndex,
-            top: 0,
-            left: 0,
-            width: '100vw',
-            height: '100vh',
+          sx={{
+            position: 'fixed !important',
+            zIndex: `${overlayZIndex} !important`,
+            top: '0 !important',
+            left: '0 !important',
+            width: '100vw !important',
+            height: '100vh !important',
+            margin: '0 !important',
           }}
         />
         <ModalContent
           maxW="90vw"
           maxH="85vh"
           bg="#1a1a1a"
-          borderColor="#404040"
-          borderWidth="1px"
-          style={{
-            position: 'fixed',
-            zIndex: contentZIndex,
-            top: '50%',
-            left: '50%',
-            transform: 'translate(-50%, -50%)',
-            margin: 0,
+          sx={{
+            position: 'fixed !important',
+            zIndex: `${contentZIndex} !important`,
+            top: '50% !important',
+            left: '50% !important',
+            transform: 'translate(-50%, -50%) !important',
+            margin: '0 !important',
+            opacity: '1 !important',
+            visibility: 'visible !important',
+            pointerEvents: 'auto !important',
+            border: '3px solid #ffd700 !important',  // 金色边框，非常明显
+            boxShadow: '0 0 50px rgba(255, 215, 0, 0.8) !important',  // 发光效果
+            backgroundColor: '#1a1a1a !important',
           }}
         >
         <ModalHeader pb={3} borderBottomWidth="1px" borderColor="#404040">