更新Company页面的UI为FUI风格

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

@@ -635,8 +635,27 @@ const [currentMode, setCurrentMode] = useState('vertical');
         mx={0}
         display="flex"
         flexDirection="column"
-        overflow="visible"
+        overflowX={mode === 'mainline' ? 'auto' : '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/layouts/MainlineTimelineView.js

@@ -295,8 +295,6 @@ const MainlineCard = React.memo(
         borderTopColor={`${colorScheme}.500`}
         minW={isExpanded ? "320px" : "280px"}
         maxW={isExpanded ? "380px" : "320px"}
-        minH="500px"
-        maxH="600px"
         display="flex"
         flexDirection="column"
         transition="all 0.3s ease"
@@ -786,32 +784,11 @@ const MainlineTimelineViewComponent = forwardRef(
     return (
       <Box
         display={display}
-        minH="600px"
-        h="auto"
-        w="100%"
+        w="max-content"
+        minW="100%"
         bg={COLORS.containerBg}
-        overflowY="visible"
-        overflowX="auto"
-        css={{
-          "&::-webkit-scrollbar": {
-            height: "12px",
-            background: COLORS.scrollbarTrackBg,
-          },
-          "&::-webkit-scrollbar-track": {
-            background: COLORS.scrollbarTrackBg,
-            borderRadius: "6px",
-          },
-          "&::-webkit-scrollbar-thumb": {
-            background: `linear-gradient(90deg, ${COLORS.scrollbarThumbBg}, #8a9bb0)`,
-            borderRadius: "6px",
-            border: `2px solid ${COLORS.scrollbarTrackBg}`,
-          },
-          "&::-webkit-scrollbar-thumb:hover": {
-            background: `linear-gradient(90deg, ${COLORS.scrollbarThumbHoverBg}, #b8c5d4)`,
-          },
-        }}
       >
-        {/* 顶部统计栏 */}
+        {/* 顶部统计栏 - 固定不滚动 */}
         <Flex
           justify="space-between"
           align="center"
@@ -820,6 +797,8 @@ const MainlineTimelineViewComponent = forwardRef(
           bg={COLORS.statBarBg}
           borderBottomWidth="1px"
           borderBottomColor={COLORS.cardBorderColor}
+          position="sticky"
+          left={0}
         >
           <HStack spacing={4}>
             <HStack spacing={2}>
@@ -961,7 +940,7 @@ const MainlineTimelineViewComponent = forwardRef(
           spacing={3}
           p={3}
           align="stretch"
-          minW="max-content"
+          w="max-content"
         >
           {mainlines.map((mainline) => {
             const groupId =