fix: 修改相关概念组件以匹配真实API数据结构

修改内容：
- SimpleConceptCard.js: 改用 concept.concept 和 concept.score 字段
- DetailedConceptCard.js: 改用 concept.concept、concept.score 和 concept.price_info.avg_change_pct
- RelatedConceptsSection/index.js: 导航时使用 concept.concept 字段
- events.js mock数据: 更新keywords生成函数，使用concept/score/price_info结构

数据结构变更：
- name → concept (概念名称)
- relevance (0-100) → score (0-1)
- avg_change_pct → price_info.avg_change_pct (嵌套结构)

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

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

src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/DetailedConceptCard.js

@@ -35,8 +35,11 @@ const DetailedConceptCard = ({ concept, onClick }) => {
   const headingColor = useColorModeValue('gray.700', 'gray.200');
   const stockCountColor = useColorModeValue('gray.500', 'gray.400');
 
+  // 计算相关度百分比
+  const relevanceScore = Math.round((concept.score || 0) * 100);
+
   // 计算涨跌幅颜色
-  const changePct = parseFloat(concept.avg_change_pct);
+  const changePct = parseFloat(concept.price_info?.avg_change_pct);
   const changeColor = changePct > 0 ? 'red' : changePct < 0 ? 'green' : 'gray';
   const changeSymbol = changePct > 0 ? '+' : '';
 
@@ -61,11 +64,11 @@ const DetailedConceptCard = ({ concept, onClick }) => {
             {/* 左侧：概念名称 + Badge */}
             <VStack align="start" spacing={2} flex={1}>
               <Text fontSize="md" fontWeight="bold" color="blue.600">
-                {concept.name}
+                {concept.concept}
               </Text>
               <HStack spacing={2} flexWrap="wrap">
                 <Badge colorScheme="purple" fontSize="xs">
-                  相关度: {concept.relevance}%
+                  相关度: {relevanceScore}%
                 </Badge>
                 <Badge colorScheme="orange" fontSize="xs">
                   {concept.stock_count} 只股票
@@ -74,7 +77,7 @@ const DetailedConceptCard = ({ concept, onClick }) => {
             </VStack>
 
             {/* 右侧：涨跌幅 */}
-            {concept.avg_change_pct && (
+            {concept.price_info?.avg_change_pct && (
               <Box textAlign="right">
                 <Text fontSize="xs" color={stockCountColor} mb={1}>
                   平均涨跌幅

src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/SimpleConceptCard.js

@@ -24,7 +24,8 @@ const SimpleConceptCard = ({ concept, onClick, getRelevanceColor }) => {
   const conceptNameColor = useColorModeValue('gray.800', 'gray.100');
   const borderColor = useColorModeValue('gray.300', 'gray.600');
 
-  const relevanceColors = getRelevanceColor(concept.relevance);
+  const relevanceScore = Math.round((concept.score || 0) * 100);
+  const relevanceColors = getRelevanceColor(relevanceScore);
 
   return (
     <Flex
@@ -47,7 +48,7 @@ const SimpleConceptCard = ({ concept, onClick, getRelevanceColor }) => {
     >
       {/* 左侧：概念名 + 数量 */}
       <Text fontSize="sm" fontWeight="normal" color={conceptNameColor} mr={3}>
-        {concept.name}{' '}
+        {concept.concept}{' '}
         <Text as="span" color="gray.500">
           ({concept.stock_count})
         </Text>
@@ -63,7 +64,7 @@ const SimpleConceptCard = ({ concept, onClick, getRelevanceColor }) => {
         flexShrink={0}
       >
         <Text fontSize="xs" fontWeight="medium" whiteSpace="nowrap">
-          相关度: {concept.relevance}%
+          相关度: {relevanceScore}%
         </Text>
       </Box>
     </Flex>

src/views/Community/components/DynamicNewsDetail/RelatedConceptsSection/index.js

@@ -63,7 +63,7 @@ const RelatedConceptsSection = ({ keywords, effectiveTradingDate, eventTime }) =
    */
   const handleConceptClick = (concept) => {
     // 跳转到概念中心，并搜索该概念
-    navigate(`/concepts?q=${encodeURIComponent(concept.name)}`);
+    navigate(`/concepts?q=${encodeURIComponent(concept.concept)}`);
   };
 
   return (