滚动条样式更新

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"

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 {