Merge branch 'feature_bugfix/251217_stock' of https://git.valuefrontier.cn/vf/vf_react into feature_bugfix/251217_stock

src/views/Community/index.js

@@ -8,8 +8,6 @@ import {
 } from '@/store/slices/communityDataSlice';
 import {
   Box,
-  Container,
-  useBreakpointValue,
   Skeleton,
 } from '@chakra-ui/react';
 
@@ -45,23 +43,6 @@ const Community = () => {
   // Ref：用于首次滚动到内容区域
   const containerRef = useRef(null);
 
-  // 响应式容器宽度
-  const containerMaxW = useBreakpointValue({
-    base: '100%',        // 移动端：全宽
-    sm: '100%',          // 小屏：全宽
-    md: '100%',          // 中屏：全宽
-    lg: '1200px',        // 大屏：1200px
-    xl: '1400px',        // 超大屏：1400px
-  });
-
-  // 响应式内边距
-  const containerPx = useBreakpointValue({
-    base: 2,             // 移动端：最小内边距
-    sm: 3,
-    md: 4,
-    lg: 6,
-  });
-
   // ⚡ 通知权限引导
   const { browserPermission, requestBrowserPermission, registerEventUpdateCallback } = useNotification();
 
@@ -165,8 +146,8 @@ const Community = () => {
 
   return (
     <Box minH="100vh" bg={bgColor}>
-      {/* 主内容区域 */}
-      <Container ref={containerRef} maxW={containerMaxW} px={containerPx} pt={{ base: 3, md: 6 }} pb={{ base: 4, md: 8 }}>
+      {/* 主内容区域 - padding 由 MainLayout 统一设置 */}
+      <Box ref={containerRef} pt={{ base: 3, md: 6 }} pb={{ base: 4, md: 8 }}>
         {/* ⚡ 顶部说明面板（懒加载）：产品介绍 + 沪深指数 + 热门概念词云 */}
         <Suspense fallback={
           <Box mb={6} p={4} borderRadius="xl" bg="rgba(255,255,255,0.02)">
@@ -200,7 +181,7 @@ const Community = () => {
           events={hotEvents}
           onEventClick={communityEvents.trackNewsArticleClicked}
         />
-      </Container>
+      </Box>
     </Box>
   );
 };