update ui

src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js

@@ -146,7 +146,7 @@ const HorizontalDynamicNewsEventCard = ({
                 >
                     <CardBody p={3} pb={2}>
                         {/* 右上角：关注按钮 */}
-                        <Box position="absolute" top={2} right={2} zIndex={1}>
+                        <Box position="absolute" top={2} right={2} zIndex={2}>
                             <EventFollowButton
                                 isFollowing={isFollowing}
                                 followerCount={followerCount}
@@ -156,6 +156,18 @@ const HorizontalDynamicNewsEventCard = ({
                             />
                         </Box>
 
+                        {/* Keywords梦幻轮播 - 绝对定位在卡片右侧空白处 */}
+                        {event.keywords && event.keywords.length > 0 && (
+                            <KeywordsCarousel
+                                keywords={event.keywords}
+                                interval={4000}
+                                onKeywordClick={(keyword) => {
+                                    console.log('Keyword clicked:', keyword);
+                                    // TODO: 实现关键词筛选功能
+                                }}
+                            />
+                        )}
+
                         <VStack align="stretch" spacing={1.5}>
                             {/* 标题 - 最多两行，hover 显示完整内容 */}
                             <Tooltip
@@ -173,7 +185,7 @@ const HorizontalDynamicNewsEventCard = ({
                                     cursor="pointer"
                                     onClick={(e) => onTitleClick?.(e, event)}
                                     mt={1}
-                                    paddingRight="10px"
+                                    paddingRight="120px"
                                 >
                                     <Text
                                         fontSize="md"
@@ -188,37 +200,13 @@ const HorizontalDynamicNewsEventCard = ({
                                 </Box>
                             </Tooltip>
 
-                            {/* 第二行：涨跌幅数据 + Keywords轮播 */}
-                            <HStack spacing={3} align="center" justify="space-between" w="full">
-                                {/* 左侧：涨跌幅数据 */}
-                                <StockChangeIndicators
-                                    avgChange={event.related_avg_chg}
-                                    maxChange={event.related_max_chg}
-                                    weekChange={event.related_week_chg}
-                                    size={indicatorSize}
-                                />
-
-                                {/* 右侧：Keywords轮播（半透明效果） */}
-                                {event.keywords && event.keywords.length > 0 && (
-                                    <Box
-                                        flex="1"
-                                        minW={0}
-                                        opacity={0.85}
-                                        _hover={{ opacity: 1 }}
-                                        transition="opacity 0.2s"
-                                    >
-                                        <KeywordsCarousel
-                                            keywords={event.keywords}
-                                            displayCount={3}
-                                            interval={3500}
-                                            onKeywordClick={(keyword) => {
-                                                console.log('Keyword clicked:', keyword);
-                                                // TODO: 实现关键词筛选功能
-                                            }}
-                                        />
-                                    </Box>
-                                )}
-                            </HStack>
+                            {/* 第二行：涨跌幅数据 */}
+                            <StockChangeIndicators
+                                avgChange={event.related_avg_chg}
+                                maxChange={event.related_max_chg}
+                                weekChange={event.related_week_chg}
+                                size={indicatorSize}
+                            />
                         </VStack>
                     </CardBody>
                 </Card>