refactor: 重构 Community 目录，将公共组件迁移到 src/components/

- 迁移 klineDataCache.js 到 src/utils/stock/（被 StockChart 使用）
- 迁移 InvestmentCalendar 到 src/components/InvestmentCalendar/（被 Navbar、Dashboard 使用）
- 迁移 DynamicNewsDetail 到 src/components/EventDetailPanel/（被 EventDetail 使用）
- 更新所有相关导入路径，使用路径别名
- 保持 Community 目录其余结构不变

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

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

src/components/EventDetailPanel/EventHeaderInfo.js

@@ -0,0 +1,142 @@
+// src/components/EventDetailPanel/EventHeaderInfo.js
+// 事件头部信息区组件
+
+import React from 'react';
+import {
+  Box,
+  Flex,
+  HStack,
+  Heading,
+  Text,
+  Badge,
+  Icon,
+  useColorModeValue,
+} from '@chakra-ui/react';
+import { ViewIcon } from '@chakra-ui/icons';
+import dayjs from 'dayjs';
+import StockChangeIndicators from '../../../../components/StockChangeIndicators';
+import EventFollowButton from '../EventCard/EventFollowButton';
+
+/**
+ * 事件头部信息区组件
+ * @param {Object} props
+ * @param {Object} props.event - 事件对象
+ * @param {Object} props.importance - 重要性配置对象（包含 level, color 等）
+ * @param {boolean} props.isFollowing - 是否已关注
+ * @param {number} props.followerCount - 关注数
+ * @param {Function} props.onToggleFollow - 切换关注回调
+ */
+const EventHeaderInfo = ({ event, importance, isFollowing, followerCount, onToggleFollow }) => {
+  const sectionBg = useColorModeValue('gray.50', 'gray.750');
+  const headingColor = useColorModeValue('gray.700', 'gray.200');
+
+  // 获取重要性文本
+  const getImportanceText = () => {
+    const levelMap = {
+      'S': '极高',
+      'A': '高',
+      'B': '中',
+      'C': '低'
+    };
+    return levelMap[importance.level] || '中';
+  };
+
+  // 格式化涨跌幅数字
+  const formatChange = (value) => {
+    if (value === null || value === undefined) return '--';
+    const prefix = value > 0 ? '+' : '';
+    return `${prefix}${value.toFixed(2)}%`;
+  };
+
+  return (
+    <Box bg={sectionBg} p={3} borderRadius="md" position="relative">
+      {/* 粉色圆角标签（左上角绝对定位） */}
+      {event.related_avg_chg !== null && event.related_avg_chg !== undefined && (
+        <Box
+          position="absolute"
+          top="-8px"
+          left="-8px"
+          bg="pink.500"
+          color="white"
+          px={3}
+          py={1}
+          borderRadius="full"
+          fontSize="sm"
+          fontWeight="bold"
+          boxShadow="md"
+          zIndex={1}
+        >
+          {formatChange(event.related_avg_chg)}
+        </Box>
+      )}
+
+      {/* 第一行：标题 + 关注按钮 */}
+      <Flex align="center" justify="space-between" mb={3} gap={4}>
+        {/* 标题 */}
+        <Heading size="md" color={headingColor} flex={1}>
+          {event.title}
+        </Heading>
+
+        {/* 关注按钮 */}
+        <EventFollowButton
+          isFollowing={isFollowing}
+          followerCount={followerCount}
+          onToggle={onToggleFollow}
+          size="sm"
+          showCount={true}
+        />
+      </Flex>
+      {/* 第二行：浏览数 + 日期 */}
+      <Flex align="left" mb={3} gap={4}>
+        {/* 浏览数 */}
+        <HStack spacing={1}>
+          <ViewIcon color="gray.400" boxSize={4} />
+          <Text fontSize="sm" color="gray.400" whiteSpace="nowrap">
+            {(event.view_count || 0).toLocaleString()}次浏览
+          </Text>
+        </HStack>
+
+        {/* 日期 */}
+        <Text fontSize="sm" color="red.500" fontWeight="medium" whiteSpace="nowrap">
+          {dayjs(event.created_at).format('YYYY年MM月DD日')}
+        </Text>
+      </Flex>
+
+      {/* 第三行：涨跌幅指标 + 重要性徽章 */}
+      <HStack spacing={3} align="center">
+        <Box maxW="500px">
+          <StockChangeIndicators
+            avgChange={event.related_avg_chg}
+            maxChange={event.related_max_chg}
+            weekChange={event.related_week_chg}
+          />
+        </Box>
+
+        {/* 重要性徽章 - 使用渐变色和图标 */}
+        <Badge
+          px={4}
+          py={2}
+          borderRadius="full"
+          fontSize="md"
+          fontWeight="bold"
+          bgGradient={
+            importance.level === 'S' ? 'linear(to-r, red.500, red.700)' :
+            importance.level === 'A' ? 'linear(to-r, orange.500, orange.700)' :
+            importance.level === 'B' ? 'linear(to-r, blue.500, blue.700)' :
+            'linear(to-r, gray.500, gray.700)'
+          }
+          color="white"
+          boxShadow="lg"
+          display="flex"
+          alignItems="center"
+          gap={2}
+        >
+          <Icon as={importance.icon} boxSize={5} />
+          <Text>重要性：{getImportanceText()}</Text>
+        </Badge>
+      </HStack>
+    </Box>
+  );
+};
+
+export default EventHeaderInfo;