From 75dd3ad99440635e41f1483281cd9684cd25200f Mon Sep 17 00:00:00 2001
From: zzlgreat <zzlgreat@gmail.com>
Date: Wed, 24 Dec 2025 13:32:52 +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

---
 .../components/DynamicNews/DynamicNewsCard.js         |  4 ++--
 .../DynamicNews/layouts/MainlineTimelineView.js       | 11 ++++++++---
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/views/Community/components/DynamicNews/DynamicNewsCard.js b/src/views/Community/components/DynamicNews/DynamicNewsCard.js
index 5042088b..b82665e7 100644
--- a/src/views/Community/components/DynamicNews/DynamicNewsCard.js
+++ b/src/views/Community/components/DynamicNews/DynamicNewsCard.js
@@ -638,8 +638,8 @@ const [currentMode, setCurrentMode] = useState('vertical');
         overflow="visible"
         zIndex={1}
       >
-        {/* 内容区域 - 撑满剩余高度 */}
-        <Box flex="1" minH={0} position="relative">
+        {/* 内容区域 */}
+        <Box position="relative">
           {/* Loading 蒙层 - 数据请求时显示 */}
           {loading && (
             <Box
diff --git a/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js b/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js
index ef5a355f..c8b77c52 100644
--- a/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js
+++ b/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js
@@ -936,12 +936,13 @@ const MainlineTimelineViewComponent = forwardRef(
 
         {/* 横向滚动容器 - 滚动条在卡片上方 */}
         <Box
-          overflowX="auto"
+          overflowX="scroll"
           overflowY="visible"
           pb={2}
-          css={{
+          sx={{
             "&::-webkit-scrollbar": {
               height: "10px",
+              display: "block",
             },
             "&::-webkit-scrollbar-track": {
               background: COLORS.scrollbarTrackBg,
@@ -950,10 +951,13 @@ const MainlineTimelineViewComponent = forwardRef(
             "&::-webkit-scrollbar-thumb": {
               background: COLORS.scrollbarThumbBg,
               borderRadius: "5px",
+              minWidth: "40px",
             },
             "&::-webkit-scrollbar-thumb:hover": {
               background: COLORS.scrollbarThumbHoverBg,
             },
+            scrollbarWidth: "thin",
+            scrollbarColor: `${COLORS.scrollbarThumbBg} ${COLORS.scrollbarTrackBg}`,
           }}
         >
           {/* 主线卡片横向排列容器 */}
@@ -962,7 +966,8 @@ const MainlineTimelineViewComponent = forwardRef(
             p={3}
             pt={1}
             align="stretch"
-            w="max-content"
+            display="inline-flex"
+            minW="max-content"
           >
             {mainlines.map((mainline) => {
               const groupId =