From c6fedff45a548fc3f37161297ee19bf799f80ddc Mon Sep 17 00:00:00 2001
From: zzlgreat <zzlgreat@gmail.com>
Date: Thu, 8 Jan 2026 14:10:30 +0800
Subject: [PATCH] =?UTF-8?q?community=E5=A2=9E=E5=8A=A0=E4=BA=8B=E4=BB=B6?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Community/components/HeroPanel.js | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/views/Community/components/HeroPanel.js b/src/views/Community/components/HeroPanel.js
index 7b2088e2..11828a35 100644
--- a/src/views/Community/components/HeroPanel.js
+++ b/src/views/Community/components/HeroPanel.js
@@ -160,9 +160,11 @@ const animations = `
     scrollbar-width: thin;
     scrollbar-color: rgba(255, 215, 0, 0.4) rgba(255, 255, 255, 0.05);
   }
-  /* Firefox 滚动条 */
-  .sector-stocks-table-wrapper .ant-table-body {
+
+  /* 相关股票表格滚动 */
+  .related-stocks-table-wrapper .ant-table-body {
     scrollbar-width: thin;
+    scrollbar-color: rgba(255, 215, 0, 0.4) rgba(255, 255, 255, 0.05);
   }
 
   /* Tag 样式优化 */
@@ -2017,13 +2019,25 @@ const DetailModal = ({ isOpen, onClose, selectedDate, ztDetail, events, loading
           <ModalCloseButton color="whiteAlpha.600" />
           <ModalBody py={4} className="hero-panel-modal">
             {selectedEventStocks && selectedEventStocks.length > 0 ? (
-              <Box maxH="calc(85vh - 120px)" overflowY="auto">
+              <Box
+                className="related-stocks-table-wrapper"
+                sx={{
+                  /* Ant Design Table 内部滚动条样式 */
+                  '.ant-table-body': {
+                    '&::-webkit-scrollbar': { width: '8px', height: '8px' },
+                    '&::-webkit-scrollbar-track': { background: 'rgba(255,255,255,0.05)', borderRadius: '4px' },
+                    '&::-webkit-scrollbar-thumb': { background: 'rgba(255,215,0,0.4)', borderRadius: '4px' },
+                    '&::-webkit-scrollbar-thumb:hover': { background: 'rgba(255,215,0,0.6)' },
+                  },
+                }}
+              >
                 <Table
                   dataSource={selectedEventStocks}
                   columns={stockColumns}
                   rowKey={(record) => record.code}
                   size="middle"
                   pagination={false}
+                  scroll={{ y: 500 }}
                 />
               </Box>
             ) : (