style: 优化事件详情和涨跌幅指标的视觉效果

EventHeaderInfo 组件优化：
- "重要性：高"背景色改为浅杏黄色（yellow.100 → orange.50）
- 文字颜色改为深杏色（yellow.700 → orange.800）
- 视觉效果更柔和优雅，不刺眼

StockChangeIndicators 组件优化：
- 改用多颜色梯度（5级分级）
- 上涨：红色系（red.900/700/500）→ 橙色系（orange.600/400）
- 下跌：绿色系（green.900/700/500）→ 青色系（teal.600/400）
- 背景色和边框色跟随数字颜色
- 移除调试 console.log

视觉改进：
- 颜色分级更细腻，从3级增加到5级
- 引入橙色和青色让小幅和大幅波动有明显色系区别
- 5.7% 显示为深红色，1.7% 显示为橙色，视觉区分明显

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/views/Community/components/DynamicNewsDetail/EventHeaderInfo.js

@@ -99,12 +99,12 @@ const EventHeaderInfo = ({ event, importance }) => {
 
         {/* 重要性文本 */}
         <Box
-          bg="yellow.100"
+          bg="orange.50"
           px={2}
           py={1}
           borderRadius="md"
         >
-          <Text fontSize="sm" color="yellow.700" whiteSpace="nowrap" fontWeight="medium">
+          <Text fontSize="sm" color="orange.800" whiteSpace="nowrap" fontWeight="medium">
             重要性：{getImportanceText()}
           </Text>
         </Box>