diff --git a/src/views/Community/components/HeroPanel.js b/src/views/Community/components/HeroPanel.js
index fe446121..1d883bee 100644
--- a/src/views/Community/components/HeroPanel.js
+++ b/src/views/Community/components/HeroPanel.js
@@ -77,6 +77,29 @@ const animations = `
     100% { background-position: 200% 0; }
   }
 
+  /* Chakra Drawer 滚动修复 */
+  .chakra-modal__content-container {
+    overflow: hidden !important;
+  }
+  .hero-detail-drawer .chakra-modal__body {
+    overflow-y: auto !important;
+    max-height: calc(100vh - 80px) !important;
+  }
+  .hero-detail-drawer .chakra-modal__body::-webkit-scrollbar {
+    width: 8px;
+  }
+  .hero-detail-drawer .chakra-modal__body::-webkit-scrollbar-track {
+    background: rgba(255, 255, 255, 0.05);
+    border-radius: 4px;
+  }
+  .hero-detail-drawer .chakra-modal__body::-webkit-scrollbar-thumb {
+    background: rgba(255, 215, 0, 0.4);
+    border-radius: 4px;
+  }
+  .hero-detail-drawer .chakra-modal__body::-webkit-scrollbar-thumb:hover {
+    background: rgba(255, 215, 0, 0.6);
+  }
+
   /* Ant Design 深色主题覆盖 - 弹窗专用 */
   .hero-panel-modal .ant-tabs {
     color: rgba(255, 255, 255, 0.85);
@@ -2042,11 +2065,14 @@ const DetailModal = ({ isOpen, onClose, selectedDate, ztDetail, events, loading
       >
         <DrawerOverlay bg="blackAlpha.600" />
         <DrawerContent
+          className="hero-detail-drawer"
           bg="linear-gradient(135deg, rgba(15,15,30,0.98) 0%, rgba(25,25,50,0.98) 100%)"
           borderLeft="1px solid rgba(255,215,0,0.2)"
           maxH="100vh"
+          h="100vh"
           display="flex"
           flexDirection="column"
+          overflow="hidden"
         >
           <DrawerCloseButton color="whiteAlpha.600" />
           <DrawerHeader borderBottom="1px solid rgba(255,215,0,0.2)" color="white" flexShrink={0}>
@@ -2055,7 +2081,8 @@ const DetailModal = ({ isOpen, onClose, selectedDate, ztDetail, events, loading
           <DrawerBody
             py={6}
             flex="1"
-            overflowY="auto"
+            overflowY="scroll"
+            minH={0}
             sx={{
               '&::-webkit-scrollbar': { width: '8px' },
               '&::-webkit-scrollbar-track': { background: 'rgba(255,255,255,0.05)', borderRadius: '4px' },