更新Company页面的UI为FUI风格

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

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