From 5843029b9c84b4f6b7ee02158beb7b34e4df74b2 Mon Sep 17 00:00:00 2001
From: zzlgreat <zzlgreat@gmail.com>
Date: Mon, 22 Dec 2025 17:24:19 +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           | 42 ++++++++++---------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js b/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js
index 383d0be7..24dea4ff 100644
--- a/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js
+++ b/src/views/Community/components/DynamicNews/layouts/MainlineTimelineView.js
@@ -84,32 +84,33 @@ const TimelineEventItem = React.memo(({ event, isSelected, onEventClick, isHot }
       w="100%"
       cursor="pointer"
       onClick={() => onEventClick?.(event)}
-      _hover={{ bg: "rgba(255, 255, 255, 0.05)" }}
+      _hover={{ bg: "rgba(255, 255, 255, 0.06)" }}
       borderRadius="md"
       transition="all 0.15s"
       bg={isSelected ? "rgba(66, 153, 225, 0.15)" : "transparent"}
-      py={1}
+      py={2}
+      px={1}
     >
       {/* 左侧时间 */}
       <Text
-        fontSize="xs"
+        fontSize="sm"
         color={COLORS.secondaryTextColor}
         fontWeight="500"
-        w="52px"
+        w="58px"
         flexShrink={0}
         textAlign="right"
-        pr={2}
+        pr={3}
       >
         {formatEventTime(event.created_at || event.event_time)}
       </Text>
 
       {/* 右侧内容 */}
-      <Box flex={1} minW={0} pr={1}>
+      <Box flex={1} minW={0} pr={2}>
         <Text
-          fontSize="xs"
+          fontSize="sm"
           color={COLORS.textColor}
           noOfLines={2}
-          lineHeight="1.5"
+          lineHeight="1.6"
         >
           {event.title}
         </Text>
@@ -118,11 +119,11 @@ const TimelineEventItem = React.memo(({ event, isSelected, onEventClick, isHot }
       {/* 涨跌幅 */}
       {hasChange && (
         <Text
-          fontSize="xs"
+          fontSize="sm"
           fontWeight="bold"
           color={isPositive ? "#fc8181" : "#68d391"}
           flexShrink={0}
-          minW="45px"
+          minW="50px"
           textAlign="right"
         >
           {isPositive ? "+" : ""}
@@ -208,8 +209,8 @@ const MainlineCard = React.memo(
         borderColor={COLORS.cardBorderColor}
         borderTopWidth="3px"
         borderTopColor={`${colorScheme}.500`}
-        minW={isExpanded ? "280px" : "200px"}
-        maxW={isExpanded ? "320px" : "240px"}
+        minW={isExpanded ? "320px" : "280px"}
+        maxW={isExpanded ? "380px" : "320px"}
         h="100%"
         display="flex"
         flexDirection="column"
@@ -291,7 +292,7 @@ const MainlineCard = React.memo(
           {hotEvent && (
             <Box
               px={3}
-              py={2}
+              py={2.5}
               bg="rgba(245, 101, 101, 0.08)"
               borderBottomWidth="1px"
               borderBottomColor={COLORS.cardBorderColor}
@@ -308,32 +309,33 @@ const MainlineCard = React.memo(
                 <Badge
                   bg="linear-gradient(135deg, #f56565 0%, #ed8936 100%)"
                   color="white"
-                  fontSize="10px"
-                  px={1.5}
+                  fontSize="xs"
+                  px={2}
                   py={0.5}
                   borderRadius="sm"
                   flexShrink={0}
                   display="flex"
                   alignItems="center"
-                  gap="2px"
+                  gap="3px"
+                  fontWeight="bold"
                 >
-                  <FireOutlined style={{ fontSize: 10 }} />
+                  <FireOutlined style={{ fontSize: 11 }} />
                   HOT
                 </Badge>
                 {/* HOT 事件标题 */}
                 <Text
-                  fontSize="xs"
+                  fontSize="sm"
                   color={COLORS.textColor}
                   noOfLines={2}
                   flex={1}
-                  lineHeight="1.4"
+                  lineHeight="1.5"
                 >
                   {hotEvent.title}
                 </Text>
                 {/* HOT 事件涨幅 */}
                 {(hotEvent.related_max_chg ?? hotEvent.related_avg_chg) != null && (
                   <Text
-                    fontSize="xs"
+                    fontSize="sm"
                     fontWeight="bold"
                     color="#fc8181"
                     flexShrink={0}