feat本次提交包含的优化

✅ StockChangeIndicators 组件优化

  - 调整 padding 使布局更紧凑
  - 修复窄卡片中的折行问题
  - 自动根据内容调整宽度

  ✅ 重要性等级视觉优化

  - 统一使用红色系（S→A→B→C：从深红到浅红）
  - 添加 badgeBg 字段支持新的角标样式

  ✅ DynamicNewsEventCard 卡片改版

  - 左上角矩形角标显示重要性（镂空边框样式）
  - 悬浮显示所有等级说明
  - 标题限制两行显示

  ✅ Mock 数据完整性

  - 添加缺失的 related_week_chg 字段
  - 确保三个涨跌幅指标数据完整

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

@@ -8,10 +8,17 @@ import {
     CardBody,
     Box,
     Text,
+    HStack,
+    Popover,
+    PopoverTrigger,
+    PopoverContent,
+    PopoverBody,
+    PopoverArrow,
+    Portal,
     useColorModeValue,
 } from '@chakra-ui/react';
 import moment from 'moment';
-import { getImportanceConfig } from '../../../../constants/importanceLevels';
+import { getImportanceConfig, getAllImportanceLevels } from '../../../../constants/importanceLevels';
 
 // 导入子组件
 import EventFollowButton from './EventFollowButton';
@@ -85,6 +92,7 @@ const DynamicNewsEventCard = ({
                 }
                 borderRadius="md"
                 boxShadow={isSelected ? "lg" : "sm"}
+                overflow="hidden"
                 _hover={{
                     boxShadow: 'xl',
                     transform: 'translateY(-2px)',
@@ -95,7 +103,74 @@ const DynamicNewsEventCard = ({
                 onClick={() => onEventClick?.(event)}
             >
                 <CardBody p={3}>
-                    {/* 关注按钮 - 绝对定位在右上角 */}
+                    {/* 左上角：重要性矩形角标（镂空边框样式） */}
+                    <Popover trigger="hover" placement="right" isLazy>
+                        <PopoverTrigger>
+                            <Box
+                                position="absolute"
+                                top={0}
+                                left={0}
+                                zIndex={1}
+                                bg="transparent"
+                                color={importance.badgeBg}
+                                borderWidth="2px"
+                                borderColor={importance.badgeBg}
+                                fontSize="11px"
+                                fontWeight="bold"
+                                px={1.5}
+                                py={0.5}
+                                minW="auto"
+                                display="flex"
+                                alignItems="center"
+                                justifyContent="center"
+                                lineHeight="1"
+                                borderBottomRightRadius="md"
+                                cursor="help"
+                            >
+                                {importance.label}
+                            </Box>
+                        </PopoverTrigger>
+                        <Portal>
+                            <PopoverContent width="auto" maxW="350px">
+                                <PopoverArrow />
+                                <PopoverBody p={3}>
+                                    <VStack align="stretch" spacing={2}>
+                                        <Text fontSize="sm" fontWeight="bold" mb={1}>
+                                            重要性等级说明
+                                        </Text>
+                                        {getAllImportanceLevels().map(item => (
+                                            <HStack key={item.level} spacing={2} align="flex-start">
+                                                <Box
+                                                    w="20px"
+                                                    h="20px"
+                                                    borderWidth="2px"
+                                                    borderColor={item.badgeBg}
+                                                    color={item.badgeBg}
+                                                    fontSize="9px"
+                                                    fontWeight="bold"
+                                                    display="flex"
+                                                    alignItems="center"
+                                                    justifyContent="center"
+                                                    borderRadius="sm"
+                                                    flexShrink={0}
+                                                >
+                                                    {item.level}
+                                                </Box>
+                                                <Text fontSize="xs" flex={1}>
+                                                    <Text as="span" fontWeight="bold">
+                                                        {item.label}：
+                                                    </Text>
+                                                    {item.description}
+                                                </Text>
+                                            </HStack>
+                                        ))}
+                                    </VStack>
+                                </PopoverBody>
+                            </PopoverContent>
+                        </Portal>
+                    </Popover>
+
+                    {/* 右上角：关注按钮 */}
                     <Box position="absolute" top={2} right={2} zIndex={1}>
                         <EventFollowButton
                             isFollowing={isFollowing}
@@ -106,11 +181,12 @@ const DynamicNewsEventCard = ({
                         />
                     </Box>
 
-                    <VStack align="stretch" spacing={2.5}>
-                        {/* 第一行：标题 + 重要性（行内文字） */}
+                    <VStack align="stretch" spacing={2}>
+                        {/* 标题 - 最多两行，添加上边距避免与角标重叠 */}
                         <Box
                             cursor="pointer"
                             onClick={(e) => onTitleClick?.(e, event)}
+                            mt={1}
                             paddingRight="10px"
                         >
                             <Text
@@ -118,18 +194,10 @@ const DynamicNewsEventCard = ({
                                 fontWeight="semibold"
                                 color={linkColor}
                                 lineHeight="1.4"
+                                noOfLines={2}
                                 _hover={{ textDecoration: 'underline' }}
                             >
                                 {event.title}
-                                <Text
-                                    as="span"
-                                    fontSize="sm"
-                                    fontWeight="bold"
-                                    color={importance.color}
-                                    ml={2}
-                                >
-                                    [{importance.level}]
-                                </Text>
                             </Text>
                         </Box>