From 15f5c445c501e99d22470f6b1f96880927e57651 Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Tue, 9 Dec 2025 13:16:43 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20Community=20=E7=9B=AE=E5=BD=95?=
 =?UTF-8?q?=E7=BB=93=E6=9E=84=E9=87=8D=E7=BB=84=20+=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E5=AF=BC=E5=85=A5=E8=B7=AF=E5=BE=84=20+=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=20Mock=20=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## 目录重构
- DynamicNewsCard/ → DynamicNews/（含 layouts/, hooks/ 子目录）
- EventCard 原子组件 → EventCard/atoms/
- EventDetailModal 独立目录化
- HotEvents 独立目录化（含 CSS）
- SearchFilters 独立目录化（CompactSearchBox, TradingTimeFilter）

## 导入路径修复
- EventCard/*.js: 统一使用 @constants/, @utils/, @components/ 别名
- atoms/*.js: 修复移动后的相对路径问题
- DynamicNewsCard.js: 更新 contexts, store, constants 导入
- EventHeaderInfo.js, CompactMetaBar.js: 修复 EventFollowButton 导入

## Mock Handler 添加
- /api/events/:eventId/expectation-score - 事件超预期得分
- /api/index/:indexCode/realtime - 指数实时行情

## 警告修复
- CitationMark.js: overlayInnerStyle → styles (Antd 5.x)
- CitedContent.js: 移除不支持的 jsx 属性

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/components/Citation/CitationMark.js       |   2 +-
 src/components/Citation/CitedContent.js       |   2 +-
 .../EventDetailPanel/CompactMetaBar.js        |   2 +-
 .../EventDetailPanel/EventHeaderInfo.js       |   2 +-
 src/mocks/handlers/event.js                   |  39 ++++
 src/mocks/handlers/market.js                  |  47 +++++
 src/views/Community/README.md                 | 184 ++++++++++++++++++
 .../{ => DynamicNews}/DynamicNewsCard.js      |  22 +--
 .../EventDetailScrollPanel.js                 |   2 +-
 .../EventScrollList.js                        |   6 +-
 .../ModeToggleButtons.js                      |   2 +-
 .../PaginationControl.js                      |   2 +-
 .../constants.js                              |   2 +-
 .../components/DynamicNews/hooks/index.js     |   4 +
 .../hooks/usePagination.js                    |   6 +-
 .../Community/components/DynamicNews/index.js |  21 ++
 .../layouts}/VerticalModeLayout.js            |  10 +-
 .../layouts}/VirtualizedFourRowGrid.js        |   4 +-
 .../components/DynamicNews/layouts/index.js   |   5 +
 .../components/EventCard/CompactEventCard.js  |  12 +-
 .../components/EventCard/DetailedEventCard.js |  16 +-
 .../EventCard/DynamicNewsEventCard.js         |   8 +-
 .../HorizontalDynamicNewsEventCard.js         |  16 +-
 .../EventCard/{ => atoms}/EventDescription.js |   0
 .../{ => atoms}/EventFollowButton.js          |   2 +-
 .../EventCard/{ => atoms}/EventHeader.js      |   0
 .../{ => atoms}/EventImportanceBadge.js       |   4 +-
 .../{ => atoms}/EventPriceDisplay.js          |   4 +-
 .../EventCard/{ => atoms}/EventStats.js       |   0
 .../EventCard/{ => atoms}/EventTimeline.js    |   0
 .../EventCard/{ => atoms}/ImportanceBadge.js  |   4 +-
 .../EventCard/{ => atoms}/ImportanceStamp.js  |   4 +-
 .../EventCard/{ => atoms}/KeywordsCarousel.js |   4 +-
 .../components/EventCard/atoms/index.js       |  13 ++
 .../EventDetailModal.less                     |   0
 .../EventDetailModal.tsx                      |   0
 .../components/EventDetailModal/index.ts      |   4 +
 src/views/Community/components/HeroPanel.js   |   4 +-
 .../components/{ => HotEvents}/HotEvents.css  |   0
 .../components/{ => HotEvents}/HotEvents.js   |   6 +-
 .../{ => HotEvents}/HotEventsSection.js       |   4 +-
 .../Community/components/HotEvents/index.js   |   5 +
 .../{ => SearchFilters}/CompactSearchBox.css  |   0
 .../{ => SearchFilters}/CompactSearchBox.js   |   2 +-
 .../{ => SearchFilters}/TradingTimeFilter.js  |   0
 .../components/SearchFilters/index.js         |   5 +
 src/views/Community/index.js                  |   4 +-
 47 files changed, 409 insertions(+), 76 deletions(-)
 create mode 100644 src/views/Community/README.md
 rename src/views/Community/components/{ => DynamicNews}/DynamicNewsCard.js (97%)
 rename src/views/Community/components/{DynamicNewsCard => DynamicNews}/EventDetailScrollPanel.js (96%)
 rename src/views/Community/components/{DynamicNewsCard => DynamicNews}/EventScrollList.js (96%)
 rename src/views/Community/components/{DynamicNewsCard => DynamicNews}/ModeToggleButtons.js (92%)
 rename src/views/Community/components/{DynamicNewsCard => DynamicNews}/PaginationControl.js (98%)
 rename src/views/Community/components/{DynamicNewsCard => DynamicNews}/constants.js (97%)
 create mode 100644 src/views/Community/components/DynamicNews/hooks/index.js
 rename src/views/Community/components/{DynamicNewsCard => DynamicNews}/hooks/usePagination.js (98%)
 create mode 100644 src/views/Community/components/DynamicNews/index.js
 rename src/views/Community/components/{DynamicNewsCard => DynamicNews/layouts}/VerticalModeLayout.js (94%)
 rename src/views/Community/components/{DynamicNewsCard => DynamicNews/layouts}/VirtualizedFourRowGrid.js (98%)
 create mode 100644 src/views/Community/components/DynamicNews/layouts/index.js
 rename src/views/Community/components/EventCard/{ => atoms}/EventDescription.js (100%)
 rename src/views/Community/components/EventCard/{ => atoms}/EventFollowButton.js (96%)
 rename src/views/Community/components/EventCard/{ => atoms}/EventHeader.js (100%)
 rename src/views/Community/components/EventCard/{ => atoms}/EventImportanceBadge.js (95%)
 rename src/views/Community/components/EventCard/{ => atoms}/EventPriceDisplay.js (98%)
 rename src/views/Community/components/EventCard/{ => atoms}/EventStats.js (100%)
 rename src/views/Community/components/EventCard/{ => atoms}/EventTimeline.js (100%)
 rename src/views/Community/components/EventCard/{ => atoms}/ImportanceBadge.js (95%)
 rename src/views/Community/components/EventCard/{ => atoms}/ImportanceStamp.js (94%)
 rename src/views/Community/components/EventCard/{ => atoms}/KeywordsCarousel.js (94%)
 create mode 100644 src/views/Community/components/EventCard/atoms/index.js
 rename src/views/Community/components/{ => EventDetailModal}/EventDetailModal.less (100%)
 rename src/views/Community/components/{ => EventDetailModal}/EventDetailModal.tsx (100%)
 create mode 100644 src/views/Community/components/EventDetailModal/index.ts
 rename src/views/Community/components/{ => HotEvents}/HotEvents.css (100%)
 rename src/views/Community/components/{ => HotEvents}/HotEvents.js (97%)
 rename src/views/Community/components/{ => HotEvents}/HotEventsSection.js (95%)
 create mode 100644 src/views/Community/components/HotEvents/index.js
 rename src/views/Community/components/{ => SearchFilters}/CompactSearchBox.css (100%)
 rename src/views/Community/components/{ => SearchFilters}/CompactSearchBox.js (99%)
 rename src/views/Community/components/{ => SearchFilters}/TradingTimeFilter.js (100%)
 create mode 100644 src/views/Community/components/SearchFilters/index.js

diff --git a/src/components/Citation/CitationMark.js b/src/components/Citation/CitationMark.js
index bedcaa13..46b0929a 100644
--- a/src/components/Citation/CitationMark.js
+++ b/src/components/Citation/CitationMark.js
@@ -121,7 +121,7 @@ const CitationMark = ({ citationId, citation }) => {
             title={`引用来源 [${citationId}]`}
             trigger={triggerType}
             placement="top"
-            overlayInnerStyle={{ maxWidth: 340, padding: '8px' }}
+            styles={{ body: { maxWidth: 340, padding: '8px' } }}
             open={popoverVisible}
             onOpenChange={setPopoverVisible}
             zIndex={2000}
diff --git a/src/components/Citation/CitedContent.js b/src/components/Citation/CitedContent.js
index 2e36591a..45de9573 100644
--- a/src/components/Citation/CitedContent.js
+++ b/src/components/Citation/CitedContent.js
@@ -146,7 +146,7 @@ const CitedContent = ({
             </div>
 
             {/* 响应式样式 */}
