更新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,37 +934,61 @@ const MainlineTimelineViewComponent = forwardRef(
           </HStack>
         </Flex>
 
-        {/* 主线卡片横向排列容器 */}
+        {/* 横向滚动容器 - 滚动条在卡片上方 */}
-        <HStack
+        <Box
-          spacing={3}
+          overflowX="auto"
-          p={3}
+          overflowY="visible"
-          align="stretch"
+          pb={2}
-          w="max-content"
+          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,
+            },
+          }}
         >
-          {mainlines.map((mainline) => {
+          {/* 主线卡片横向排列容器 */}
-            const groupId =
+          <HStack
-              mainline.group_id ||
+            spacing={3}
-              mainline.lv2_id ||
+            p={3}
-              mainline.lv1_id ||
+            pt={1}
-              "ungrouped";
+            align="stretch"
-            const groupName =
+            w="max-content"
-              mainline.group_name ||
+          >
-              mainline.lv2_name ||
+            {mainlines.map((mainline) => {
-              mainline.lv1_name ||
+              const groupId =
-              "其他";
+                mainline.group_id ||
-            return (
+                mainline.lv2_id ||
-              <MainlineCard
+                mainline.lv1_id ||
-                key={groupId}
+                "ungrouped";
-                mainline={mainline}
+              const groupName =
-                colorScheme={getColorScheme(groupName)}
+                mainline.group_name ||
-                isExpanded={expandedGroups[groupId]}
+                mainline.lv2_name ||
-                onToggle={() => toggleGroup(groupId)}
+                mainline.lv1_name ||
-                selectedEvent={selectedEvent}
+                "其他";
-                onEventSelect={onEventSelect}
+              return (
-              />
+                <MainlineCard
-            );
+                  key={groupId}
-          })}
+                  mainline={mainline}
-        </HStack>
+                  colorScheme={getColorScheme(groupName)}
+                  isExpanded={expandedGroups[groupId]}
+                  onToggle={() => toggleGroup(groupId)}
+                  selectedEvent={selectedEvent}
+                  onEventSelect={onEventSelect}
+                />
+              );
+            })}
+          </HStack>
+        </Box>
       </Box>
     );
   }