From 901ac5345327d996528c42eac789aa8fc7420f63 Mon Sep 17 00:00:00 2001
From: zzlgreat <zzlgreat@gmail.com>
Date: Wed, 24 Dec 2025 13:48:38 +0800
Subject: [PATCH] =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E6=9D=A1=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../DynamicNews/layouts/MainlineTimelineView.js          | 6 +++---
 .../components/SearchFilters/CompactSearchBox.css        | 9 ++++++++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js b/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js
index c05296ec..e0d3b452 100644
--- a/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js
+++ b/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js
@@ -934,13 +934,13 @@ const MainlineTimelineViewComponent = forwardRef(
           </HStack>
         </Flex>
 
-        {/* 横向滚动容器 - 滚动条在卡片上方 */}
-        <Box className="mainline-scroll-container" pb={2}>
+        {/* 横向滚动容器 - 滚动条在顶部 */}
+        <Box className="mainline-scroll-container">
           {/* 主线卡片横向排列容器 */}
           <HStack
+            className="mainline-scroll-content"
             spacing={3}
             p={3}
-            pt={1}
             align="stretch"
             display="inline-flex"
             w="max-content"
diff --git a/src/views/Community/components/SearchFilters/CompactSearchBox.css b/src/views/Community/components/SearchFilters/CompactSearchBox.css
index 01ac13cf..b4197237 100644
--- a/src/views/Community/components/SearchFilters/CompactSearchBox.css
+++ b/src/views/Community/components/SearchFilters/CompactSearchBox.css
@@ -106,12 +106,19 @@
     font-size: 12px !important;
 }
 
-/* ==================== 主线视图横向滚动条 ==================== */
+/* ==================== 主线视图横向滚动条（顶部显示） ==================== */
 
 .mainline-scroll-container {
     overflow-x: scroll !important;
     overflow-y: visible !important;
     -webkit-overflow-scrolling: touch;
+    /* 翻转容器，让滚动条到顶部 */
+    transform: rotateX(180deg);
+}
+
+/* 内容翻转回来 */
+.mainline-scroll-content {
+    transform: rotateX(180deg);
 }
 
 .mainline-scroll-container::-webkit-scrollbar {