更新Company页面的UI为FUI风格

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

@@ -935,36 +935,38 @@ const MainlineTimelineViewComponent = forwardRef(
           </HStack>
         </Flex>
 
-        {/* 主线卡片横向滚动容器 */}
+        {/* 主线卡片横向滚动容器 - 使用 column-reverse 让滚动条在顶部 */}
         <Box
-          overflowX="auto"
-          overflowY="hidden"
           h="calc(100% - 44px)"
-          pb={3}
+          display="flex"
-          css={{
+          flexDirection="column-reverse"
-            "&::-webkit-scrollbar": {
-              height: "14px",
-              background: COLORS.scrollbarTrackBg,
-            },
-            "&::-webkit-scrollbar-track": {
-              background: COLORS.scrollbarTrackBg,
-              borderRadius: "7px",
-              margin: "0 8px",
-            },
-            "&::-webkit-scrollbar-thumb": {
-              background: `linear-gradient(90deg, ${COLORS.scrollbarThumbBg}, #8a9bb0)`,
-              borderRadius: "7px",
-              border: `3px solid ${COLORS.scrollbarTrackBg}`,
-            },
-            "&::-webkit-scrollbar-thumb:hover": {
-              background: `linear-gradient(90deg, ${COLORS.scrollbarThumbHoverBg}, #b8c5d4)`,
-            },
-          }}
         >
+          <Box
+            flex="1"
+            overflowX="auto"
+            overflowY="hidden"
+            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)`,
+              },
+            }}
+          >
           <HStack
             spacing={3}
             p={3}
-            pb={0}
             align="stretch"
             h="100%"
             minW="max-content"
@@ -993,6 +995,7 @@ const MainlineTimelineViewComponent = forwardRef(
               );
             })}
           </HStack>
+          </Box>
         </Box>
       </Box>
     );