更新Company页面的UI为FUI风格

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

@@ -935,42 +935,39 @@ const MainlineTimelineViewComponent = forwardRef(
           </HStack>
         </Flex>
 
-        {/* 主线卡片横向滚动容器 - 滚动条在顶部 */}
+        {/* 主线卡片横向滚动容器 */}
         <Box
           overflowX="auto"
           overflowY="hidden"
           h="calc(100% - 44px)"
+          pb={3}
           css={{
             "&::-webkit-scrollbar": {
-              height: "12px",
+              height: "14px",
               background: COLORS.scrollbarTrackBg,
             },
             "&::-webkit-scrollbar-track": {
               background: COLORS.scrollbarTrackBg,
-              borderRadius: "6px",
+              borderRadius: "7px",
+              margin: "0 8px",
             },
             "&::-webkit-scrollbar-thumb": {
-              background: COLORS.scrollbarThumbBg,
-              borderRadius: "6px",
-              border: "2px solid " + COLORS.scrollbarTrackBg,
+              background: `linear-gradient(90deg, ${COLORS.scrollbarThumbBg}, #8a9bb0)`,
+              borderRadius: "7px",
+              border: `3px solid ${COLORS.scrollbarTrackBg}`,
             },
             "&::-webkit-scrollbar-thumb:hover": {
-              background: COLORS.scrollbarThumbHoverBg,
+              background: `linear-gradient(90deg, ${COLORS.scrollbarThumbHoverBg}, #b8c5d4)`,
             },
-            // 滚动条放在顶部
-            transform: "rotateX(180deg)",
           }}
         >
           <HStack
             spacing={3}
             p={3}
+            pb={0}
             align="stretch"
             h="100%"
             minW="max-content"
-            css={{
-              // 内容反转回来（因为外层容器旋转了180度）
-              transform: "rotateX(180deg)",
-            }}
           >
             {mainlines.map((mainline) => {
               const groupId =