修复heropanel无法下拉背景页面

src/views/Community/components/HeroPanel.js

@@ -2078,24 +2078,25 @@ const DetailModal = ({ isOpen, onClose, selectedDate, ztDetail, events, loading
           <DrawerHeader borderBottom="1px solid rgba(255,215,0,0.2)" color="white" flexShrink={0}>
             {selectedContent?.title}
           </DrawerHeader>
-          <DrawerBody
+          <DrawerBody p={0} overflow="hidden">
-            py={6}
-            flex="1"
-            overflowY="scroll"
-            minH={0}
-            sx={{
-              '&::-webkit-scrollbar': { width: '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)' },
-            }}
-          >
             <Box
               className="markdown-content"
               color="whiteAlpha.900"
               fontSize="md"
               lineHeight="1.8"
+              p={6}
+              h="calc(100vh - 80px)"
+              overflowY="auto"
+              style={{
+                overflowY: 'auto',
+                maxHeight: 'calc(100vh - 80px)',
+              }}
               sx={{
+                // 滚动条样式
+                '&::-webkit-scrollbar': { width: '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)' },
                 // 确保所有文本元素都使用浅色
                 '& *': { color: 'inherit' },
                 '& p': { mb: 4, color: 'whiteAlpha.900' },