更新Company页面的UI为FUI风格

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

@@ -62,7 +62,7 @@ const EventScrollList = React.memo(
     return (
       <Box
         ref={scrollContainerRef}
-        overflow="hidden"
+        overflow={mode === "mainline" ? "visible" : "hidden"}
         h="100%"
         pt={0}
         pb={mode === "mainline" ? 0 : 4}

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

@@ -295,7 +295,8 @@ const MainlineCard = React.memo(
         borderTopColor={`${colorScheme}.500`}
         minW={isExpanded ? "320px" : "280px"}
         maxW={isExpanded ? "380px" : "320px"}
-        h="100%"
+        minH="500px"
+        maxH="600px"
         display="flex"
         flexDirection="column"
         transition="all 0.3s ease"
@@ -785,10 +786,30 @@ const MainlineTimelineViewComponent = forwardRef(
     return (
       <Box
         display={display}
-        h="100%"
+        minH="600px"
+        h="auto"
         w="100%"
         bg={COLORS.containerBg}
-        overflow="hidden"
+        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
@@ -935,40 +956,11 @@ const MainlineTimelineViewComponent = forwardRef(
           </HStack>
         </Flex>
 
-        {/* 主线卡片横向滚动容器 - 使用 column-reverse 让滚动条在顶部 */}
+        {/* 主线卡片横向排列容器 */}
-        <Box
-          h="calc(100% - 44px)"
-          display="flex"
-          flexDirection="column-reverse"
-        >
-          <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}
           align="stretch"
-            h="100%"
           minW="max-content"
         >
           {mainlines.map((mainline) => {
@@ -996,8 +988,6 @@ const MainlineTimelineViewComponent = forwardRef(
           })}
         </HStack>
       </Box>
-        </Box>
-      </Box>
     );
   }
 );