更新Company页面的UI为FUI风格

src/views/Community/components/DynamicNews/DynamicNewsCard.js

@@ -635,27 +635,8 @@ const [currentMode, setCurrentMode] = useState('vertical');
         mx={0}
         display="flex"
         flexDirection="column"
-        overflowX={mode === 'mainline' ? 'auto' : 'visible'}
+        overflow="visible"
-        overflowY="visible"
         zIndex={1}
-        css={mode === 'mainline' ? {
-          "&::-webkit-scrollbar": {
-            height: "10px",
-            background: "#2d3748",
-          },
-          "&::-webkit-scrollbar-track": {
-            background: "#2d3748",
-            borderRadius: "5px",
-          },
-          "&::-webkit-scrollbar-thumb": {
-            background: "linear-gradient(90deg, #718096, #8a9bb0)",
-            borderRadius: "5px",
-            border: "2px solid #2d3748",
-          },
-          "&::-webkit-scrollbar-thumb:hover": {
-            background: "linear-gradient(90deg, #a0aec0, #b8c5d4)",
-          },
-        } : undefined}
       >
         {/* 内容区域 - 撑满剩余高度 */}
         <Box flex="1" minH={0} position="relative">

src/views/Community/components/DynamicNews/EventScrollList.js

@@ -62,7 +62,7 @@ const EventScrollList = React.memo(
     return (
       <Box
         ref={scrollContainerRef}
-        overflow={mode === "mainline" ? "visible" : "hidden"}
+        overflow="visible"
         h="100%"
         pt={0}
         pb={mode === "mainline" ? 0 : 4}

src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js

@@ -784,8 +784,7 @@ const MainlineTimelineViewComponent = forwardRef(
     return (
       <Box
         display={display}
-        w="max-content"
+        w="100%"
-        minW="100%"
         bg={COLORS.containerBg}
       >
         {/* 顶部统计栏 - 固定不滚动 */}
@@ -935,10 +934,33 @@ const MainlineTimelineViewComponent = forwardRef(
           </HStack>
         </Flex>
 
+        {/* 横向滚动容器 - 滚动条在卡片上方 */}
+        <Box
+          overflowX="auto"
+          overflowY="visible"
+          pb={2}
+          css={{
+            "&::-webkit-scrollbar": {
+              height: "10px",
+            },
+            "&::-webkit-scrollbar-track": {
+              background: COLORS.scrollbarTrackBg,
+              borderRadius: "5px",
+            },
+            "&::-webkit-scrollbar-thumb": {
+              background: COLORS.scrollbarThumbBg,
+              borderRadius: "5px",
+            },
+            "&::-webkit-scrollbar-thumb:hover": {
+              background: COLORS.scrollbarThumbHoverBg,
+            },
+          }}
+        >
           {/* 主线卡片横向排列容器 */}
           <HStack
             spacing={3}
             p={3}
+            pt={1}
             align="stretch"
             w="max-content"
           >
@@ -967,6 +989,7 @@ const MainlineTimelineViewComponent = forwardRef(
             })}
           </HStack>
         </Box>
+      </Box>
     );
   }
 );