From 9b969eb97e0c431f98b44de14a9947e45adf6fa5 Mon Sep 17 00:00:00 2001
From: zzlgreat <zzlgreat@gmail.com>
Date: Wed, 24 Dec 2025 12:52:04 +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           | 23 ++++++++-----------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js b/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js
index 693c2663..e884e9f4 100644
--- a/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js
+++ b/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 =