-            <style jsx>{`
+            <style>{`
                 @media (max-width: 768px) {
                     .ai-badge-responsive {
                         font-size: 10px !important;
diff --git a/src/components/EventDetailPanel/CompactMetaBar.js b/src/components/EventDetailPanel/CompactMetaBar.js
index d6570d6b..cd84d590 100644
--- a/src/components/EventDetailPanel/CompactMetaBar.js
+++ b/src/components/EventDetailPanel/CompactMetaBar.js
@@ -10,7 +10,7 @@ import {
   useColorModeValue,
 } from '@chakra-ui/react';
 import { ViewIcon } from '@chakra-ui/icons';
-import EventFollowButton from '@views/Community/components/EventCard/EventFollowButton';
+import { EventFollowButton } from '@views/Community/components/EventCard/atoms';
 
 /**
  * 精简信息栏组件
diff --git a/src/components/EventDetailPanel/EventHeaderInfo.js b/src/components/EventDetailPanel/EventHeaderInfo.js
index 45b277fc..d88a7eb6 100644
--- a/src/components/EventDetailPanel/EventHeaderInfo.js
+++ b/src/components/EventDetailPanel/EventHeaderInfo.js
@@ -15,7 +15,7 @@ import {
 import { ViewIcon } from '@chakra-ui/icons';
 import dayjs from 'dayjs';
 import StockChangeIndicators from '../StockChangeIndicators';
-import EventFollowButton from '@views/Community/components/EventCard/EventFollowButton';
+import { EventFollowButton } from '@views/Community/components/EventCard/atoms';
 
 /**
  * 事件头部信息区组件
diff --git a/src/mocks/handlers/event.js b/src/mocks/handlers/event.js
index a328d079..a616e95a 100644
--- a/src/mocks/handlers/event.js
+++ b/src/mocks/handlers/event.js
@@ -297,6 +297,45 @@ export const eventHandlers = [
         }
     }),
 
+    // 获取事件超预期得分
+    http.get('/api/events/:eventId/expectation-score', async ({ params }) => {
+        await delay(200);
+
+        const { eventId } = params;
+
+        console.log('[Mock] 获取事件超预期得分, eventId:', eventId);
+
+        try {
+            // 生成模拟的超预期得分数据
+            const score = parseFloat((Math.random() * 100).toFixed(1));
+            const avgChange = parseFloat((Math.random() * 10 - 2).toFixed(2));
+            const maxChange = parseFloat((Math.random() * 15).toFixed(2));
+
+            return HttpResponse.json({
+                success: true,
+                data: {
+                    event_id: parseInt(eventId),
+                    expectation_score: score,
+                    avg_change: avgChange,
+                    max_change: maxChange,
+                    stock_count: Math.floor(Math.random() * 20) + 5,
+                    updated_at: new Date().toISOString(),
+                },
+                message: '获取成功'
+            });
+        } catch (error) {
+            console.error('[Mock] 获取事件超预期得分失败:', error);
+            return HttpResponse.json(
+                {
+                    success: false,
+                    error: '获取事件超预期得分失败',
+                    data: null
+                },
+                { status: 500 }
+            );
+        }
+    }),
+
     // 获取事件相关股票
     http.get('/api/events/:eventId/stocks', async ({ params }) => {
         await delay(300);
diff --git a/src/mocks/handlers/market.js b/src/mocks/handlers/market.js
index 8602af79..19857e45 100644
--- a/src/mocks/handlers/market.js
+++ b/src/mocks/handlers/market.js
@@ -8,6 +8,53 @@ import { generateMarketData } from '../data/market';
 const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));
 
 export const marketHandlers = [
+    // 0. 指数实时行情数据
+    http.get('/api/index/:indexCode/realtime', async ({ params }) => {
+        await delay(100);
+        const { indexCode } = params;
+
+        console.log('[Mock] 获取指数实时行情, indexCode:', indexCode);
+
+        // 指数基础数据
+        const indexData = {
+            '000001': { name: '上证指数', basePrice: 3200, baseVolume: 3500 },
+            '399001': { name: '深证成指', basePrice: 10500, baseVolume: 4200 },
+            '399006': { name: '创业板指', basePrice: 2100, baseVolume: 1800 },
+            '000300': { name: '沪深300', basePrice: 3800, baseVolume: 2800 },
+            '000016': { name: '上证50', basePrice: 2600, baseVolume: 1200 },
+            '000905': { name: '中证500', basePrice: 5800, baseVolume: 1500 },
+        };
+
+        const baseData = indexData[indexCode] || { name: `指数${indexCode}`, basePrice: 3000, baseVolume: 2000 };
+
+        // 生成随机波动
+        const changePercent = parseFloat((Math.random() * 4 - 2).toFixed(2)); // -2% ~ +2%
+        const price = parseFloat((baseData.basePrice * (1 + changePercent / 100)).toFixed(2));
+        const change = parseFloat((price - baseData.basePrice).toFixed(2));
+        const volume = parseFloat((baseData.baseVolume * (0.8 + Math.random() * 0.4)).toFixed(2)); // 80%-120% of base
+        const amount = parseFloat((volume * price / 10000).toFixed(2)); // 亿元
+
+        return HttpResponse.json({
+            success: true,
+            data: {
+                index_code: indexCode,
+                index_name: baseData.name,
+                current_price: price,
+                change: change,
+                change_percent: changePercent,
+                open_price: parseFloat((baseData.basePrice * (1 + (Math.random() * 0.01 - 0.005))).toFixed(2)),
+                high_price: parseFloat((price * (1 + Math.random() * 0.01)).toFixed(2)),
+                low_price: parseFloat((price * (1 - Math.random() * 0.01)).toFixed(2)),
+                prev_close: baseData.basePrice,
+                volume: volume, // 亿手
+                amount: amount, // 亿元
+                update_time: new Date().toISOString(),
+                market_status: 'trading', // trading, closed, pre-market, after-hours
+            },
+            message: '获取成功'
+        });
+    }),
+
     // 1. 成交数据
     http.get('/api/market/trade/:stockCode', async ({ params, request }) => {
         await delay(200);
diff --git a/src/views/Community/README.md b/src/views/Community/README.md
new file mode 100644
index 00000000..0952464d
--- /dev/null
+++ b/src/views/Community/README.md
@@ -0,0 +1,184 @@
+# Community 模块说明
+
+本目录包含社区页面的所有组件，按功能模块进行组织。
+
+## 目录结构
+
+```
+src/views/Community/
+├── index.js                 # 页面入口
+├── components/              # 组件目录
+│   ├── SearchFilters/       # 搜索筛选模块
+│   │   ├── CompactSearchBox.js
+│   │   ├── CompactSearchBox.css
+│   │   ├── TradingTimeFilter.js
+│   │   └── index.js
+│   ├── EventCard/           # 事件卡片模块
+│   │   ├── atoms/           # 原子组件
+│   │   └── index.js
+│   ├── HotEvents/           # 热点事件模块
+│   │   ├── HotEvents.js
+│   │   ├── HotEvents.css
+│   │   ├── HotEventsSection.js
+│   │   └── index.js
+│   ├── DynamicNews/         # 动态新闻模块
+│   │   ├── layouts/
+│   │   ├── hooks/
+│   │   └── index.js
+│   ├── EventDetailModal/    # 事件详情弹窗模块
+│   │   ├── EventDetailModal.tsx
+│   │   ├── EventDetailModal.less
+│   │   └── index.ts
+│   └── HeroPanel.js         # 英雄面板（独立组件）
+└── hooks/                   # 页面级 Hooks
+    ├── useEventData.js
+    ├── useEventFilters.js
+    └── useCommunityEvents.js
+```
+
+---
+
+## 1. SearchFilters 模块（搜索筛选）
+
+路径：`components/SearchFilters/`
+
+| 文件 | 行数 | 功能 |
+|------|------|------|
+| `CompactSearchBox.js` | 612 | 紧凑搜索框，集成关键词搜索、概念/行业筛选 |
+| `TradingTimeFilter.js` | 491 | 交易时间筛选器，被 CompactSearchBox 引用 |
+
+**使用方式**：
+```javascript
+import { CompactSearchBox } from './components/SearchFilters';
+```
+
+---
+
+## 2. EventCard 模块（事件卡片）
+
+路径：`components/EventCard/`
+
+### 主卡片组件
+
+| 文件 | 功能 |
+|------|------|
+| `CompactEventCard.js` | 紧凑事件卡片（列表模式） |
+| `DetailedEventCard.js` | 详细事件卡片（展开模式） |
+| `DynamicNewsEventCard.js` | 动态新闻事件卡片 |
+| `HorizontalDynamicNewsEventCard.js` | 水平布局新闻卡片 |
+
+### 原子组件（atoms/）
+
+| 文件 | 功能 |
+|------|------|
+| `EventHeader.js` | 事件标题头部 |
+| `EventDescription.js` | 事件描述文本 |
+| `EventStats.js` | 事件统计数据 |
+| `EventPriceDisplay.js` | 股价显示 |
+| `EventTimeline.js` | 事件时间线 |
+| `EventFollowButton.js` | 关注按钮 |
+| `EventImportanceBadge.js` | 重要性徽章 |
+| `ImportanceBadge.js` | 通用重要性徽章 |
+| `ImportanceStamp.js` | 重要性印章 |
+| `KeywordsCarousel.js` | 关键词轮播 |
+
+**使用方式**：
+```javascript
+// 使用主卡片组件
+import EventCard from './components/EventCard';
+
+// 使用原子组件
+import { EventHeader, EventTimeline } from './components/EventCard/atoms';
+```
+
+---
+
+## 3. HotEvents 模块（热点事件）
+
+路径：`components/HotEvents/`
+
+| 文件 | 功能 |
+|------|------|
+| `HotEvents.js` | 热点事件列表渲染 |
+| `HotEventsSection.js` | 热点事件区块容器 |
+
+**使用方式**：
+```javascript
+import { HotEventsSection } from './components/HotEvents';
+```
+
+---
+
+## 4. DynamicNews 模块（动态新闻）
+
+路径：`components/DynamicNews/`
+
+### 主组件
+
+| 文件 | 功能 |
+|------|------|
+| `DynamicNewsCard.js` | 主列表容器（695行） |
+| `EventScrollList.js` | 事件滚动列表 |
+| `EventDetailScrollPanel.js` | 事件详情滚动面板 |
+| `ModeToggleButtons.js` | 模式切换按钮 |
+| `PaginationControl.js` | 分页控制器 |
+| `constants.js` | 常量配置 |
+
+### 布局组件（layouts/）
+
+| 文件 | 功能 |
+|------|------|
+| `VerticalModeLayout.js` | 垂直布局模式 |
+| `VirtualizedFourRowGrid.js` | 虚拟滚动四行网格（性能优化） |
+
+### Hooks（hooks/）
+
+| 文件 | 功能 |
+|------|------|
+| `usePagination.js` | 分页逻辑 Hook |
+
+**使用方式**：
+```javascript
+import { DynamicNewsCard } from './components/DynamicNews';
+import { usePagination } from './components/DynamicNews/hooks';
+```
+
+---
+
+## 5. EventDetailModal 模块（事件详情弹窗）
+
+路径：`components/EventDetailModal/`
+
+| 文件 | 功能 |
+|------|------|
+| `EventDetailModal.tsx` | 事件详情弹窗（TypeScript） |
+| `EventDetailModal.less` | 弹窗样式 |
+
+**使用方式**：
+```javascript
+import EventDetailModal from './components/EventDetailModal';
+```
+
+---
+
+## 6. 独立组件
+
+路径：`components/`
+
+| 文件 | 行数 | 功能 |
+|------|------|------|
+| `HeroPanel.js` | 972 | 首页英雄面板（指数K线 + 概念词云） |
+
+**说明**：
+- `HeroPanel.js` 使用懒加载，包含 ECharts (~600KB)
+
+---
+
+## 更新日志
+
+- **2024-12-09**: 目录结构重组
+  - 创建 `SearchFilters/` 模块（含 CSS）
+  - 创建 `EventCard/atoms/` 原子组件目录
+  - 创建 `HotEvents/` 模块（含 CSS）
+  - 重组 `DynamicNews/` 模块（含 layouts/ 和 hooks/）
+  - 创建 `EventDetailModal/` 模块
diff --git a/src/views/Community/components/DynamicNewsCard.js b/src/views/Community/components/DynamicNews/DynamicNewsCard.js
similarity index 97%
rename from src/views/Community/components/DynamicNewsCard.js
rename to src/views/Community/components/DynamicNews/DynamicNewsCard.js
index 8642f07c..266d1867 100644
--- a/src/views/Community/components/DynamicNewsCard.js
+++ b/src/views/Community/components/DynamicNews/DynamicNewsCard.js
@@ -1,4 +1,4 @@
-// src/views/Community/components/DynamicNewsCard.js
+// src/views/Community/components/DynamicNews/DynamicNewsCard.js
 // 横向滚动事件卡片组件（实时要闻·动态追踪）
 
 import React, { forwardRef, useState, useEffect, useMemo, useCallback, useRef, useImperativeHandle } from 'react';
@@ -30,23 +30,23 @@ import {
   Icon,
 } from '@chakra-ui/react';
 import { TimeIcon, BellIcon } from '@chakra-ui/icons';
-import { useNotification } from '../../../contexts/NotificationContext';
-import EventScrollList from './DynamicNewsCard/EventScrollList';
-import ModeToggleButtons from './DynamicNewsCard/ModeToggleButtons';
-import PaginationControl from './DynamicNewsCard/PaginationControl';
+import { useNotification } from '@contexts/NotificationContext';
+import EventScrollList from './EventScrollList';
+import ModeToggleButtons from './ModeToggleButtons';
+import PaginationControl from './PaginationControl';
 import DynamicNewsDetailPanel from '@components/EventDetailPanel';
-import CompactSearchBox from './CompactSearchBox';
+import CompactSearchBox from '../SearchFilters/CompactSearchBox';
 import {
   fetchDynamicNews,
   toggleEventFollow,
   selectEventFollowStatus,
   selectVerticalEventsWithLoading,
   selectFourRowEventsWithLoading
-} from '../../../store/slices/communityDataSlice';
-import { usePagination } from './DynamicNewsCard/hooks/usePagination';
-import { PAGINATION_CONFIG, DISPLAY_MODES, REFRESH_DEBOUNCE_DELAY } from './DynamicNewsCard/constants';
-import { PROFESSIONAL_COLORS } from '../../../constants/professionalTheme';
-import { debounce } from '../../../utils/debounce';
+} from '@store/slices/communityDataSlice';
+import { usePagination } from './hooks/usePagination';
+import { PAGINATION_CONFIG, DISPLAY_MODES, REFRESH_DEBOUNCE_DELAY } from './constants';
+import { PROFESSIONAL_COLORS } from '@constants/professionalTheme';
+import { debounce } from '@utils/debounce';
 import { useDevice } from '@hooks/useDevice';
 
 // 🔍 调试：渲染计数器
diff --git a/src/views/Community/components/DynamicNewsCard/EventDetailScrollPanel.js b/src/views/Community/components/DynamicNews/EventDetailScrollPanel.js
similarity index 96%
rename from src/views/Community/components/DynamicNewsCard/EventDetailScrollPanel.js
rename to src/views/Community/components/DynamicNews/EventDetailScrollPanel.js
index 18ec5413..45db4c37 100644
--- a/src/views/Community/components/DynamicNewsCard/EventDetailScrollPanel.js
+++ b/src/views/Community/components/DynamicNews/EventDetailScrollPanel.js
@@ -1,4 +1,4 @@
-// src/views/Community/components/DynamicNewsCard/EventDetailScrollPanel.js
+// src/views/Community/components/DynamicNews/EventDetailScrollPanel.js
 // 事件详情滚动面板组件
 
 import React from 'react';
diff --git a/src/views/Community/components/DynamicNewsCard/EventScrollList.js b/src/views/Community/components/DynamicNews/EventScrollList.js
similarity index 96%
rename from src/views/Community/components/DynamicNewsCard/EventScrollList.js
rename to src/views/Community/components/DynamicNews/EventScrollList.js
index b843b76d..c1ebf70d 100644
--- a/src/views/Community/components/DynamicNewsCard/EventScrollList.js
+++ b/src/views/Community/components/DynamicNews/EventScrollList.js
@@ -1,4 +1,4 @@
-// src/views/Community/components/DynamicNewsCard/EventScrollList.js
+// src/views/Community/components/DynamicNews/EventScrollList.js
 // 横向滚动事件列表组件
 
 import React, { useRef, useCallback } from 'react';
@@ -6,8 +6,8 @@ import {
   Box,
   useColorModeValue
 } from '@chakra-ui/react';
-import VirtualizedFourRowGrid from './VirtualizedFourRowGrid';
-import VerticalModeLayout from './VerticalModeLayout';
+import VirtualizedFourRowGrid from './layouts/VirtualizedFourRowGrid';
+import VerticalModeLayout from './layouts/VerticalModeLayout';
 
 /**
  * 事件列表组件 - 支持纵向和平铺两种展示模式
diff --git a/src/views/Community/components/DynamicNewsCard/ModeToggleButtons.js b/src/views/Community/components/DynamicNews/ModeToggleButtons.js
similarity index 92%
rename from src/views/Community/components/DynamicNewsCard/ModeToggleButtons.js
rename to src/views/Community/components/DynamicNews/ModeToggleButtons.js
index dd17ad32..ca56536e 100644
--- a/src/views/Community/components/DynamicNewsCard/ModeToggleButtons.js
+++ b/src/views/Community/components/DynamicNews/ModeToggleButtons.js
@@ -1,4 +1,4 @@
-// src/views/Community/components/DynamicNewsCard/ModeToggleButtons.js
+// src/views/Community/components/DynamicNews/ModeToggleButtons.js
 // 事件列表模式切换按钮组
 
 import React from 'react';
diff --git a/src/views/Community/components/DynamicNewsCard/PaginationControl.js b/src/views/Community/components/DynamicNews/PaginationControl.js
similarity index 98%
rename from src/views/Community/components/DynamicNewsCard/PaginationControl.js
rename to src/views/Community/components/DynamicNews/PaginationControl.js
index 19fb11e3..9e171509 100644
--- a/src/views/Community/components/DynamicNewsCard/PaginationControl.js
+++ b/src/views/Community/components/DynamicNews/PaginationControl.js
@@ -1,4 +1,4 @@
-// src/views/Community/components/DynamicNewsCard/PaginationControl.js
+// src/views/Community/components/DynamicNews/PaginationControl.js
 // 分页控制器组件
 
 import React, { useState } from 'react';
diff --git a/src/views/Community/components/DynamicNewsCard/constants.js b/src/views/Community/components/DynamicNews/constants.js
similarity index 97%
rename from src/views/Community/components/DynamicNewsCard/constants.js
rename to src/views/Community/components/DynamicNews/constants.js
index 19ea7300..82f60e85 100644
--- a/src/views/Community/components/DynamicNewsCard/constants.js
+++ b/src/views/Community/components/DynamicNews/constants.js
@@ -1,4 +1,4 @@
-// src/views/Community/components/DynamicNewsCard/constants.js
+// src/views/Community/components/DynamicNews/constants.js
 // 动态新闻卡片组件 - 常量配置
 
 // ========== 分页配置常量 ==========
diff --git a/src/views/Community/components/DynamicNews/hooks/index.js b/src/views/Community/components/DynamicNews/hooks/index.js
new file mode 100644
index 00000000..53c431c2
--- /dev/null
+++ b/src/views/Community/components/DynamicNews/hooks/index.js
@@ -0,0 +1,4 @@
+// src/views/Community/components/DynamicNews/hooks/index.js
+// Hooks
+
+export { usePagination } from './usePagination';
diff --git a/src/views/Community/components/DynamicNewsCard/hooks/usePagination.js b/src/views/Community/components/DynamicNews/hooks/usePagination.js
similarity index 98%
rename from src/views/Community/components/DynamicNewsCard/hooks/usePagination.js
rename to src/views/Community/components/DynamicNews/hooks/usePagination.js
index 72e3790b..942d5855 100644
--- a/src/views/Community/components/DynamicNewsCard/hooks/usePagination.js
+++ b/src/views/Community/components/DynamicNews/hooks/usePagination.js
@@ -1,9 +1,9 @@
-// src/views/Community/components/DynamicNewsCard/hooks/usePagination.js
+// src/views/Community/components/DynamicNews/hooks/usePagination.js
 // 分页逻辑自定义 Hook
 
 import { useState, useMemo, useCallback, useRef } from 'react';
-import { fetchDynamicNews, updatePaginationPage } from '../../../../../store/slices/communityDataSlice';
-import { logger } from '../../../../../utils/logger';
+import { fetchDynamicNews, updatePaginationPage } from '@store/slices/communityDataSlice';
+import { logger } from '@utils/logger';
 import {
   PAGINATION_CONFIG,
   DISPLAY_MODES,
diff --git a/src/views/Community/components/DynamicNews/index.js b/src/views/Community/components/DynamicNews/index.js
new file mode 100644
index 00000000..41780cd1
--- /dev/null
+++ b/src/views/Community/components/DynamicNews/index.js
@@ -0,0 +1,21 @@
+// src/views/Community/components/DynamicNews/index.js
+// 动态新闻模块
+
+// 主组件
+export { default as DynamicNewsCard } from './DynamicNewsCard';
+
+// 布局组件
+export { default as VerticalModeLayout } from './layouts/VerticalModeLayout';
+export { default as VirtualizedFourRowGrid } from './layouts/VirtualizedFourRowGrid';
+
+// 子组件
+export { default as EventScrollList } from './EventScrollList';
+export { default as EventDetailScrollPanel } from './EventDetailScrollPanel';
+export { default as ModeToggleButtons } from './ModeToggleButtons';
+export { default as PaginationControl } from './PaginationControl';
+
+// Hooks
+export { usePagination } from './hooks/usePagination';
+
+// 常量
+export * from './constants';
diff --git a/src/views/Community/components/DynamicNewsCard/VerticalModeLayout.js b/src/views/Community/components/DynamicNews/layouts/VerticalModeLayout.js
similarity index 94%
rename from src/views/Community/components/DynamicNewsCard/VerticalModeLayout.js
rename to src/views/Community/components/DynamicNews/layouts/VerticalModeLayout.js
index 847345b0..adecc529 100644
--- a/src/views/Community/components/DynamicNewsCard/VerticalModeLayout.js
+++ b/src/views/Community/components/DynamicNews/layouts/VerticalModeLayout.js
@@ -1,4 +1,4 @@
-// src/views/Community/components/DynamicNewsCard/VerticalModeLayout.js
+// src/views/Community/components/DynamicNews/layouts/VerticalModeLayout.js
 // 纵向分栏模式布局组件
 
 import React, { useState } from 'react';
@@ -12,10 +12,10 @@ import {
   useDisclosure
 } from '@chakra-ui/react';
 import { InfoIcon } from '@chakra-ui/icons';
-import HorizontalDynamicNewsEventCard from '../EventCard/HorizontalDynamicNewsEventCard';
-import EventDetailScrollPanel from './EventDetailScrollPanel';
-import EventDetailModal from '../EventDetailModal';
-import PaginationControl from './PaginationControl';
+import HorizontalDynamicNewsEventCard from '../../EventCard/HorizontalDynamicNewsEventCard';
+import EventDetailScrollPanel from '../EventDetailScrollPanel';
+import EventDetailModal from '../../EventDetailModal';
+import PaginationControl from '../PaginationControl';
 
 /**
  * 纵向分栏模式布局
diff --git a/src/views/Community/components/DynamicNewsCard/VirtualizedFourRowGrid.js b/src/views/Community/components/DynamicNews/layouts/VirtualizedFourRowGrid.js
similarity index 98%
rename from src/views/Community/components/DynamicNewsCard/VirtualizedFourRowGrid.js
rename to src/views/Community/components/DynamicNews/layouts/VirtualizedFourRowGrid.js
index 38602c37..a1ab0ed6 100644
--- a/src/views/Community/components/DynamicNewsCard/VirtualizedFourRowGrid.js
+++ b/src/views/Community/components/DynamicNews/layouts/VirtualizedFourRowGrid.js
@@ -1,4 +1,4 @@
-// src/views/Community/components/DynamicNewsCard/VirtualizedFourRowGrid.js
+// src/views/Community/components/DynamicNews/layouts/VirtualizedFourRowGrid.js
 // 虚拟化网格组件（支持多列布局 + 纵向滚动 + 无限滚动）
 
 import React, { useRef, useMemo, useEffect, forwardRef, useImperativeHandle } from 'react';
@@ -6,7 +6,7 @@ import { useVirtualizer } from '@tanstack/react-virtual';
 import { Box, Grid, Spinner, Text, VStack, Center, HStack, IconButton, useBreakpointValue } from '@chakra-ui/react';
 import { RepeatIcon } from '@chakra-ui/icons';
 import { useColorModeValue } from '@chakra-ui/react';
-import DynamicNewsEventCard from '../EventCard/DynamicNewsEventCard';
+import DynamicNewsEventCard from '../../EventCard/DynamicNewsEventCard';
 
 /**
  * 虚拟化网格组件（支持多列布局 + 无限滚动）
diff --git a/src/views/Community/components/DynamicNews/layouts/index.js b/src/views/Community/components/DynamicNews/layouts/index.js
new file mode 100644
index 00000000..9da498d7
--- /dev/null
+++ b/src/views/Community/components/DynamicNews/layouts/index.js
@@ -0,0 +1,5 @@
+// src/views/Community/components/DynamicNews/layouts/index.js
+// 布局组件
+
+export { default as VerticalModeLayout } from './VerticalModeLayout';
+export { default as VirtualizedFourRowGrid } from './VirtualizedFourRowGrid';
diff --git a/src/views/Community/components/EventCard/CompactEventCard.js b/src/views/Community/components/EventCard/CompactEventCard.js
index 7f76e8c3..968a0b5e 100644
--- a/src/views/Community/components/EventCard/CompactEventCard.js
+++ b/src/views/Community/components/EventCard/CompactEventCard.js
@@ -12,13 +12,15 @@ import {
     useColorModeValue,
 } from '@chakra-ui/react';
 import dayjs from 'dayjs';
-import { getImportanceConfig } from '../../../../constants/importanceLevels';
+import { getImportanceConfig } from '@constants/importanceLevels';
 
 // 导入子组件
-import EventTimeline from './EventTimeline';
-import EventHeader from './EventHeader';
-import EventStats from './EventStats';
-import EventFollowButton from './EventFollowButton';
+import {
+    EventTimeline,
+    EventHeader,
+    EventStats,
+    EventFollowButton,
+} from './atoms';
 
 /**
  * 紧凑模式事件卡片组件
diff --git a/src/views/Community/components/EventCard/DetailedEventCard.js b/src/views/Community/components/EventCard/DetailedEventCard.js
index 0a4666b7..532d355e 100644
--- a/src/views/Community/components/EventCard/DetailedEventCard.js
+++ b/src/views/Community/components/EventCard/DetailedEventCard.js
@@ -10,15 +10,17 @@ import {
     useColorModeValue,
 } from '@chakra-ui/react';
 import dayjs from 'dayjs';
-import { getImportanceConfig } from '../../../../constants/importanceLevels';
+import { getImportanceConfig } from '@constants/importanceLevels';
 
 // 导入子组件
-import EventTimeline from './EventTimeline';
-import EventHeader from './EventHeader';
-import EventStats from './EventStats';
-import EventFollowButton from './EventFollowButton';
-import EventPriceDisplay from './EventPriceDisplay';
-import EventDescription from './EventDescription';
+import {
+    EventTimeline,
+    EventHeader,
+    EventStats,
+    EventFollowButton,
+    EventPriceDisplay,
+    EventDescription,
+} from './atoms';
 
 /**
  * 详细模式事件卡片组件
diff --git a/src/views/Community/components/EventCard/DynamicNewsEventCard.js b/src/views/Community/components/EventCard/DynamicNewsEventCard.js
index 7a49ee57..6823951e 100644
--- a/src/views/Community/components/EventCard/DynamicNewsEventCard.js
+++ b/src/views/Community/components/EventCard/DynamicNewsEventCard.js
@@ -12,12 +12,12 @@ import {
     useColorModeValue,
 } from '@chakra-ui/react';
 import dayjs from 'dayjs';
-import { getImportanceConfig } from '../../../../constants/importanceLevels';
-import { getChangeColor } from '../../../../utils/colorUtils';
+import { getImportanceConfig } from '@constants/importanceLevels';
+import { getChangeColor } from '@utils/colorUtils';
 
 // 导入子组件
-import EventFollowButton from './EventFollowButton';
-import StockChangeIndicators from '../../../../components/StockChangeIndicators';
+import { EventFollowButton } from './atoms';
+import StockChangeIndicators from '@components/StockChangeIndicators';
 
 /**
  * 动态新闻事件卡片组件（极简版）
diff --git a/src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js b/src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js
index ad3eab19..bb95f6e6 100644
--- a/src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js
+++ b/src/views/Community/components/EventCard/HorizontalDynamicNewsEventCard.js
@@ -13,17 +13,19 @@ import {
     useColorModeValue,
     useBreakpointValue,
 } from '@chakra-ui/react';
-import { getImportanceConfig } from '../../../../constants/importanceLevels';
-import { PROFESSIONAL_COLORS } from '../../../../constants/professionalTheme';
+import { getImportanceConfig } from '@constants/importanceLevels';
+import { PROFESSIONAL_COLORS } from '@constants/professionalTheme';
 import { useDevice } from '@hooks/useDevice';
 import dayjs from 'dayjs';
 
 // 导入子组件
-import ImportanceStamp from './ImportanceStamp';
-import EventTimeline from './EventTimeline';
-import EventFollowButton from './EventFollowButton';
-import StockChangeIndicators from '../../../../components/StockChangeIndicators';
-import KeywordsCarousel from './KeywordsCarousel';
+import {
+    ImportanceStamp,
+    EventTimeline,
+    EventFollowButton,
+    KeywordsCarousel,
+} from './atoms';
+import StockChangeIndicators from '@components/StockChangeIndicators';
 
 /**
  * 横向布局的动态新闻事件卡片组件
diff --git a/src/views/Community/components/EventCard/EventDescription.js b/src/views/Community/components/EventCard/atoms/EventDescription.js
similarity index 100%
rename from src/views/Community/components/EventCard/EventDescription.js
rename to src/views/Community/components/EventCard/atoms/EventDescription.js
diff --git a/src/views/Community/components/EventCard/EventFollowButton.js b/src/views/Community/components/EventCard/atoms/EventFollowButton.js
similarity index 96%
rename from src/views/Community/components/EventCard/EventFollowButton.js
rename to src/views/Community/components/EventCard/atoms/EventFollowButton.js
index 8dc57383..4ce27f66 100644
--- a/src/views/Community/components/EventCard/EventFollowButton.js
+++ b/src/views/Community/components/EventCard/atoms/EventFollowButton.js
@@ -1,4 +1,4 @@
-// src/views/Community/components/EventCard/EventFollowButton.js
+// src/views/Community/components/EventCard/atoms/EventFollowButton.js
 import React from 'react';
 import { IconButton, Box } from '@chakra-ui/react';
 import { AiFillStar, AiOutlineStar } from 'react-icons/ai';
diff --git a/src/views/Community/components/EventCard/EventHeader.js b/src/views/Community/components/EventCard/atoms/EventHeader.js
similarity index 100%
rename from src/views/Community/components/EventCard/EventHeader.js
rename to src/views/Community/components/EventCard/atoms/EventHeader.js
diff --git a/src/views/Community/components/EventCard/EventImportanceBadge.js b/src/views/Community/components/EventCard/atoms/EventImportanceBadge.js
similarity index 95%
rename from src/views/Community/components/EventCard/EventImportanceBadge.js
rename to src/views/Community/components/EventCard/atoms/EventImportanceBadge.js
index 7470f795..5dda36c5 100644
--- a/src/views/Community/components/EventCard/EventImportanceBadge.js
+++ b/src/views/Community/components/EventCard/atoms/EventImportanceBadge.js
@@ -1,8 +1,8 @@
-// src/views/Community/components/EventCard/EventImportanceBadge.js
+// src/views/Community/components/EventCard/atoms/EventImportanceBadge.js
 import React from 'react';
 import { Badge, Tooltip, VStack, HStack, Text, Divider, Circle } from '@chakra-ui/react';
 import { InfoIcon } from '@chakra-ui/icons';
-import { getImportanceConfig, getAllImportanceLevels } from '../../../../constants/importanceLevels';
+import { getImportanceConfig, getAllImportanceLevels } from '@constants/importanceLevels';
 
 /**
  * 事件重要性等级标签组件
diff --git a/src/views/Community/components/EventCard/EventPriceDisplay.js b/src/views/Community/components/EventCard/atoms/EventPriceDisplay.js
similarity index 98%
rename from src/views/Community/components/EventCard/EventPriceDisplay.js
rename to src/views/Community/components/EventCard/atoms/EventPriceDisplay.js
index 85ea0a48..0df185e8 100644
--- a/src/views/Community/components/EventCard/EventPriceDisplay.js
+++ b/src/views/Community/components/EventCard/atoms/EventPriceDisplay.js
@@ -1,7 +1,7 @@
-// src/views/Community/components/EventCard/EventPriceDisplay.js
+// src/views/Community/components/EventCard/atoms/EventPriceDisplay.js
 import React, { useState } from 'react';
 import { HStack, Box, Text, Tooltip, Progress } from '@chakra-ui/react';
-import { PriceArrow } from '../../../../utils/priceFormatters';
+import { PriceArrow } from '@utils/priceFormatters';
 
 /**
  * 事件价格变动显示组件
diff --git a/src/views/Community/components/EventCard/EventStats.js b/src/views/Community/components/EventCard/atoms/EventStats.js
similarity index 100%
rename from src/views/Community/components/EventCard/EventStats.js
rename to src/views/Community/components/EventCard/atoms/EventStats.js
diff --git a/src/views/Community/components/EventCard/EventTimeline.js b/src/views/Community/components/EventCard/atoms/EventTimeline.js
similarity index 100%
rename from src/views/Community/components/EventCard/EventTimeline.js
rename to src/views/Community/components/EventCard/atoms/EventTimeline.js
diff --git a/src/views/Community/components/EventCard/ImportanceBadge.js b/src/views/Community/components/EventCard/atoms/ImportanceBadge.js
similarity index 95%
rename from src/views/Community/components/EventCard/ImportanceBadge.js
rename to src/views/Community/components/EventCard/atoms/ImportanceBadge.js
index e9437f34..f4fa1348 100644
--- a/src/views/Community/components/EventCard/ImportanceBadge.js
+++ b/src/views/Community/components/EventCard/atoms/ImportanceBadge.js
@@ -1,4 +1,4 @@
-// src/views/Community/components/EventCard/ImportanceBadge.js
+// src/views/Community/components/EventCard/atoms/ImportanceBadge.js
 // 重要性标签通用组件
 
 import React from 'react';
@@ -14,7 +14,7 @@ import {
     PopoverArrow,
     Portal,
 } from '@chakra-ui/react';
-import { getImportanceConfig, getAllImportanceLevels } from '../../../../constants/importanceLevels';
+import { getImportanceConfig, getAllImportanceLevels } from '@constants/importanceLevels';
 
 /**
  * 重要性标签组件（实心样式）
diff --git a/src/views/Community/components/EventCard/ImportanceStamp.js b/src/views/Community/components/EventCard/atoms/ImportanceStamp.js
similarity index 94%
rename from src/views/Community/components/EventCard/ImportanceStamp.js
rename to src/views/Community/components/EventCard/atoms/ImportanceStamp.js
index f7df9caf..36c4d426 100644
--- a/src/views/Community/components/EventCard/ImportanceStamp.js
+++ b/src/views/Community/components/EventCard/atoms/ImportanceStamp.js
@@ -1,4 +1,4 @@
-// src/views/Community/components/EventCard/ImportanceStamp.js
+// src/views/Community/components/EventCard/atoms/ImportanceStamp.js
 // 重要性印章组件
 
 import React from 'react';
@@ -7,7 +7,7 @@ import {
   Text,
   useColorModeValue,
 } from '@chakra-ui/react';
-import { getImportanceConfig } from '../../../../constants/importanceLevels';
+import { getImportanceConfig } from '@constants/importanceLevels';
 
 /**
  * 重要性印章组件（模拟盖章效果）
diff --git a/src/views/Community/components/EventCard/KeywordsCarousel.js b/src/views/Community/components/EventCard/atoms/KeywordsCarousel.js
similarity index 94%
rename from src/views/Community/components/EventCard/KeywordsCarousel.js
rename to src/views/Community/components/EventCard/atoms/KeywordsCarousel.js
index 076de948..1083fefc 100644
--- a/src/views/Community/components/EventCard/KeywordsCarousel.js
+++ b/src/views/Community/components/EventCard/atoms/KeywordsCarousel.js
@@ -1,8 +1,8 @@
-// src/views/Community/components/EventCard/KeywordsCarousel.js
+// src/views/Community/components/EventCard/atoms/KeywordsCarousel.js
 // Keywords标签组件（点击切换）
 import React, { useState } from 'react';
 import { Box, Text, Tooltip } from '@chakra-ui/react';
-import { PROFESSIONAL_COLORS } from '../../../../constants/professionalTheme';
+import { PROFESSIONAL_COLORS } from '@constants/professionalTheme';
 
 /**
  * Keywords标签组件（点击切换下一个）
diff --git a/src/views/Community/components/EventCard/atoms/index.js b/src/views/Community/components/EventCard/atoms/index.js
new file mode 100644
index 00000000..53026911
--- /dev/null
+++ b/src/views/Community/components/EventCard/atoms/index.js
@@ -0,0 +1,13 @@
+// src/views/Community/components/EventCard/atoms/index.js
+// 事件卡片原子组件
+
+export { default as EventDescription } from './EventDescription';
+export { default as EventFollowButton } from './EventFollowButton';
+export { default as EventHeader } from './EventHeader';
+export { default as EventImportanceBadge } from './EventImportanceBadge';
+export { default as EventPriceDisplay } from './EventPriceDisplay';
+export { default as EventStats } from './EventStats';
+export { default as EventTimeline } from './EventTimeline';
+export { default as ImportanceBadge } from './ImportanceBadge';
+export { default as ImportanceStamp } from './ImportanceStamp';
+export { default as KeywordsCarousel } from './KeywordsCarousel';
diff --git a/src/views/Community/components/EventDetailModal.less b/src/views/Community/components/EventDetailModal/EventDetailModal.less
similarity index 100%
rename from src/views/Community/components/EventDetailModal.less
rename to src/views/Community/components/EventDetailModal/EventDetailModal.less
diff --git a/src/views/Community/components/EventDetailModal.tsx b/src/views/Community/components/EventDetailModal/EventDetailModal.tsx
similarity index 100%
rename from src/views/Community/components/EventDetailModal.tsx
rename to src/views/Community/components/EventDetailModal/EventDetailModal.tsx
diff --git a/src/views/Community/components/EventDetailModal/index.ts b/src/views/Community/components/EventDetailModal/index.ts
new file mode 100644
index 00000000..7bdcece0
--- /dev/null
+++ b/src/views/Community/components/EventDetailModal/index.ts
@@ -0,0 +1,4 @@
+// src/views/Community/components/EventDetailModal/index.ts
+// 事件详情弹窗模块
+
+export { default } from './EventDetailModal';
diff --git a/src/views/Community/components/HeroPanel.js b/src/views/Community/components/HeroPanel.js
index eb0a8cc4..40a69a2a 100644
--- a/src/views/Community/components/HeroPanel.js
+++ b/src/views/Community/components/HeroPanel.js
@@ -27,8 +27,8 @@ import {
 } from '@chakra-ui/react';
 import { AlertCircle, Clock, TrendingUp, Info, RefreshCw } from 'lucide-react';
 import ReactECharts from 'echarts-for-react';
-import { logger } from '../../../utils/logger';
-import { useIndexQuote } from '../../../hooks/useIndexQuote';
+import { logger } from '@utils/logger';
+import { useIndexQuote } from '@hooks/useIndexQuote';
 
 // 定义动画
 const animations = `
diff --git a/src/views/Community/components/HotEvents.css b/src/views/Community/components/HotEvents/HotEvents.css
similarity index 100%
rename from src/views/Community/components/HotEvents.css
rename to src/views/Community/components/HotEvents/HotEvents.css
diff --git a/src/views/Community/components/HotEvents.js b/src/views/Community/components/HotEvents/HotEvents.js
similarity index 97%
rename from src/views/Community/components/HotEvents.js
rename to src/views/Community/components/HotEvents/HotEvents.js
index ec5a3395..74d2c740 100644
--- a/src/views/Community/components/HotEvents.js
+++ b/src/views/Community/components/HotEvents/HotEvents.js
@@ -1,12 +1,12 @@
-// src/views/Community/components/HotEvents.js
+// src/views/Community/components/HotEvents/HotEvents.js
 import React, { useState } from 'react';
 import { Card, Badge, Tag, Empty, Carousel, Tooltip } from 'antd';
 import { ArrowUpOutlined, ArrowDownOutlined, LeftOutlined, RightOutlined } from '@ant-design/icons';
 import { useDisclosure, useBreakpointValue } from '@chakra-ui/react';
-import EventDetailModal from './EventDetailModal';
+import EventDetailModal from '../EventDetailModal';
 import dayjs from 'dayjs';
 import './HotEvents.css';
-import defaultEventImage from '../../../assets/img/default-event.jpg';
+import defaultEventImage from '@assets/img/default-event.jpg';
 
 // 自定义箭头组件
 const CustomArrow = ({ className, style, onClick, direction }) => {
diff --git a/src/views/Community/components/HotEventsSection.js b/src/views/Community/components/HotEvents/HotEventsSection.js
similarity index 95%
rename from src/views/Community/components/HotEventsSection.js
rename to src/views/Community/components/HotEvents/HotEventsSection.js
index 38f498d4..7112002c 100644
--- a/src/views/Community/components/HotEventsSection.js
+++ b/src/views/Community/components/HotEvents/HotEventsSection.js
@@ -1,4 +1,4 @@
-// src/views/Community/components/HotEventsSection.js
+// src/views/Community/components/HotEvents/HotEventsSection.js
 // 热点事件区域组件
 
 import React, { useState } from 'react';
@@ -12,7 +12,7 @@ import {
   useColorModeValue
 } from '@chakra-ui/react';
 import HotEvents from './HotEvents';
-import { PROFESSIONAL_COLORS } from '../../../constants/professionalTheme';
+import { PROFESSIONAL_COLORS } from '@constants/professionalTheme';
 
 /**
  * 热点事件区域组件
diff --git a/src/views/Community/components/HotEvents/index.js b/src/views/Community/components/HotEvents/index.js
new file mode 100644
index 00000000..c7228afe
--- /dev/null
+++ b/src/views/Community/components/HotEvents/index.js
@@ -0,0 +1,5 @@
+// src/views/Community/components/HotEvents/index.js
+// 热点事件模块
+
+export { default as HotEvents } from './HotEvents';
+export { default as HotEventsSection } from './HotEventsSection';
diff --git a/src/views/Community/components/CompactSearchBox.css b/src/views/Community/components/SearchFilters/CompactSearchBox.css
similarity index 100%
rename from src/views/Community/components/CompactSearchBox.css
rename to src/views/Community/components/SearchFilters/CompactSearchBox.css
diff --git a/src/views/Community/components/CompactSearchBox.js b/src/views/Community/components/SearchFilters/CompactSearchBox.js
similarity index 99%
rename from src/views/Community/components/CompactSearchBox.js
rename to src/views/Community/components/SearchFilters/CompactSearchBox.js
index a2975635..aae2a674 100644
--- a/src/views/Community/components/CompactSearchBox.js
+++ b/src/views/Community/components/SearchFilters/CompactSearchBox.js
@@ -1,4 +1,4 @@
-// src/views/Community/components/CompactSearchBox.js
+// src/views/Community/components/SearchFilters/CompactSearchBox.js
 // 紧凑版搜索和筛选组件 - 优化布局
 
 import React, { useState, useMemo, useEffect, useCallback, useRef } from 'react';
diff --git a/src/views/Community/components/TradingTimeFilter.js b/src/views/Community/components/SearchFilters/TradingTimeFilter.js
similarity index 100%
rename from src/views/Community/components/TradingTimeFilter.js
rename to src/views/Community/components/SearchFilters/TradingTimeFilter.js
diff --git a/src/views/Community/components/SearchFilters/index.js b/src/views/Community/components/SearchFilters/index.js
new file mode 100644
index 00000000..79b503b3
--- /dev/null
+++ b/src/views/Community/components/SearchFilters/index.js
@@ -0,0 +1,5 @@
+// src/views/Community/components/SearchFilters/index.js
+// 搜索筛选组件模块
+
+export { default as CompactSearchBox } from './CompactSearchBox';
+export { default as TradingTimeFilter } from './TradingTimeFilter';
diff --git a/src/views/Community/index.js b/src/views/Community/index.js
index ade776ea..5245a209 100644
--- a/src/views/Community/index.js
+++ b/src/views/Community/index.js
@@ -14,8 +14,8 @@ import {
 } from '@chakra-ui/react';
 
 // 导入组件
-import DynamicNewsCard from './components/DynamicNewsCard';
-import HotEventsSection from './components/HotEventsSection';
+import DynamicNewsCard from './components/DynamicNews/DynamicNewsCard';
+import HotEventsSection from './components/HotEvents/HotEventsSection';
 // ⚡ HeroPanel 懒加载：包含 ECharts (~600KB)，首屏不需要立即渲染
 const HeroPanel = lazy(() => import('./components/HeroPanel'));