From 272a6002bbcad9c0955b2883ac1e36f0721a01f3 Mon Sep 17 00:00:00 2001
From: zzlgreat <zzlgreat@gmail.com>
Date: Wed, 24 Dec 2025 12:55:47 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0Company=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E7=9A=84UI=E4=B8=BAFUI=E9=A3=8E=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layouts/MainlineTimelineView.js           | 51 ++++++++++---------
 1 file changed, 27 insertions(+), 24 deletions(-)

diff --git a/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js b/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js
index e884e9f4..ac1c2629 100644
--- a/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js
+++ b/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}
-          css={{
-            "&::-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)`,
-            },
-          }}
+          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}
-            pb={0}
             align="stretch"
             h="100%"
             minW="max-content"
@@ -993,6 +995,7 @@ const MainlineTimelineViewComponent = forwardRef(
               );
             })}
           </HStack>
+          </Box>
         </Box>
       </Box>
     );