From ed75f1789ea949040da3a416f6e96d1da895ab8a Mon Sep 17 00:00:00 2001
From: zzlgreat <zzlgreat@gmail.com>
Date: Thu, 25 Dec 2025 13:40:11 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=94=A8=E6=88=B7=E7=9A=84?=
 =?UTF-8?q?=E7=9C=8B=E5=A4=9A/=E7=9C=8B=E7=A9=BA=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../HorizontalDynamicNewsEventCard.js         | 26 +++++++++----------
 .../EventCard/atoms/EventEngagement.js        |  5 ++--
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js b/src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js
index b8afacfd..e42e1d87 100644
--- a/src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js
+++ b/src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js
@@ -252,17 +252,17 @@ const HorizontalDynamicNewsEventCard = React.memo(({
                                 </Box>
                             </Tooltip>
 
-                            {/* 第二行：涨跌幅数据 */}
-                            <StockChangeIndicators
-                                maxChange={event.related_max_chg}
-                                avgChange={event.related_avg_chg}
-                                expectationScore={event.expectation_surprise_score}
-                                size={indicatorSize}
-                            />
+                            {/* 第二行：涨跌幅数据 + 互动指标（右侧） */}
+                            <HStack justify="space-between" align="center" w="full">
+                                <StockChangeIndicators
+                                    maxChange={event.related_max_chg}
+                                    avgChange={event.related_avg_chg}
+                                    expectationScore={event.expectation_surprise_score}
+                                    size={indicatorSize}
+                                />
 
-                            {/* 第三行：互动指标 - 独立一行更醒目 */}
-                            {showEngagement && (
-                                <Box mt={0.5}>
+                                {/* 互动指标放右侧 */}
+                                {showEngagement && (
                                     <EventEngagement
                                         eventId={event.id}
                                         viewCount={event.view_count}
@@ -270,11 +270,11 @@ const HorizontalDynamicNewsEventCard = React.memo(({
                                         bullishCount={event.bullish_count}
                                         bearishCount={event.bearish_count}
                                         userVote={event.user_vote}
-                                        size="sm"
+                                        size="md"
                                         onVoteChange={onVoteChange}
                                     />
-                                </Box>
-                            )}
+                                )}
+                            </HStack>
                         </VStack>
                     </CardBody>
                 </Card>
diff --git a/src/views/Community/components/EventCard/atoms/EventEngagement.js b/src/views/Community/components/EventCard/atoms/EventEngagement.js
index b2c3fcaf..29726c5e 100644
--- a/src/views/Community/components/EventCard/atoms/EventEngagement.js
+++ b/src/views/Community/components/EventCard/atoms/EventEngagement.js
@@ -52,9 +52,10 @@ const EventEngagement = ({
     const sizeConfig = {
         xs: { fontSize: '10px', iconSize: 12, spacing: 1.5, pillPx: 2, pillPy: 0.5 },
         sm: { fontSize: '11px', iconSize: 14, spacing: 2, pillPx: 2.5, pillPy: 1 },
-        md: { fontSize: '12px', iconSize: 16, spacing: 2.5, pillPx: 3, pillPy: 1.5 },
+        md: { fontSize: '13px', iconSize: 18, spacing: 3, pillPx: 3, pillPy: 1.5 },
+        lg: { fontSize: '14px', iconSize: 20, spacing: 3.5, pillPx: 3.5, pillPy: 2 },
     };
-    const config = sizeConfig[size] || sizeConfig.sm;
+    const config = sizeConfig[size] || sizeConfig.md;
 
     const handleVote = useCallback(async (voteType) => {
         if (!isLoggedIn) {