update

update ip
2025-11-05 13:05:07 +08:00 · 2025-11-05 13:03:53 +08:00 · 2025-11-05 12:52:23 +08:00 · 2025-11-05 11:22:50 +08:00 · 2025-11-05 11:21:15 +08:00 · 2025-11-05 11:14:41 +08:00
4352 changed files with 704025 additions and 254601 deletions
--- a/.claude/settings.local.json
+++ b/.claude/settings.local.json
@@ -0,0 +1,13 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npm test:*)",
+      "Bash(xargs ls:*)",
+      "Bash(awk:*)",
+      "Bash(npm start)",
+      "Bash(python3:*)"
+    ],
+    "deny": [],
+    "ask": []
+  }
+}
--- a/.env.deploy.example
+++ b/.env.deploy.example
@@ -1,63 +0,0 @@
-# 部署配置文件
-# 首次使用请复制此文件为 .env.deploy 并填写真实配置
-
-# ==================== 服务器配置 ====================
-# 服务器 IP 或域名
-SERVER_HOST=your-server-ip-or-domain
-
-# SSH 用户名
-SERVER_USER=ubuntu
-
-# SSH 端口
-SERVER_PORT=22
-
-# SSH 密钥路径（留空使用默认 ~/.ssh/id_rsa）
-SSH_KEY_PATH=
-
-# ==================== 路径配置 ====================
-# 服务器上的 Git 仓库路径
-REMOTE_PROJECT_PATH=/home/ubuntu/vf_react
-
-# 生产环境部署路径
-PRODUCTION_PATH=/var/www/valuefrontier.cn
-
-# 部署备份目录
-BACKUP_DIR=/home/ubuntu/deployments
-
-# 部署日志目录
-LOG_DIR=/home/ubuntu/deploy-logs
-
-# ==================== Git 配置 ====================
-# 部署分支
-DEPLOY_BRANCH=feature
-
-# ==================== 备份配置 ====================
-# 保留备份数量
-KEEP_BACKUPS=5
-
-# ==================== 企业微信通知配置 ====================
-# 是否启用企业微信通知 (true/false)
-ENABLE_WECHAT_NOTIFY=false
-
-# 企业微信机器人 Webhook URL
-WECHAT_WEBHOOK_URL=
-
-# 通知提及的用户（@all 或 手机号/userid）
-WECHAT_MENTIONED_LIST=
-
-# ==================== 部署配置 ====================
-# 是否在部署前运行 npm install (true/false)
-RUN_NPM_INSTALL=true
-
-# 是否在部署前运行 npm test (true/false)
-RUN_NPM_TEST=false
-
-# 构建命令
-BUILD_COMMAND=npm run build
-
-# ==================== 高级配置 ====================
-# SSH 连接超时时间（秒）
-SSH_TIMEOUT=30
-
-# 部署超时时间（秒）
-DEPLOY_TIMEOUT=600
--- a/.env.development
+++ b/.env.development
@@ -1,25 +0,0 @@
-# 开发环境配置（连接真实后端）
-# 使用方式: npm run start:dev
-
-# React 构建优化配置
-GENERATE_SOURCEMAP=false
-SKIP_PREFLIGHT_CHECK=true
-DISABLE_ESLINT_PLUGIN=true
-TSC_COMPILE_ON_ERROR=true
-IMAGE_INLINE_SIZE_LIMIT=10000
-NODE_OPTIONS=--max_old_space_size=4096
-
-# API 配置
-# 后端 API 地址（开发环境会代理到这个地址）
-REACT_APP_API_URL=http://49.232.185.254:5001
-
-# 禁用 Mock 数据（使用真实API）
-REACT_APP_ENABLE_MOCK=false
-
-# 开发环境标识
-REACT_APP_ENV=development
-
-# 性能监控配置
-REACT_APP_ENABLE_PERFORMANCE_MONITOR=true
-REACT_APP_ENABLE_PERFORMANCE_PANEL=true
-REACT_APP_REPORT_TO_POSTHOG=false
--- a/.env.mock
+++ b/.env.mock
@@ -1,41 +0,0 @@
-# ========================================
-# Mock 测试环境配置
-# ========================================
-# 使用方式: npm run start:mock
-#
-# 工作原理：
-# 1. 通过 env-cmd 加载此配置文件
-# 2. REACT_APP_ENABLE_MOCK=true 会在 src/index.js 中启动 MSW (Mock Service Worker)
-# 3. MSW 在浏览器层面拦截所有 HTTP 请求
-# 4. 根据 src/mocks/handlers/* 中定义的规则返回 mock 数据
-# 5. 未定义 mock 的接口会继续请求真实后端
-#
-# 适用场景：
-# - 前端独立开发，无需后端支持
-# - 测试特定接口的 UI 表现
-# - 后端接口未就绪时的快速原型开发
-# ========================================
-
-# React 构建优化配置
-GENERATE_SOURCEMAP=false
-SKIP_PREFLIGHT_CHECK=true
-DISABLE_ESLINT_PLUGIN=true
-TSC_COMPILE_ON_ERROR=true
-IMAGE_INLINE_SIZE_LIMIT=10000
-NODE_OPTIONS=--max_old_space_size=4096
-
-# API 配置
-# Mock 模式下使用空字符串，让请求使用相对路径
-# MSW 会在浏览器层拦截这些请求，不需要真实的后端地址
-REACT_APP_API_URL=
-
-# Socket.IO 连接地址（Mock 模式下连接生产环境）
-# 注意：WebSocket 不被 MSW 拦截，可以独立配置
-REACT_APP_SOCKET_URL=https://valuefrontier.cn
-
-# 启用 Mock 数据（核心配置）
-# 此配置会触发 src/index.js 中的 MSW 初始化
-REACT_APP_ENABLE_MOCK=true
-
-# Mock 环境标识
-REACT_APP_ENV=mock
--- a/.env.production
+++ b/.env.production
@@ -1,48 +0,0 @@
-# ========================================
-# 生产环境配置
-# ========================================
-
-# 环境标识
-REACT_APP_ENV=production
-NODE_ENV=production
-
-# Mock 配置（生产环境禁用 Mock）
-REACT_APP_ENABLE_MOCK=false
-
-# 🔧 调试模式（生产环境临时调试用）
-# 开启后会在全局暴露 window.__DEBUG__
-REACT_APP_ENABLE_DEBUG=false
-
-# 后端 API 地址（生产环境）
-# 使用单独的 API 域名，静态资源走 CDN，API 走专用域名
-REACT_APP_API_URL=https://api.valuefrontier.cn
-
-# PostHog 分析配置（生产环境）
-# PostHog API Key（从 PostHog 项目设置中获取）
-REACT_APP_POSTHOG_KEY=phc_xKlRyG69Bx7hgOdFeCeLUvQWvSjw18ZKFgCwCeYezWF
-# PostHog API Host（使用 PostHog Cloud）
-REACT_APP_POSTHOG_HOST=https://app.posthog.com
-# 启用会话录制（Session Recording）用于回放用户操作、排查问题
-REACT_APP_ENABLE_SESSION_RECORDING=true
-
-# React 构建优化配置
-# 禁用 source map 生成（生产环境不需要，提升打包速度和安全性）
-GENERATE_SOURCEMAP=false
-# 跳过预检查（加快启动速度）
-SKIP_PREFLIGHT_CHECK=true
-# 禁用 ESLint 检查（生产构建时不需要）
-DISABLE_ESLINT_PLUGIN=true
-# TypeScript 编译错误时继续
-TSC_COMPILE_ON_ERROR=true
-# 图片内联大小限制
-IMAGE_INLINE_SIZE_LIMIT=10000
-# Node.js 内存限制（适用于大型项目）
-NODE_OPTIONS=--max_old_space_size=4096
-
-# 性能监控配置（生产环境）
-# 启用性能监控
-REACT_APP_ENABLE_PERFORMANCE_MONITOR=true
-# 禁用性能面板（仅开发环境）
-REACT_APP_ENABLE_PERFORMANCE_PANEL=false
-# 启用 PostHog 性能数据上报
-REACT_APP_REPORT_TO_POSTHOG=true
--- a/.env.test
+++ b/.env.test
@@ -1,42 +0,0 @@
-# ========================================
-# 本地测试环境（前后端都在本地）
-# ========================================
-# 使用方式: npm run start:test
-#
-# 工作原理：
-# 1. concurrently 同时启动前端和后端
-# 2. 前端: localhost:3000
-# 3. 后端: localhost:5001 (python app_2.py)
-# 4. 数据: 本地数据库
-#
-# 适用场景：
-# - 调试后端代码
-# - 性能测试
-# - 离线开发
-# - 数据库调试
-# ========================================
-
-# 环境标识
-REACT_APP_ENV=test
-NODE_ENV=development
-
-# Mock 配置（关闭 MSW）
-REACT_APP_ENABLE_MOCK=false
-
-# 后端 API 地址（本地后端）
-REACT_APP_API_URL=http://localhost:5001
-
-# PostHog 配置（测试环境）
-# 留空 = 仅控制台 debug
-# 填入 Key = 控制台 + PostHog Cloud 双模式
-REACT_APP_POSTHOG_KEY=
-REACT_APP_POSTHOG_HOST=https://app.posthog.com
-REACT_APP_ENABLE_SESSION_RECORDING=false
-
-# React 构建优化配置
-GENERATE_SOURCEMAP=true  # 测试环境保留 sourcemap 便于调试
-SKIP_PREFLIGHT_CHECK=true
-DISABLE_ESLINT_PLUGIN=false  # 测试环境开启 ESLint
-TSC_COMPILE_ON_ERROR=true
-IMAGE_INLINE_SIZE_LIMIT=10000
-NODE_OPTIONS=--max_old_space_size=4096
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,94 +0,0 @@
-module.exports = {
-  root: true,
-
-  /* 环境配置 */
-  env: {
-    browser: true,
-    es2021: true,
-    node: true,
-  },
-
-  /* 扩展配置 */
-  extends: [
-    'react-app',                        // Create React App 默认规则
-    'react-app/jest',                   // Jest 测试规则
-    'eslint:recommended',               // ESLint 推荐规则
-    'plugin:react/recommended',         // React 推荐规则
-    'plugin:react-hooks/recommended',   // React Hooks 规则
-    'plugin:prettier/recommended',      // Prettier 集成
-  ],
-
-  /* 解析器选项 */
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    ecmaFeatures: {
-      jsx: true,
-    },
-  },
-
-  /* 插件 */
-  plugins: ['react', 'react-hooks', 'prettier'],
-
-  /* 规则配置 */
-  rules: {
-    // React
-    'react/react-in-jsx-scope': 'off',              // React 17+ 不需要导入 React
-    'react/prop-types': 'off',                      // 使用 TypeScript 类型检查，不需要 PropTypes
-    'react/display-name': 'off',                    // 允许匿名组件
-
-    // 通用
-    'no-console': ['warn', { allow: ['warn', 'error'] }], // 仅警告 console.log
-    'no-unused-vars': ['warn', {
-      argsIgnorePattern: '^_',                      // 忽略以 _ 开头的未使用参数
-      varsIgnorePattern: '^_',                      // 忽略以 _ 开头的未使用变量
-    }],
-    'prettier/prettier': ['warn', {}, { usePrettierrc: true }], // 使用项目的 Prettier 配置
-  },
-
-  /* 设置 */
-  settings: {
-    react: {
-      version: 'detect',                            // 自动检测 React 版本
-    },
-  },
-
-  /* TypeScript 文件特殊配置 */
-  // 注意：react-app 已包含完整的 @typescript-eslint 配置
-  // 此处仅覆盖特定规则，不重复加载插件
-  overrides: [
-    {
-      files: ['**/*.ts', '**/*.tsx'],
-      rules: {
-        // TypeScript 特定规则覆盖
-        '@typescript-eslint/no-explicit-any': 'warn',
-        '@typescript-eslint/explicit-module-boundary-types': 'off',
-        '@typescript-eslint/no-unused-vars': ['warn', {
-          argsIgnorePattern: '^_',
-          varsIgnorePattern: '^_',
-        }],
-        '@typescript-eslint/no-non-null-assertion': 'warn',
-        'no-unused-vars': 'off',
-      },
-    },
-    // Company 视图主题硬编码检测
-    {
-      files: ['src/views/Company/**/*.{ts,tsx,js,jsx}'],
-      excludedFiles: ['**/theme/**', '**/*.test.*', '**/*.spec.*'],
-      plugins: ['local-rules'],
-      rules: {
-        // warning 级别：提醒开发者但不阻塞构建
-        'local-rules/no-hardcoded-fui-colors': 'warn',
-      },
-    },
-  ],
-
-  /* 忽略文件（与 .eslintignore 等效）*/
-  ignorePatterns: [
-    'node_modules/',
-    'build/',
-    'dist/',
-    '*.config.js',
-    'public/mockServiceWorker.js',
-  ],
-};
--- a/.gitignore
+++ b/.gitignore
@@ -22,10 +22,6 @@ node_modules/
 .env.test.local
 .env.production.local

-# 部署配置（包含密钥，不提交）
-.env.cos
-.env.deploy
-
 # 日志
 npm-debug.log*
 yarn-debug.log*
@@ -39,27 +35,8 @@ pnpm-debug.log*
 *.swo
 *~

-# Claude Code 配置
-.claude/settings.local.json
-
 # macOS
 .DS_Store

 # Windows
-Thumbs.db
-
-# Documentation
-*.md
-!README.md
-!CLAUDE.md
-
-# 忽略 docs 目录（开发文档不提交到 Git）
-docs/
-
-src/assets/img/original-backup/
-
-# 涨停分析静态数据（由 export_zt_data.py 生成，不提交到 Git）
-public/data/zt/
-
-# 概念涨跌幅静态数据（由 export_concept_data.py 生成，不提交到 Git）
-public/data/concept/
+Thumbs.db
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -1,208 +1,91 @@
 # CLAUDE.md

-> **🌐 语言偏好**: 请始终使用中文与用户交流，包括所有解释、分析、文档编写和代码注释。
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.

-本文件为 Claude Code 提供在此代码库中工作的指导说明。
+## Project Overview

---
+This is a hybrid React dashboard application with a Flask/Python backend. The project is built on the Argon Dashboard Chakra PRO template and includes financial/trading analysis features.

-## 项目概览
+### Frontend (React + Chakra UI)
+- **Framework**: React 18.3.1 with Chakra UI 2.8.2
+- **Styling**: Tailwind CSS + custom Chakra theme
+- **Build Tool**: React Scripts with custom Gulp tasks
+- **Charts**: ApexCharts, ECharts, and custom visualization components

-混合式 React 仪表板，用于金融/交易分析，采用 Flask 后端。基于 Argon Dashboard Chakra PRO 模板构建。
+### Backend (Flask/Python)
+- **Framework**: Flask with SQLAlchemy ORM
+- **Database**: ClickHouse for analytics + MySQL/PostgreSQL
+- **Features**: Real-time data processing, trading analysis, user authentication
+- **Task Queue**: Celery for background processing

-### 技术栈
-
-**前端**
- **核心**: React 18.3.1 + TypeScript 5.9.3（渐进式迁移中）
- **UI**: Chakra UI 2.10.9（主要）+ Ant Design 5.27.4（表格/表单）+ HeroUI 3.0.0-beta（AgentChat）
- **状态**: Redux Toolkit 2.9.2
- **路由**: React Router v6.30.1 + React.lazy() 代码分割
- **构建**: CRACO 7.1.0 + webpack 5 优化
- **图表**: ECharts 5.6.0、ApexCharts、Recharts、D3、Visx
- **其他**: Framer Motion、FullCalendar、Socket.IO Client、MSW、PostHog
-
-**后端**
- Flask + SQLAlchemy ORM
- ClickHouse（分析型）+ MySQL（事务型）+ Redis（缓存）
- Flask-SocketIO（WebSocket）+ Celery（后台任务）
-
---
-
-## 开发命令
+## Development Commands

+### Frontend Development
 ```bash
-# 前端开发
-npm start                    # Mock 模式启动（默认）
-npm run start:real           # 真实后端
-npm run build                # 生产构建
-npm run lint:check           # ESLint 检查
-npm run type-check           # TypeScript 类型检查
-
-# 后端开发
-python app.py                # Flask 服务器
-python simulation_background_processor.py  # Celery 后台处理
-
-# 部署
-npm run deploy               # 部署到生产环境
+npm start                    # Start development server (port 3000, proxies to localhost:5001)
+npm run build               # Production build with license headers
+npm test                    # Run React test suite
+npm run lint:check          # Check ESLint rules
+npm run lint:fix            # Auto-fix ESLint issues
+npm run install:clean       # Clean install (removes node_modules and package-lock)
 ```

---
-
-## 架构
-
-### 应用入口流程
-```
-src/index.js → App.js
-├── AppProviders (Redux → Chakra → Ant ConfigProvider → Notification → Auth)
-├── AppRoutes (src/routes/index.js)
-└── GlobalComponents
-```
-
-### 路由保护模式
- `PUBLIC` - 无需认证
- `MODAL` - 未登录显示认证模态框
- `REDIRECT` - 未登录重定向到登录页
-
-### 目录结构速查
-
-| 目录 | 用途 |
-|------|------|
-| `src/views/` | 页面组件（按功能模块组织） |
-| `src/components/` | 可复用 UI 组件 |
-| `src/services/` | API 服务层 |
-| `src/store/slices/` | Redux 状态 |
-| `src/hooks/` | 自定义 Hooks |
-| `src/contexts/` | React Context |
-| `src/utils/` | 工具函数 |
-| `src/constants/` | 常量定义 |
-| `src/types/` | TypeScript 类型 |
-| `src/theme/` | Chakra UI 主题 |
-| `src/routes/` | 路由配置 |
-| `src/mocks/` | MSW Mock 数据 |
-| `src/layouts/` | 页面布局模板 |
-
-### 路径别名
-```
-@/ → src/
-@components/ → src/components/
-@views/ → src/views/
-@services/ → src/services/
-@store/ → src/store/
-@hooks/ → src/hooks/
-@utils/ → src/utils/
-@types/ → src/types/
-@constants/ → src/constants/
-```
-
---
-
-## 开发工作流
-
-### 添加新路由
-1. `src/routes/lazy-components.js` - 添加 lazy import
-2. `src/routes/routeConfig.js` - 配置路由（path、component、protection、layout）
-
-### 添加新 API
-1. `src/services/` - 创建服务函数
-2. `src/mocks/handlers/` - 添加 MSW handler（Mock 模式）
-
-### 添加新 Redux Slice
-1. `src/store/slices/yourSlice.ts` - 创建 slice
-2. `src/store/index.js` - 导入并添加到 store
-
-### 组件组织
- **原子设计**: Atoms → Molecules → Organisms
- **页面专属组件**: 放在 `views/{PageName}/components/`
- **可复用组件**: 放在 `src/components/`
-
---
-
-## 配置
-
-### 环境文件
- `.env.mock` - Mock 模式（默认，REACT_APP_ENABLE_MOCK=true）
- `.env.development` - 开发模式
- `.env.production` - 生产环境
-
-### MSW Mock
- 激活: `REACT_APP_ENABLE_MOCK=true`
- Handlers: `src/mocks/handlers/`
- 数据: `src/mocks/data/`
-
---
-
-## TypeScript 接入
-
-**状态**: 渐进式迁移中，支持 JS/TS 混合开发
-
-**类型定义位置**: `src/types/`
- `api.ts` - ApiResponse、PaginatedResponse、ApiError
- `stock.ts` - StockInfo、StockQuote、KLineData
- `user.ts` - UserInfo、AuthInfo
-
-**开发规范**:
- 新代码必须使用 TypeScript
- 避免使用 `any`
- 组件 Props 使用 `interface` 定义
-
-**命令**:
+### Backend Development
 ```bash
-npm run type-check        # 类型检查
-npm run type-check:watch  # 监听模式
+python app_2.py            # Start Flask server (main backend)
+python simulation_background_processor.py  # Background data processor
 ```

-详细指南参考: [TYPESCRIPT_MIGRATION.md](./TYPESCRIPT_MIGRATION.md)
-
---
-
-## 后端架构
-
-### 核心文件
- `app.py` - Flask 主应用（API + WebSocket）
- `simulation_background_processor.py` - Celery 后台任务
- `concept_api.py` - 概念分析独立服务
-
-### 数据库
-| 数据库 | 用途 |
-|--------|------|
-| ClickHouse | 时序数据（股票日线、分钟线） |
-| MySQL | 事务数据（用户、订单、持仓） |
-| Redis | 缓存 + Celery 消息队列 |
-
-### API 规范
-```python
-# RESTful 风格
-GET    /api/stocks           # 获取列表
-GET    /api/stocks/:id       # 获取单个
-POST   /api/stocks           # 创建
-PUT    /api/stocks/:id       # 更新
-DELETE /api/stocks/:id       # 删除
-
-# 统一响应格式
-{ "code": 200, "message": "success", "data": {...} }
+### Python Dependencies
+Install from requirements.txt:
+```bash
+pip install -r requirements.txt
 ```

---
+## Architecture

-## 代码规范
+### Frontend Structure
+- `src/layouts/` - Main layout components (Admin, Auth, Home)
+- `src/views/` - Page components organized by feature (Dashboard, Company, Community, etc.)
+- `src/components/` - Reusable UI components (Charts, Cards, Buttons, etc.)
+- `src/theme/` - Chakra UI theme customization
+- `src/routes.js` - Application routing configuration
+- `src/contexts/` - React context providers
+- `src/services/` - API service layer

-### 命名约定
- 组件/目录: PascalCase (`EventCard`)
- 文件/函数: camelCase (`formatPrice.js`)
- 常量: SCREAMING_SNAKE_CASE (`API_BASE_URL`)
- 路由路径: kebab-case (`/trading-simulation`)
+### Backend Structure
+- `app_2.py` - Main Flask application with routes and business logic
+- `simulation_background_processor.py` - Background data processing service
+- `wechat_pay.py` / `wechat_pay_config.py` - Payment integration
+- `tdays.csv` - Trading days data

-### 最佳实践
- 组件不直接调用 axios，通过 service 层
- 使用 `getApiBase()` 获取 API 基础 URL
- 页面超过 500 行考虑拆分
- 复用组件需在 2+ 个页面使用
+### Key Integrations
+- ClickHouse for high-performance analytics queries
+- Celery + Redis for background task processing
+- Flask-SocketIO for real-time data updates
+- Tencent Cloud services (SMS, etc.)
+- WeChat Pay integration

---
+## Configuration

-## 更新本文档
+### Proxy Setup
+The React dev server proxies API calls to `http://localhost:5001` (see package.json).

-在以下情况下更新此文档:
- 添加新的架构模式
- 做出重要技术决策
- 进行重要代码重构
+### Environment Files
+- `.env` - Environment variables for both frontend and backend
+
+### Build Process
+The build process includes custom Gulp tasks that add Creative Tim license headers to JS, CSS, and HTML files.
+
+### Styling Architecture
+- Tailwind CSS for utility classes
+- Custom Chakra UI theme with extended color palette
+- Component-specific SCSS files in `src/assets/scss/`
+
+## Testing
+- React Testing Library setup for frontend components
+- Test command: `npm test`
+
+## Deployment
+- Build: `npm run build`
+- Deploy: `npm run deploy` (builds the project)
--- a/ISSUE_TEMPLATE.md
+++ b/ISSUE_TEMPLATE.md
@@ -0,0 +1,13 @@
+<!--
+ IMPORTANT: Please use the following link to create a new issue:
+
+  https://www.creative-tim.com/new-issue/argon-dashboard-chakra-pro
+
+**If your issue was not created using the app above, it will be closed immediately.**
+-->
+
+<!--
+Love Creative Tim? Do you need Angular, React, Vuejs or HTML? You can visit:
+👉  https://www.creative-tim.com/bundles
+👉  https://www.creative-tim.com
+-->
--- a/MP_verify_17Fo4JhapMw6vtNa.txt
+++ b/MP_verify_17Fo4JhapMw6vtNa.txt
@@ -1 +0,0 @@
-17Fo4JhapMw6vtNa
--- a/README.md
+++ b/README.md
@@ -0,0 +1,3 @@
+# vf_react
+
+前端
--- a/pycache/alipay_config.cpython-310.pyc
+++ b/pycache/alipay_config.cpython-310.pyc
--- a/pycache/alipay_pay.cpython-310.pyc
+++ b/pycache/alipay_pay.cpython-310.pyc
--- a/pycache/app.cpython-310.pyc
+++ b/pycache/app.cpython-310.pyc
--- a/pycache/app_vx.cpython-310.pyc
+++ b/pycache/app_vx.cpython-310.pyc
--- a/pycache/config.cpython-311.pyc
+++ b/pycache/config.cpython-311.pyc
--- a/pycache/mcp_database.cpython-310.pyc
+++ b/pycache/mcp_database.cpython-310.pyc
--- a/pycache/mcp_elasticsearch.cpython-310.pyc
+++ b/pycache/mcp_elasticsearch.cpython-310.pyc
--- a/pycache/mcp_quant.cpython-310.pyc
+++ b/pycache/mcp_quant.cpython-310.pyc
--- a/pycache/mcp_server.cpython-310.pyc
+++ b/pycache/mcp_server.cpython-310.pyc
--- a/pycache/wechat_pay.cpython-310.pyc
+++ b/pycache/wechat_pay.cpython-310.pyc
--- a/pycache/wechat_pay_config.cpython-310.pyc
+++ b/pycache/wechat_pay_config.cpython-310.pyc
--- a/pycache/wechat_pay_worker.cpython-310.pyc
+++ b/pycache/wechat_pay_worker.cpython-310.pyc
--- a/about_us.docx
+++ b/about_us.docx
--- a/alipay/应用公钥.txt
+++ b/alipay/应用公钥.txt
@@ -1 +0,0 @@
-MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAkBfIjOiu8vfmOSq1BXcjDsAqQ+xtwGO0aCn0VrhVzc0T70nDchaW/TJ4nW8qlRMBlgfTi00jDGFiW4ND9JHc4aES8yiDSNeaBW4gLQhC1isvpOndyu4YgDc+2lMfghv9+6D8uFl9VS8Vk6o7D+5SiE7F8aBn49rrLyvsmdN5i6eLxIuY9NM58/o0xVG5f3ktGqfFKzhtclPbt8ej39EgziCiNFbIk2FnZp9dB56vtmCKht4t3STDpM0RfC8YlQ2WpGu9okLJYSy1rfynhh0hlOy/9y4cYl50wthoQVxH/Hm9abiTMo2u6xWESreavtdDZ8ByKVltnUrRvzDQ4tVkYwIDAQAB
--- a/alipay/应用私钥.txt
+++ b/alipay/应用私钥.txt
@@ -1 +0,0 @@
-MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQCQF8iM6K7y9+Y5KrUFdyMOwCpD7G3AY7RoKfRWuFXNzRPvScNyFpb9MnidbyqVEwGWB9OLTSMMYWJbg0P0kdzhoRLzKINI15oFbiAtCELWKy+k6d3K7hiANz7aUx+CG/37oPy4WX1VLxWTqjsP7lKITsXxoGfj2usvK+yZ03mLp4vEi5j00znz+jTFUbl/eS0ap8UrOG1yU9u3x6Pf0SDOIKI0VsiTYWdmn10Hnq+2YIqG3i3dJMOkzRF8LxiVDZaka72iQslhLLWt/KeGHSGU7L/3LhxiXnTC2GhBXEf8eb1puJMyja7rFYRKt5q+10NnwHIpWW2dStG/MNDi1WRjAgMBAAECggEAHQ8+2fQfPE70djj/su94+YOVwocPB0rUWmGDrm2UmGGwkISezwZxQvUH0DBYNSJVIo3HgwN2ewu0y2HotY0pL7PNX46fE3Sv0kKIaKyO1iR1glvL6B4mgM0jduJmq1W73iB0dzVNCn3paxNcv/S/XlAMqZNBAHnpDmVcXRWCIMDG1yRN3l5NbfgPoQZI4MfAdthjIcIQmEVjNWy69swsdNndj8yrIu9E9RlWly/xqB/BJ6O53i0n+jyviy2grgHxo9VgWKv89qZiczioLT7aAJITpcMofUkGImZy+DHlf+6GU762UkwbLykYN2RRkw5TPvWt4ZUXeON4flr3ig02yQKBgQDMh82rc3TklOZSCw3lwYE58eeYxe9PXpZzcOyrSZZhCs0y528dmwYbm0mPlpVti1MGKnn2eGVKeGQ8a5CbJCi2T+VwIILWM9U2+h82nJW5KD6CYaE86KK/PlzhTGwmpecv8hafkpn51zvyjI3UkKbv/Ep+Mfy89PLumvh5Ze+EfwKBgQC0Wn1o0JCjgCt3K39tahavBuCPDvk7oLA6JLp2W9437YFeuh9L/gYdAtJU79WpmOfgr228cOlExdGGpHqLPSDFpN3ssx1pkUJ6RlTN8YInc+dbAkC6gsm5XR0Jvj4YqghyWHKhxXErnFGDof2EQq7ghHK9pokpBFPowwlzkpOeHQKBgFbqVwJG/COvCvlObUd3pbzECdEoO/wUjAbetBROHzN57Z12MAf6uuu8X9Q+/50fmdaC8nVE0HaHFsF+TGNBSHPBHBU8G51/RVopjF4eyJl4eqfZaTWC/rYagEnVuhfqZIZBcE+7cudzCayXAiaUmfxd0CI0h9yckyfGf1THdrNtAoGASMtNWwTznEqbQJpZ8HuldDe+Y3+TsTGGb7FrYWJrKv+9+9H719xL82G0K3wyLSX+UX39ONYKESwXCdVRcOnXVG7a9DLHaFitEFVa3VThR7NMajtajO1FJoAivFABGEto5V41xn2+0+9gJ1U20i9oDk7nUQzqx5drlsNCCVfcJTECgYEAlEYIQ3AiVqx0RqZjfbg+nyZQmoUfHPASY2Hu9pJWvLwXsQWSPh1gf03galXzZ46wrCaeLygGaoHXW7W8WwsYBR1tG7voQeSe8mmlWgiscmvmvqSowJ10BnsdWwpOTZ8O6rKy8HdyI8gFJyfJgfz+6KekcdGEnQbmwCvB8j+Y7IQ=
--- a/alipay/支付宝公钥.txt
+++ b/alipay/支付宝公钥.txt
@@ -1 +0,0 @@
-MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAjyULL5tuD2cjfNvgn9fvVfn+WbLhoP3wk3bcYb9AabsZc1GCBlnG579Socc3U9dG5IR7C3KHD4kYHnH4tbK2pEWmmfjbVKXWguLqL5K3Dggnl5KVOlVVjrcsmLPqTj7JdeO0AQolmgdr/o6TlhQdsqINQAK5F5wWwIwwcSoJsWZ6zlPPX/Q/eMIN4zGgK2taMhx656zSxsYE5OKRYkTJhVrMktxQdwbUzoFSID++dTpjxF4w5k5qeVW/1WZaaswMFWh2IcJ5oyc+VjTRqZvtQt4gB0Fa0EblfmSJaozhoWHwzwF+1qtv7gp/TcMYj/Ah2+tY0UPxucEcTqY/i7PPfwIDAQAB
--- a/alipay_config.py
+++ b/alipay_config.py
@@ -1,118 +0,0 @@
-#!/usr/bin/env python
-# -*- coding: utf-8 -*-
-"""
-支付宝支付配置文件
-电脑网站支付 (alipay.trade.page.pay)
-"""
-import os
-
-# 获取当前文件所在目录
-_BASE_DIR = os.path.dirname(os.path.abspath(__file__))
-
-# 支付宝支付配置
-ALIPAY_CONFIG = {
-    # 应用ID - 从支付宝开放平台获取
-    'app_id': '2021005183650009',
-
-    # 支付宝网关 - 正式环境
-    'gateway_url': 'https://openapi.alipay.com/gateway.do',
-    # 沙箱环境网关（测试用）
-    # 'gateway_url': 'https://openapi-sandbox.dl.alipaydev.com/gateway.do',
-
-    # 签名方式 - 必须使用RSA2
-    'sign_type': 'RSA2',
-
-    # 编码格式
-    'charset': 'utf-8',
-
-    # 返回格式
-    'format': 'json',
-
-    # 密钥文件路径
-    'app_private_key_path': os.path.join(_BASE_DIR, 'alipay', '应用私钥.txt'),
-    'alipay_public_key_path': os.path.join(_BASE_DIR, 'alipay', '支付宝公钥.txt'),
-
-    # 回调地址 - 替换为你的实际域名
-    'notify_url': 'https://api.valuefrontier.cn/api/payment/alipay/callback',  # 异步通知地址（后端）
-    'return_url': 'https://valuefrontier.cn/pricing?payment_return=alipay',  # 同步跳转地址（前端页面）
-
-    # 产品码 - 电脑网站支付固定为此值
-    'product_code': 'FAST_INSTANT_TRADE_PAY',
-}
-
-
-def load_key_from_file(file_path):
-    """从文件读取密钥内容"""
-    import sys
-    try:
-        with open(file_path, 'r', encoding='utf-8') as f:
-            return f.read().strip()
-    except FileNotFoundError:
-        print(f"[AlipayConfig] Key file not found: {file_path}", file=sys.stderr)
-        return None
-    except Exception as e:
-        print(f"[AlipayConfig] Read key file failed: {e}", file=sys.stderr)
-        return None
-
-
-def get_app_private_key():
-    """获取应用私钥"""
-    return load_key_from_file(ALIPAY_CONFIG['app_private_key_path'])
-
-
-def get_alipay_public_key():
-    """获取支付宝公钥"""
-    return load_key_from_file(ALIPAY_CONFIG['alipay_public_key_path'])
-
-
-def validate_config():
-    """验证配置是否完整"""
-    issues = []
-
-    # 检查 app_id
-    if not ALIPAY_CONFIG.get('app_id') or ALIPAY_CONFIG['app_id'].startswith('your_'):
-        issues.append("app_id not configured")
-
-    # 检查密钥文件
-    if not os.path.exists(ALIPAY_CONFIG['app_private_key_path']):
-        issues.append(f"Private key file not found: {ALIPAY_CONFIG['app_private_key_path']}")
-    else:
-        key = get_app_private_key()
-        if not key or len(key) < 100:
-            issues.append("Private key content invalid")
-
-    if not os.path.exists(ALIPAY_CONFIG['alipay_public_key_path']):
-        issues.append(f"Alipay public key file not found: {ALIPAY_CONFIG['alipay_public_key_path']}")
-    else:
-        key = get_alipay_public_key()
-        if not key or len(key) < 100:
-            issues.append("Alipay public key content invalid")
-
-    return len(issues) == 0, issues
-
-
-if __name__ == "__main__":
-    print("Alipay Payment Config Validation")
-    print("=" * 50)
-
-    is_valid, issues = validate_config()
-
-    if is_valid:
-        print("[OK] Config validation passed!")
-        print(f"   App ID: {ALIPAY_CONFIG['app_id']}")
-        print(f"   Gateway: {ALIPAY_CONFIG['gateway_url']}")
-        print(f"   Notify URL: {ALIPAY_CONFIG['notify_url']}")
-        print(f"   Return URL: {ALIPAY_CONFIG['return_url']}")
-    else:
-        print("[ERROR] Config has issues:")
-        for issue in issues:
-            print(f"  - {issue}")
-
-        print("\nSetup steps:")
-        print("1. Login to Alipay Open Platform (open.alipay.com)")
-        print("2. Create app and get App ID")
-        print("3. Configure RSA2 keys in development settings")
-        print("4. Put private key and Alipay public key in ./alipay/ folder")
-        print("5. Update config in this file")
-
-    print("=" * 50)
--- a/alipay_pay.py
+++ b/alipay_pay.py
@@ -1,523 +0,0 @@
-#!/usr/bin/env python
-# -*- coding: utf-8 -*-
-"""
-支付宝支付集成模块
-电脑网站支付 (alipay.trade.page.pay)
-"""
-
-import json
-import time
-import base64
-import hashlib
-from datetime import datetime
-from urllib.parse import quote_plus, urlencode
-from cryptography.hazmat.primitives import hashes, serialization
-from cryptography.hazmat.primitives.asymmetric import padding
-from cryptography.hazmat.backends import default_backend
-
-
-class AlipayPay:
-    """支付宝电脑网站支付类"""
-
-    def __init__(self, app_id, app_private_key, alipay_public_key, notify_url, return_url,
-                 gateway_url='https://openapi.alipay.com/gateway.do',
-                 sign_type='RSA2', charset='utf-8'):
-        """
-        初始化支付宝支付配置
-
-        Args:
-            app_id: 支付宝应用ID
-            app_private_key: 应用私钥（Base64编码的字符串）
-            alipay_public_key: 支付宝公钥（Base64编码的字符串）
-            notify_url: 异步通知地址
-            return_url: 同步跳转地址
-            gateway_url: 支付宝网关URL
-            sign_type: 签名类型，默认RSA2
-            charset: 编码，默认utf-8
-        """
-        self.app_id = app_id
-        self.notify_url = notify_url
-        self.return_url = return_url
-        self.gateway_url = gateway_url
-        self.sign_type = sign_type
-        self.charset = charset
-
-        # 加载密钥
-        self.app_private_key = self._load_private_key(app_private_key)
-        self.alipay_public_key = self._load_public_key(alipay_public_key)
-
-        # 注意：不要在这里使用 print，会影响 subprocess 的 JSON 输出
-
-    def _load_private_key(self, key_str):
-        """加载RSA私钥（支持 PKCS#1 和 PKCS#8 格式）"""
-        try:
-            # 如果密钥不包含头尾，尝试添加PEM格式头尾
-            if '-----BEGIN' not in key_str:
-                # 支付宝通常使用 PKCS#8 格式（MIIEv 开头）
-                # 先尝试 PKCS#8 格式
-                key_str_pkcs8 = f"-----BEGIN PRIVATE KEY-----\n{key_str}\n-----END PRIVATE KEY-----"
-                try:
-                    private_key = serialization.load_pem_private_key(
-                        key_str_pkcs8.encode('utf-8'),
-                        password=None,
-                        backend=default_backend()
-                    )
-                    return private_key
-                except Exception:
-                    # 如果 PKCS#8 失败，尝试 PKCS#1 格式
-                    key_str = f"-----BEGIN RSA PRIVATE KEY-----\n{key_str}\n-----END RSA PRIVATE KEY-----"
-
-            private_key = serialization.load_pem_private_key(
-                key_str.encode('utf-8'),
-                password=None,
-                backend=default_backend()
-            )
-            return private_key
-        except Exception as e:
-            import sys
-            print(f"[AlipayPay] Load private key failed: {e}", file=sys.stderr)
-            raise
-
-    def _load_public_key(self, key_str):
-        """加载RSA公钥"""
-        import sys
-        try:
-            # 如果密钥不包含头尾，添加PEM格式头尾
-            if '-----BEGIN' not in key_str:
-                key_str = f"-----BEGIN PUBLIC KEY-----\n{key_str}\n-----END PUBLIC KEY-----"
-
-            public_key = serialization.load_pem_public_key(
-                key_str.encode('utf-8'),
-                backend=default_backend()
-            )
-            return public_key
-        except Exception as e:
-            print(f"[AlipayPay] Load public key failed: {e}", file=sys.stderr)
-            raise
-
-    def _sign(self, unsigned_string):
-        """
-        RSA2签名
-
-        Args:
-            unsigned_string: 待签名字符串
-
-        Returns:
-            Base64编码的签名
-        """
-        import sys
-        try:
-            signature = self.app_private_key.sign(
-                unsigned_string.encode('utf-8'),
-                padding.PKCS1v15(),
-                hashes.SHA256()
-            )
-            return base64.b64encode(signature).decode('utf-8')
-        except Exception as e:
-            print(f"[AlipayPay] Sign failed: {e}", file=sys.stderr)
-            raise
-
-    def _verify(self, message, signature):
-        """
-        验证支付宝签名
-
-        Args:
-            message: 原始消息
-            signature: Base64编码的签名
-
-        Returns:
-            bool: 验证是否通过
-        """
-        import sys
-        try:
-            self.alipay_public_key.verify(
-                base64.b64decode(signature),
-                message.encode('utf-8'),
-                padding.PKCS1v15(),
-                hashes.SHA256()
-            )
-            return True
-        except Exception as e:
-            print(f"[AlipayPay] Verify signature failed: {e}", file=sys.stderr)
-            return False
-
-    def _get_sign_content(self, params):
-        """
-        获取待签名字符串
-
-        Args:
-            params: 参数字典
-
-        Returns:
-            排序后的参数字符串
-        """
-        # 过滤空值和sign参数，按key排序
-        filtered_params = {k: v for k, v in params.items()
-                          if v is not None and v != '' and k != 'sign'}
-        sorted_params = sorted(filtered_params.items())
-
-        # 拼接字符串
-        sign_content = '&'.join([f'{k}={v}' for k, v in sorted_params])
-        return sign_content
-
-    def create_page_pay_url(self, out_trade_no, total_amount, subject, body=None, timeout_express='30m'):
-        """
-        创建电脑网站支付URL
-
-        Args:
-            out_trade_no: 商户订单号
-            total_amount: 订单总金额（元，精确到小数点后两位）
-            subject: 订单标题
-            body: 订单描述（可选）
-            timeout_express: 订单超时时间，默认30分钟
-
-        Returns:
-            dict: 包含支付URL的响应
-        """
-        try:
-            # 金额格式化为两位小数（支付宝要求）
-            formatted_amount = f"{float(total_amount):.2f}"
-
-            # 业务参数
-            biz_content = {
-                'out_trade_no': out_trade_no,
-                'total_amount': formatted_amount,
-                'subject': subject,
-                'product_code': 'FAST_INSTANT_TRADE_PAY',  # 电脑网站支付固定值
-                'timeout_express': timeout_express,
-            }
-            if body:
-                biz_content['body'] = body
-
-            # 公共请求参数
-            params = {
-                'app_id': self.app_id,
-                'method': 'alipay.trade.page.pay',
-                'format': 'json',
-                'charset': self.charset,
-                'sign_type': self.sign_type,
-                'timestamp': datetime.now().strftime('%Y-%m-%d %H:%M:%S'),
-                'version': '1.0',
-                'notify_url': self.notify_url,
-                'return_url': self.return_url,
-                'biz_content': json.dumps(biz_content, ensure_ascii=False),
-            }
-
-            # 生成签名
-            sign_content = self._get_sign_content(params)
-            params['sign'] = self._sign(sign_content)
-
-            # 构建完整的支付URL
-            pay_url = f"{self.gateway_url}?{urlencode(params)}"
-
-            # 日志输出到 stderr，避免影响 subprocess JSON 输出
-            import sys
-            print(f"[AlipayPay] Order created: {out_trade_no}, amount: {formatted_amount}", file=sys.stderr)
-
-            return {
-                'success': True,
-                'pay_url': pay_url,
-                'order_no': out_trade_no
-            }
-
-        except Exception as e:
-            import sys
-            print(f"[AlipayPay] Create order failed: {e}", file=sys.stderr)
-            return {
-                'success': False,
-                'error': str(e)
-            }
-
-    def create_wap_pay_url(self, out_trade_no, total_amount, subject, body=None, timeout_express='30m', quit_url=None):
-        """
-        创建手机网站支付URL (H5支付，可调起手机支付宝APP)
-
-        Args:
-            out_trade_no: 商户订单号
-            total_amount: 订单总金额（元，精确到小数点后两位）
-            subject: 订单标题
-            body: 订单描述（可选）
-            timeout_express: 订单超时时间，默认30分钟
-            quit_url: 用户付款中途退出返回商户网站的地址（可选）
-
-        Returns:
-            dict: 包含支付URL的响应
-        """
-        try:
-            # 金额格式化为两位小数（支付宝要求）
-            formatted_amount = f"{float(total_amount):.2f}"
-
-            # 业务参数
-            biz_content = {
-                'out_trade_no': out_trade_no,
-                'total_amount': formatted_amount,
-                'subject': subject,
-                'product_code': 'QUICK_WAP_WAY',  # 手机网站支付固定值
-                'timeout_express': timeout_express,
-            }
-            if body:
-                biz_content['body'] = body
-            if quit_url:
-                biz_content['quit_url'] = quit_url
-
-            # 公共请求参数
-            params = {
-                'app_id': self.app_id,
-                'method': 'alipay.trade.wap.pay',  # 手机网站支付接口
-                'format': 'json',
-                'charset': self.charset,
-                'sign_type': self.sign_type,
-                'timestamp': datetime.now().strftime('%Y-%m-%d %H:%M:%S'),
-                'version': '1.0',
-                'notify_url': self.notify_url,
-                'return_url': self.return_url,
-                'biz_content': json.dumps(biz_content, ensure_ascii=False),
-            }
-
-            # 生成签名
-            sign_content = self._get_sign_content(params)
-            params['sign'] = self._sign(sign_content)
-
-            # 构建完整的支付URL
-            pay_url = f"{self.gateway_url}?{urlencode(params)}"
-
-            # 日志输出到 stderr，避免影响 subprocess JSON 输出
-            import sys
-            print(f"[AlipayPay] WAP Order created: {out_trade_no}, amount: {formatted_amount}", file=sys.stderr)
-
-            return {
-                'success': True,
-                'pay_url': pay_url,
-                'order_no': out_trade_no,
-                'pay_type': 'wap'  # 标识为手机网站支付
-            }
-
-        except Exception as e:
-            import sys
-            print(f"[AlipayPay] Create WAP order failed: {e}", file=sys.stderr)
-            return {
-                'success': False,
-                'error': str(e)
-            }
-
-    def query_order(self, out_trade_no=None, trade_no=None):
-        """
-        查询订单状态
-
-        Args:
-            out_trade_no: 商户订单号
-            trade_no: 支付宝交易号
-
-        Returns:
-            dict: 订单状态信息
-        """
-        import requests
-
-        try:
-            if not out_trade_no and not trade_no:
-                return {'success': False, 'error': '订单号和交易号不能同时为空'}
-
-            # 业务参数
-            biz_content = {}
-            if out_trade_no:
-                biz_content['out_trade_no'] = out_trade_no
-            if trade_no:
-                biz_content['trade_no'] = trade_no
-
-            # 公共请求参数
-            params = {
-                'app_id': self.app_id,
-                'method': 'alipay.trade.query',
-                'format': 'json',
-                'charset': self.charset,
-                'sign_type': self.sign_type,
-                'timestamp': datetime.now().strftime('%Y-%m-%d %H:%M:%S'),
-                'version': '1.0',
-                'biz_content': json.dumps(biz_content, ensure_ascii=False),
-            }
-
-            # 生成签名
-            sign_content = self._get_sign_content(params)
-            params['sign'] = self._sign(sign_content)
-
-            # 发送请求
-            response = requests.get(self.gateway_url, params=params, timeout=30)
-            result = response.json()
-
-            # 日志输出到 stderr
-            import sys
-            print(f"[AlipayPay] Query response: {result}", file=sys.stderr)
-
-            # 解析响应
-            query_response = result.get('alipay_trade_query_response', {})
-            if query_response.get('code') == '10000':
-                trade_status = query_response.get('trade_status')
-                return {
-                    'success': True,
-                    'trade_status': trade_status,
-                    'trade_no': query_response.get('trade_no'),
-                    'out_trade_no': query_response.get('out_trade_no'),
-                    'total_amount': query_response.get('total_amount'),
-                    'buyer_logon_id': query_response.get('buyer_logon_id'),
-                    'send_pay_date': query_response.get('send_pay_date'),
-                    # 状态映射
-                    'is_paid': trade_status == 'TRADE_SUCCESS' or trade_status == 'TRADE_FINISHED',
-                    'is_closed': trade_status == 'TRADE_CLOSED',
-                    'is_waiting': trade_status == 'WAIT_BUYER_PAY',
-                }
-            else:
-                error_msg = query_response.get('sub_msg') or query_response.get('msg', '查询失败')
-                return {
-                    'success': False,
-                    'error': error_msg,
-                    'code': query_response.get('code'),
-                    'sub_code': query_response.get('sub_code')
-                }
-
-        except requests.RequestException as e:
-            import sys
-            print(f"[AlipayPay] API request failed: {e}", file=sys.stderr)
-            return {'success': False, 'error': f'网络请求失败: {e}'}
-        except Exception as e:
-            import sys
-            print(f"[AlipayPay] Query order error: {e}", file=sys.stderr)
-            return {'success': False, 'error': str(e)}
-
-    def verify_callback(self, params):
-        """
-        验证支付宝异步回调
-
-        Args:
-            params: 回调参数字典
-
-        Returns:
-            dict: 验证结果
-        """
-        try:
-            # 获取签名
-            sign = params.pop('sign', None)
-            sign_type = params.pop('sign_type', 'RSA2')
-
-            if not sign:
-                return {'success': False, 'error': '缺少签名参数'}
-
-            # 构建待验签字符串
-            sign_content = self._get_sign_content(params)
-
-            # 验证签名
-            import sys
-            if self._verify(sign_content, sign):
-                print(f"[AlipayPay] Callback signature verified", file=sys.stderr)
-                return {
-                    'success': True,
-                    'data': params
-                }
-            else:
-                print(f"[AlipayPay] Callback signature verification failed", file=sys.stderr)
-                return {
-                    'success': False,
-                    'error': '签名验证失败'
-                }
-
-        except Exception as e:
-            print(f"[AlipayPay] Verify callback error: {e}", file=sys.stderr)
-            return {'success': False, 'error': str(e)}
-
-    def verify_return(self, params):
-        """
-        验证支付宝同步返回（用户支付后跳转回来）
-
-        Args:
-            params: 同步返回参数字典
-
-        Returns:
-            dict: 验证结果
-        """
-        # 同步返回的验签逻辑与异步回调相同
-        return self.verify_callback(params)
-
-
-# 工厂函数
-def create_alipay_instance():
-    """创建支付宝支付实例"""
-    try:
-        from alipay_config import ALIPAY_CONFIG, get_app_private_key, get_alipay_public_key, validate_config
-
-        # 验证配置
-        is_valid, issues = validate_config()
-        if not is_valid:
-            raise ValueError(f"支付宝配置错误: {'; '.join(issues)}")
-
-        # 获取密钥
-        app_private_key = get_app_private_key()
-        alipay_public_key = get_alipay_public_key()
-
-        if not app_private_key or not alipay_public_key:
-            raise ValueError("密钥加载失败")
-
-        return AlipayPay(
-            app_id=ALIPAY_CONFIG['app_id'],
-            app_private_key=app_private_key,
-            alipay_public_key=alipay_public_key,
-            notify_url=ALIPAY_CONFIG['notify_url'],
-            return_url=ALIPAY_CONFIG['return_url'],
-            gateway_url=ALIPAY_CONFIG['gateway_url'],
-            sign_type=ALIPAY_CONFIG['sign_type'],
-            charset=ALIPAY_CONFIG['charset']
-        )
-
-    except ImportError as e:
-        raise ValueError(f"无法导入支付宝配置: {e}")
-    except Exception as e:
-        raise ValueError(f"创建支付宝实例失败: {e}")
-
-
-def check_alipay_ready():
-    """检查支付宝支付是否就绪"""
-    try:
-        instance = create_alipay_instance()
-        return True, "支付宝支付配置正确"
-    except Exception as e:
-        return False, str(e)
-
-
-if __name__ == '__main__':
-    """测试代码"""
-    import sys
-
-    print("=" * 60)
-    print("Alipay Payment Test")
-    print("=" * 60)
-
-    try:
-        # 检查配置
-        is_ready, message = check_alipay_ready()
-        print(f"\nConfig status: {'READY' if is_ready else 'NOT READY'}")
-        print(f"Details: {message}")
-
-        if is_ready:
-            # 创建实例
-            alipay = create_alipay_instance()
-
-            # 测试创建订单
-            test_order_no = f"TEST{int(time.time())}"
-            result = alipay.create_page_pay_url(
-                out_trade_no=test_order_no,
-                total_amount='0.01',
-                subject='Test Product',
-                body='This is a test order'
-            )
-
-            print(f"\nCreate order result:")
-            print(json.dumps(result, indent=2, ensure_ascii=False))
-
-            if result['success']:
-                print(f"\nPayment URL (open in browser):")
-                print(result['pay_url'][:200] + '...')
-
-    except Exception as e:
-        print(f"\nTest failed: {e}")
-        import traceback
-        traceback.print_exc()
-
-    print("\n" + "=" * 60)
--- a/alipay_pay_worker.py
+++ b/alipay_pay_worker.py
@@ -1,163 +0,0 @@
-#!/usr/bin/env python
-# -*- coding: utf-8 -*-
-"""
-支付宝支付工作脚本
-用于在 subprocess 中执行，绕过 eventlet DNS 问题
-
-用法:
-    python alipay_pay_worker.py check              # 检查配置
-    python alipay_pay_worker.py create <order_no> <amount> <subject> [body] [pay_type]  # 创建订单
-        pay_type: page=电脑网站支付(默认), wap=手机网站支付
-    python alipay_pay_worker.py query <order_no>   # 查询订单
-"""
-
-import sys
-import json
-
-
-def check_config():
-    """检查支付宝配置"""
-    try:
-        from alipay_pay import check_alipay_ready
-        is_ready, message = check_alipay_ready()
-        return {
-            'success': is_ready,
-            'message': message if is_ready else None,
-            'error': None if is_ready else message
-        }
-    except Exception as e:
-        return {
-            'success': False,
-            'error': str(e)
-        }
-
-
-def create_order(order_no, amount, subject, body=None, pay_type='page'):
-    """创建支付宝订单
-
-    Args:
-        order_no: 订单号
-        amount: 金额
-        subject: 标题
-        body: 描述
-        pay_type: 支付类型 'page'=电脑网站支付, 'wap'=手机网站支付
-    """
-    try:
-        from alipay_pay import create_alipay_instance
-        alipay = create_alipay_instance()
-
-        if pay_type == 'wap':
-            # 手机网站支付
-            result = alipay.create_wap_pay_url(
-                out_trade_no=order_no,
-                total_amount=str(amount),
-                subject=subject,
-                body=body,
-                timeout_express='30m',
-                quit_url='https://valuefrontier.cn/pricing'  # 用户取消支付时返回的页面
-            )
-        else:
-            # 电脑网站支付（默认）
-            result = alipay.create_page_pay_url(
-                out_trade_no=order_no,
-                total_amount=str(amount),
-                subject=subject,
-                body=body,
-                timeout_express='30m'
-            )
-
-        return result
-    except Exception as e:
-        return {
-            'success': False,
-            'error': str(e)
-        }
-
-
-def query_order(order_no):
-    """查询支付宝订单"""
-    try:
-        from alipay_pay import create_alipay_instance
-        alipay = create_alipay_instance()
-
-        result = alipay.query_order(out_trade_no=order_no)
-
-        # 转换状态为统一格式
-        if result.get('success'):
-            trade_status = result.get('trade_status')
-            # 映射支付宝状态到统一状态
-            if trade_status in ['TRADE_SUCCESS', 'TRADE_FINISHED']:
-                result['trade_state'] = 'SUCCESS'
-            elif trade_status == 'WAIT_BUYER_PAY':
-                result['trade_state'] = 'NOTPAY'
-            elif trade_status == 'TRADE_CLOSED':
-                result['trade_state'] = 'CLOSED'
-            else:
-                result['trade_state'] = trade_status
-
-        return result
-    except Exception as e:
-        return {
-            'success': False,
-            'error': str(e)
-        }
-
-
-def main():
-    """主函数"""
-    if len(sys.argv) < 2:
-        print(json.dumps({
-            'success': False,
-            'error': '缺少命令参数。用法: check | create <order_no> <amount> <subject> | query <order_no>'
-        }))
-        sys.exit(1)
-
-    command = sys.argv[1].lower()
-
-    try:
-        if command == 'check':
-            result = check_config()
-
-        elif command == 'create':
-            if len(sys.argv) < 5:
-                result = {
-                    'success': False,
-                    'error': '创建订单需要参数: order_no, amount, subject'
-                }
-            else:
-                order_no = sys.argv[2]
-                amount = sys.argv[3]
-                subject = sys.argv[4]
-                body = sys.argv[5] if len(sys.argv) > 5 else None
-                # pay_type: page=电脑网站支付, wap=手机网站支付
-                pay_type = sys.argv[6] if len(sys.argv) > 6 else 'page'
-                result = create_order(order_no, amount, subject, body, pay_type)
-
-        elif command == 'query':
-            if len(sys.argv) < 3:
-                result = {
-                    'success': False,
-                    'error': '查询订单需要参数: order_no'
-                }
-            else:
-                order_no = sys.argv[2]
-                result = query_order(order_no)
-
-        else:
-            result = {
-                'success': False,
-                'error': f'未知命令: {command}'
-            }
-
-        print(json.dumps(result, ensure_ascii=False))
-
-    except Exception as e:
-        print(json.dumps({
-            'success': False,
-            'error': str(e)
-        }, ensure_ascii=False))
-        sys.exit(1)
-
-
-if __name__ == '__main__':
-    main()
--- a/app.py
+++ b/app.py
--- a/app/init.py
+++ b/app/init.py
@@ -0,0 +1,45 @@
+from flask import Flask
+from flask_sqlalchemy import SQLAlchemy
+
+from flask_cors import CORS
+from datetime import datetime
+import pytz
+import os
+
+# 创建Flask应用
+app = Flask(__name__)
+
+# 配置
+config_name = os.environ.get('FLASK_ENV', 'development')
+from config import config
+app.config.from_object(config[config_name])
+
+# 初始化扩展
+db = SQLAlchemy(app)
+CORS(app, resources={r"/api/*": {"origins": "*"}})
+
+# 时区设置
+def beijing_now():
+    """获取北京时间"""
+    tz = pytz.timezone('Asia/Shanghai')
+    return datetime.now(tz)
+
+# 导入模型
+from app.models import *
+
+# 创建数据库表
+with app.app_context():
+    db.create_all()
+
+# 注册路由
+from app.routes import events, stocks, limitanalyse, calendar, industries
+
+app.register_blueprint(events.bp)
+app.register_blueprint(stocks.bp)
+app.register_blueprint(limitanalyse.bp)
+app.register_blueprint(calendar.bp)
+app.register_blueprint(industries.bp)
+
+if __name__ == '__main__':
+    print("=== Value Frontier React 架构启动 ===")
+    app.run(host='0.0.0.0', port=5001, debug=True) 
--- a/app/pycache/init.cpython-310.pyc
+++ b/app/pycache/init.cpython-310.pyc
--- a/app/pycache/init.cpython-311.pyc
+++ b/app/pycache/init.cpython-311.pyc
--- a/app/pycache/models.cpython-311.pyc
+++ b/app/pycache/models.cpython-311.pyc
--- a/app/extensions.py
+++ b/app/extensions.py
@@ -0,0 +1,30 @@
+# app/extensions.py
+from flask_sqlalchemy import SQLAlchemy
+from flask_login import LoginManager
+from flask_compress import Compress
+from flask_cors import CORS
+from clickhouse_driver import Client as Cclient
+from sqlalchemy import create_engine
+
+# Database instances
+db = SQLAlchemy()
+
+# Other extensions
+login_manager = LoginManager()
+compress = Compress()
+cors = CORS()
+
+# Database engines (如果仍然需要直接使用 engine)
+engine = create_engine("mysql+pymysql://root:Zzl33818!@111.198.58.126:33060/stock", echo=False)
+engine_med = create_engine("mysql+pymysql://root:Zzl33818!@111.198.58.126:33060/med", echo=False)
+engine_2 = create_engine("mysql+pymysql://root:Zzl33818!@111.198.58.126:33060/valuefrontier", echo=False)
+
+# ClickHouse client factory
+def get_clickhouse_client():
+    return Cclient(
+        host='111.198.58.126',
+        port=18778,
+        user='default',
+        password='Zzl5588161!',
+        database='stock'
+    )
--- a/app/models.py
+++ b/app/models.py
@@ -0,0 +1,504 @@
+from app import db
+from datetime import datetime
+import pytz
+import json
+
+def beijing_now():
+    """获取北京时间"""
+    tz = pytz.timezone('Asia/Shanghai')
+    return datetime.now(tz)
+
+class Post(db.Model):
+    """帖子模型"""
+    id = db.Column(db.Integer, primary_key=True)
+    event_id = db.Column(db.Integer, db.ForeignKey('event.id'), nullable=False)
+    user_id = db.Column(db.Integer, db.ForeignKey('user.id'), nullable=False)
+
+    # 内容
+    title = db.Column(db.String(200))  # 标题(可选)
+    content = db.Column(db.Text, nullable=False)  # 内容
+    content_type = db.Column(db.String(20), default='text')  # 内容类型:text/rich_text/link
+
+    # 时间
+    created_at = db.Column(db.DateTime, default=beijing_now)
+    updated_at = db.Column(db.DateTime, default=beijing_now, onupdate=beijing_now)
+
+    # 统计
+    likes_count = db.Column(db.Integer, default=0)
+    comments_count = db.Column(db.Integer, default=0)
+    view_count = db.Column(db.Integer, default=0)
+
+    # 状态
+    status = db.Column(db.String(20), default='active')  # active/hidden/deleted
+    is_top = db.Column(db.Boolean, default=False)  # 是否置顶
+
+    # 关系
+    user = db.relationship('User', backref='posts')
+    likes = db.relationship('PostLike', backref='post', lazy='dynamic')
+    comments = db.relationship('Comment', backref='post', lazy='dynamic')
+
+class User(db.Model):
+    """用户模型"""
+    id = db.Column(db.Integer, primary_key=True)
+
+    # 基础账号信息(注册时必填)
+    username = db.Column(db.String(80), unique=True, nullable=False)  # 用户名
+    email = db.Column(db.String(120), unique=True, nullable=False)  # 邮箱
+    password_hash = db.Column(db.String(128), nullable=False)  # 密码哈希
+    email_confirmed = db.Column(db.Boolean, default=False)  # 邮箱是否验证
+
+    # 账号状态
+    created_at = db.Column(db.DateTime, default=beijing_now)  # 注册时间
+    last_seen = db.Column(db.DateTime, default=beijing_now)  # 最后活跃时间
+    status = db.Column(db.String(20), default='active')  # 账号状态 active/banned/deleted
+
+    # 个人资料(可选,后续在个人中心完善)
+    nickname = db.Column(db.String(30))  # 社区昵称
+    avatar_url = db.Column(db.String(200))  # 头像URL
+    banner_url = db.Column(db.String(200))  # 个人主页背景图
+    bio = db.Column(db.String(200))  # 个人简介
+    gender = db.Column(db.String(10))  # 性别
+    birth_date = db.Column(db.Date)  # 生日
+    location = db.Column(db.String(100))  # 所在地
+
+    # 联系方式(可选)
+    phone = db.Column(db.String(20))  # 手机号
+    wechat_id = db.Column(db.String(80))  # 微信号
+
+    # 实名认证信息(可选)
+    real_name = db.Column(db.String(30))  # 真实姓名
+    id_number = db.Column(db.String(18))  # 身份证号(加密存储)
+    is_verified = db.Column(db.Boolean, default=False)  # 是否实名认证
+    verify_time = db.Column(db.DateTime)  # 实名认证时间
+
+    # 投资相关信息(可选)
+    trading_experience = db.Column(db.Integer)  # 炒股年限
+    investment_style = db.Column(db.String(50))  # 投资风格
+    risk_preference = db.Column(db.String(20))  # 风险偏好
+    investment_amount = db.Column(db.String(20))  # 投资规模
+    preferred_markets = db.Column(db.String(200), default='[]')  # 偏好市场 JSON
+
+    # 社区信息(系统自动更新)
+    user_level = db.Column(db.Integer, default=1)  # 用户等级
+    reputation_score = db.Column(db.Integer, default=0)  # 信用积分
+    contribution_point = db.Column(db.Integer, default=0)  # 贡献点数
+    post_count = db.Column(db.Integer, default=0)  # 发帖数
+    comment_count = db.Column(db.Integer, default=0)  # 评论数
+    follower_count = db.Column(db.Integer, default=0)  # 粉丝数
+    following_count = db.Column(db.Integer, default=0)  # 关注数
+
+    # 创作者信息(可选)
+    is_creator = db.Column(db.Boolean, default=False)  # 是否创作者
+    creator_type = db.Column(db.String(20))  # 创作者类型
+    creator_tags = db.Column(db.String(200), default='[]')  # 创作者标签 JSON
+
+    # 系统设置
+    email_notifications = db.Column(db.Boolean, default=True)  # 邮件通知
+    sms_notifications = db.Column(db.Boolean, default=False)  # 短信通知
+    wechat_notifications = db.Column(db.Boolean, default=False)  # 微信通知
+    notification_preferences = db.Column(db.String(500), default='{}')  # 通知偏好 JSON
+    privacy_level = db.Column(db.String(20), default='public')  # 隐私级别
+    theme_preference = db.Column(db.String(20), default='light')  # 主题偏好
+    blocked_keywords = db.Column(db.String(500), default='[]')  # 屏蔽关键词 JSON
+    # 手机号验证
+    phone_confirmed = db.Column(db.Boolean, default=False)  # 手机是否验证
+    phone_confirm_time = db.Column(db.DateTime)  # 手机验证时间
+
+    def __init__(self, username, email=None, password=None, phone=None):
+        self.username = username
+        if email:
+            self.email = email
+        if password:
+            self.set_password(password)
+        if phone:
+            self.phone = phone
+
+    def set_password(self, password):
+        from werkzeug.security import generate_password_hash
+        self.password_hash = generate_password_hash(password)
+
+    def check_password(self, password):
+        from werkzeug.security import check_password_hash
+        return check_password_hash(self.password_hash, password)
+
+    def update_last_seen(self):
+        self.last_seen = beijing_now()
+        db.session.commit()
+
+    def get_preferred_markets(self):
+        try:
+            return json.loads(self.preferred_markets)
+        except (json.JSONDecodeError, TypeError):
+            return []
+
+    def get_blocked_keywords(self):
+        try:
+            return json.loads(self.blocked_keywords)
+        except (json.JSONDecodeError, TypeError):
+            return []
+
+    def get_notification_preferences(self):
+        try:
+            return json.loads(self.notification_preferences)
+        except (json.JSONDecodeError, TypeError):
+            return {}
+
+    def get_creator_tags(self):
+        try:
+            return json.loads(self.creator_tags)
+        except (json.JSONDecodeError, TypeError):
+            return []
+
+    def set_preferred_markets(self, markets):
+        self.preferred_markets = json.dumps(markets)
+
+    def set_blocked_keywords(self, keywords):
+        self.blocked_keywords = json.dumps(keywords)
+
+    def set_notification_preferences(self, preferences):
+        self.notification_preferences = json.dumps(preferences)
+
+    def set_creator_tags(self, tags):
+        self.creator_tags = json.dumps(tags)
+
+    def to_dict(self):
+        return {
+            'id': self.id,
+            'username': self.username,
+            'email': self.email,
+            'nickname': self.nickname,
+            'avatar_url': self.avatar_url,
+            'bio': self.bio,
+            'created_at': self.created_at.isoformat() if self.created_at else None,
+            'last_seen': self.last_seen.isoformat() if self.last_seen else None,
+            'status': self.status,
+            'user_level': self.user_level,
+            'reputation_score': self.reputation_score,
+            'post_count': self.post_count,
+            'follower_count': self.follower_count,
+            'following_count': self.following_count
+        }
+
+    def __repr__(self):
+        return f'<User {self.username}>'
+
+class Comment(db.Model):
+    """评论"""
+    id = db.Column(db.Integer, primary_key=True)
+    post_id = db.Column(db.Integer, db.ForeignKey('post.id'), nullable=False)
+    user_id = db.Column(db.Integer, db.ForeignKey('user.id'), nullable=False)
+    content = db.Column(db.Text, nullable=False)
+    parent_id = db.Column(db.Integer, db.ForeignKey('comment.id'))  # 父评论ID,用于回复
+    created_at = db.Column(db.DateTime, default=beijing_now)
+    status = db.Column(db.String(20), default='active')
+
+    user = db.relationship('User', backref='comments')
+    replies = db.relationship('Comment', backref=db.backref('parent', remote_side=[id]))
+
+
+class CommentLike(db.Model):
+    """评论点赞记录（基于session_id以兼容匿名点赞）"""
+    __tablename__ = 'comment_like'
+
+    id = db.Column(db.Integer, primary_key=True)
+    comment_id = db.Column(db.Integer, db.ForeignKey('comment.id'), nullable=False)
+    session_id = db.Column(db.String(100), nullable=False)
+    created_at = db.Column(db.DateTime, default=beijing_now)
+
+    __table_args__ = (db.UniqueConstraint('comment_id', 'session_id'),)
+
+class EventFollow(db.Model):
+    """事件关注"""
+    id = db.Column(db.Integer, primary_key=True)
+    user_id = db.Column(db.Integer, db.ForeignKey('user.id'), nullable=False)
+    event_id = db.Column(db.Integer, db.ForeignKey('event.id'), nullable=False)
+    created_at = db.Column(db.DateTime, default=beijing_now)
+
+    user = db.relationship('User', backref='event_follows')
+
+    __table_args__ = (db.UniqueConstraint('user_id', 'event_id'),)
+
+class PostLike(db.Model):
+    """帖子点赞"""
+    id = db.Column(db.Integer, primary_key=True)
+    user_id = db.Column(db.Integer, db.ForeignKey('user.id'), nullable=False)
+    post_id = db.Column(db.Integer, db.ForeignKey('post.id'), nullable=False)
+    created_at = db.Column(db.DateTime, default=beijing_now)
+
+    user = db.relationship('User', backref='post_likes')
+
+    __table_args__ = (db.UniqueConstraint('user_id', 'post_id'),)
+
+class Event(db.Model):
+    """事件模型"""
+    id = db.Column(db.Integer, primary_key=True)
+    title = db.Column(db.String(200), nullable=False)
+    description = db.Column(db.Text)
+
+    # 事件类型与状态
+    event_type = db.Column(db.String(50))
+    status = db.Column(db.String(20), default='active')
+
+    # 时间相关
+    start_time = db.Column(db.DateTime, default=beijing_now)
+    end_time = db.Column(db.DateTime)
+    created_at = db.Column(db.DateTime, default=beijing_now)
+    updated_at = db.Column(db.DateTime, default=beijing_now)
+
+    # 热度与统计
+    hot_score = db.Column(db.Float, default=0)
+    view_count = db.Column(db.Integer, default=0)
+    trending_score = db.Column(db.Float, default=0)
+    post_count = db.Column(db.Integer, default=0)
+    follower_count = db.Column(db.Integer, default=0)
+
+    # 关联信息
+    related_industries = db.Column(db.JSON)
+    keywords = db.Column(db.JSON)
+    files = db.Column(db.JSON)
+    importance = db.Column(db.String(20))
+    related_avg_chg = db.Column(db.Float, default=0)
+    related_max_chg = db.Column(db.Float, default=0)
+    related_week_chg = db.Column(db.Float, default=0)
+
+    # 新增字段
+    invest_score = db.Column(db.Integer)  # 超预期得分
+    expectation_surprise_score = db.Column(db.Integer)
+    # 创建者信息
+    creator_id = db.Column(db.Integer, db.ForeignKey('user.id'))
+    creator = db.relationship('User', backref='created_events')
+
+    # 关系
+    posts = db.relationship('Post', backref='event', lazy='dynamic')
+    followers = db.relationship('EventFollow', backref='event', lazy='dynamic')
+    related_stocks = db.relationship('RelatedStock', backref='event', lazy='dynamic')
+    historical_events = db.relationship('HistoricalEvent', backref='event', lazy='dynamic')
+    related_data = db.relationship('RelatedData', backref='event', lazy='dynamic')
+    related_concepts = db.relationship('RelatedConcepts', backref='event', lazy='dynamic')
+
+    @property
+    def keywords_list(self):
+        if isinstance(self.keywords, list):
+            return self.keywords
+        elif isinstance(self.keywords, str):
+            try:
+                return json.loads(self.keywords)
+            except (json.JSONDecodeError, TypeError):
+                return []
+        return []
+
+    def set_keywords(self, keywords):
+        if isinstance(keywords, list):
+            self.keywords = keywords
+        elif isinstance(keywords, str):
+            try:
+                self.keywords = json.loads(keywords)
+            except json.JSONDecodeError:
+                self.keywords = [keywords]
+        else:
+            self.keywords = []
+
+class RelatedStock(db.Model):
+    """相关标的模型"""
+    id = db.Column(db.Integer, primary_key=True)
+    event_id = db.Column(db.Integer, db.ForeignKey('event.id'))
+    stock_code = db.Column(db.String(20))  # 股票代码
+    stock_name = db.Column(db.String(100))  # 股票名称
+    sector = db.Column(db.String(100))  # 关联类型
+    relation_desc = db.Column(db.String(1024))  # 关联原因描述
+    created_at = db.Column(db.DateTime, default=beijing_now)
+    updated_at = db.Column(db.DateTime, default=beijing_now, onupdate=beijing_now)
+    correlation = db.Column(db.Float())
+    momentum = db.Column(db.String(1024)) #动量
+
+class RelatedData(db.Model):
+    """关联数据模型"""
+    id = db.Column(db.Integer, primary_key=True)
+    event_id = db.Column(db.Integer, db.ForeignKey('event.id'))
+    title = db.Column(db.String(200))  # 数据标题
+    data_type = db.Column(db.String(50))  # 数据类型
+    data_content = db.Column(db.JSON)  # 数据内容(JSON格式)
+    description = db.Column(db.Text)  # 数据描述
+    created_at = db.Column(db.DateTime, default=beijing_now)
+
+class RelatedConcepts(db.Model):
+    """关联数据模型"""
+    id = db.Column(db.Integer, primary_key=True)
+    event_id = db.Column(db.Integer, db.ForeignKey('event.id'))
+    concept_code = db.Column(db.String(20))  # 数据标题
+    concept = db.Column(db.String(100))  # 数据类型
+    reason = db.Column(db.Text)  # 数据描述
+    image_paths = db.Column(db.JSON)  # 数据内容(JSON格式)
+    created_at = db.Column(db.DateTime, default=beijing_now)
+
+    @property
+    def image_paths_list(self):
+        if isinstance(self.image_paths, list):
+            return self.image_paths
+        elif isinstance(self.image_paths, str):
+            try:
+                return json.loads(self.image_paths)
+            except (json.JSONDecodeError, TypeError):
+                return []
+        return []
+
+    def set_image_paths(self, image_paths):
+        if isinstance(image_paths, list):
+            self.image_paths = image_paths
+        elif isinstance(image_paths, str):
+            try:
+                self.image_paths = json.loads(image_paths)
+            except json.JSONDecodeError:
+                self.image_paths = [image_paths]
+        else:
+            self.image_paths = []
+
+    def get_first_image_path(self):
+        paths = self.image_paths_list
+        return paths[0] if paths else None
+
+class EventHotHistory(db.Model):
+    """事件热度历史记录"""
+    id = db.Column(db.Integer, primary_key=True)
+    event_id = db.Column(db.Integer, db.ForeignKey('event.id'))
+    score = db.Column(db.Float)  # 总分
+    interaction_score = db.Column(db.Float)  # 互动分数
+    follow_score = db.Column(db.Float)  # 关注度分数
+    view_score = db.Column(db.Float)  # 浏览量分数
+    recent_activity_score = db.Column(db.Float)  # 最近活跃度分数
+    time_decay = db.Column(db.Float)  # 时间衰减因子
+    created_at = db.Column(db.DateTime, default=beijing_now)
+
+    event = db.relationship('Event', backref='hot_history')
+
+class EventTransmissionNode(db.Model):
+    """事件传导节点模型"""
+    __tablename__ = 'event_transmission_nodes'
+
+    id = db.Column(db.Integer, primary_key=True)
+    event_id = db.Column(db.Integer, db.ForeignKey('event.id'), nullable=False)
+    node_type = db.Column(db.Enum('company', 'industry', 'policy', 'technology',
+                                  'market', 'event', 'other'), nullable=False)
+    node_name = db.Column(db.String(200), nullable=False)
+    node_description = db.Column(db.Text)
+    importance_score = db.Column(db.Integer, default=50)
+    stock_code = db.Column(db.String(20))
+    is_main_event = db.Column(db.Boolean, default=False)
+
+    created_at = db.Column(db.DateTime, default=beijing_now)
+    updated_at = db.Column(db.DateTime, default=beijing_now, onupdate=beijing_now)
+
+    # Relationships
+    event = db.relationship('Event', backref='transmission_nodes')
+    outgoing_edges = db.relationship('EventTransmissionEdge',
+                                     foreign_keys='EventTransmissionEdge.from_node_id',
+                                     backref='from_node', cascade='all, delete-orphan')
+    incoming_edges = db.relationship('EventTransmissionEdge',
+                                     foreign_keys='EventTransmissionEdge.to_node_id',
+                                     backref='to_node', cascade='all, delete-orphan')
+
+    __table_args__ = (
+        db.Index('idx_event_node_type', 'event_id', 'node_type'),
+        db.Index('idx_node_name', 'node_name'),
+    )
+
+class EventTransmissionEdge(db.Model):
+    """事件传导边模型"""
+    __tablename__ = 'event_transmission_edges'
+
+    id = db.Column(db.Integer, primary_key=True)
+    event_id = db.Column(db.Integer, db.ForeignKey('event.id'), nullable=False)
+    from_node_id = db.Column(db.Integer, db.ForeignKey('event_transmission_nodes.id'), nullable=False)
+    to_node_id = db.Column(db.Integer, db.ForeignKey('event_transmission_nodes.id'), nullable=False)
+
+    transmission_type = db.Column(db.Enum('supply_chain', 'competition', 'policy',
+                                          'technology', 'capital_flow', 'expectation',
+                                          'cyclic_effect', 'other'), nullable=False)
+    transmission_mechanism = db.Column(db.Text)
+    direction = db.Column(db.Enum('positive', 'negative', 'neutral', 'mixed'), default='neutral')
+    strength = db.Column(db.Integer, default=50)
+    impact = db.Column(db.Text)
+    is_circular = db.Column(db.Boolean, default=False)
+
+    created_at = db.Column(db.DateTime, default=beijing_now)
+    updated_at = db.Column(db.DateTime, default=beijing_now, onupdate=beijing_now)
+
+    # Relationship
+    event = db.relationship('Event', backref='transmission_edges')
+
+    __table_args__ = (
+        db.Index('idx_event_edge_type', 'event_id', 'transmission_type'),
+        db.Index('idx_from_to_nodes', 'from_node_id', 'to_node_id'),
+    )
+
+class EventSankeyFlow(db.Model):
+    """事件桑基流模型"""
+    __tablename__ = 'event_sankey_flows'
+
+    id = db.Column(db.Integer, primary_key=True)
+    event_id = db.Column(db.Integer, db.ForeignKey('event.id'), nullable=False)
+
+    # 流的基本信息
+    source_node = db.Column(db.String(200), nullable=False)
+    source_type = db.Column(db.Enum('event', 'policy', 'technology', 'industry',
+                                    'company', 'product'), nullable=False)
+    source_level = db.Column(db.Integer, nullable=False, default=0)
+
+    target_node = db.Column(db.String(200), nullable=False)
+    target_type = db.Column(db.Enum('policy', 'technology', 'industry',
+                                    'company', 'product'), nullable=False)
+    target_level = db.Column(db.Integer, nullable=False, default=1)
+
+    # 流量信息
+    flow_value = db.Column(db.Numeric(10, 2), nullable=False)
+    flow_ratio = db.Column(db.Numeric(5, 4), nullable=False)
+
+    # 传导机制
+    transmission_path = db.Column(db.String(500))
+    impact_description = db.Column(db.Text)
+    evidence_strength = db.Column(db.Integer, default=50)
+
+    # 时间戳
+    created_at = db.Column(db.DateTime, default=beijing_now)
+    updated_at = db.Column(db.DateTime, default=beijing_now, onupdate=beijing_now)
+
+    # 关系
+    event = db.relationship('Event', backref='sankey_flows')
+
+    __table_args__ = (
+        db.Index('idx_event_flow', 'event_id'),
+        db.Index('idx_source_target', 'source_node', 'target_node'),
+    )
+
+class HistoricalEvent(db.Model):
+    """历史事件模型"""
+    id = db.Column(db.Integer, primary_key=True)
+    event_id = db.Column(db.Integer, db.ForeignKey('event.id'))
+    title = db.Column(db.String(200))
+    content = db.Column(db.Text)
+    event_date = db.Column(db.DateTime)
+    relevance = db.Column(db.Integer)  # 相关性
+    importance = db.Column(db.Integer)  # 重要程度
+    related_stock = db.Column(db.JSON)  # 保留JSON字段
+    created_at = db.Column(db.DateTime, default=beijing_now)
+
+    # 新增关系
+    stocks = db.relationship('HistoricalEventStock', backref='historical_event', lazy='dynamic',
+                            cascade='all, delete-orphan')
+
+class HistoricalEventStock(db.Model):
+    """历史事件相关股票模型"""
+    __tablename__ = 'historical_event_stocks'
+
+    id = db.Column(db.Integer, primary_key=True)
+    historical_event_id = db.Column(db.Integer, db.ForeignKey('historical_event.id'), nullable=False)
+    stock_code = db.Column(db.String(20), nullable=False)
+    stock_name = db.Column(db.String(50))
+    relation_desc = db.Column(db.Text)
+    correlation = db.Column(db.Float, default=0.5)
+    sector = db.Column(db.String(100))
+    created_at = db.Column(db.DateTime, default=beijing_now)
+
+    __table_args__ = (
+        db.Index('idx_historical_event_stock', 'historical_event_id', 'stock_code'),
+    ) 
--- a/app/routes/init.py
+++ b/app/routes/init.py
@@ -0,0 +1 @@
+# 路由包初始化文件 
--- a/app/routes/pycache/init.cpython-311.pyc
+++ b/app/routes/pycache/init.cpython-311.pyc
--- a/app/routes/pycache/calendar.cpython-311.pyc
+++ b/app/routes/pycache/calendar.cpython-311.pyc
--- a/app/routes/pycache/events.cpython-311.pyc
+++ b/app/routes/pycache/events.cpython-311.pyc
--- a/app/routes/pycache/industries.cpython-311.pyc
+++ b/app/routes/pycache/industries.cpython-311.pyc
--- a/app/routes/pycache/limitanalyse.cpython-311.pyc
+++ b/app/routes/pycache/limitanalyse.cpython-311.pyc
--- a/app/routes/pycache/stocks.cpython-311.pyc
+++ b/app/routes/pycache/stocks.cpython-311.pyc
--- a/app/routes/calendar.py
+++ b/app/routes/calendar.py
@@ -0,0 +1,121 @@
+from flask import Blueprint, request, jsonify
+from datetime import datetime, timedelta
+import json
+
+bp = Blueprint('calendar', __name__, url_prefix='/api/v1/calendar')
+
+@bp.route('/event-counts', methods=['GET'])
+def get_event_counts():
+    """获取事件数量统计"""
+    try:
+        year = request.args.get('year', '2027')
+        month = request.args.get('month', '10')
+        
+        # 模拟事件数量数据
+        event_counts = []
+        for day in range(1, 32):
+            count = (day % 7) + 1  # 模拟每天1-7个事件
+            event_counts.append({
+                'date': f'{year}-{month.zfill(2)}-{day:02d}',
+                'count': count
+            })
+
+        return jsonify({
+            'success': True,
+            'data': event_counts
+        })
+
+    except Exception as e:
+        print(f"Error getting event counts: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/events', methods=['GET'])
+def get_calendar_events():
+    """获取日历事件"""
+    try:
+        year = request.args.get('year', '2027')
+        month = request.args.get('month', '10')
+        event_type = request.args.get('type', 'all')
+        
+        # 模拟日历事件数据
+        events = []
+        for day in range(1, 32):
+            for i in range((day % 7) + 1):
+                event = {
+                    'id': f'{year}{month.zfill(2)}{day:02d}{i}',
+                    'title': f'事件{day}-{i+1}',
+                    'date': f'{year}-{month.zfill(2)}-{day:02d}',
+                    'type': ['政策', '技术', '产业', '公司'][i % 4],
+                    'importance': ['高', '中', '低'][i % 3],
+                    'status': 'active'
+                }
+                events.append(event)
+
+        # 根据类型过滤
+        if event_type != 'all':
+            events = [e for e in events if e['type'] == event_type]
+
+        return jsonify({
+            'success': True,
+            'data': events
+        })
+
+    except Exception as e:
+        print(f"Error getting calendar events: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/events/<int:event_id>', methods=['GET'])
+def get_calendar_event_detail(event_id):
+    """获取日历事件详情"""
+    try:
+        # 模拟事件详情
+        event_detail = {
+            'id': event_id,
+            'title': f'事件{event_id}详情',
+            'description': f'这是事件{event_id}的详细描述',
+            'date': '2027-10-15',
+            'type': '政策',
+            'importance': '高',
+            'status': 'active',
+            'related_stocks': [
+                {'code': '000001', 'name': '股票A'},
+                {'code': '000002', 'name': '股票B'}
+            ],
+            'keywords': ['政策', '改革', '创新'],
+            'files': [
+                {'name': '报告.pdf', 'url': '/files/report.pdf'},
+                {'name': '数据.xlsx', 'url': '/files/data.xlsx'}
+            ]
+        }
+
+        return jsonify({
+            'success': True,
+            'data': event_detail
+        })
+
+    except Exception as e:
+        print(f"Error getting calendar event detail: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+def get_event_class(count):
+    """根据事件数量获取CSS类"""
+    if count == 0:
+        return 'no-events'
+    elif count <= 3:
+        return 'few-events'
+    elif count <= 6:
+        return 'medium-events'
+    else:
+        return 'many-events'
+
+def parse_json_field(field_value):
+    """解析JSON字段"""
+    if isinstance(field_value, str):
+        try:
+            return json.loads(field_value)
+        except (json.JSONDecodeError, TypeError):
+            return []
+    elif isinstance(field_value, (list, dict)):
+        return field_value
+    else:
+        return [] 
--- a/app/routes/events.py
+++ b/app/routes/events.py
@@ -0,0 +1,385 @@
+from flask import Blueprint, request, jsonify
+from app import db
+from app.models import Event, RelatedStock, RelatedConcepts, HistoricalEvent, EventTransmissionNode, EventTransmissionEdge, EventSankeyFlow
+from datetime import datetime
+import json
+
+bp = Blueprint('events', __name__, url_prefix='/api/events')
+
+
+
+@bp.route('/<int:event_id>', methods=['GET'])
+def get_event_detail(event_id):
+    """获取事件详情"""
+    try:
+        event = Event.query.get(event_id)
+        if not event:
+            return jsonify({'success': False, 'error': '事件不存在'}), 404
+
+        # 获取相关股票
+        related_stocks = RelatedStock.query.filter_by(event_id=event_id).all()
+        stocks_data = []
+        for stock in related_stocks:
+            stocks_data.append({
+                'id': stock.id,
+                'stock_code': stock.stock_code,
+                'stock_name': stock.stock_name,
+                'sector': stock.sector,
+                'relation_desc': stock.relation_desc,
+                'correlation': stock.correlation,
+                'momentum': stock.momentum,
+                'created_at': stock.created_at.isoformat() if stock.created_at else None
+            })
+
+        # 获取相关概念
+        related_concepts = RelatedConcepts.query.filter_by(event_id=event_id).all()
+        concepts_data = []
+        for concept in related_concepts:
+            concepts_data.append({
+                'id': concept.id,
+                'concept_code': concept.concept_code,
+                'concept': concept.concept,
+                'reason': concept.reason,
+                'image_paths': concept.image_paths_list,
+                'created_at': concept.created_at.isoformat() if concept.created_at else None
+            })
+
+        event_data = {
+            'id': event.id,
+            'title': event.title,
+            'description': event.description,
+            'event_type': event.event_type,
+            'status': event.status,
+            'start_time': event.start_time.isoformat() if event.start_time else None,
+            'end_time': event.end_time.isoformat() if event.end_time else None,
+            'created_at': event.created_at.isoformat() if event.created_at else None,
+            'updated_at': event.updated_at.isoformat() if event.updated_at else None,
+            'hot_score': event.hot_score,
+            'view_count': event.view_count,
+            'trending_score': event.trending_score,
+            'post_count': event.post_count,
+            'follower_count': event.follower_count,
+            'related_industries': event.related_industries,
+            'keywords': event.keywords_list,
+            'files': event.files,
+            'importance': event.importance,
+            'related_avg_chg': event.related_avg_chg,
+            'related_max_chg': event.related_max_chg,
+            'related_week_chg': event.related_week_chg,
+            'invest_score': event.invest_score,
+            'expectation_surprise_score': event.expectation_surprise_score,
+            'related_stocks': stocks_data,
+            'related_concepts': concepts_data
+        }
+
+        return jsonify({
+            'success': True,
+            'data': event_data
+        })
+
+    except Exception as e:
+        print(f"Error getting event detail: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/<int:event_id>/stocks', methods=['GET'])
+def get_related_stocks(event_id):
+    """获取事件相关股票"""
+    try:
+        stocks = RelatedStock.query.filter_by(event_id=event_id).all()
+        stocks_data = []
+        for stock in stocks:
+            stocks_data.append({
+                'id': stock.id,
+                'stock_code': stock.stock_code,
+                'stock_name': stock.stock_name,
+                'sector': stock.sector,
+                'relation_desc': stock.relation_desc,
+                'correlation': stock.correlation,
+                'momentum': stock.momentum,
+                'created_at': stock.created_at.isoformat() if stock.created_at else None
+            })
+
+        return jsonify({
+            'success': True,
+            'data': stocks_data
+        })
+
+    except Exception as e:
+        print(f"Error getting related stocks: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/<int:event_id>/stocks', methods=['POST'])
+def add_related_stock(event_id):
+    """添加相关股票"""
+    try:
+        data = request.get_json()
+        if not data:
+            return jsonify({'success': False, 'error': '请提供数据'}), 400
+
+        # 检查事件是否存在
+        event = Event.query.get(event_id)
+        if not event:
+            return jsonify({'success': False, 'error': '事件不存在'}), 404
+
+        # 创建新的相关股票记录
+        new_stock = RelatedStock(
+            event_id=event_id,
+            stock_code=data['stock_code'],
+            stock_name=data.get('stock_name', ''),
+            sector=data.get('sector', ''),
+            relation_desc=data['relation_desc'],
+            correlation=data.get('correlation', 0.5),
+            momentum=data.get('momentum', '')
+        )
+
+        db.session.add(new_stock)
+        db.session.commit()
+
+        return jsonify({
+            'success': True,
+            'message': '相关股票添加成功',
+            'data': {
+                'id': new_stock.id,
+                'stock_code': new_stock.stock_code,
+                'stock_name': new_stock.stock_name,
+                'sector': new_stock.sector,
+                'relation_desc': new_stock.relation_desc,
+                'correlation': new_stock.correlation,
+                'momentum': new_stock.momentum
+            }
+        })
+
+    except Exception as e:
+        db.session.rollback()
+        print(f"Error adding related stock: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/stocks/<int:stock_id>', methods=['DELETE'])
+def delete_related_stock(stock_id):
+    """删除相关股票"""
+    try:
+        stock = RelatedStock.query.get(stock_id)
+        if not stock:
+            return jsonify({'success': False, 'error': '相关股票不存在'}), 404
+
+        db.session.delete(stock)
+        db.session.commit()
+
+        return jsonify({
+            'success': True,
+            'message': '相关股票删除成功'
+        })
+
+    except Exception as e:
+        db.session.rollback()
+        print(f"Error deleting related stock: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/<int:event_id>/concepts', methods=['GET'])
+def get_related_concepts(event_id):
+    """获取事件相关概念"""
+    try:
+        concepts = RelatedConcepts.query.filter_by(event_id=event_id).all()
+        concepts_data = []
+        for concept in concepts:
+            concepts_data.append({
+                'id': concept.id,
+                'concept_code': concept.concept_code,
+                'concept': concept.concept,
+                'reason': concept.reason,
+                'image_paths': concept.image_paths_list,
+                'created_at': concept.created_at.isoformat() if concept.created_at else None
+            })
+
+        return jsonify({
+            'success': True,
+            'data': concepts_data
+        })
+
+    except Exception as e:
+        print(f"Error getting related concepts: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/<int:event_id>/historical', methods=['GET'])
+def get_historical_events(event_id):
+    """获取历史事件"""
+    try:
+        historical_events = HistoricalEvent.query.filter_by(event_id=event_id).all()
+        events_data = []
+        for event in historical_events:
+            events_data.append({
+                'id': event.id,
+                'title': event.title,
+                'content': event.content,
+                'event_date': event.event_date.isoformat() if event.event_date else None,
+                'relevance': event.relevance,
+                'importance': event.importance,
+                'related_stock': event.related_stock,
+                'created_at': event.created_at.isoformat() if event.created_at else None
+            })
+
+        return jsonify({
+            'success': True,
+            'data': events_data
+        })
+
+    except Exception as e:
+        print(f"Error getting historical events: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/<int:event_id>/expectation-score', methods=['GET'])
+def get_expectation_score(event_id):
+    """获取超预期得分"""
+    try:
+        event = Event.query.get(event_id)
+        if not event:
+            return jsonify({'success': False, 'error': '事件不存在'}), 404
+
+        return jsonify({
+            'success': True,
+            'data': {
+                'invest_score': event.invest_score,
+                'expectation_surprise_score': event.expectation_surprise_score
+            }
+        })
+
+    except Exception as e:
+        print(f"Error getting expectation score: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/<int:event_id>/follow', methods=['POST'])
+def toggle_event_follow(event_id):
+    """关注/取消关注事件"""
+    try:
+        # 这里需要用户认证，暂时返回成功
+        return jsonify({
+            'success': True,
+            'message': '关注状态更新成功'
+        })
+
+    except Exception as e:
+        print(f"Error toggling event follow: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/<int:event_id>/transmission', methods=['GET'])
+def get_transmission_chain(event_id):
+    """获取事件传导链"""
+    try:
+        # 获取传导节点
+        nodes = EventTransmissionNode.query.filter_by(event_id=event_id).all()
+        nodes_data = []
+        for node in nodes:
+            nodes_data.append({
+                'id': node.id,
+                'node_type': node.node_type,
+                'node_name': node.node_name,
+                'node_description': node.node_description,
+                'importance_score': node.importance_score,
+                'stock_code': node.stock_code,
+                'is_main_event': node.is_main_event
+            })
+
+        # 获取传导边
+        edges = EventTransmissionEdge.query.filter_by(event_id=event_id).all()
+        edges_data = []
+        for edge in edges:
+            edges_data.append({
+                'id': edge.id,
+                'from_node_id': edge.from_node_id,
+                'to_node_id': edge.to_node_id,
+                'transmission_type': edge.transmission_type,
+                'transmission_mechanism': edge.transmission_mechanism,
+                'direction': edge.direction,
+                'strength': edge.strength,
+                'impact': edge.impact,
+                'is_circular': edge.is_circular
+            })
+
+        return jsonify({
+            'success': True,
+            'data': {
+                'nodes': nodes_data,
+                'edges': edges_data
+            }
+        })
+
+    except Exception as e:
+        print(f"Error getting transmission chain: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/<int:event_id>/sankey-data')
+def get_event_sankey_data(event_id):
+    """获取事件桑基图数据"""
+    try:
+        flows = EventSankeyFlow.query.filter_by(event_id=event_id).all()
+        flows_data = []
+        for flow in flows:
+            flows_data.append({
+                'id': flow.id,
+                'source_node': flow.source_node,
+                'source_type': flow.source_type,
+                'source_level': flow.source_level,
+                'target_node': flow.target_node,
+                'target_type': flow.target_type,
+                'target_level': flow.target_level,
+                'flow_value': float(flow.flow_value),
+                'flow_ratio': float(flow.flow_ratio),
+                'transmission_path': flow.transmission_path,
+                'impact_description': flow.impact_description,
+                'evidence_strength': flow.evidence_strength
+            })
+
+        return jsonify({
+            'success': True,
+            'data': flows_data
+        })
+
+    except Exception as e:
+        print(f"Error getting sankey data: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/<int:event_id>/chain-analysis')
+def get_event_chain_analysis(event_id):
+    """获取事件链分析"""
+    try:
+        # 这里可以添加更复杂的链分析逻辑
+        return jsonify({
+            'success': True,
+            'data': {
+                'event_id': event_id,
+                'analysis': '链分析数据'
+            }
+        })
+
+    except Exception as e:
+        print(f"Error getting chain analysis: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/<int:event_id>/chain-node/<int:node_id>', methods=['GET'])
+def get_chain_node_detail(event_id, node_id):
+    """获取链节点详情"""
+    try:
+        node = EventTransmissionNode.query.filter_by(
+            event_id=event_id, 
+            id=node_id
+        ).first()
+        
+        if not node:
+            return jsonify({'success': False, 'error': '节点不存在'}), 404
+
+        return jsonify({
+            'success': True,
+            'data': {
+                'id': node.id,
+                'node_type': node.node_type,
+                'node_name': node.node_name,
+                'node_description': node.node_description,
+                'importance_score': node.importance_score,
+                'stock_code': node.stock_code,
+                'is_main_event': node.is_main_event
+            }
+        })
+
+    except Exception as e:
+        print(f"Error getting chain node detail: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500 
--- a/app/routes/industries.py
+++ b/app/routes/industries.py
@@ -0,0 +1,511 @@
+from flask import Blueprint, request, jsonify
+import json
+
+bp = Blueprint('industries', __name__, url_prefix='/api')
+
+@bp.route('/classifications', methods=['GET'])
+def get_classifications():
+    """获取行业分类"""
+    try:
+        # 模拟行业分类数据
+        classifications = [
+            {
+                'id': 1,
+                'name': '申万一级行业',
+                'description': '申万一级行业分类标准',
+                'levels': [
+                    {'id': 1, 'name': '农林牧渔'},
+                    {'id': 2, 'name': '采掘'},
+                    {'id': 3, 'name': '化工'},
+                    {'id': 4, 'name': '钢铁'},
+                    {'id': 5, 'name': '有色金属'},
+                    {'id': 6, 'name': '建筑材料'},
+                    {'id': 7, 'name': '建筑装饰'},
+                    {'id': 8, 'name': '电气设备'},
+                    {'id': 9, 'name': '国防军工'},
+                    {'id': 10, 'name': '汽车'},
+                    {'id': 11, 'name': '家用电器'},
+                    {'id': 12, 'name': '纺织服装'},
+                    {'id': 13, 'name': '轻工制造'},
+                    {'id': 14, 'name': '医药生物'},
+                    {'id': 15, 'name': '公用事业'},
+                    {'id': 16, 'name': '交通运输'},
+                    {'id': 17, 'name': '房地产'},
+                    {'id': 18, 'name': '商业贸易'},
+                    {'id': 19, 'name': '休闲服务'},
+                    {'id': 20, 'name': '银行'},
+                    {'id': 21, 'name': '非银金融'},
+                    {'id': 22, 'name': '综合'},
+                    {'id': 23, 'name': '计算机'},
+                    {'id': 24, 'name': '传媒'},
+                    {'id': 25, 'name': '通信'},
+                    {'id': 26, 'name': '电子'},
+                    {'id': 27, 'name': '机械设备'},
+                    {'id': 28, 'name': '食品饮料'}
+                ]
+            }
+        ]
+
+        return jsonify({
+            'success': True,
+            'data': classifications
+        })
+
+    except Exception as e:
+        print(f"Error getting classifications: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/levels', methods=['GET'])
+def get_industry_levels():
+    """获取行业层级"""
+    try:
+        classification_id = request.args.get('classification_id', '1')
+        
+        # 模拟行业层级数据
+        levels = [
+            {
+                'id': 1,
+                'name': '农林牧渔',
+                'code': '801010',
+                'description': '农业、林业、畜牧业、渔业',
+                'stock_count': 45,
+                'avg_change': 1.2,
+                'total_market_cap': 500000000000,
+                'sub_industries': [
+                    {'id': 101, 'name': '种植业', 'stock_count': 20},
+                    {'id': 102, 'name': '林业', 'stock_count': 8},
+                    {'id': 103, 'name': '畜牧业', 'stock_count': 12},
+                    {'id': 104, 'name': '渔业', 'stock_count': 5}
+                ]
+            },
+            {
+                'id': 2,
+                'name': '采掘',
+                'code': '801020',
+                'description': '煤炭、石油、天然气、有色金属矿采选',
+                'stock_count': 38,
+                'avg_change': 0.8,
+                'total_market_cap': 800000000000,
+                'sub_industries': [
+                    {'id': 201, 'name': '煤炭开采', 'stock_count': 15},
+                    {'id': 202, 'name': '石油开采', 'stock_count': 8},
+                    {'id': 203, 'name': '有色金属矿采选', 'stock_count': 15}
+                ]
+            },
+            {
+                'id': 3,
+                'name': '化工',
+                'code': '801030',
+                'description': '化学原料、化学制品、化学纤维',
+                'stock_count': 156,
+                'avg_change': 1.5,
+                'total_market_cap': 1200000000000,
+                'sub_industries': [
+                    {'id': 301, 'name': '化学原料', 'stock_count': 45},
+                    {'id': 302, 'name': '化学制品', 'stock_count': 78},
+                    {'id': 303, 'name': '化学纤维', 'stock_count': 33}
+                ]
+            },
+            {
+                'id': 4,
+                'name': '钢铁',
+                'code': '801040',
+                'description': '钢铁冶炼、钢铁制品',
+                'stock_count': 32,
+                'avg_change': 0.6,
+                'total_market_cap': 600000000000,
+                'sub_industries': [
+                    {'id': 401, 'name': '钢铁冶炼', 'stock_count': 18},
+                    {'id': 402, 'name': '钢铁制品', 'stock_count': 14}
+                ]
+            },
+            {
+                'id': 5,
+                'name': '有色金属',
+                'code': '801050',
+                'description': '有色金属冶炼、有色金属制品',
+                'stock_count': 67,
+                'avg_change': 1.8,
+                'total_market_cap': 900000000000,
+                'sub_industries': [
+                    {'id': 501, 'name': '有色金属冶炼', 'stock_count': 35},
+                    {'id': 502, 'name': '有色金属制品', 'stock_count': 32}
+                ]
+            },
+            {
+                'id': 6,
+                'name': '建筑材料',
+                'code': '801060',
+                'description': '水泥、玻璃、陶瓷、其他建材',
+                'stock_count': 89,
+                'avg_change': 1.1,
+                'total_market_cap': 700000000000,
+                'sub_industries': [
+                    {'id': 601, 'name': '水泥', 'stock_count': 25},
+                    {'id': 602, 'name': '玻璃', 'stock_count': 18},
+                    {'id': 603, 'name': '陶瓷', 'stock_count': 12},
+                    {'id': 604, 'name': '其他建材', 'stock_count': 34}
+                ]
+            },
+            {
+                'id': 7,
+                'name': '建筑装饰',
+                'code': '801070',
+                'description': '房屋建设、装修装饰、园林工程',
+                'stock_count': 45,
+                'avg_change': 0.9,
+                'total_market_cap': 400000000000,
+                'sub_industries': [
+                    {'id': 701, 'name': '房屋建设', 'stock_count': 15},
+                    {'id': 702, 'name': '装修装饰', 'stock_count': 20},
+                    {'id': 703, 'name': '园林工程', 'stock_count': 10}
+                ]
+            },
+            {
+                'id': 8,
+                'name': '电气设备',
+                'code': '801080',
+                'description': '电机、电气自动化设备、电源设备',
+                'stock_count': 134,
+                'avg_change': 2.1,
+                'total_market_cap': 1500000000000,
+                'sub_industries': [
+                    {'id': 801, 'name': '电机', 'stock_count': 25},
+                    {'id': 802, 'name': '电气自动化设备', 'stock_count': 45},
+                    {'id': 803, 'name': '电源设备', 'stock_count': 64}
+                ]
+            },
+            {
+                'id': 9,
+                'name': '国防军工',
+                'code': '801090',
+                'description': '航天装备、航空装备、地面兵装',
+                'stock_count': 28,
+                'avg_change': 1.6,
+                'total_market_cap': 300000000000,
+                'sub_industries': [
+                    {'id': 901, 'name': '航天装备', 'stock_count': 8},
+                    {'id': 902, 'name': '航空装备', 'stock_count': 12},
+                    {'id': 903, 'name': '地面兵装', 'stock_count': 8}
+                ]
+            },
+            {
+                'id': 10,
+                'name': '汽车',
+                'code': '801100',
+                'description': '汽车整车、汽车零部件',
+                'stock_count': 78,
+                'avg_change': 1.3,
+                'total_market_cap': 1100000000000,
+                'sub_industries': [
+                    {'id': 1001, 'name': '汽车整车', 'stock_count': 25},
+                    {'id': 1002, 'name': '汽车零部件', 'stock_count': 53}
+                ]
+            },
+            {
+                'id': 11,
+                'name': '家用电器',
+                'code': '801110',
+                'description': '白色家电、小家电、家电零部件',
+                'stock_count': 56,
+                'avg_change': 1.0,
+                'total_market_cap': 800000000000,
+                'sub_industries': [
+                    {'id': 1101, 'name': '白色家电', 'stock_count': 20},
+                    {'id': 1102, 'name': '小家电', 'stock_count': 18},
+                    {'id': 1103, 'name': '家电零部件', 'stock_count': 18}
+                ]
+            },
+            {
+                'id': 12,
+                'name': '纺织服装',
+                'code': '801120',
+                'description': '纺织制造、服装家纺',
+                'stock_count': 67,
+                'avg_change': 0.7,
+                'total_market_cap': 500000000000,
+                'sub_industries': [
+                    {'id': 1201, 'name': '纺织制造', 'stock_count': 35},
+                    {'id': 1202, 'name': '服装家纺', 'stock_count': 32}
+                ]
+            },
+            {
+                'id': 13,
+                'name': '轻工制造',
+                'code': '801130',
+                'description': '造纸、包装印刷、家用轻工',
+                'stock_count': 89,
+                'avg_change': 0.9,
+                'total_market_cap': 600000000000,
+                'sub_industries': [
+                    {'id': 1301, 'name': '造纸', 'stock_count': 25},
+                    {'id': 1302, 'name': '包装印刷', 'stock_count': 30},
+                    {'id': 1303, 'name': '家用轻工', 'stock_count': 34}
+                ]
+            },
+            {
+                'id': 14,
+                'name': '医药生物',
+                'code': '801140',
+                'description': '化学制药、中药、生物制品、医疗器械',
+                'stock_count': 234,
+                'avg_change': 1.9,
+                'total_market_cap': 2500000000000,
+                'sub_industries': [
+                    {'id': 1401, 'name': '化学制药', 'stock_count': 78},
+                    {'id': 1402, 'name': '中药', 'stock_count': 45},
+                    {'id': 1403, 'name': '生物制品', 'stock_count': 56},
+                    {'id': 1404, 'name': '医疗器械', 'stock_count': 55}
+                ]
+            },
+            {
+                'id': 15,
+                'name': '公用事业',
+                'code': '801150',
+                'description': '电力、燃气、水务',
+                'stock_count': 78,
+                'avg_change': 0.5,
+                'total_market_cap': 900000000000,
+                'sub_industries': [
+                    {'id': 1501, 'name': '电力', 'stock_count': 45},
+                    {'id': 1502, 'name': '燃气', 'stock_count': 18},
+                    {'id': 1503, 'name': '水务', 'stock_count': 15}
+                ]
+            },
+            {
+                'id': 16,
+                'name': '交通运输',
+                'code': '801160',
+                'description': '港口、公路、铁路、航空',
+                'stock_count': 67,
+                'avg_change': 0.8,
+                'total_market_cap': 800000000000,
+                'sub_industries': [
+                    {'id': 1601, 'name': '港口', 'stock_count': 15},
+                    {'id': 1602, 'name': '公路', 'stock_count': 20},
+                    {'id': 1603, 'name': '铁路', 'stock_count': 12},
+                    {'id': 1604, 'name': '航空', 'stock_count': 20}
+                ]
+            },
+            {
+                'id': 17,
+                'name': '房地产',
+                'code': '801170',
+                'description': '房地产开发、房地产服务',
+                'stock_count': 89,
+                'avg_change': 0.6,
+                'total_market_cap': 1200000000000,
+                'sub_industries': [
+                    {'id': 1701, 'name': '房地产开发', 'stock_count': 65},
+                    {'id': 1702, 'name': '房地产服务', 'stock_count': 24}
+                ]
+            },
+            {
+                'id': 18,
+                'name': '商业贸易',
+                'code': '801180',
+                'description': '贸易、零售',
+                'stock_count': 78,
+                'avg_change': 0.7,
+                'total_market_cap': 600000000000,
+                'sub_industries': [
+                    {'id': 1801, 'name': '贸易', 'stock_count': 35},
+                    {'id': 1802, 'name': '零售', 'stock_count': 43}
+                ]
+            },
+            {
+                'id': 19,
+                'name': '休闲服务',
+                'code': '801190',
+                'description': '景点、酒店、旅游综合',
+                'stock_count': 34,
+                'avg_change': 1.2,
+                'total_market_cap': 300000000000,
+                'sub_industries': [
+                    {'id': 1901, 'name': '景点', 'stock_count': 12},
+                    {'id': 1902, 'name': '酒店', 'stock_count': 15},
+                    {'id': 1903, 'name': '旅游综合', 'stock_count': 7}
+                ]
+            },
+            {
+                'id': 20,
+                'name': '银行',
+                'code': '801200',
+                'description': '银行',
+                'stock_count': 28,
+                'avg_change': 0.4,
+                'total_market_cap': 8000000000000,
+                'sub_industries': [
+                    {'id': 2001, 'name': '银行', 'stock_count': 28}
+                ]
+            },
+            {
+                'id': 21,
+                'name': '非银金融',
+                'code': '801210',
+                'description': '保险、证券、多元金融',
+                'stock_count': 45,
+                'avg_change': 0.8,
+                'total_market_cap': 2000000000000,
+                'sub_industries': [
+                    {'id': 2101, 'name': '保险', 'stock_count': 8},
+                    {'id': 2102, 'name': '证券', 'stock_count': 25},
+                    {'id': 2103, 'name': '多元金融', 'stock_count': 12}
+                ]
+            },
+            {
+                'id': 22,
+                'name': '综合',
+                'code': '801220',
+                'description': '综合',
+                'stock_count': 23,
+                'avg_change': 0.6,
+                'total_market_cap': 200000000000,
+                'sub_industries': [
+                    {'id': 2201, 'name': '综合', 'stock_count': 23}
+                ]
+            },
+            {
+                'id': 23,
+                'name': '计算机',
+                'code': '801230',
+                'description': '计算机设备、计算机应用',
+                'stock_count': 156,
+                'avg_change': 2.3,
+                'total_market_cap': 1800000000000,
+                'sub_industries': [
+                    {'id': 2301, 'name': '计算机设备', 'stock_count': 45},
+                    {'id': 2302, 'name': '计算机应用', 'stock_count': 111}
+                ]
+            },
+            {
+                'id': 24,
+                'name': '传媒',
+                'code': '801240',
+                'description': '文化传媒、营销传播',
+                'stock_count': 78,
+                'avg_change': 1.4,
+                'total_market_cap': 700000000000,
+                'sub_industries': [
+                    {'id': 2401, 'name': '文化传媒', 'stock_count': 45},
+                    {'id': 2402, 'name': '营销传播', 'stock_count': 33}
+                ]
+            },
+            {
+                'id': 25,
+                'name': '通信',
+                'code': '801250',
+                'description': '通信设备、通信运营',
+                'stock_count': 45,
+                'avg_change': 1.7,
+                'total_market_cap': 600000000000,
+                'sub_industries': [
+                    {'id': 2501, 'name': '通信设备', 'stock_count': 30},
+                    {'id': 2502, 'name': '通信运营', 'stock_count': 15}
+                ]
+            },
+            {
+                'id': 26,
+                'name': '电子',
+                'code': '801260',
+                'description': '半导体、电子制造、光学光电子',
+                'stock_count': 178,
+                'avg_change': 2.0,
+                'total_market_cap': 2000000000000,
+                'sub_industries': [
+                    {'id': 2601, 'name': '半导体', 'stock_count': 45},
+                    {'id': 2602, 'name': '电子制造', 'stock_count': 78},
+                    {'id': 2603, 'name': '光学光电子', 'stock_count': 55}
+                ]
+            },
+            {
+                'id': 27,
+                'name': '机械设备',
+                'code': '801270',
+                'description': '通用机械、专用设备、仪器仪表',
+                'stock_count': 234,
+                'avg_change': 1.1,
+                'total_market_cap': 1500000000000,
+                'sub_industries': [
+                    {'id': 2701, 'name': '通用机械', 'stock_count': 89},
+                    {'id': 2702, 'name': '专用设备', 'stock_count': 98},
+                    {'id': 2703, 'name': '仪器仪表', 'stock_count': 47}
+                ]
+            },
+            {
+                'id': 28,
+                'name': '食品饮料',
+                'code': '801280',
+                'description': '食品加工、饮料制造',
+                'stock_count': 67,
+                'avg_change': 1.3,
+                'total_market_cap': 1000000000000,
+                'sub_industries': [
+                    {'id': 2801, 'name': '食品加工', 'stock_count': 35},
+                    {'id': 2802, 'name': '饮料制造', 'stock_count': 32}
+                ]
+            }
+        ]
+
+        return jsonify({
+            'success': True,
+            'data': levels
+        })
+
+    except Exception as e:
+        print(f"Error getting industry levels: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/info', methods=['GET'])
+def get_industry_info():
+    """获取行业信息"""
+    try:
+        industry_id = request.args.get('industry_id')
+        
+        if not industry_id:
+            return jsonify({'success': False, 'error': '请提供行业ID'}), 400
+
+        # 模拟行业信息
+        industry_info = {
+            'id': industry_id,
+            'name': f'行业{industry_id}',
+            'code': f'801{industry_id.zfill(3)}',
+            'description': f'这是行业{industry_id}的详细描述',
+            'stock_count': 50,
+            'avg_change': 1.5,
+            'total_market_cap': 800000000000,
+            'pe_ratio': 15.6,
+            'pb_ratio': 2.3,
+            'roe': 8.5,
+            'top_stocks': [
+                {'code': '000001', 'name': '龙头股A', 'weight': 0.15},
+                {'code': '000002', 'name': '龙头股B', 'weight': 0.12},
+                {'code': '000003', 'name': '龙头股C', 'weight': 0.10}
+            ],
+            'sub_industries': [
+                {'id': 1, 'name': '子行业A', 'stock_count': 20},
+                {'id': 2, 'name': '子行业B', 'stock_count': 18},
+                {'id': 3, 'name': '子行业C', 'stock_count': 12}
+            ],
+            'performance': {
+                'daily': 1.5,
+                'weekly': 3.2,
+                'monthly': 8.5,
+                'quarterly': 12.3,
+                'yearly': 25.6
+            },
+            'trend': {
+                'direction': 'up',
+                'strength': 'medium',
+                'duration': '3 months'
+            }
+        }
+
+        return jsonify({
+            'success': True,
+            'data': industry_info
+        })
+
+    except Exception as e:
+        print(f"Error getting industry info: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500 
--- a/app/routes/limitanalyse.py
+++ b/app/routes/limitanalyse.py
@@ -0,0 +1,469 @@
+from flask import Blueprint, request, jsonify
+import pandas as pd
+import json
+from datetime import datetime
+
+bp = Blueprint('limitanalyse', __name__, url_prefix='/api/limit-analyse')
+
+@bp.route('/available-dates', methods=['GET'])
+def get_available_dates():
+    """获取可用日期列表"""
+    try:
+        # 模拟可用日期
+        dates = [
+            '2025-07-16',
+            '2025-07-15',
+            '2025-07-14',
+            '2025-07-11',
+            '2025-07-10'
+        ]
+        
+        return jsonify({
+            'success': True,
+            'data': dates
+        })
+    except Exception as e:
+        print(f"Error getting available dates: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+def load_stock_data(datestr):
+    """加载股票数据"""
+    try:
+        # 模拟股票数据
+        data = []
+        for i in range(100):
+            data.append({
+                'code': f'00000{i:03d}',
+                'name': f'股票{i}',
+                'price': 10.0 + i * 0.1,
+                'change': (i % 10 - 5) * 0.5,
+                'sector': f'板块{i % 5}',
+                'limit_type': '涨停' if i % 10 == 0 else '正常',
+                'volume': 1000000 + i * 50000,
+                'amount': 10000000 + i * 500000
+            })
+        
+        return pd.DataFrame(data)
+    except Exception as e:
+        print(f"Error loading stock data: {e}")
+        return pd.DataFrame()
+
+@bp.route('/data', methods=['GET'])
+def get_analysis_data():
+    """获取分析数据"""
+    try:
+        date = request.args.get('date', '2025-07-16')
+        
+        # 加载数据
+        df = load_stock_data(date)
+        if df.empty:
+            return jsonify({'success': False, 'error': '数据加载失败'}), 500
+
+        # 统计信息
+        total_stocks = len(df)
+        limit_up_stocks = len(df[df['limit_type'] == '涨停'])
+        limit_down_stocks = len(df[df['limit_type'] == '跌停'])
+        
+        # 板块统计
+        sector_stats = df.groupby('sector').agg({
+            'code': 'count',
+            'change': 'mean',
+            'volume': 'sum'
+        }).reset_index()
+        
+        sector_data = []
+        for _, row in sector_stats.iterrows():
+            sector_data.append({
+                'sector': row['sector'],
+                'stock_count': int(row['code']),
+                'avg_change': round(row['change'], 2),
+                'total_volume': int(row['volume'])
+            })
+
+        return jsonify({
+            'success': True,
+            'data': {
+                'date': date,
+                'total_stocks': total_stocks,
+                'limit_up_stocks': limit_up_stocks,
+                'limit_down_stocks': limit_down_stocks,
+                'sector_stats': sector_data
+            }
+        })
+
+    except Exception as e:
+        print(f"Error getting analysis data: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/sector-data', methods=['GET'])
+def get_sector_data():
+    """获取板块数据"""
+    try:
+        date = request.args.get('date', '2025-07-16')
+        
+        # 加载数据
+        df = load_stock_data(date)
+        if df.empty:
+            return jsonify({'success': False, 'error': '数据加载失败'}), 500
+
+        # 板块统计
+        sector_stats = df.groupby('sector').agg({
+            'code': 'count',
+            'change': 'mean',
+            'volume': 'sum',
+            'amount': 'sum'
+        }).reset_index()
+        
+        sector_data = []
+        for _, row in sector_stats.iterrows():
+            sector_data.append({
+                'sector': row['sector'],
+                'stock_count': int(row['code']),
+                'avg_change': round(row['change'], 2),
+                'total_volume': int(row['volume']),
+                'total_amount': int(row['amount'])
+            })
+
+        return jsonify({
+            'success': True,
+            'data': sector_data
+        })
+
+    except Exception as e:
+        print(f"Error getting sector data: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/word-cloud', methods=['GET'])
+def get_word_cloud_data():
+    """获取词云数据"""
+    try:
+        date = request.args.get('date', '2025-07-16')
+        
+        # 模拟词云数据
+        word_data = [
+            {'word': '科技', 'value': 100},
+            {'word': '新能源', 'value': 85},
+            {'word': '医药', 'value': 70},
+            {'word': '消费', 'value': 65},
+            {'word': '金融', 'value': 50},
+            {'word': '地产', 'value': 45},
+            {'word': '制造', 'value': 40},
+            {'word': '农业', 'value': 35},
+            {'word': '传媒', 'value': 30},
+            {'word': '环保', 'value': 25}
+        ]
+
+        return jsonify({
+            'success': True,
+            'data': word_data
+        })
+
+    except Exception as e:
+        print(f"Error getting word cloud data: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/chart-data', methods=['GET'])
+def get_chart_data():
+    """获取图表数据"""
+    try:
+        date = request.args.get('date', '2025-07-16')
+        
+        # 模拟图表数据
+        chart_data = {
+            'limit_up_distribution': [
+                {'sector': '科技', 'count': 15},
+                {'sector': '新能源', 'count': 12},
+                {'sector': '医药', 'count': 10},
+                {'sector': '消费', 'count': 8},
+                {'sector': '金融', 'count': 6}
+            ],
+            'sector_performance': [
+                {'sector': '科技', 'change': 2.5},
+                {'sector': '新能源', 'change': 1.8},
+                {'sector': '医药', 'change': 1.2},
+                {'sector': '消费', 'change': 0.8},
+                {'sector': '金融', 'change': 0.5}
+            ]
+        }
+
+        return jsonify({
+            'success': True,
+            'data': chart_data
+        })
+
+    except Exception as e:
+        print(f"Error getting chart data: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/stock-details', methods=['GET'])
+def get_stock_details():
+    """获取股票详情"""
+    try:
+        code = request.args.get('code')
+        date = request.args.get('date', '2025-07-16')
+        
+        if not code:
+            return jsonify({'success': False, 'error': '请提供股票代码'}), 400
+
+        # 模拟股票详情
+        stock_detail = {
+            'code': code,
+            'name': f'股票{code}',
+            'price': 15.50,
+            'change': 2.5,
+            'sector': '科技',
+            'volume': 1500000,
+            'amount': 23250000,
+            'limit_type': '涨停',
+            'turnover_rate': 3.2,
+            'market_cap': 15500000000
+        }
+
+        return jsonify({
+            'success': True,
+            'data': stock_detail
+        })
+
+    except Exception as e:
+        print(f"Error getting stock details: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/sector-analysis', methods=['GET'])
+def get_sector_analysis():
+    """获取板块分析"""
+    try:
+        sector = request.args.get('sector')
+        date = request.args.get('date', '2025-07-16')
+        
+        if not sector:
+            return jsonify({'success': False, 'error': '请提供板块名称'}), 400
+
+        # 模拟板块分析数据
+        sector_analysis = {
+            'sector': sector,
+            'stock_count': 25,
+            'avg_change': 1.8,
+            'limit_up_count': 8,
+            'limit_down_count': 2,
+            'total_volume': 50000000,
+            'total_amount': 750000000,
+            'top_stocks': [
+                {'code': '000001', 'name': '股票A', 'change': 10.0},
+                {'code': '000002', 'name': '股票B', 'change': 9.5},
+                {'code': '000003', 'name': '股票C', 'change': 8.8}
+            ]
+        }
+
+        return jsonify({
+            'success': True,
+            'data': sector_analysis
+        })
+
+    except Exception as e:
+        print(f"Error getting sector analysis: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/trend-analysis', methods=['GET'])
+def get_trend_analysis():
+    """获取趋势分析"""
+    try:
+        date = request.args.get('date', '2025-07-16')
+        
+        # 模拟趋势分析数据
+        trend_data = {
+            'limit_up_trend': [
+                {'date': '2025-07-10', 'count': 45},
+                {'date': '2025-07-11', 'count': 52},
+                {'date': '2025-07-14', 'count': 48},
+                {'date': '2025-07-15', 'count': 55},
+                {'date': '2025-07-16', 'count': 51}
+            ],
+            'sector_trend': [
+                {'sector': '科技', 'trend': 'up'},
+                {'sector': '新能源', 'trend': 'up'},
+                {'sector': '医药', 'trend': 'stable'},
+                {'sector': '消费', 'trend': 'down'},
+                {'sector': '金融', 'trend': 'stable'}
+            ]
+        }
+
+        return jsonify({
+            'success': True,
+            'data': trend_data
+        })
+
+    except Exception as e:
+        print(f"Error getting trend analysis: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/heat-map', methods=['GET'])
+def get_heat_map_data():
+    """获取热力图数据"""
+    try:
+        date = request.args.get('date', '2025-07-16')
+        
+        # 模拟热力图数据
+        heat_map_data = []
+        sectors = ['科技', '新能源', '医药', '消费', '金融', '地产', '制造', '农业']
+        
+        for i, sector in enumerate(sectors):
+            for j in range(8):
+                heat_map_data.append({
+                    'sector': sector,
+                    'metric': f'指标{j+1}',
+                    'value': (i + j) % 10 + 1
+                })
+
+        return jsonify({
+            'success': True,
+            'data': heat_map_data
+        })
+
+    except Exception as e:
+        print(f"Error getting heat map data: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/correlation-analysis', methods=['GET'])
+def get_correlation_analysis():
+    """获取相关性分析"""
+    try:
+        date = request.args.get('date', '2025-07-16')
+        
+        # 模拟相关性分析数据
+        correlation_data = {
+            'sector_correlations': [
+                {'sector1': '科技', 'sector2': '新能源', 'correlation': 0.85},
+                {'sector1': '医药', 'sector2': '消费', 'correlation': 0.72},
+                {'sector1': '金融', 'sector2': '地产', 'correlation': 0.68},
+                {'sector1': '科技', 'sector2': '医药', 'correlation': 0.45},
+                {'sector1': '新能源', 'sector2': '制造', 'correlation': 0.78}
+            ],
+            'stock_correlations': [
+                {'stock1': '000001', 'stock2': '000002', 'correlation': 0.92},
+                {'stock1': '000003', 'stock2': '000004', 'correlation': 0.88},
+                {'stock1': '000005', 'stock2': '000006', 'correlation': 0.76}
+            ]
+        }
+
+        return jsonify({
+            'success': True,
+            'data': correlation_data
+        })
+
+    except Exception as e:
+        print(f"Error getting correlation analysis: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/export-data', methods=['POST'])
+def export_data():
+    """导出数据"""
+    try:
+        data = request.get_json()
+        date = data.get('date', '2025-07-16')
+        export_type = data.get('type', 'excel')
+        
+        # 模拟导出
+        filename = f'limit_analyse_{date}.{export_type}'
+        
+        return jsonify({
+            'success': True,
+            'message': '数据导出成功',
+            'data': {
+                'filename': filename,
+                'download_url': f'/downloads/{filename}'
+            }
+        })
+
+    except Exception as e:
+        print(f"Error exporting data: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500 
+
+@bp.route('/high-position-stocks', methods=['GET'])
+def get_high_position_stocks():
+    """获取高位股统计数据"""
+    try:
+        date = request.args.get('date', datetime.now().strftime('%Y%m%d'))
+        
+        # 模拟高位股数据 - 实际使用时需要连接真实的数据库
+        # 根据用户提供的表结构，查询连续涨停天数较多的股票
+        high_position_stocks = [
+            {
+                'stock_code': '000001',
+                'stock_name': '平安银行',
+                'price': 15.68,
+                'increase_rate': 10.02,
+                'limit_up_days': 5,
+                'continuous_limit_up': 3,
+                'industry': '银行',
+                'turnover_rate': 3.45,
+                'market_cap': 32000000000
+            },
+            {
+                'stock_code': '000002',
+                'stock_name': '万科A',
+                'price': 18.92,
+                'increase_rate': 9.98,
+                'limit_up_days': 4,
+                'continuous_limit_up': 2,
+                'industry': '房地产',
+                'turnover_rate': 5.67,
+                'market_cap': 21000000000
+            },
+            {
+                'stock_code': '600036',
+                'stock_name': '招商银行',
+                'price': 42.15,
+                'increase_rate': 8.45,
+                'limit_up_days': 6,
+                'continuous_limit_up': 4,
+                'industry': '银行',
+                'turnover_rate': 2.89,
+                'market_cap': 105000000000
+            },
+            {
+                'stock_code': '000858',
+                'stock_name': '五粮液',
+                'price': 168.50,
+                'increase_rate': 7.23,
+                'limit_up_days': 3,
+                'continuous_limit_up': 2,
+                'industry': '白酒',
+                'turnover_rate': 1.56,
+                'market_cap': 650000000000
+            },
+            {
+                'stock_code': '002415',
+                'stock_name': '海康威视',
+                'price': 35.68,
+                'increase_rate': 6.89,
+                'limit_up_days': 4,
+                'continuous_limit_up': 3,
+                'industry': '安防',
+                'turnover_rate': 4.12,
+                'market_cap': 33000000000
+            }
+        ]
+        
+        # 统计信息
+        total_count = len(high_position_stocks)
+        avg_continuous_days = sum(stock['continuous_limit_up'] for stock in high_position_stocks) / total_count if total_count > 0 else 0
+        
+        # 按连续涨停天数排序
+        high_position_stocks.sort(key=lambda x: x['continuous_limit_up'], reverse=True)
+
+        return jsonify({
+            'success': True,
+            'data': {
+                'stocks': high_position_stocks,
+                'statistics': {
+                    'total_count': total_count,
+                    'avg_continuous_days': round(avg_continuous_days, 2),
+                    'max_continuous_days': max([stock['continuous_limit_up'] for stock in high_position_stocks], default=0),
+                    'industry_distribution': {}
+                }
+            }
+        })
+
+    except Exception as e:
+        print(f"Error getting high position stocks: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500 
--- a/app/routes/stocks.py
+++ b/app/routes/stocks.py
@@ -0,0 +1,241 @@
+from flask import Blueprint, request, jsonify
+from app import db
+from clickhouse_driver import Client
+import pandas as pd
+from datetime import datetime, timedelta
+import pytz
+
+bp = Blueprint('stocks', __name__, url_prefix='/api/stock')
+
+def get_clickhouse_client():
+    """获取ClickHouse客户端"""
+    return Client('localhost', port=9000, user='default', password='', database='default')
+
+@bp.route('/quotes', methods=['GET', 'POST'])
+def get_stock_quotes():
+    """获取股票实时报价"""
+    try:
+        if request.method == 'GET':
+            # GET 请求从 URL 参数获取数据
+            codes = request.args.get('codes', '').split(',')
+            event_time_str = request.args.get('event_time')
+        else:
+            # POST 请求从 JSON 获取数据
+            codes = request.json.get('codes', [])
+            event_time_str = request.json.get('event_time')
+
+        if not codes:
+            return jsonify({'success': False, 'error': '请提供股票代码'}), 400
+
+        # 过滤空字符串
+        codes = [code.strip() for code in codes if code.strip()]
+
+        if not codes:
+            return jsonify({'success': False, 'error': '请提供有效的股票代码'}), 400
+
+        # 解析事件时间
+        event_time = None
+        if event_time_str:
+            try:
+                event_time = datetime.fromisoformat(event_time_str.replace('Z', '+00:00'))
+            except ValueError:
+                return jsonify({'success': False, 'error': '事件时间格式错误'}), 400
+
+        # 获取当前时间
+        now = datetime.now(pytz.timezone('Asia/Shanghai'))
+        
+        # 如果提供了事件时间，使用事件时间；否则使用当前时间
+        target_time = event_time if event_time else now
+
+        # 获取交易日和交易时间
+        def get_trading_day_and_times(event_datetime):
+            """获取交易日和交易时间列表"""
+            # 这里简化处理，实际应该查询交易日历
+            trading_day = event_datetime.strftime('%Y-%m-%d')
+            
+            # 生成交易时间列表 (9:30-11:30, 13:00-15:00)
+            morning_times = [f"{trading_day} {hour:02d}:{minute:02d}" 
+                           for hour in range(9, 12) 
+                           for minute in range(0, 60, 1)
+                           if not (hour == 9 and minute < 30) and not (hour == 11 and minute > 30)]
+            
+            afternoon_times = [f"{trading_day} {hour:02d}:{minute:02d}" 
+                             for hour in range(13, 16) 
+                             for minute in range(0, 60, 1)]
+            
+            return trading_day, morning_times + afternoon_times
+
+        trading_day, trading_times = get_trading_day_and_times(target_time)
+
+        # 模拟股票数据
+        results = {}
+        for code in codes:
+            # 这里应该从ClickHouse或其他数据源获取真实数据
+            # 现在使用模拟数据
+            import random
+            base_price = 10.0 + random.random() * 20.0
+            change = (random.random() - 0.5) * 2.0
+            
+            results[code] = {
+                'price': round(base_price, 2),
+                'change': round(change, 2),
+                'name': f'股票{code}'
+            }
+
+        return jsonify({
+            'success': True,
+            'data': results
+        })
+
+    except Exception as e:
+        print(f"Error getting stock quotes: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@bp.route('/<stock_code>/kline')
+def get_stock_kline(stock_code):
+    """获取股票K线数据"""
+    try:
+        chart_type = request.args.get('type', 'daily')
+        event_time_str = request.args.get('event_time')
+        
+        if not event_time_str:
+            return jsonify({'success': False, 'error': '请提供事件时间'}), 400
+
+        try:
+            event_datetime = datetime.fromisoformat(event_time_str.replace('Z', '+00:00'))
+        except ValueError:
+            return jsonify({'success': False, 'error': '事件时间格式错误'}), 400
+
+        # 获取股票名称（这里简化处理）
+        stock_name = f'股票{stock_code}'
+
+        if chart_type == 'daily':
+            return get_daily_kline(stock_code, event_datetime, stock_name)
+        elif chart_type == 'minute':
+            return get_minute_kline(stock_code, event_datetime, stock_name)
+        elif chart_type == 'timeline':
+            return get_timeline_data(stock_code, event_datetime, stock_name)
+        else:
+            return jsonify({'error': f'Unsupported chart type: {chart_type}'}), 400
+
+    except Exception as e:
+        print(f"Error getting stock kline: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+def get_daily_kline(stock_code, event_datetime, stock_name):
+    """获取日K线数据"""
+    try:
+        # 模拟日K线数据
+        data = []
+        base_price = 10.0
+        for i in range(30):
+            date = (event_datetime - timedelta(days=30-i)).strftime('%Y-%m-%d')
+            open_price = base_price + (i * 0.1) + (i % 3 - 1) * 0.5
+            close_price = open_price + (i % 5 - 2) * 0.3
+            high_price = max(open_price, close_price) + 0.2
+            low_price = min(open_price, close_price) - 0.2
+            volume = 1000000 + i * 50000
+            
+            data.append({
+                'date': date,
+                'open': round(open_price, 2),
+                'close': round(close_price, 2),
+                'high': round(high_price, 2),
+                'low': round(low_price, 2),
+                'volume': volume
+            })
+
+        return jsonify({
+            'code': stock_code,
+            'name': stock_name,
+            'trade_date': event_datetime.strftime('%Y-%m-%d'),
+            'data': data
+        })
+
+    except Exception as e:
+        print(f"Error getting daily kline: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+def get_minute_kline(stock_code, event_datetime, stock_name):
+    """获取分钟K线数据"""
+    try:
+        # 模拟分钟K线数据
+        data = []
+        base_price = 10.0
+        trading_times = []
+        
+        # 生成交易时间
+        for hour in range(9, 16):
+            if hour == 12:
+                continue
+            for minute in range(0, 60):
+                if (hour == 9 and minute < 30) or (hour == 11 and minute > 30):
+                    continue
+                trading_times.append(f"{hour:02d}:{minute:02d}")
+
+        for i, time in enumerate(trading_times):
+            open_price = base_price + (i * 0.01) + (i % 10 - 5) * 0.02
+            close_price = open_price + (i % 7 - 3) * 0.01
+            high_price = max(open_price, close_price) + 0.01
+            low_price = min(open_price, close_price) - 0.01
+            volume = 50000 + i * 1000
+            
+            data.append({
+                'time': time,
+                'open': round(open_price, 2),
+                'close': round(close_price, 2),
+                'high': round(high_price, 2),
+                'low': round(low_price, 2),
+                'volume': volume
+            })
+
+        return jsonify({
+            'code': stock_code,
+            'name': stock_name,
+            'trade_date': event_datetime.strftime('%Y-%m-%d'),
+            'data': data
+        })
+
+    except Exception as e:
+        print(f"Error getting minute kline: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+def get_timeline_data(stock_code, event_datetime, stock_name):
+    """获取分时图数据"""
+    try:
+        # 模拟分时图数据
+        data = []
+        base_price = 10.0
+        trading_times = []
+        
+        # 生成交易时间
+        for hour in range(9, 16):
+            if hour == 12:
+                continue
+            for minute in range(0, 60):
+                if (hour == 9 and minute < 30) or (hour == 11 and minute > 30):
+                    continue
+                trading_times.append(f"{hour:02d}:{minute:02d}")
+
+        for i, time in enumerate(trading_times):
+            price = base_price + (i * 0.01) + (i % 10 - 5) * 0.02
+            avg_price = price + (i % 5 - 2) * 0.01
+            volume = 50000 + i * 1000
+            
+            data.append({
+                'time': time,
+                'price': round(price, 2),
+                'avg_price': round(avg_price, 2),
+                'volume': volume
+            })
+
+        return jsonify({
+            'code': stock_code,
+            'name': stock_name,
+            'trade_date': event_datetime.strftime('%Y-%m-%d'),
+            'data': data
+        })
+
+    except Exception as e:
+        print(f"Error getting timeline data: {e}")
+        return jsonify({'success': False, 'error': str(e)}), 500 
--- a/app_vx.py
+++ b/app_vx.py
--- a/app_vx_copy1.py
+++ b/app_vx_copy1.py
--- a/category_tree_openapi.json
+++ b/category_tree_openapi.json
--- a/commit.sh
+++ b/commit.sh
--- a/concept_api.py
+++ b/concept_api.py
--- a/concept_api_v2.py
+++ b/concept_api_v2.py
--- a/concept_hierarchy_v3.json
+++ b/concept_hierarchy_v3.json
--- a/craco.config.js
+++ b/craco.config.js
@@ -1,316 +0,0 @@
-const path = require('path');
-const webpack = require('webpack');
-const { BundleAnalyzerPlugin } = process.env.ANALYZE ? require('webpack-bundle-analyzer') : { BundleAnalyzerPlugin: null };
-
-// 检查是否为 Mock 模式（与 src/utils/apiConfig.js 保持一致）
-const isMockMode = () => process.env.REACT_APP_ENABLE_MOCK === 'true';
-
-module.exports = {
-  webpack: {
-    configure: (webpackConfig, { env, paths }) => {
-      // ============== 持久化缓存配置 ==============
-      // 大幅提升二次构建速度（可提升 50-80%）
-      webpackConfig.cache = {
-        type: 'filesystem',
-        cacheDirectory: path.resolve(__dirname, 'node_modules/.cache/webpack'),
-        buildDependencies: {
-          config: [__filename],
-        },
-        // 增加缓存有效性检查
-        name: env === 'production' ? 'production' : 'development',
-        compression: env === 'production' ? 'gzip' : false,
-      };
-
-      // ============== 生产环境优化 ==============
-      if (env === 'production') {
-        // 高级代码分割策略
-        webpackConfig.optimization = {
-          ...webpackConfig.optimization,
-          splitChunks: {
-            chunks: 'all',
-            maxInitialRequests: 30,
-            minSize: 20000,
-            maxSize: 512000, // 限制单个 chunk 最大大小（512KB，与 performance.maxAssetSize 一致）
-            cacheGroups: {
-              // React 核心库单独分离
-              react: {
-                test: /[\\/]node_modules[\\/](react|react-dom|react-router-dom)[\\/]/,
-                name: 'react-vendor',
-                priority: 30,
-                reuseExistingChunk: true,
-              },
-              // TradingView Lightweight Charts 单独分离（避免被压缩破坏）
-              lightweightCharts: {
-                test: /[\\/]node_modules[\\/]lightweight-charts[\\/]/,
-                name: 'lightweight-charts',
-                priority: 26,
-                reuseExistingChunk: true,
-              },
-              // 大型图表库分离（echarts, d3, apexcharts 等）
-              charts: {
-                test: /[\\/]node_modules[\\/](echarts|echarts-for-react|apexcharts|react-apexcharts|recharts|d3|d3-.*)[\\/]/,
-                name: 'charts-lib',
-                priority: 25,
-                reuseExistingChunk: true,
-              },
-              // Chakra UI 框架
-              chakraUI: {
-                test: /[\\/]node_modules[\\/](@chakra-ui|@emotion)[\\/]/,
-                name: 'chakra-ui',
-                priority: 23, // 从 22 改为 23，避免与 antd 优先级冲突
-                reuseExistingChunk: true,
-              },
-              // Ant Design
-              antd: {
-                test: /[\\/]node_modules[\\/](antd|@ant-design)[\\/]/,
-                name: 'antd-lib',
-                priority: 22,
-                reuseExistingChunk: true,
-              },
-              // 3D 库（three.js）
-              three: {
-                test: /[\\/]node_modules[\\/](three|@react-three)[\\/]/,
-                name: 'three-lib',
-                priority: 20,
-                reuseExistingChunk: true,
-              },
-              // 日期库
-              calendar: {
-                test: /[\\/]node_modules[\\/](dayjs|date-fns)[\\/]/,
-                name: 'calendar-lib',
-                priority: 18,
-                reuseExistingChunk: true,
-              },
-              // 其他第三方库
-              vendor: {
-                test: /[\\/]node_modules[\\/]/,
-                name: 'vendors',
-                priority: 10,
-                reuseExistingChunk: true,
-              },
-              // 公共代码
-              common: {
-                minChunks: 2,
-                priority: 5,
-                reuseExistingChunk: true,
-                name: 'common',
-              },
-            },
-          },
-          // 优化运行时代码
-          runtimeChunk: 'single',
-          // 使用确定性的模块 ID
-          moduleIds: 'deterministic',
-          // 最小化配置
-          minimize: true,
-          minimizer: [
-            ...webpackConfig.optimization.minimizer,
-          ],
-        };
-
-        // 配置 Terser 插件，保留 lightweight-charts 的方法名
-        const TerserPlugin = require('terser-webpack-plugin');
-        webpackConfig.optimization.minimizer = webpackConfig.optimization.minimizer.map(plugin => {
-          if (plugin.constructor.name === 'TerserPlugin') {
-            const originalOptions = plugin.options || {};
-            const originalTerserOptions = originalOptions.terserOptions || {};
-            const originalMangle = originalTerserOptions.mangle || {};
-
-            // 只保留 TerserPlugin 有效的配置项
-            const validOptions = {
-              test: originalOptions.test,
-              include: originalOptions.include,
-              exclude: originalOptions.exclude,
-              extractComments: originalOptions.extractComments,
-              parallel: originalOptions.parallel,
-              minify: originalOptions.minify,
-              terserOptions: {
-                ...originalTerserOptions,
-                keep_classnames: /^(IChartApi|ISeriesApi|Re)$/, // 保留 lightweight-charts 的类名
-                keep_fnames: /^(createChart|addLineSeries|addSeries)$/, // 保留关键方法名
-                mangle: {
-                  ...originalMangle,
-                  reserved: ['createChart', 'addLineSeries', 'addSeries', 'IChartApi', 'ISeriesApi'],
-                },
-              },
-            };
-
-            return new TerserPlugin(validOptions);
-          }
-          return plugin;
-        });
-
-        // 生产环境禁用 source map 以加快构建（可节省 40-60% 时间）
-        webpackConfig.devtool = false;
-      } else {
-        // 开发环境使用更快的 source map
-        webpackConfig.devtool = 'eval-cheap-module-source-map';
-      }
-
-      // ============== 模块解析优化 ==============
-      webpackConfig.resolve = {
-        ...webpackConfig.resolve,
-        alias: {
-          ...webpackConfig.resolve.alias,
-          // 根目录别名
-          '@': path.resolve(__dirname, 'src'),
-
-          // 功能模块别名（按字母顺序）
-          '@assets': path.resolve(__dirname, 'src/assets'),
-          '@components': path.resolve(__dirname, 'src/components'),
-          '@constants': path.resolve(__dirname, 'src/constants'),
-          '@contexts': path.resolve(__dirname, 'src/contexts'),
-          '@data': path.resolve(__dirname, 'src/data'),
-          '@hooks': path.resolve(__dirname, 'src/hooks'),
-          '@layouts': path.resolve(__dirname, 'src/layouts'),
-          '@lib': path.resolve(__dirname, 'src/lib'),
-          '@mocks': path.resolve(__dirname, 'src/mocks'),
-          '@providers': path.resolve(__dirname, 'src/providers'),
-          '@routes': path.resolve(__dirname, 'src/routes'),
-          '@services': path.resolve(__dirname, 'src/services'),
-          '@store': path.resolve(__dirname, 'src/store'),
-          '@styles': path.resolve(__dirname, 'src/styles'),
-          '@theme': path.resolve(__dirname, 'src/theme'),
-          '@utils': path.resolve(__dirname, 'src/utils'),
-          '@variables': path.resolve(__dirname, 'src/variables'),
-          '@views': path.resolve(__dirname, 'src/views'),
-        },
-        // 减少文件扩展名搜索（优先 TypeScript）
-        extensions: ['.ts', '.tsx', '.js', '.jsx', '.json'],
-        // 优化模块查找路径
-        modules: [
-          path.resolve(__dirname, 'src'),
-          'node_modules'
-        ],
-        // 优化符号链接解析
-        symlinks: false,
-      };
-
-      // ============== 插件优化 ==============
-      // 移除 ESLint 插件以提升构建速度（可提升 20-30%）
-      webpackConfig.plugins = webpackConfig.plugins.filter(
-        plugin => plugin.constructor.name !== 'ESLintWebpackPlugin'
-      );
-
-      // 添加打包分析工具（通过 ANALYZE=true 启用）
-      if (env === 'production' && process.env.ANALYZE && BundleAnalyzerPlugin) {
-        webpackConfig.plugins.push(
-          new BundleAnalyzerPlugin({
-            analyzerMode: 'static',
-            openAnalyzer: true,
-            reportFilename: 'bundle-report.html',
-          })
-        );
-      }
-
-      // Day.js 的语言包非常小（每个约 0.5KB），所以不需要特别忽略
-      // 如果需要优化，可以只导入需要的语言包
-
-      // ============== Loader 优化 ==============
-      const babelLoaderRule = webpackConfig.module.rules.find(
-        rule => rule.oneOf
-      );
-
-      if (babelLoaderRule && babelLoaderRule.oneOf) {
-        babelLoaderRule.oneOf.forEach(rule => {
-          // 优化 Babel Loader
-          if (rule.loader && rule.loader.includes('babel-loader')) {
-            rule.options = {
-              ...rule.options,
-              cacheDirectory: true,
-              cacheCompression: false,
-              compact: env === 'production',
-            };
-            // 限制 Babel 处理范围
-            rule.include = path.resolve(__dirname, 'src');
-            rule.exclude = /node_modules/;
-          }
-
-          // 优化 CSS Loader
-          if (rule.use && Array.isArray(rule.use)) {
-            rule.use.forEach(loader => {
-              if (loader.loader && loader.loader.includes('css-loader') && loader.options) {
-                loader.options.sourceMap = env !== 'production';
-              }
-            });
-          }
-        });
-      }
-
-      // ============== 性能提示配置 ==============
-      webpackConfig.performance = {
-        hints: env === 'production' ? 'warning' : false,
-        maxEntrypointSize: 512000, // 512KB
-        maxAssetSize: 512000,
-      };
-
-      return webpackConfig;
-    },
-  },
-
-  // ============== Babel 配置优化 ==============
-  babel: {
-    plugins: [
-      // 运行时辅助函数复用
-      ['@babel/plugin-transform-runtime', {
-        regenerator: true,
-        useESModules: true,
-      }],
-    ],
-    loaderOptions: {
-      cacheDirectory: true,
-      cacheCompression: false,
-    },
-  },
-
-  // ============== 开发服务器配置 ==============
-  devServer: {
-    hot: true,
-    port: 3000,
-    compress: true,
-    client: {
-      overlay: false,
-      progress: true,
-    },
-    // 优化开发服务器性能
-    devMiddleware: {
-      writeToDisk: false,
-    },
-
-    // 调试日志
-    onListening: (devServer) => {
-      console.log(`[CRACO] Mock Mode: ${isMockMode() ? 'Enabled ✅' : 'Disabled ❌'}`);
-      console.log(`[CRACO] Proxy: ${isMockMode() ? 'Disabled (MSW intercepts)' : 'Enabled (forwarding to backend)'}`);
-    },
-
-    // 代理配置：将 /api 请求代理到后端服务器
-    // 注意：Mock 模式下禁用 /api 和 /concept-api，让 MSW 拦截请求
-    // 但 /bytedesk 始终启用（客服系统不走 Mock）
-    proxy: {
-      '/bytedesk': {
-        target: 'https://valuefrontier.cn',  // 统一使用生产环境 Nginx 代理
-        changeOrigin: true,
-        secure: false,  // 开发环境禁用 HTTPS 严格验证
-        logLevel: 'debug',
-        ws: true,  // 支持 WebSocket
-        // 不使用 pathRewrite，保留 /bytedesk 前缀，让生产 Nginx 处理
-      },
-      // Mock 模式下禁用其他代理
-      ...(isMockMode() ? {} : {
-        '/api': {
-          target: 'http://49.232.185.254:5001',
-          changeOrigin: true,
-          secure: false,
-          logLevel: 'debug',
-        },
-        '/concept-api': {
-          target: 'http://49.232.185.254:6801',
-          changeOrigin: true,
-          secure: false,
-          logLevel: 'debug',
-          pathRewrite: { '^/concept-api': '' },
-        },
-      }),
-    },
-  },
-};
--- a/docs/AGENT_DEPLOYMENT.md
+++ b/docs/AGENT_DEPLOYMENT.md
@@ -1,381 +0,0 @@
-# AI Agent 系统部署指南
-
-## 🎯 系统架构
-
-### 三阶段流程
-
-```
-用户输入
-    ↓
-[阶段1: 计划制定 Planning]
-    - LLM 分析用户需求
-    - 确定需要哪些工具
-    - 制定执行计划（steps）
-    ↓
-[阶段2: 工具执行 Execution]
-    - 按计划顺序调用 MCP 工具
-    - 收集数据
-    - 异常处理和重试
-    ↓
-[阶段3: 结果总结 Summarization]
-    - LLM 综合分析所有数据
-    - 生成自然语言报告
-    ↓
-输出给用户
-```
-
-## 📦 文件清单
-
-### 后端文件
-
-```
-mcp_server.py              # MCP 工具服务器（已有）
-mcp_agent_system.py        # Agent 系统核心逻辑（新增）
-mcp_config.py              # 配置文件（已有）
-mcp_database.py            # 数据库操作（已有）
-```
-
-### 前端文件
-
-```
-src/components/ChatBot/
-├── ChatInterfaceV2.js     # 新版聊天界面（漂亮）
-├── PlanCard.js            # 执行计划卡片
-├── StepResultCard.js      # 步骤结果卡片（可折叠）
-├── ChatInterface.js       # 旧版聊天界面（保留）
-├── MessageBubble.js       # 消息气泡组件（保留）
-└── index.js               # 统一导出
-
-src/views/AgentChat/
-└── index.js               # Agent 聊天页面
-```
-
-## 🚀 部署步骤
-
-### 1. 安装依赖
-
-```bash
-# 进入项目目录
-cd /home/ubuntu/vf_react
-
-# 安装 OpenAI SDK（支持多个LLM提供商）
-pip install openai
-```
-
-### 2. 获取 LLM API Key
-
-**推荐：通义千问（便宜且中文能力强）**
-
-1. 访问 https://dashscope.console.aliyun.com/
-2. 注册/登录阿里云账号
-3. 开通 DashScope 服务
-4. 创建 API Key
-5. 复制 API Key（格式：`sk-xxx...`）
-
-**其他选择**：
- DeepSeek: https://platform.deepseek.com/ （最便宜）
- OpenAI: https://platform.openai.com/ （需要翻墙）
-
-### 3. 配置环境变量
-
-```bash
-# 编辑环境变量
-sudo nano /etc/environment
-
-# 添加以下内容（选择一个）
-# 方式1: 通义千问（推荐）
-DASHSCOPE_API_KEY="sk-your-key-here"
-
-# 方式2: DeepSeek（更便宜）
-DEEPSEEK_API_KEY="sk-your-key-here"
-
-# 方式3: OpenAI
-OPENAI_API_KEY="sk-your-key-here"
-
-# 保存并退出，然后重新加载
-source /etc/environment
-
-# 验证环境变量
-echo $DASHSCOPE_API_KEY
-```
-
-### 4. 修改 mcp_server.py
-
-在文件末尾（`if __name__ == "__main__":` 之前）添加：
-
-```python
-# ==================== Agent 端点 ====================
-
-from mcp_agent_system import MCPAgent, ChatRequest, AgentResponse
-
-# 创建 Agent 实例
-agent = MCPAgent(provider="qwen")  # 或 "deepseek", "openai"
-
-@app.post("/agent/chat", response_model=AgentResponse)
-async def agent_chat(request: ChatRequest):
-    """智能代理对话端点"""
-    logger.info(f"Agent chat: {request.message}")
-
-    # 获取工具列表和处理器
-    tools = [tool.dict() for tool in TOOLS]
-
-    # 处理查询
-    response = await agent.process_query(
-        user_query=request.message,
-        tools=tools,
-        tool_handlers=TOOL_HANDLERS,
-    )
-
-    return response
-```
-
-### 5. 重启 MCP 服务
-
-```bash
-# 如果使用 systemd
-sudo systemctl restart mcp-server
-
-# 或者手动重启
-pkill -f mcp_server
-nohup uvicorn mcp_server:app --host 0.0.0.0 --port 8900 > mcp_server.log 2>&1 &
-
-# 查看日志
-tail -f mcp_server.log
-```
-
-### 6. 测试 Agent API
-
-```bash
-# 测试 Agent 端点
-curl -X POST http://localhost:8900/agent/chat \
-  -H "Content-Type: application/json" \
-  -d '{
-    "message": "全面分析贵州茅台这只股票",
-    "conversation_history": []
-  }'
-
-# 应该返回类似这样的JSON：
-# {
-#   "success": true,
-#   "message": "根据分析，贵州茅台...",
-#   "plan": {
-#     "goal": "全面分析贵州茅台",
-#     "steps": [...]
-#   },
-#   "step_results": [...],
-#   "metadata": {...}
-# }
-```
-
-### 7. 部署前端
-
-```bash
-# 在本地构建
-npm run build
-
-# 上传到服务器
-scp -r build/* ubuntu@your-server:/var/www/valuefrontier.cn/
-
-# 或者在服务器上构建
-cd /home/ubuntu/vf_react
-npm run build
-sudo cp -r build/* /var/www/valuefrontier.cn/
-```
-
-### 8. 重启 Nginx
-
-```bash
-sudo systemctl reload nginx
-```
-
-## ✅ 验证部署
-
-### 1. 测试后端 API
-
-```bash
-# 测试工具列表
-curl https://valuefrontier.cn/mcp/tools
-
-# 测试 Agent
-curl -X POST https://valuefrontier.cn/mcp/agent/chat \
-  -H "Content-Type: application/json" \
-  -d '{
-    "message": "今日涨停股票有哪些",
-    "conversation_history": []
-  }'
-```
-
-### 2. 测试前端
-
-1. 访问 https://valuefrontier.cn/agent-chat
-2. 输入问题："全面分析贵州茅台这只股票"
-3. 观察：
-   - ✓ 是否显示执行计划卡片
-   - ✓ 是否显示步骤执行过程
-   - ✓ 是否显示最终总结
-   - ✓ 步骤结果卡片是否可折叠
-
-### 3. 测试用例
-
-```
-测试1: 简单查询
-输入：查询贵州茅台的股票信息
-预期：调用 get_stock_basic_info，返回基本信息
-
-测试2: 深度分析（推荐）
-输入：全面分析贵州茅台这只股票
-预期：
-  - 步骤1: get_stock_basic_info
-  - 步骤2: get_stock_financial_index
-  - 步骤3: get_stock_trade_data
-  - 步骤4: search_china_news
-  - 步骤5: summarize_with_llm
-
-测试3: 市场热点
-输入：今日涨停股票有哪些亮点
-预期：
-  - 步骤1: search_limit_up_stocks
-  - 步骤2: get_concept_statistics
-  - 步骤3: summarize_with_llm
-
-测试4: 概念分析
-输入：新能源概念板块的投资机会
-预期：
-  - 步骤1: search_concepts（新能源）
-  - 步骤2: search_china_news（新能源）
-  - 步骤3: summarize_with_llm
-```
-
-## 🐛 故障排查
-
-### 问题1: Agent 返回 "Provider not configured"
-
-**原因**: 环境变量未设置
-
-**解决**:
-```bash
-# 检查环境变量
-echo $DASHSCOPE_API_KEY
-
-# 如果为空，重新设置
-export DASHSCOPE_API_KEY="sk-xxx..."
-
-# 重启服务
-sudo systemctl restart mcp-server
-```
-
-### 问题2: Agent 返回 JSON 解析错误
-
-**原因**: LLM 没有返回正确的 JSON 格式
-
-**解决**: 在 `mcp_agent_system.py` 中已经处理了代码块标记清理，如果还有问题：
-1. 检查 LLM 的 temperature 参数（建议 0.3）
-2. 检查 prompt 是否清晰
-3. 尝试不同的 LLM 提供商
-
-### 问题3: 前端显示 "查询失败"
-
-**原因**: 后端 API 未正确配置或 Nginx 代理问题
-
-**解决**:
-```bash
-# 1. 检查 MCP 服务是否运行
-ps aux | grep mcp_server
-
-# 2. 检查 Nginx 配置
-sudo nginx -t
-
-# 3. 查看错误日志
-sudo tail -f /var/log/nginx/error.log
-tail -f /home/ubuntu/vf_react/mcp_server.log
-```
-
-### 问题4: 执行步骤失败
-
-**原因**: 某个 MCP 工具调用失败
-
-**解决**: 查看步骤结果卡片中的错误信息，通常是：
- API 超时：增加 timeout
- 参数错误：检查工具定义
- 数据库连接失败：检查数据库连接
-
-## 💰 成本估算
-
-### 使用通义千问（qwen-plus）
-
-**价格**: ¥0.004/1000 tokens
-
-**典型对话消耗**:
- 简单查询（1步）: ~500 tokens = ¥0.002
- 深度分析（5步）: ~3000 tokens = ¥0.012
- 平均每次对话: ¥0.005
-
-**月度成本**（1000次深度分析）:
- 1000次 × ¥0.012 = ¥12
-
-**结论**: 非常便宜！1000次深度分析只需要12元。
-
-### 使用 DeepSeek（更便宜）
-
-**价格**: ¥0.001/1000 tokens（比通义千问便宜4倍）
-
-**月度成本**（1000次深度分析）:
- 1000次 × ¥0.003 = ¥3
-
-## 📊 监控和优化
-
-### 1. 添加日志监控
-
-```bash
-# 实时查看 Agent 日志
-tail -f mcp_server.log | grep -E "\[Agent\]|\[Planning\]|\[Execution\]|\[Summary\]"
-```
-
-### 2. 性能优化建议
-
-1. **缓存计划**: 相似的问题可以复用执行计划
-2. **并行执行**: 独立的工具调用可以并行执行
-3. **流式输出**: 使用 Server-Sent Events 实时返回进度
-4. **结果缓存**: 相同的工具调用结果可以缓存
-
-### 3. 添加统计分析
-
-在 `mcp_server.py` 中添加：
-
-```python
-from datetime import datetime
-import json
-
-# 记录每次 Agent 调用
-@app.post("/agent/chat")
-async def agent_chat(request: ChatRequest):
-    start_time = datetime.now()
-
-    response = await agent.process_query(...)
-
-    duration = (datetime.now() - start_time).total_seconds()
-
-    # 记录到日志
-    logger.info(f"Agent query completed in {duration:.2f}s", extra={
-        "query": request.message,
-        "steps": len(response.plan.steps) if response.plan else 0,
-        "success": response.success,
-        "duration": duration,
-    })
-
-    return response
-```
-
-## 🎉 完成！
-
-现在你的 AI Agent 系统已经部署完成！
-
-访问 https://valuefrontier.cn/agent-chat 开始使用。
-
-**特点**:
- ✅ 三阶段智能分析（计划-执行-总结）
- ✅ 漂亮的UI界面（卡片式展示）
- ✅ 步骤结果可折叠查看
- ✅ 实时进度反馈
- ✅ 异常处理和重试
- ✅ 成本低廉（¥3-12/月）
--- a/docs/API_DOCS_profile_completeness.md
+++ b/docs/API_DOCS_profile_completeness.md
@@ -1,458 +0,0 @@
-# 用户资料完整度 API 文档
-
-## 接口概述
-
-**接口名称**：获取用户资料完整度
-**接口路径**：`/api/account/profile-completeness`
-**请求方法**：`GET`
-**接口描述**：获取当前登录用户的资料完整度信息，包括各项必填信息的完成状态、完整度百分比、缺失项列表等。
-**业务场景**：用于在用户登录后提醒用户完善个人资料，提升平台服务质量。
-
---
-
-## 请求参数
-
-### Headers
-
-| 参数名 | 类型 | 必填 | 描述 |
-|--------|------|------|------|
-| `Cookie` | string | 是 | 包含用户会话信息（session cookie），用于身份认证 |
-
-### Query Parameters
-
-无
-
-### Body Parameters
-
-无（GET 请求无 Body）
-
---
-
-## 响应格式
-
-### 成功响应 (200 OK)
-
-**Content-Type**: `application/json`
-
-```json
-{
-  "success": true,
-  "data": {
-    "completeness": {
-      "hasPassword": true,
-      "hasPhone": true,
-      "hasEmail": false,
-      "isWechatUser": false
-    },
-    "completenessPercentage": 66,
-    "needsAttention": false,
-    "missingItems": ["邮箱"],
-    "isComplete": false,
-    "showReminder": false
-  }
-}
-```
-
-### 响应字段说明
-
-#### 顶层字段
-
-| 字段名 | 类型 | 描述 |
-|--------|------|------|
-| `success` | boolean | 请求是否成功，`true` 表示成功 |
-| `data` | object | 资料完整度数据对象 |
-
-#### `data` 对象字段
-
-| 字段名 | 类型 | 描述 |
-|--------|------|------|
-| `completeness` | object | 各项资料的完成状态详情 |
-| `completenessPercentage` | number | 资料完整度百分比（0-100） |
-| `needsAttention` | boolean | 是否需要用户注意（提醒用户完善） |
-| `missingItems` | array[string] | 缺失项的中文描述列表 |
-| `isComplete` | boolean | 资料是否完全完整（100%） |
-| `showReminder` | boolean | 是否显示提醒横幅（同 `needsAttention`） |
-
-#### `completeness` 对象字段
-
-| 字段名 | 类型 | 描述 |
-|--------|------|------|
-| `hasPassword` | boolean | 是否已设置登录密码 |
-| `hasPhone` | boolean | 是否已绑定手机号 |
-| `hasEmail` | boolean | 是否已设置有效邮箱（排除临时邮箱） |
-| `isWechatUser` | boolean | 是否为微信登录用户 |
-
---
-
-## 业务逻辑说明
-
-### 资料完整度计算规则
-
-1. **必填项**（共 3 项）：
-   - 登录密码（`hasPassword`）
-   - 手机号（`hasPhone`）
-   - 邮箱（`hasEmail`）
-
-2. **完整度计算公式**：
-   ```
-   completenessPercentage = (已完成项数 / 3) × 100
-   ```
-   示例：
-   - 已完成 2 项 → 66%
-   - 已完成 3 项 → 100%
-
-3. **邮箱有效性判断**：
-   - 必须包含 `@` 符号
-   - 不能是临时邮箱（如 `*@valuefrontier.temp`）
-
-### 提醒逻辑（`needsAttention`）
-
-**仅对微信登录用户进行提醒**，需同时满足以下条件：
-
-1. `isWechatUser === true`（微信登录用户）
-2. `completenessPercentage < 100`（资料不完整）
-
-**后端额外的智能提醒策略**（Mock 模式未实现）：
-
- 新用户（注册 7 天内）：更容易触发提醒
- 每 7 天最多提醒一次（通过 session 记录）
- 完整度低于 50% 时优先提醒
-
-### 缺失项列表（`missingItems`）
-
-根据 `completeness` 对象生成中文描述：
-
-| 条件 | 添加到 `missingItems` |
-|------|----------------------|
-| `!hasPassword` | `"登录密码"` |
-| `!hasPhone` | `"手机号"` |
-| `!hasEmail` | `"邮箱"` |
-
---
-
-## 响应示例
-
-### 示例 1：手机号登录用户，资料完整
-
-**场景**：手机号登录，已设置密码和邮箱
-
-```json
-{
-  "success": true,
-  "data": {
-    "completeness": {
-      "hasPassword": true,
-      "hasPhone": true,
-      "hasEmail": true,
-      "isWechatUser": false
-    },
-    "completenessPercentage": 100,
-    "needsAttention": false,
-    "missingItems": [],
-    "isComplete": true,
-    "showReminder": false
-  }
-}
-```
-
-### 示例 2：微信登录用户，未绑定手机号
-
-**场景**：微信登录，未设置密码和手机号，触发提醒
-
-```json
-{
-  "success": true,
-  "data": {
-    "completeness": {
-      "hasPassword": false,
-      "hasPhone": false,
-      "hasEmail": true,
-      "isWechatUser": true
-    },
-    "completenessPercentage": 33,
-    "needsAttention": true,
-    "missingItems": ["登录密码", "手机号"],
-    "isComplete": false,
-    "showReminder": true
-  }
-}
-```
-
-### 示例 3：微信登录用户，只缺邮箱
-
-**场景**：微信登录，已设置密码和手机号，只缺邮箱
-
-```json
-{
-  "success": true,
-  "data": {
-    "completeness": {
-      "hasPassword": true,
-      "hasPhone": true,
-      "hasEmail": false,
-      "isWechatUser": true
-    },
-    "completenessPercentage": 66,
-    "needsAttention": true,
-    "missingItems": ["邮箱"],
-    "isComplete": false,
-    "showReminder": true
-  }
-}
-```
-
---
-
-## 错误响应
-
-### 401 Unauthorized - 未登录
-
-**场景**：用户未登录或 Session 已过期
-
-```json
-{
-  "success": false,
-  "error": "用户未登录"
-}
-```
-
-**HTTP 状态码**：`401`
-
-### 500 Internal Server Error - 服务器错误
-
-**场景**：服务器内部错误（如数据库连接失败）
-
-```json
-{
-  "success": false,
-  "error": "获取资料完整性错误: [错误详情]"
-}
-```
-
-**HTTP 状态码**：`500`
-
---
-
-## 调用示例
-
-### JavaScript (Fetch API)
-
-```javascript
-async function checkProfileCompleteness() {
-  try {
-    const response = await fetch('/api/account/profile-completeness', {
-      method: 'GET',
-      credentials: 'include', // 重要：携带 Cookie
-      headers: {
-        'Content-Type': 'application/json'
-      }
-    });
-
-    if (!response.ok) {
-      throw new Error(`HTTP error! status: ${response.status}`);
-    }
-
-    const data = await response.json();
-
-    if (data.success) {
-      console.log('资料完整度:', data.data.completenessPercentage + '%');
-      console.log('是否需要提醒:', data.data.needsAttention);
-
-      if (data.data.needsAttention) {
-        console.log('缺失项:', data.data.missingItems.join('、'));
-      }
-    }
-  } catch (error) {
-    console.error('检查资料完整性失败:', error);
-  }
-}
-```
-
-### cURL
-
-```bash
-curl -X GET 'http://localhost:5001/api/account/profile-completeness' \
-  -H 'Cookie: session=your_session_cookie_here' \
-  -H 'Content-Type: application/json'
-```
-
-### Axios
-
-```javascript
-import axios from 'axios';
-
-async function checkProfileCompleteness() {
-  try {
-    const { data } = await axios.get('/api/account/profile-completeness', {
-      withCredentials: true // 携带 Cookie
-    });
-
-    if (data.success) {
-      return data.data;
-    }
-  } catch (error) {
-    if (error.response?.status === 401) {
-      console.error('用户未登录');
-    } else {
-      console.error('检查失败:', error.message);
-    }
-  }
-}
-```
-
---
-
-## 调用时机建议
-
-### ✅ 推荐调用场景
-
-1. **用户登录后**：首次登录或刷新页面后检查一次
-2. **资料更新后**：用户修改个人资料后重新检查
-3. **手动触发**：用户点击"检查资料完整度"按钮
-
-### ❌ 避免的场景
-
-1. **导航栏每次 render 时**：会导致频繁请求
-2. **组件重新渲染时**：应使用缓存或标志位避免重复
-3. **轮询调用**：此接口不需要轮询，用户资料变化频率低
-
-### 最佳实践
-
-```javascript
-// 使用 React Hooks 的最佳实践
-function useProfileCompleteness() {
-  const [completeness, setCompleteness] = useState(null);
-  const hasChecked = useRef(false);
-  const { isAuthenticated, user } = useAuth();
-
-  const check = useCallback(async () => {
-    // 避免重复检查
-    if (hasChecked.current) return;
-
-    try {
-      const response = await fetch('/api/account/profile-completeness', {
-        credentials: 'include'
-      });
-
-      if (response.ok) {
-        const data = await response.json();
-        if (data.success) {
-          setCompleteness(data.data);
-          hasChecked.current = true; // 标记已检查
-        }
-      }
-    } catch (error) {
-      console.warn('检查失败:', error);
-    }
-  }, []);
-
-  // 仅在登录后检查一次
-  useEffect(() => {
-    if (isAuthenticated && user && !hasChecked.current) {
-      check();
-    }
-  }, [isAuthenticated, user, check]);
-
-  // 提供手动刷新方法
-  const refresh = useCallback(() => {
-    hasChecked.current = false;
-    check();
-  }, [check]);
-
-  return { completeness, refresh };
-}
-```
-
---
-
-## Mock 模式说明
-
-在 Mock 模式下（`REACT_APP_ENABLE_MOCK=true`），此接口由 MSW (Mock Service Worker) 拦截：
-
-### Mock 实现位置
-
- **Handler**: `src/mocks/handlers/account.js`
- **数据源**: `src/mocks/data/users.js` (getCurrentUser)
-
-### Mock 特点
-
-1. **真实计算**：基于当前登录用户的实际数据计算完整度
-2. **状态同步**：与登录状态同步，登录后才返回真实用户数据
-3. **未登录返回 401**：模拟真实后端行为
-4. **延迟模拟**：300ms 网络延迟，模拟真实请求
-
-### Mock 测试数据
-
-| 测试账号 | 手机号 | 密码 | 邮箱 | 微信 | 完整度 |
-|---------|--------|------|------|------|--------|
-| 测试用户 | 13800138000 | ✅ | ❌ | ❌ | 66% |
-| 投资达人 | 13900139000 | ✅ | ✅ | ✅ | 100% |
-
---
-
-## 前端集成示例
-
-### 显示资料完整度横幅
-
-```jsx
-import { useProfileCompleteness } from './hooks/useProfileCompleteness';
-
-function App() {
-  const { completeness } = useProfileCompleteness();
-
-  return (
-    <>
-      {/* 资料完整度提醒横幅 */}
-      {completeness?.showReminder && (
-        <Alert status="info" variant="subtle">
-          <AlertIcon />
-          <Box flex="1">
-            <AlertTitle>完善资料，享受更好服务</AlertTitle>
-            <AlertDescription>
-              您还需要设置：{completeness.missingItems.join('、')}
-              （{completeness.completenessPercentage}% 完成）
-            </AlertDescription>
-          </Box>
-          <Button size="sm" onClick={() => navigate('/settings')}>
-            立即完善
-          </Button>
-        </Alert>
-      )}
-
-      {/* 主要内容 */}
-      <MainContent />
-    </>
-  );
-}
-```
-
---
-
-## 版本历史
-
-| 版本 | 日期 | 变更说明 |
-|------|------|----------|
-| v1.0 | 2024-10-17 | 初始版本，支持资料完整度检查和智能提醒 |
-
---
-
-## 相关接口
-
- `GET /api/auth/session` - 检查登录状态
- `GET /api/account/profile` - 获取完整用户资料
- `PUT /api/account/profile` - 更新用户资料
- `POST /api/auth/logout` - 退出登录
-
---
-
-## 技术支持
-
-如有问题，请联系开发团队或查看：
- **Mock 配置指南**: [MOCK_GUIDE.md](./MOCK_GUIDE.md)
- **项目文档**: [CLAUDE.md](./CLAUDE.md)
-
---
-
-**文档生成日期**：2024-10-17
-**API 版本**：v1.0
-**Mock 支持**：✅ 已实现
--- a/docs/API_ENDPOINTS.md
+++ b/docs/API_ENDPOINTS.md
@@ -1,415 +0,0 @@
-# API 接口文档
-
-本文档记录了项目中所有 API 接口的详细信息。
-
-## 目录
- [认证相关 API](#认证相关-api)
- [个人中心相关 API](#个人中心相关-api)
- [事件相关 API](#事件相关-api)
- [股票相关 API](#股票相关-api)
- [公司相关 API](#公司相关-api)
- [订阅/支付相关 API](#订阅支付相关-api)
-
---
-
-## 认证相关 API
-
-### POST /api/auth/send-verification-code
-发送验证码到手机号或邮箱
-
-**请求参数**:
-```json
-{
-  "credential": "13800138000",  // 手机号或邮箱
-  "type": "phone",              // 'phone' | 'email'
-  "purpose": "login"            // 'login' | 'register'
-}
-```
-
-**响应示例**:
-```json
-{
-  "success": true,
-  "message": "验证码已发送到 13800138000",
-  "dev_code": "123456"  // 仅开发环境返回
-}
-```
-
-**错误响应**:
-```json
-{
-  "success": false,
-  "error": "发送验证码失败"
-}
-```
-
-**Mock 数据**: ✅ `src/mocks/handlers/auth.js` 行 21-44
-
-**涉及文件**:
- `src/components/Auth/AuthFormContent.js` 行 164-207
-
---
-
-### POST /api/auth/login-with-code
-使用验证码登录（支持自动注册新用户）
-
-**请求参数**:
-```json
-{
-  "credential": "13800138000",
-  "verification_code": "123456",
-  "login_type": "phone"  // 'phone' | 'email'
-}
-```
-
-**响应示例**:
-```json
-{
-  "success": true,
-  "message": "登录成功",
-  "isNewUser": false,
-  "user": {
-    "id": 1,
-    "phone": "13800138000",
-    "nickname": "用户昵称",
-    "email": null,
-    "avatar_url": "https://...",
-    "has_wechat": false
-  },
-  "token": "mock_token_1_1234567890"
-}
-```
-
-**错误响应**:
-```json
-{
-  "success": false,
-  "error": "验证码错误"
-}
-```
-
-**Mock 数据**: ✅ `src/mocks/handlers/auth.js` 行 47-115
-
-**涉及文件**:
- `src/components/Auth/AuthFormContent.js` 行 252-327
-
-**注意事项**:
- 后端需要支持自动注册新用户（当用户不存在时）
- 前端已添加 `.trim()` 防止空格问题
-
---
-
-### GET /api/auth/session
-检查当前登录状态
-
-**响应示例**:
-```json
-{
-  "success": true,
-  "isAuthenticated": true,
-  "user": {
-    "id": 1,
-    "phone": "13800138000",
-    "nickname": "用户昵称"
-  }
-}
-```
-
-**Mock 数据**: ✅ `src/mocks/handlers/auth.js` 行 269-290
-
---
-
-### POST /api/auth/logout
-退出登录
-
-**响应示例**:
-```json
-{
-  "success": true,
-  "message": "退出成功"
-}
-```
-
-**Mock 数据**: ✅ `src/mocks/handlers/auth.js` 行 317-329
-
---
-
-## 个人中心相关 API
-
-### GET /api/account/watchlist
-获取用户自选股列表
-
-**响应示例**:
-```json
-{
-  "success": true,
-  "data": [
-    {
-      "id": 1,
-      "stock_code": "000001.SZ",
-      "stock_name": "平安银行",
-      "added_at": "2024-01-01T00:00:00Z"
-    }
-  ]
-}
-```
-
-**Mock 数据**: ❌ 待创建 `src/mocks/handlers/account.js`
-
-**涉及文件**:
- `src/views/Dashboard/Center.js` 行 94
-
---
-
-### GET /api/account/watchlist/realtime
-获取自选股实时行情
-
-**响应示例**:
-```json
-{
-  "success": true,
-  "data": {
-    "000001.SZ": {
-      "price": 12.34,
-      "change": 0.56,
-      "change_percent": 4.76,
-      "volume": 123456789
-    }
-  }
-}
-```
-
-**Mock 数据**: ❌ 待创建
-
-**涉及文件**:
- `src/views/Dashboard/Center.js` 行 133
-
---
-
-### GET /api/account/events/following
-获取用户关注的事件列表
-
-**响应示例**:
-```json
-{
-  "success": true,
-  "data": [
-    {
-      "id": 1,
-      "title": "事件标题",
-      "followed_at": "2024-01-01T00:00:00Z"
-    }
-  ]
-}
-```
-
-**Mock 数据**: ❌ 待创建
-
-**涉及文件**:
- `src/views/Dashboard/Center.js` 行 95
-
---
-
-### GET /api/account/events/comments
-获取用户的事件评论
-
-**响应示例**:
-```json
-{
-  "success": true,
-  "data": [
-    {
-      "id": 1,
-      "event_id": 123,
-      "content": "评论内容",
-      "created_at": "2024-01-01T00:00:00Z"
-    }
-  ]
-}
-```
-
-**Mock 数据**: ❌ 待创建
-
-**涉及文件**:
- `src/views/Dashboard/Center.js` 行 96
-
---
-
-### GET /api/subscription/current
-获取当前订阅信息
-
-**响应示例**:
-```json
-{
-  "success": true,
-  "data": {
-    "plan": "premium",
-    "expires_at": "2025-01-01T00:00:00Z",
-    "auto_renew": true
-  }
-}
-```
-
-**Mock 数据**: ❌ 待创建 `src/mocks/handlers/subscription.js`
-
-**涉及文件**:
- `src/views/Dashboard/Center.js` 行 97
-
---
-
-## 事件相关 API
-
-### GET /api/events
-获取事件列表
-
-**查询参数**:
- `page`: 页码（默认 1）
- `per_page`: 每页数量（默认 10）
- `sort`: 排序方式 ('new' | 'hot' | 'returns')
- `importance`: 重要性筛选 ('all' | 'high' | 'medium' | 'low')
- `date_range`: 日期范围
- `q`: 搜索关键词
- `industry_classification`: 行业分类
- `industry_code`: 行业代码
-
-**响应示例**:
-```json
-{
-  "success": true,
-  "data": {
-    "events": [
-      {
-        "id": 1,
-        "title": "事件标题",
-        "importance": "high",
-        "created_at": "2024-01-01T00:00:00Z"
-      }
-    ],
-    "pagination": {
-      "page": 1,
-      "per_page": 10,
-      "total": 100
-    }
-  }
-}
-```
-
-**Mock 数据**: ⚠️ 部分实现（需完善）
-
-**涉及文件**:
- `src/views/Community/index.js` 行 148
-
---
-
-### GET /api/events/:id
-获取事件详情
-
-**响应示例**:
-```json
-{
-  "success": true,
-  "data": {
-    "id": 1,
-    "title": "事件标题",
-    "content": "事件内容",
-    "importance": "high",
-    "created_at": "2024-01-01T00:00:00Z"
-  }
-}
-```
-
-**Mock 数据**: ❌ 待创建
-
---
-
-### GET /api/events/:id/stocks
-获取事件相关股票
-
-**响应示例**:
-```json
-{
-  "success": true,
-  "data": [
-    {
-      "stock_code": "000001.SZ",
-      "stock_name": "平安银行",
-      "correlation": 0.85
-    }
-  ]
-}
-```
-
-**Mock 数据**: ✅ `src/mocks/handlers/event.js` 行 12-38
-
---
-
-### GET /api/events/popular-keywords
-获取热门关键词
-
-**查询参数**:
- `limit`: 返回数量（默认 20）
-
-**响应示例**:
-```json
-{
-  "success": true,
-  "data": [
-    {
-      "keyword": "人工智能",
-      "count": 123,
-      "trend": "up"
-    }
-  ]
-}
-```
-
-**Mock 数据**: ❌ 待创建
-
-**涉及文件**:
- `src/views/Community/index.js` 行 180
-
---
-
-### GET /api/events/hot
-获取热点事件
-
-**查询参数**:
- `days`: 天数范围（默认 5）
- `limit`: 返回数量（默认 4）
-
-**响应示例**:
-```json
-{
-  "success": true,
-  "data": [
-    {
-      "id": 1,
-      "title": "热点事件标题",
-      "heat_score": 95.5
-    }
-  ]
-}
-```
-
-**Mock 数据**: ❌ 待创建
-
-**涉及文件**:
- `src/views/Community/index.js` 行 192
-
---
-
-## 待补充 API
-
-以下 API 将在重构其他文件时逐步添加：
-
- 股票相关 API
- 公司相关 API
- 订阅/支付相关 API
- 用户资料相关 API
- 行业分类相关 API
-
---
-
-## 更新日志
-
- 2024-XX-XX: 创建文档，记录认证和个人中心相关 API
--- a/docs/AUTHENTICATION_SYSTEM_GUIDE.md
+++ b/docs/AUTHENTICATION_SYSTEM_GUIDE.md
--- a/docs/AUTH_LOGIC_ANALYSIS.md
+++ b/docs/AUTH_LOGIC_ANALYSIS.md
@@ -1,431 +0,0 @@
-# 登录和注册逻辑分析报告
-
-> **分析日期**: 2025-10-14
-> **分析目标**: 评估 LoginModalContent 和 SignUpModalContent 是否可以合并
-
---
-
-## 📊 代码对比分析
-
-### 相同部分（约90%代码重复）
-
-| 功能模块 | 登录 | 注册 | 是否相同 |
-|---------|-----|------|---------|
-| **基础状态管理** | formData, isLoading, errors | formData, isLoading, errors | ✅ 完全相同 |
-| **内存管理** | isMountedRef | isMountedRef | ✅ 完全相同 |
-| **验证码状态** | countdown, sendingCode, verificationCodeSent | countdown, sendingCode, verificationCodeSent | ✅ 完全相同 |
-| **倒计时逻辑** | useEffect + setInterval | useEffect + setInterval | ✅ 完全相同 |
-| **发送验证码逻辑** | sendVerificationCode() | sendVerificationCode() | ⚠️ 95%相同（仅purpose不同） |
-| **表单验证** | 手机号正则校验 | 手机号正则校验 | ✅ 完全相同 |
-| **UI组件** | AuthHeader, AuthFooter, VerificationCodeInput, WechatRegister | 相同 | ✅ 完全相同 |
-| **布局结构** | HStack(左侧表单80% + 右侧微信20%) | HStack(左侧表单80% + 右侧微信20%) | ✅ 完全相同 |
-| **成功回调** | handleLoginSuccess() | handleLoginSuccess() | ✅ 完全相同 |
-
-### 不同部分（约10%）
-
-| 差异项 | 登录 LoginModalContent | 注册 SignUpModalContent |
-|-------|----------------------|----------------------|
-| **表单字段** | phone, verificationCode | phone, verificationCode, **nickname（可选）** |
-| **API Endpoint** | `/api/auth/login-with-code` | `/api/auth/register-with-code` |
-| **发送验证码目的** | `purpose: 'login'` | `purpose: 'register'` |
-| **页面标题** | "欢迎回来" | "欢迎注册" |
-| **页面副标题** | "登录价值前沿，继续您的投资之旅" | "加入价值前沿，开启您的投资之旅" |
-| **表单标题** | "验证码登录" | "手机号注册" |
-| **提交按钮文字** | "登录" / "登录中..." | "注册" / "注册中..." |
-| **底部链接** | "还没有账号，去注册" + switchToSignUp() | "已有账号？去登录" + switchToLogin() |
-| **成功提示** | "登录成功，欢迎回来！" | "注册成功，欢迎加入价值前沿！自动登录中..." |
-
---
-
-## 🎯 合并可行性评估
-
-### ✅ 可以合并的理由
-
-1. **代码重复率高达90%**
-   - 所有的状态管理逻辑完全相同
-   - 验证码发送、倒计时、内存管理逻辑完全相同
-   - UI布局结构完全一致
-
-2. **差异可以通过配置解决**
-   - 标题、按钮文字等可以通过 `mode` prop 配置
-   - API endpoint 可以根据 mode 动态选择
-   - 表单字段差异很小（注册只多一个可选的nickname）
-
-3. **维护成本降低**
-   - 一处修改，两处生效
-   - Bug修复更简单
-   - 新功能添加更容易（如增加邮箱注册）
-
-4. **代码更清晰**
-   - 逻辑集中，更易理解
-   - 减少文件数量
-   - 降低认知负担
-
---
-
-## 🏗️ 合并方案设计
-
-### 方案：创建统一的 AuthFormContent 组件
-
-```javascript
-// src/components/Auth/AuthFormContent.js
-export default function AuthFormContent({ mode = 'login' }) {
-  // mode: 'login' | 'register'
-
-  // 根据 mode 配置不同的文本和行为
-  const config = {
-    login: {
-      title: "价值前沿",
-      subtitle: "开启您的投资之旅",
-      formTitle: "验证码登录",
-      buttonText: "登录",
-      loadingText: "登录中...",
-      successMessage: "登录成功，欢迎回来！",
-      footerText: "还没有账号，",
-      footerLink: "去注册",
-      apiEndpoint: '/api/auth/login-with-code',
-      purpose: 'login',
-      onSwitch: switchToSignUp,
-      showNickname: false,
-    },
-    register: {
-      title: "欢迎注册",
-      subtitle: "加入价值前沿，开启您的投资之旅",
-      formTitle: "手机号注册",
-      buttonText: "注册",
-      loadingText: "注册中...",
-      successMessage: "注册成功，欢迎加入价值前沿！自动登录中...",
-      footerText: "已有账号？",
-      footerLink: "去登录",
-      apiEndpoint: '/api/auth/register-with-code',
-      purpose: 'register',
-      onSwitch: switchToLogin,
-      showNickname: true,
-    }
-  };
-
-  const currentConfig = config[mode];
-
-  // 统一的逻辑...
-  // 表单字段根据 showNickname 决定是否显示昵称输入框
-  // API调用根据 apiEndpoint 动态选择
-  // 所有文本使用 currentConfig 中的配置
-}
-```
-
-### 使用方式
-
-```javascript
-// LoginModalContent.js (简化为wrapper)
-import AuthFormContent from './AuthFormContent';
-
-export default function LoginModalContent() {
-  return <AuthFormContent mode="login" />;
-}
-
-// SignUpModalContent.js (简化为wrapper)
-import AuthFormContent from './AuthFormContent';
-
-export default function SignUpModalContent() {
-  return <AuthFormContent mode="register" />;
-}
-```
-
-或者直接在 AuthModalManager 中使用：
-
-```javascript
-// AuthModalManager.js
-<ModalBody p={0}>
-  {isLoginModalOpen && <AuthFormContent mode="login" />}
-  {isSignUpModalOpen && <AuthFormContent mode="register" />}
-</ModalBody>
-```
-
---
-
-## 📈 合并后的优势
-
-### 代码量对比
-
-| 项目 | 当前方案 | 合并方案 | 减少量 |
-|-----|---------|---------|-------|
-| **LoginModalContent.js** | 303行 | 0行（或5行wrapper） | -303行 |
-| **SignUpModalContent.js** | 341行 | 0行（或5行wrapper） | -341行 |
-| **AuthFormContent.js** | 0行 | 约350行 | +350行 |
-| **总计** | 644行 | 350-360行 | **-284行（-44%）** |
-
-### 维护优势
-
-✅ **Bug修复效率提升**
- 修复一次，两处生效
- 例如：验证码倒计时bug只需修复一处
-
-✅ **新功能添加更快**
- 添加邮箱登录/注册，只需扩展config
- 添加新的验证逻辑，一处添加即可
-
-✅ **代码一致性**
- 登录和注册体验完全一致
- UI风格统一
- 交互逻辑统一
-
-✅ **测试更简单**
- 只需测试一个组件的不同模式
- 测试用例可以复用
-
---
-
-## 🚧 实施步骤
-
-### Step 1: 创建 AuthFormContent.js（30分钟）
-```bash
- 复制 LoginModalContent.js 作为基础
- 添加 mode prop 和 config 配置
- 根据 config 动态渲染文本和调用API
- 添加 showNickname 条件渲染昵称字段
-```
-
-### Step 2: 简化现有组件（10分钟）
-```bash
- LoginModalContent.js 改为 wrapper
- SignUpModalContent.js 改为 wrapper
-```
-
-### Step 3: 测试验证（20分钟）
-```bash
- 测试登录功能
- 测试注册功能
- 测试登录⇔注册切换
- 测试验证码发送和倒计时
-```
-
-### Step 4: 清理代码（可选）
-```bash
- 如果测试通过，可以删除 LoginModalContent 和 SignUpModalContent
- 直接在 AuthModalManager 中使用 AuthFormContent
-```
-
-**总预计时间**: 1小时
-
---
-
-## ⚠️ 注意事项
-
-### 需要保留的差异
-
-1. **昵称字段**
-   - 注册时显示，登录时隐藏
-   - 使用条件渲染：`{currentConfig.showNickname && <FormControl>...</FormControl>}`
-
-2. **API参数差异**
-   - 登录：`{ credential, verification_code, login_type }`
-   - 注册：`{ credential, verification_code, register_type, nickname }`
-   - 使用条件判断构建请求体
-
-3. **成功后的延迟**
-   - 登录：立即调用 handleLoginSuccess
-   - 注册：延迟1秒再调用（让用户看到成功提示）
-
-### 不建议合并的部分
-
-❌ **WechatRegister 组件**
- 微信登录/注册逻辑已经统一在 WechatRegister 中
- 无需额外处理
-
---
-
-## 🎉 最终建议
-
-### 🟢 **强烈推荐合并**
-
-**理由：**
-1. 代码重复率达90%，合并后可减少44%代码量
-2. 差异点很小，可以通过配置轻松解决
-3. 维护成本大幅降低
-4. 代码结构更清晰
-5. 未来扩展更容易（邮箱注册、第三方登录等）
-
-**风险：**
- 风险极低
- 合并后的组件逻辑清晰，不会增加复杂度
- 可以通过wrapper保持向后兼容
-
---
-
-## 📝 示例代码片段
-
-### 统一配置对象
-
-```javascript
-const AUTH_CONFIG = {
-  login: {
-    // UI文本
-    title: "欢迎回来",
-    subtitle: "登录价值前沿，继续您的投资之旅",
-    formTitle: "验证码登录",
-    buttonText: "登录",
-    loadingText: "登录中...",
-    successMessage: "登录成功，欢迎回来！",
-
-    // 底部链接
-    footer: {
-      text: "还没有账号，",
-      linkText: "去注册",
-      onClick: (switchToSignUp) => switchToSignUp(),
-    },
-
-    // API配置
-    api: {
-      endpoint: '/api/auth/login-with-code',
-      purpose: 'login',
-      requestBuilder: (formData) => ({
-        credential: formData.phone,
-        verification_code: formData.verificationCode,
-        login_type: 'phone'
-      })
-    },
-
-    // 功能开关
-    features: {
-      showNickname: false,
-      successDelay: 0,
-    }
-  },
-
-  register: {
-    // UI文本
-    title: "欢迎注册",
-    subtitle: "加入价值前沿，开启您的投资之旅",
-    formTitle: "手机号注册",
-    buttonText: "注册",
-    loadingText: "注册中...",
-    successMessage: "注册成功，欢迎加入价值前沿！自动登录中...",
-
-    // 底部链接
-    footer: {
-      text: "已有账号？",
-      linkText: "去登录",
-      onClick: (switchToLogin) => switchToLogin(),
-    },
-
-    // API配置
-    api: {
-      endpoint: '/api/auth/register-with-code',
-      purpose: 'register',
-      requestBuilder: (formData) => ({
-        credential: formData.phone,
-        verification_code: formData.verificationCode,
-        register_type: 'phone',
-        nickname: formData.nickname || undefined
-      })
-    },
-
-    // 功能开关
-    features: {
-      showNickname: true,
-      successDelay: 1000,
-    }
-  }
-};
-```
-
-### 统一提交处理
-
-```javascript
-const handleSubmit = async (e) => {
-  e.preventDefault();
-  setIsLoading(true);
-
-  try {
-    const { phone, verificationCode } = formData;
-    const config = AUTH_CONFIG[mode];
-
-    // 表单验证
-    if (!phone || !verificationCode) {
-      toast({
-        title: "请填写完整信息",
-        description: "手机号和验证码不能为空",
-        status: "warning",
-        duration: 3000,
-      });
-      return;
-    }
-
-    // 调用API
-    const requestBody = config.api.requestBuilder(formData);
-    const response = await fetch(`${API_BASE_URL}${config.api.endpoint}`, {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      credentials: 'include',
-      body: JSON.stringify(requestBody),
-    });
-
-    if (!response) {
-      throw new Error('网络请求失败，请检查网络连接');
-    }
-
-    const data = await response.json();
-
-    if (!isMountedRef.current) return;
-
-    if (!data) {
-      throw new Error('服务器响应为空');
-    }
-
-    if (response.ok && data.success) {
-      await checkSession();
-
-      toast({
-        title: config.successMessage.split('，')[0],
-        description: config.successMessage.split('，').slice(1).join('，'),
-        status: "success",
-        duration: 2000,
-      });
-
-      // 根据配置决定延迟时间
-      setTimeout(() => {
-        handleLoginSuccess({ phone, nickname: formData.nickname });
-      }, config.features.successDelay);
-    } else {
-      throw new Error(data.error || `${mode === 'login' ? '登录' : '注册'}失败`);
-    }
-  } catch (error) {
-    if (isMountedRef.current) {
-      toast({
-        title: `${mode === 'login' ? '登录' : '注册'}失败`,
-        description: error.message || "请稍后重试",
-        status: "error",
-        duration: 3000,
-      });
-    }
-  } finally {
-    if (isMountedRef.current) {
-      setIsLoading(false);
-    }
-  }
-};
-```
-
---
-
-## 🚀 下一步行动
-
-### 建议立即实施合并
-
-**理由**：
- ✅ 当前代码已经去除密码登录，正是重构的好时机
- ✅ 合并方案成熟，风险可控
- ✅ 1小时即可完成，投入产出比高
-
-**实施顺序**：
-1. 创建 AuthFormContent.js
-2. 测试验证
-3. 简化或删除 LoginModalContent 和 SignUpModalContent
-4. 更新文档
-
---
-
-**分析完成时间**: 2025-10-14
-**分析结论**: ✅ **强烈推荐合并**
-
-需要我现在开始实施合并吗？
--- a/docs/BUILD_OPTIMIZATION.md
+++ b/docs/BUILD_OPTIMIZATION.md
@@ -1,212 +0,0 @@
-# 构建优化指南
-
-本文档介绍了项目中实施的构建优化措施，以及如何使用这些优化来提升开发和生产构建速度。
-
-## 优化概览
-
-项目已实施以下优化措施，预计可提升构建速度 **50-80%**：
-
-### 1. 持久化缓存 (Filesystem Cache)
- **提速效果**: 50-80% (二次构建)
- **说明**: 使用 Webpack 5 的文件系统缓存，大幅提升二次构建速度
- **位置**: `craco.config.js` - cache 配置
- **缓存位置**: `node_modules/.cache/webpack/`
-
-### 2. 禁用生产环境 Source Map
- **提速效果**: 40-60%
- **说明**: 生产构建时禁用 source map 生成，显著减少构建时间
- **权衡**: 调试生产问题会稍困难，但可使用其他日志方案
-
-### 3. 移除 ESLint 插件
- **提速效果**: 20-30%
- **说明**: 构建时不运行 ESLint 检查，手动使用 `npm run lint:check` 检查
- **建议**: 在 IDE 中启用 ESLint 实时检查
-
-### 4. 优化代码分割 (Code Splitting)
- **提速效果**: 10-20% (首次加载)
- **说明**: 将大型依赖库分离成独立 chunks
- **分离的库**:
-  - `react-vendor`: React 核心库
-  - `charts-lib`: 图表库 (echarts, d3, apexcharts, recharts)
-  - `chakra-ui`: Chakra UI 框架
-  - `antd-lib`: Ant Design
-  - `three-lib`: Three.js 3D 库
-  - `calendar-lib`: 日期/日历库
-  - `vendors`: 其他第三方库
-
-### 5. Babel 缓存优化
- **提速效果**: 15-25%
- **说明**: 启用 Babel 缓存并禁用压缩
- **缓存位置**: `node_modules/.cache/babel-loader/`
-
-### 6. 模块解析优化
- **提速效果**: 5-10%
- **说明**:
-  - 添加路径别名 (@, @components, @views 等)
-  - 限制文件扩展名搜索
-  - 禁用符号链接解析
-
-### 7. 忽略 Moment.js 语言包
- **减小体积**: ~160KB
- **说明**: 自动忽略 moment.js 的所有语言包（如果未使用）
-
-## 使用方法
-
-### 开发模式 (推荐)
-```bash
-npm start
-```
- 使用快速 source map: `eval-cheap-module-source-map`
- 启用热更新 (HMR)
- 文件系统缓存自动生效
-
-### 生产构建
-```bash
-npm run build
-```
- 禁用 source map
- 启用所有优化
- 生成优化后的打包文件
-
-### 构建分析 (Bundle Analysis)
-```bash
-npm run build:analyze
-```
- 生成可视化的打包分析报告
- 报告保存在 `build/bundle-report.html`
- 自动在浏览器中打开
-
-### 代码检查
-```bash
-# 检查代码规范
-npm run lint:check
-
-# 自动修复代码规范问题
-npm run lint:fix
-```
-
-## 清理缓存
-
-如果遇到构建问题，可尝试清理缓存：
-
-```bash
-# 清理 Webpack 和 Babel 缓存
-rm -rf node_modules/.cache
-
-# 完全清理并重新安装
-npm run install:clean
-```
-
-## 性能对比
-
-### 首次构建
- **优化前**: ~120-180 秒
- **优化后**: ~80-120 秒
- **提升**: ~30-40%
-
-### 二次构建 (缓存生效)
- **优化前**: ~60-90 秒
- **优化后**: ~15-30 秒
- **提升**: ~60-80%
-
-### 开发模式启动
- **优化前**: ~30-45 秒
- **优化后**: ~15-25 秒
- **提升**: ~40-50%
-
-*注: 实际速度取决于机器性能和代码变更范围*
-
-## 进一步优化建议
-
-### 1. 路由懒加载
-考虑使用 `React.lazy()` 对路由组件进行懒加载：
-
-```javascript
-// 当前方式
-import Dashboard from 'views/Dashboard/Default';
-
-// 推荐方式
-const Dashboard = React.lazy(() => import('views/Dashboard/Default'));
-```
-
-### 2. 依赖优化
-考虑替换或按需引入大型依赖：
-
-```javascript
-// 不推荐：引入整个库
-import _ from 'lodash';
-
-// 推荐：按需引入
-import debounce from 'lodash/debounce';
-```
-
-### 3. 图片优化
- 使用 WebP 格式
- 实施图片懒加载
- 压缩图片资源
-
-### 4. Tree Shaking
-确保依赖支持 ES6 模块：
-
-```javascript
-// 不推荐
-const { Button } = require('antd');
-
-// 推荐
-import { Button } from 'antd';
-```
-
-### 5. 升级 Node.js
-使用最新的 LTS 版本 Node.js 以获得更好的性能。
-
-## 监控构建性能
-
-### 使用 Webpack Bundle Analyzer
-```bash
-npm run build:analyze
-```
-
-查看：
- 哪些库占用空间最大
- 是否有重复依赖
- 代码分割效果
-
-### 监控构建时间
-```bash
-# 显示详细构建信息
-NODE_OPTIONS='--max_old_space_size=4096' npm run build -- --profile
-```
-
-## 常见问题
-
-### Q: 构建失败，提示内存不足
-A: 已在 package.json 中设置 `--max_old_space_size=4096`，如仍不足，可增加至 8192
-
-### Q: 开发模式下修改代码不生效
-A: 清理缓存 `rm -rf node_modules/.cache` 后重启开发服务器
-
-### Q: 生产构建后代码报错
-A: 检查是否使用了动态 import 或其他需要 source map 的功能
-
-### Q: 如何临时启用 source map？
-A: 在 `craco.config.js` 中修改：
-```javascript
-// 生产环境也启用 source map
-webpackConfig.devtool = env === 'production' ? 'source-map' : 'eval-cheap-module-source-map';
-```
-
-## 配置文件
-
-主要优化配置位于：
- `craco.config.js` - Webpack 配置覆盖
- `package.json` - 构建脚本和 Node 选项
- `.env` - 环境变量（可添加）
-
-## 联系与反馈
-
-如有优化建议或遇到问题，请联系开发团队。
-
---
-
-**最后更新**: 2025-10-13
-**版本**: 2.0.0
--- a/docs/BYTEDESK_INTEGRATION_GUIDE.md
+++ b/docs/BYTEDESK_INTEGRATION_GUIDE.md
@@ -1,918 +0,0 @@
-# Bytedesk客服系统 - 前端工程师集成手册
-
-**版本**: v1.0
-**最后更新**: 2025-01-07
-**适用项目**: vf_react
-**后端服务器**: http://43.143.189.195
-
---
-
-## 📋 目录
-
- [1. 集成概述](#1-集成概述)
- [2. 快速开始（5分钟集成）](#2-快速开始5分钟集成)
- [3. 详细集成步骤](#3-详细集成步骤)
- [4. 配置说明](#4-配置说明)
- [5. 高级功能](#5-高级功能)
- [6. 样式定制](#6-样式定制)
- [7. 故障排查](#7-故障排查)
- [8. 常见问题FAQ](#8-常见问题faq)
- [9. 性能优化](#9-性能优化)
- [10. 安全注意事项](#10-安全注意事项)
-
---
-
-## 1. 集成概述
-
-### 1.1 什么是Bytedesk客服系统？
-
-Bytedesk是一个开源的在线客服系统，为您的网站提供实时客户服务功能。本手册将指导您将Bytedesk客服Widget集成到vf_react项目中。
-
-### 1.2 集成架构
-
-```
-┌────────────────────────────────────────────────────────────┐
-│                      vf_react前端项目                        │
-│  ┌────────────────────────────────────────────────────┐   │
-│  │                    App.jsx                          │   │
-│  │  ┌──────────────────────────────────────────────┐  │   │
-│  │  │       BytedeskWidget组件                      │  │   │
-│  │  │  - 动态加载客服脚本                          │  │   │
-│  │  │  - 显示悬浮客服图标                          │  │   │
-│  │  │  - 处理用户交互                              │  │   │
-│  │  └──────────────────────────────────────────────┘  │   │
-│  └────────────────────────────────────────────────────┘   │
-└────────────────────────────────────────────────────────────┘
-                            │
-                            │ HTTP/WebSocket
-                            ↓
-┌────────────────────────────────────────────────────────────┐
-│           Bytedesk后端服务 (43.143.189.195)                 │
-│  - API接口: :9003                                          │
-│  - WebSocket: :9885                                        │
-│  - Nginx反向代理: :80                                       │
-└────────────────────────────────────────────────────────────┘
-```
-
-### 1.3 集成特点
-
- ✅ **零侵入**: 不修改vf_react原有代码逻辑
- ✅ **即插即用**: 复制文件 + 修改配置即可使用
- ✅ **样式隔离**: 使用Shadow DOM，不影响全局样式
- ✅ **异步加载**: 不阻塞页面渲染
- ✅ **跨页面**: 在所有页面显示客服图标
- ✅ **响应式**: 自动适配移动端和PC端
-
---
-
-## 2. 快速开始（5分钟集成）
-
-### 步骤1: 复制集成文件
-
-将`bytedesk-integration`文件夹复制到vf_react项目的`src/`目录下：
-
-```bash
-# 在vf_react项目根目录执行
-cd D:\【Git】\vf_react
-cp -r bytedesk-integration src/
-```
-
-文件结构：
-```
-vf_react/
-├── src/
-│   ├── bytedesk-integration/         # 客服集成文件夹
-│   │   ├── components/
-│   │   │   └── BytedeskWidget.jsx   # 客服Widget组件
-│   │   ├── config/
-│   │   │   └── bytedesk.config.js   # 配置文件
-│   │   ├── App.jsx.example          # 集成示例代码
-│   │   ├── .env.bytedesk.example    # 环境变量示例
-│   │   └── 前端工程师集成手册.md     # 本手册
-│   ├── App.jsx                       # 您的主App文件
-│   └── ...
-└── package.json
-```
-
-### 步骤2: 配置环境变量
-
-复制环境变量模板到项目根目录并配置：
-
-```bash
-# 复制模板
-cp src/bytedesk-integration/.env.bytedesk.example .env.local
-
-# 编辑配置文件
-vim .env.local
-```
-
-**必需配置项**（在.env.local中）:
-```bash
-# Bytedesk服务器地址
-REACT_APP_BYTEDESK_API_URL=http://43.143.189.195
-
-# 组织ID（由管理员提供）
-REACT_APP_BYTEDESK_ORG=df_org_uid
-
-# 工作组ID（由管理员提供）
-REACT_APP_BYTEDESK_SID=df_wg_aftersales
-```
-
-> **注意**: ORG和SID需要从管理员处获取，或登录后台http://43.143.189.195/admin/查看。
-
-### 步骤3: 集成到App.jsx
-
-打开`src/App.jsx`，参考`App.jsx.example`添加以下代码：
-
-```jsx
-// 1. 导入组件和配置（在文件顶部添加）
-import BytedeskWidget from './bytedesk-integration/components/BytedeskWidget';
-import { getBytedeskConfig } from './bytedesk-integration/config/bytedesk.config';
-
-function App() {
-  // 2. 获取配置
-  const bytedeskConfig = getBytedeskConfig();
-
-  return (
-    <div className="App">
-      {/* 您的原有代码保持不变 */}
-
-      {/* 3. 添加客服Widget（在return的JSX最后添加） */}
-      <BytedeskWidget
-        config={bytedeskConfig}
-        autoLoad={true}
-      />
-    </div>
-  );
-}
-
-export default App;
-```
-
-### 步骤4: 启动项目测试
-
-```bash
-# 安装依赖（如果需要）
-npm install
-
-# 启动开发服务器
-npm start
-```
-
-打开浏览器，您应该在页面右下角看到客服图标（💬）。
-
---
-
-## 3. 详细集成步骤
-
-### 3.1 文件说明
-
-#### BytedeskWidget.jsx
-React组件，负责加载和管理Bytedesk客服Widget。
-
-**主要功能**:
- 动态加载客服脚本（https://www.weiyuai.cn/embed/bytedesk-web.js）
- 初始化客服Widget
- 生命周期管理（加载、卸载、清理）
- 错误处理
-
-**Props**:
-```typescript
-interface BytedeskWidgetProps {
-  config: Object;          // 配置对象（必需）
-  autoLoad?: boolean;      // 是否自动加载（默认true）
-  onLoad?: (bytedesk) => void;    // 加载成功回调
-  onError?: (error) => void;      // 加载失败回调
-}
-```
-
-#### bytedesk.config.js
-配置文件，包含客服系统的所有配置项。
-
-**主要函数**:
- `getBytedeskConfig()`: 获取基础配置
- `getBytedeskConfigWithUser(user)`: 获取带用户信息的配置
- `shouldShowCustomerService(pathname)`: 判断是否在当前页面显示客服
-
-### 3.2 集成方式选择
-
-根据您的需求，选择合适的集成方式：
-
-#### 方式一: 全局集成（推荐）
-
-**适用场景**: 所有页面都需要客服功能
-
-```jsx
-import BytedeskWidget from './bytedesk-integration/components/BytedeskWidget';
-import { getBytedeskConfig } from './bytedesk-integration/config/bytedesk.config';
-
-function App() {
-  const bytedeskConfig = getBytedeskConfig();
-
-  return (
-    <div className="App">
-      {/* 您的页面内容 */}
-
-      <BytedeskWidget config={bytedeskConfig} autoLoad={true} />
-    </div>
-  );
-}
-```
-
-#### 方式二: 按页面显示
-
-**适用场景**: 只在特定页面显示客服（如排除登录页、支付页）
-
-```jsx
-import { useLocation } from 'react-router-dom';
-import BytedeskWidget from './bytedesk-integration/components/BytedeskWidget';
-import { getBytedeskConfig, shouldShowCustomerService } from './bytedesk-integration/config/bytedesk.config';
-
-function App() {
-  const location = useLocation();
-  const bytedeskConfig = getBytedeskConfig();
-  const showBytedesk = shouldShowCustomerService(location.pathname);
-
-  return (
-    <div className="App">
-      {/* 您的页面内容 */}
-
-      {showBytedesk && (
-        <BytedeskWidget config={bytedeskConfig} autoLoad={true} />
-      )}
-    </div>
-  );
-}
-```
-
-自定义页面规则（修改`bytedesk.config.js`）:
-
-```javascript
-export const shouldShowCustomerService = (pathname) => {
-  // 在以下页面显示客服
-  const allowedPages = [
-    '/',
-    '/home',
-    '/products',
-    '/pricing',
-  ];
-
-  // 在以下页面隐藏客服
-  const blockedPages = [
-    '/login',
-    '/register',
-    '/payment',
-  ];
-
-  if (blockedPages.some(page => pathname.startsWith(page))) {
-    return false;
-  }
-
-  return allowedPages.some(page => pathname.startsWith(page));
-};
-```
-
-#### 方式三: 带用户信息集成
-
-**适用场景**: 需要将登录用户信息传递给客服端
-
-```jsx
-import { useContext } from 'react';
-import BytedeskWidget from './bytedesk-integration/components/BytedeskWidget';
-import { getBytedeskConfigWithUser } from './bytedesk-integration/config/bytedesk.config';
-import { AuthContext } from './contexts/AuthContext';
-
-function App() {
-  const { user } = useContext(AuthContext);
-  const bytedeskConfig = getBytedeskConfigWithUser(user);
-
-  return (
-    <div className="App">
-      {/* 您的页面内容 */}
-
-      <BytedeskWidget config={bytedeskConfig} autoLoad={true} />
-    </div>
-  );
-}
-```
-
-用户信息格式:
-```javascript
-const user = {
-  id: '12345',              // 用户ID（必需）
-  name: '张三',             // 用户名
-  email: 'user@example.com', // 邮箱
-  mobile: '13800138000',     // 手机号
-};
-```
-
---
-
-## 4. 配置说明
-
-### 4.1 环境变量配置
-
-在`.env.local`文件中配置（项目根目录）:
-
-```bash
-# ========== 必需配置 ==========
-
-# 后端服务地址
-REACT_APP_BYTEDESK_API_URL=http://43.143.189.195
-
-# 组织ID
-REACT_APP_BYTEDESK_ORG=df_org_uid
-
-# 工作组ID
-REACT_APP_BYTEDESK_SID=df_wg_aftersales
-
-# ========== 可选配置 ==========
-
-# 客服类型 (2=人工客服, 1=机器人)
-REACT_APP_BYTEDESK_TYPE=2
-
-# 语言 (zh-cn, en, ja, ko)
-REACT_APP_BYTEDESK_LOCALE=zh-cn
-
-# 图标位置 (bottom-right, bottom-left, top-right, top-left)
-REACT_APP_BYTEDESK_PLACEMENT=bottom-right
-
-# 图标边距（像素）
-REACT_APP_BYTEDESK_MARGIN_BOTTOM=20
-REACT_APP_BYTEDESK_MARGIN_SIDE=20
-
-# 主题模式 (system, light, dark)
-REACT_APP_BYTEDESK_THEME_MODE=system
-
-# 主题色
-REACT_APP_BYTEDESK_THEME_COLOR=#0066FF
-
-# 自动弹出（不推荐）
-REACT_APP_BYTEDESK_AUTO_POPUP=false
-```
-
-### 4.2 代码配置
-
-在`bytedesk.config.js`中直接修改:
-
-```javascript
-export const bytedeskConfig = {
-  // API服务地址
-  apiUrl: 'http://43.143.189.195',
-  htmlUrl: 'http://43.143.189.195/chat/',
-
-  // 客服图标位置
-  placement: 'bottom-right',
-
-  // 边距设置
-  marginBottom: 20,
-  marginSide: 20,
-
-  // 自动弹出
-  autoPopup: false,
-
-  // 语言设置
-  locale: 'zh-cn',
-
-  // 客服图标配置
-  bubbleConfig: {
-    show: true,
-    icon: '💬',           // 可以使用emoji或图片URL
-    title: '在线客服',
-    subtitle: '点击咨询',
-  },
-
-  // 主题配置
-  theme: {
-    mode: 'system',       // light | dark | system
-    backgroundColor: '#0066FF',
-    textColor: '#ffffff',
-  },
-
-  // 聊天配置
-  chatConfig: {
-    org: 'df_org_uid',
-    t: '2',               // 2=人工客服, 1=机器人
-    sid: 'df_wg_aftersales',
-  },
-};
-```
-
---
-
-## 5. 高级功能
-
-### 5.1 多工作组支持
-
-根据页面显示不同工作组的客服：
-
-```javascript
-// bytedesk.config.js
-export const getBytedeskConfigByPath = (pathname) => {
-  const config = getBytedeskConfig();
-
-  // 根据路径选择工作组
-  if (pathname.startsWith('/sales')) {
-    return {
-      ...config,
-      chatConfig: {
-        ...config.chatConfig,
-        sid: 'df_wg_sales',  // 销售组
-      },
-    };
-  } else if (pathname.startsWith('/support')) {
-    return {
-      ...config,
-      chatConfig: {
-        ...config.chatConfig,
-        sid: 'df_wg_support',  // 技术支持组
-      },
-    };
-  }
-
-  return config;  // 默认售后组
-};
-```
-
-使用示例:
-```jsx
-import { useLocation } from 'react-router-dom';
-import { getBytedeskConfigByPath } from './bytedesk-integration/config/bytedesk.config';
-
-function App() {
-  const location = useLocation();
-  const bytedeskConfig = getBytedeskConfigByPath(location.pathname);
-
-  return (
-    <div className="App">
-      <BytedeskWidget config={bytedeskConfig} autoLoad={true} />
-    </div>
-  );
-}
-```
-
-### 5.2 条件性显示
-
-根据用户登录状态或角色显示客服：
-
-```jsx
-function App() {
-  const { user } = useContext(AuthContext);
-  const bytedeskConfig = getBytedeskConfig();
-
-  // 只为普通用户显示客服（管理员不显示）
-  const showBytedesk = user && user.role === 'customer';
-
-  return (
-    <div className="App">
-      {showBytedesk && (
-        <BytedeskWidget config={bytedeskConfig} autoLoad={true} />
-      )}
-    </div>
-  );
-}
-```
-
-### 5.3 事件回调
-
-监听客服系统的加载状态：
-
-```jsx
-function App() {
-  const bytedeskConfig = getBytedeskConfig();
-
-  const handleLoad = (bytedesk) => {
-    console.log('客服系统加载成功', bytedesk);
-    // 可以在这里执行自定义逻辑
-    // 例如: 发送统计事件
-  };
-
-  const handleError = (error) => {
-    console.error('客服系统加载失败', error);
-    // 可以在这里显示降级方案
-    // 例如: 显示备用联系方式
-  };
-
-  return (
-    <div className="App">
-      <BytedeskWidget
-        config={bytedeskConfig}
-        autoLoad={true}
-        onLoad={handleLoad}
-        onError={handleError}
-      />
-    </div>
-  );
-}
-```
-
-### 5.4 自定义触发按钮
-
-隐藏默认图标，使用自定义按钮：
-
-```jsx
-import { useState } from 'react';
-
-function App() {
-  const [showBytedesk, setShowBytedesk] = useState(false);
-
-  // 隐藏默认图标
-  const bytedeskConfig = {
-    ...getBytedeskConfig(),
-    bubbleConfig: {
-      show: false,  // 隐藏默认图标
-    },
-  };
-
-  return (
-    <div className="App">
-      {/* 自定义按钮 */}
-      <button
-        onClick={() => setShowBytedesk(true)}
-        className="custom-service-btn"
-      >
-        联系客服
-      </button>
-
-      {showBytedesk && (
-        <BytedeskWidget config={bytedeskConfig} autoLoad={true} />
-      )}
-    </div>
-  );
-}
-```
-
---
-
-## 6. 样式定制
-
-### 6.1 修改主题色
-
-在配置中修改主题色：
-
-```javascript
-// bytedesk.config.js
-theme: {
-  mode: 'light',
-  backgroundColor: '#FF6600',  // 您的品牌色
-  textColor: '#ffffff',
-},
-```
-
-### 6.2 修改图标位置
-
-```javascript
-// bytedesk.config.js
-placement: 'bottom-left',  // 左下角
-marginBottom: 30,           // 距底部30px
-marginSide: 30,             // 距左侧30px
-```
-
-### 6.3 使用自定义图标
-
-使用图片URL替换emoji:
-
-```javascript
-// bytedesk.config.js
-bubbleConfig: {
-  show: true,
-  icon: 'https://yourdomain.com/images/service-icon.png',
-  title: '在线客服',
-  subtitle: '点击咨询',
-},
-```
-
-### 6.4 样式不冲突
-
-Bytedesk Widget使用Shadow DOM技术，样式完全隔离，不会影响您的全局CSS。
-
---
-
-## 7. 故障排查
-
-### 7.1 客服图标不显示
-
-**可能原因**:
-1. 环境变量未配置
-2. 配置文件路径错误
-3. 后端服务未启动
-4. 脚本加载失败
-
-**解决方案**:
-```bash
-# 1. 检查.env.local文件是否存在
-ls -la .env.local
-
-# 2. 检查环境变量是否加载
-console.log(process.env.REACT_APP_BYTEDESK_API_URL);
-
-# 3. 检查后端服务状态
-curl http://43.143.189.195/api/health
-
-# 4. 查看浏览器控制台错误
-# 打开浏览器开发者工具 -> Console标签页
-```
-
-### 7.2 连接不上后端
-
-**检查清单**:
-```bash
-# 1. 后端服务是否运行
-# 联系后端工程师确认docker容器状态
-
-# 2. 防火墙是否开放
-# 确认80端口可访问
-
-# 3. CORS配置
-# 后端需要在.env.production中添加您的前端地址:
-# BYTEDESK_CORS_ALLOWED_ORIGINS=http://your-frontend-domain.com
-```
-
-### 7.3 ORG或SID错误
-
-**获取正确配置**:
-1. 登录管理后台: http://43.143.189.195/admin/
-2. 导航到"设置" -> "组织信息"，复制`组织UID`
-3. 导航到"客服管理" -> "工作组"，复制`工作组ID`
-4. 更新`.env.local`文件
-5. 重启开发服务器: `npm start`
-
-### 7.4 开发环境正常，生产环境异常
-
-**检查清单**:
-```bash
-# 1. 确认生产环境的环境变量
-# 查看构建时的配置
-
-# 2. 检查CORS配置
-# 后端需要添加生产域名到CORS白名单
-
-# 3. 检查HTTPS/HTTP
-# 如果前端使用HTTPS，后端也应使用HTTPS
-
-# 4. 查看生产环境日志
-npm run build
-# 检查构建产物中的配置
-```
-
---
-
-## 8. 常见问题FAQ
-
-### Q1: 客服系统会影响页面性能吗？
-
-**A**: 不会。客服脚本采用异步加载，不会阻塞页面渲染。Widget总大小约50KB（gzip后），首次加载后会被浏览器缓存。
-
-### Q2: 可以在移动端使用吗？
-
-**A**: 可以。Bytedesk Widget完全响应式，自动适配移动端和PC端。
-
-### Q3: 是否支持离线消息？
-
-**A**: 支持。用户在客服离线时发送的消息会被保存，客服上线后可以查看。
-
-### Q4: 可以集成到React Native吗？
-
-**A**: BytedeskWidget是为Web设计的。React Native需要使用Bytedesk的原生SDK（另外提供）。
-
-### Q5: 如何隐藏特定页面的客服？
-
-**A**: 使用`shouldShowCustomerService`函数（见3.2节"方式二"）。
-
-### Q6: 可以同时配置多个工作组吗？
-
-**A**: 可以。参考5.1节"多工作组支持"。
-
-### Q7: 用户信息是否安全？
-
-**A**: 是的。所有通信使用WebSocket加密传输，用户信息不会被第三方获取。建议生产环境使用HTTPS。
-
-### Q8: 是否需要付费？
-
-**A**: Bytedesk社区版（当前使用）完全免费，License有效期至2040年12月31日。
-
---
-
-## 9. 性能优化
-
-### 9.1 按需加载
-
-只在需要时加载客服系统：
-
-```jsx
-import { useState, useEffect } from 'react';
-
-function App() {
-  const [loadBytedesk, setLoadBytedesk] = useState(false);
-
-  // 延迟5秒加载（页面渲染完成后）
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      setLoadBytedesk(true);
-    }, 5000);
-
-    return () => clearTimeout(timer);
-  }, []);
-
-  return (
-    <div className="App">
-      {/* 您的页面内容 */}
-
-      {loadBytedesk && (
-        <BytedeskWidget config={getBytedeskConfig()} autoLoad={true} />
-      )}
-    </div>
-  );
-}
-```
-
-### 9.2 Lazy Import
-
-使用React.lazy延迟导入组件：
-
-```jsx
-import { lazy, Suspense } from 'react';
-
-const BytedeskWidget = lazy(() => import('./bytedesk-integration/components/BytedeskWidget'));
-
-function App() {
-  return (
-    <div className="App">
-      {/* 您的页面内容 */}
-
-      <Suspense fallback={null}>
-        <BytedeskWidget config={getBytedeskConfig()} autoLoad={true} />
-      </Suspense>
-    </div>
-  );
-}
-```
-
-### 9.3 缓存优化
-
-客服脚本会自动被浏览器缓存，无需额外配置。
-
---
-
-## 10. 安全注意事项
-
-### 10.1 环境变量安全
-
-```bash
-# ❌ 错误: 不要在代码中硬编码配置
-const config = {
-  apiUrl: 'http://43.143.189.195',
-  org: 'df_org_uid',
-};
-
-# ✅ 正确: 使用环境变量
-const config = {
-  apiUrl: process.env.REACT_APP_BYTEDESK_API_URL,
-  org: process.env.REACT_APP_BYTEDESK_ORG,
-};
-```
-
-### 10.2 敏感信息保护
-
-```javascript
-// ❌ 不要传递敏感信息
-const user = {
-  id: '12345',
-  password: 'user-password',  // 不要传递密码
-  creditCard: '1234-5678',    // 不要传递信用卡
-};
-
-// ✅ 只传递必要信息
-const user = {
-  id: '12345',
-  name: '张三',
-  email: 'user@example.com',
-};
-```
-
-### 10.3 HTTPS使用
-
-生产环境强烈建议使用HTTPS:
-
-```bash
-# 开发环境
-REACT_APP_BYTEDESK_API_URL=http://43.143.189.195
-
-# 生产环境
-REACT_APP_BYTEDESK_API_URL=https://kefu.yourdomain.com
-```
-
-### 10.4 内容安全策略（CSP）
-
-如果您的项目使用CSP，需要允许以下域名：
-
-```html
-<meta http-equiv="Content-Security-Policy" content="
-  default-src 'self';
-  script-src 'self' https://www.weiyuai.cn;
-  connect-src 'self' http://43.143.189.195;
-  img-src 'self' data: http://43.143.189.195;
-"/>
-```
-
---
-
-## 11. 获取帮助
-
-### 11.1 联系方式
-
- **技术支持**: 访问 http://43.143.189.195/chat/ 在线咨询
- **管理员**: 联系您的项目管理员获取ORG和SID
- **后端工程师**: 联系后端团队确认服务器状态
-
-### 11.2 日志查看
-
-```javascript
-// 在浏览器控制台查看Bytedesk日志
-// 日志前缀为 [Bytedesk]
-
-// 示例:
-[Bytedesk] 开始加载客服Widget...
-[Bytedesk] Widget脚本加载成功
-[Bytedesk] 初始化Widget
-[Bytedesk] Widget初始化成功
-```
-
-### 11.3 调试技巧
-
-```javascript
-// 1. 检查配置是否正确
-console.log('Bytedesk配置:', getBytedeskConfig());
-
-// 2. 检查环境变量
-console.log('API URL:', process.env.REACT_APP_BYTEDESK_API_URL);
-console.log('ORG:', process.env.REACT_APP_BYTEDESK_ORG);
-console.log('SID:', process.env.REACT_APP_BYTEDESK_SID);
-
-// 3. 检查Widget是否加载
-console.log('BytedeskWeb对象:', window.BytedeskWeb);
-```
-
---
-
-## 12. 版本历史
-
-| 版本 | 日期 | 更新内容 |
-|------|------|---------|
-| v1.0 | 2025-01-07 | 初始版本，支持基础集成功能 |
-
---
-
-## 13. 附录
-
-### 13.1 完整配置示例
-
-```javascript
-// bytedesk.config.js - 完整配置
-export const bytedeskConfig = {
-  apiUrl: 'http://43.143.189.195',
-  htmlUrl: 'http://43.143.189.195/chat/',
-  placement: 'bottom-right',
-  marginBottom: 20,
-  marginSide: 20,
-  autoPopup: false,
-  locale: 'zh-cn',
-  bubbleConfig: {
-    show: true,
-    icon: '💬',
-    title: '在线客服',
-    subtitle: '点击咨询',
-  },
-  theme: {
-    mode: 'system',
-    backgroundColor: '#0066FF',
-    textColor: '#ffffff',
-  },
-  chatConfig: {
-    org: 'df_org_uid',
-    t: '2',
-    sid: 'df_wg_aftersales',
-  },
-};
-```
-
-### 13.2 文件清单
-
-集成所需的所有文件：
-
-```
-bytedesk-integration/
-├── components/
-│   └── BytedeskWidget.jsx          # React组件（必需）
-├── config/
-│   └── bytedesk.config.js          # 配置文件（必需）
-├── App.jsx.example                 # 集成示例（参考）
-├── .env.bytedesk.example           # 环境变量示例（参考）
-└── 前端工程师集成手册.md            # 本手册（参考）
-```
-
---
-
-**祝您集成顺利！**
-
-如有任何问题，请随时联系技术支持。
--- a/docs/CENTER_PAGE_FLOW_ANALYSIS.md
+++ b/docs/CENTER_PAGE_FLOW_ANALYSIS.md
--- a/docs/CRASH_FIX_REPORT.md
+++ b/docs/CRASH_FIX_REPORT.md
@@ -1,500 +0,0 @@
-# 页面崩溃问题修复报告
-
-> 生成时间：2025-10-14
-> 修复范围：认证模块（WechatRegister + authService）+ 全项目扫描
-
-## 🔴 问题概述
-
-**问题描述**：优化 WechatRegister 组件后，发起请求时页面崩溃。
-
-**崩溃原因**：
-1. API 响应未做安全检查，直接解构 undefined 对象
-2. 组件卸载后继续执行 setState 操作
-3. 网络错误时未正确处理 JSON 解析失败
-
---
-
-## ✅ 已修复问题
-
-### 1. authService.js - API 请求层修复
-
-#### 问题代码
-```javascript
-// ❌ 危险：response.json() 可能失败
-const response = await fetch(`${API_BASE_URL}${url}`, options);
-if (!response.ok) {
-    const errorData = await response.json().catch(() => ({}));
-    throw new Error(errorData.error || `HTTP error! status: ${response.status}`);
-}
-return await response.json(); // ❌ 可能不是 JSON 格式
-```
-
-#### 修复后
-```javascript
-// ✅ 安全：检查 Content-Type 并捕获解析错误
-const contentType = response.headers.get('content-type');
-const isJson = contentType && contentType.includes('application/json');
-
-if (!response.ok) {
-    let errorMessage = `HTTP error! status: ${response.status}`;
-    if (isJson) {
-        try {
-            const errorData = await response.json();
-            errorMessage = errorData.error || errorData.message || errorMessage;
-        } catch (parseError) {
-            console.warn('Failed to parse error response as JSON');
-        }
-    }
-    throw new Error(errorMessage);
-}
-
-if (isJson) {
-    try {
-        return await response.json();
-    } catch (parseError) {
-        throw new Error('服务器响应格式错误');
-    }
-} else {
-    throw new Error('服务器响应不是 JSON 格式');
-}
-```
-
-**修复效果**：
- ✅ 防止 JSON 解析失败导致崩溃
- ✅ 提供友好的网络错误提示
- ✅ 识别并处理非 JSON 响应
-
---
-
-### 2. WechatRegister.js - 组件层修复
-
-#### 问题 A：响应对象解构崩溃
-
-**问题代码**
-```javascript
-// ❌ 危险：response 可能为 null/undefined
-const response = await authService.checkWechatStatus(wechatSessionId);
-const { status } = response; // 💥 崩溃点
-```
-
-**修复后**
-```javascript
-// ✅ 安全：先检查 response 存在性
-const response = await authService.checkWechatStatus(wechatSessionId);
-
-if (!response || typeof response.status === 'undefined') {
-    console.warn('微信状态检查返回无效数据:', response);
-    return; // 提前退出，不会崩溃
-}
-
-const { status } = response;
-```
-
-#### 问题 B：组件卸载后 setState
-
-**问题代码**
-```javascript
-// ❌ 危险：组件卸载后仍可能调用 setState
-const checkWechatStatus = async () => {
-    const response = await authService.checkWechatStatus(wechatSessionId);
-    setWechatStatus(status); // 💥 可能在组件卸载后调用
-};
-```
-
-**修复后**
-```javascript
-// ✅ 安全：使用 isMountedRef 追踪组件状态
-const isMountedRef = useRef(true);
-
-const checkWechatStatus = async () => {
-    if (!isMountedRef.current) return; // 已卸载，提前退出
-
-    const response = await authService.checkWechatStatus(wechatSessionId);
-
-    if (!isMountedRef.current) return; // 再次检查
-
-    setWechatStatus(status); // 安全调用
-};
-
-useEffect(() => {
-    isMountedRef.current = true;
-    return () => {
-        isMountedRef.current = false;
-        clearTimers();
-    };
-}, [clearTimers]);
-```
-
-#### 问题 C：网络错误无限重试
-
-**问题代码**
-```javascript
-// ❌ 危险：网络错误时仍持续轮询
-catch (error) {
-    console.error("检查微信状态失败:", error);
-    // 继续轮询，不中断 - 可能导致大量无效请求
-}
-```
-
-**修复后**
-```javascript
-// ✅ 安全：网络错误时停止轮询
-catch (error) {
-    console.error("检查微信状态失败:", error);
-
-    if (error.message.includes('网络连接失败')) {
-        clearTimers(); // 停止轮询
-        if (isMountedRef.current) {
-            toast({
-                title: "网络连接失败",
-                description: "请检查网络后重试",
-                status: "error",
-            });
-        }
-    }
-}
-```
-
---
-
-## ⚠️ 发现的其他高风险问题
-
-### 全项目扫描结果
-
-通过智能代理扫描了 34 个包含 fetch/axios 的文件，发现以下高风险问题：
-
-| 文件 | 高风险问题数 | 中等风险问题数 | 总问题数 |
-|------|------------|-------------|---------|
-| `SignInIllustration.js` | 4 | 2 | 6 |
-| `SignUpIllustration.js` | 2 | 4 | 6 |
-| `AuthContext.js` | 9 | 4 | 13 |
-
-### 高危问题类型分布
-
-```
-🔴 响应对象未检查直接解析 JSON    13 处
-🔴 解构 undefined 对象属性         3 处
-🟠 组件卸载后 setState            6 处
-🟠 未捕获 Promise rejection        3 处
-🟡 定时器内存泄漏                 3 处
-```
-
---
-
-## 📋 待修复问题清单
-
-### P0 - 立即修复（会导致崩溃）
-
-#### AuthContext.js
-```javascript
-// Line 54, 204, 260, 316, 364, 406
-❌ const data = await response.json(); // 未检查 response
-
-// 修复方案
-✅ if (!response) throw new Error('网络请求失败');
-✅ const data = await response.json();
-```
-
-#### SignInIllustration.js
-```javascript
-// Line 177, 217, 249
-❌ const data = await response.json(); // 未检查 response
-
-// Line 219
-❌ window.location.href = data.auth_url; // 未检查 data.auth_url
-
-// 修复方案
-✅ if (!response) throw new Error('网络请求失败');
-✅ const data = await response.json();
-✅ if (!data?.auth_url) throw new Error('获取授权地址失败');
-✅ window.location.href = data.auth_url;
-```
-
-#### SignUpIllustration.js
-```javascript
-// Line 191
-❌ await axios.post(`${API_BASE_URL}${endpoint}`, data);
-
-// 修复方案
-✅ const response = await axios.post(`${API_BASE_URL}${endpoint}`, data);
-✅ if (!response?.data) throw new Error('注册请求失败');
-```
-
---
-
-### P1 - 本周修复（内存泄漏风险）
-
-#### 组件卸载后 setState 问题
-
-**通用修复模式**：
-```javascript
-// 1. 添加 isMountedRef
-const isMountedRef = useRef(true);
-
-// 2. 组件卸载时标记
-useEffect(() => {
-    return () => { isMountedRef.current = false; };
-}, []);
-
-// 3. 异步操作前后检查
-const asyncFunction = async () => {
-    try {
-        const data = await fetchData();
-        if (isMountedRef.current) {
-            setState(data); // ✅ 安全
-        }
-    } finally {
-        if (isMountedRef.current) {
-            setLoading(false); // ✅ 安全
-        }
-    }
-};
-```
-
-**需要修复的文件**：
- `SignInIllustration.js` - 3 处
- `SignUpIllustration.js` - 3 处
-
---
-
-### P2 - 计划修复（提升健壮性）
-
-#### Promise rejection 未处理
-
-**AuthContext.js**
-```javascript
-// Line 74-77
-❌ useEffect(() => {
-    checkSession(); // Promise rejection 未捕获
-}, []);
-
-// 修复方案
-✅ useEffect(() => {
-    checkSession().catch(err => {
-        console.error('初始session检查失败:', err);
-    });
-}, []);
-```
-
-#### 定时器清理不完整
-
-**SignInIllustration.js**
-```javascript
-// Line 127-137
-❌ useEffect(() => {
-    let timer;
-    if (countdown > 0) {
-        timer = setInterval(() => {
-            setCountdown(prev => prev - 1);
-        }, 1000);
-    }
-    return () => clearInterval(timer);
-}, [countdown]);
-
-// 修复方案
-✅ useEffect(() => {
-    let timer;
-    let isMounted = true;
-    if (countdown > 0) {
-        timer = setInterval(() => {
-            if (isMounted) {
-                setCountdown(prev => prev - 1);
-            }
-        }, 1000);
-    }
-    return () => {
-        isMounted = false;
-        clearInterval(timer);
-    };
-}, [countdown]);
-```
-
---
-
-## 🎯 修复总结
-
-### 本次已修复
-| 文件 | 修复项 | 状态 |
-|------|-------|------|
-| `authService.js` | JSON 解析安全性 + 网络错误处理 | ✅ 完成 |
-| `WechatRegister.js` | 响应空值检查 + 组件卸载保护 + 网络错误停止轮询 | ✅ 完成 |
-
-### 待修复优先级
-
-```
-P0（立即修复）: 16 处 - 响应对象安全检查
-P1（本周修复）: 6 处  - 组件卸载后 setState
-P2（计划修复）: 6 处  - Promise rejection + 定时器清理
-```
-
-### 编译状态
-```
-✅ Compiled successfully!
-✅ webpack compiled successfully
-✅ No runtime errors
-```
-
---
-
-## 🛡️ 防御性编程建议
-
-### 1. API 请求标准模式
-
-```javascript
-// ✅ 推荐模式
-const fetchData = async () => {
-    try {
-        const response = await fetch(url, options);
-
-        // 检查 1: response 存在
-        if (!response) {
-            throw new Error('网络请求失败');
-        }
-
-        // 检查 2: HTTP 状态
-        if (!response.ok) {
-            throw new Error(`HTTP error! status: ${response.status}`);
-        }
-
-        // 检查 3: Content-Type
-        const contentType = response.headers.get('content-type');
-        if (!contentType?.includes('application/json')) {
-            throw new Error('响应不是 JSON 格式');
-        }
-
-        // 检查 4: JSON 解析
-        const data = await response.json();
-
-        // 检查 5: 数据完整性
-        if (!data || !data.expectedField) {
-            throw new Error('响应数据不完整');
-        }
-
-        return data;
-    } catch (error) {
-        console.error('请求失败:', error);
-        throw error;
-    }
-};
-```
-
-### 2. 组件卸载保护标准模式
-
-```javascript
-// ✅ 推荐模式
-const MyComponent = () => {
-    const isMountedRef = useRef(true);
-
-    useEffect(() => {
-        return () => {
-            isMountedRef.current = false;
-        };
-    }, []);
-
-    const handleAsyncAction = async () => {
-        try {
-            const data = await fetchData();
-
-            // 关键检查点
-            if (!isMountedRef.current) return;
-
-            setState(data);
-        } catch (error) {
-            if (!isMountedRef.current) return;
-
-            showError(error.message);
-        }
-    };
-};
-```
-
-### 3. 定时器清理标准模式
-
-```javascript
-// ✅ 推荐模式
-useEffect(() => {
-    let isMounted = true;
-    const timerId = setInterval(() => {
-        if (isMounted) {
-            doSomething();
-        }
-    }, 1000);
-
-    return () => {
-        isMounted = false;
-        clearInterval(timerId);
-    };
-}, [dependencies]);
-```
-
---
-
-## 📊 性能影响
-
-### 修复前
- 崩溃率：100%（特定条件下）
- 内存泄漏：6 处潜在风险
- API 重试：无限重试直到崩溃
-
-### 修复后
- 崩溃率：0%
- 内存泄漏：已修复 WechatRegister，剩余 6 处待修复
- API 重试：网络错误时智能停止
-
---
-
-## 🔍 测试建议
-
-### 测试场景
-
-1. **网络异常测试**
-   - [ ] 断网状态下点击"获取二维码"
-   - [ ] 弱网环境下轮询超时
-   - [ ] 后端返回非 JSON 响应
-
-2. **组件生命周期测试**
-   - [ ] 轮询中快速切换页面（测试组件卸载保护）
-   - [ ] 登录成功前关闭标签页
-   - [ ] 长时间停留在注册页（测试 5 分钟超时）
-
-3. **边界情况测试**
-   - [ ] 后端返回空响应 `{}`
-   - [ ] 后端返回错误状态码 500/404
-   - [ ] session_id 为 null 时的请求
-
-### 测试访问地址
- 注册页面：http://localhost:3000/auth/sign-up
- 登录页面：http://localhost:3000/auth/sign-in
-
---
-
-## 📝 下一步行动
-
-1. **立即执行**
-   - [ ] 修复 AuthContext.js 的 9 个高危问题
-   - [ ] 修复 SignInIllustration.js 的 4 个高危问题
-   - [ ] 修复 SignUpIllustration.js 的 2 个高危问题
-
-2. **本周完成**
-   - [ ] 添加 isMountedRef 到所有受影响组件
-   - [ ] 修复定时器内存泄漏问题
-   - [ ] 添加 Promise rejection 处理
-
-3. **长期改进**
-   - [ ] 创建统一的 API 请求 Hook（useApiRequest）
-   - [ ] 创建统一的异步状态管理 Hook（useAsyncState）
-   - [ ] 添加单元测试覆盖错误处理逻辑
-
---
-
-## 🤝 参考资料
-
- [React useEffect Cleanup](https://react.dev/reference/react/useEffect#cleanup)
- [Fetch API Error Handling](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch#checking_for_success)
- [Promise Rejection 处理最佳实践](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promises#error_handling)
-
---
-
-**报告结束**
-
-> 如需协助修复其他文件的问题，请告知具体文件名。
--- a/docs/Community.md
+++ b/docs/Community.md
--- a/docs/DARK_MODE_TEST.md
+++ b/docs/DARK_MODE_TEST.md
@@ -1,294 +0,0 @@
-# 🌙 暗色模式适配 - 测试指南
-
-## ✅ 完成的修改
-
-### 修改文件
-
-1. **`src/constants/notificationTypes.js`** - 添加暗色模式配置
-2. **`src/components/NotificationContainer/index.js`** - 更新颜色逻辑
-
-### 新增配置
-
-为每种通知类型添加了暗色模式专属配置：
-
-| 配置项 | 亮色值 | 暗色值 | 说明 |
-|-------|-------|-------|------|
-| `bg` | `{color}.50` | `rgba(..., 0.15)` | 背景色：15% 透明度 |
-| `borderColor` | `{color}.400` | `{color}.400` | 边框色：保持一致 |
-| `iconColor` | `{color}.500` | `{color}.300` | 图标色：降低饱和度 |
-| `hoverBg` | `{color}.100` | `rgba(..., 0.25)` | Hover背景：25% 透明度 |
-
---
-
-## 🧪 测试步骤
-
-### 1. 启动应用
-
-```bash
-npm start
-```
-
-### 2. 切换到暗色模式
-
-#### 方法 A：通过浏览器开发者工具
-
-1. 打开浏览器开发者工具（F12）
-2. 切换到 "渲染" 或 "Rendering" 标签
-3. 找到 "Emulate CSS media feature prefers-color-scheme"
-4. 选择 "prefers-color-scheme: dark"
-
-#### 方法 B：系统设置
-
-1. 将你的操作系统切换到暗色模式
-2. 刷新页面
-
-#### 方法 C：Chakra UI Color Mode Toggle
-
-如果你的应用有主题切换按钮，直接点击切换即可。
-
-### 3. 触发通知
-
-**测试通知**：
- 使用调试 API 发送测试通知：
-  ```javascript
-  // 方式1: 使用调试工具（推荐）
-  window.__DEBUG__.notification.forceNotification({
-    title: '测试通知',
-    body: '验证暗色模式下的通知样式'
-  });
-
-  // 方式2: 等待后端真实推送
-  // 确保已连接后端，等待真实事件推送
-  ```
-
-### 4. 验证效果
-
-检查以下项目：
-
-#### ✅ 背景色
- [ ] **半透明效果**：背景应该是半透明的，能看到底层背景
- [ ] **类型区分**：蓝、橙、紫、红、绿应该清晰可辨
- [ ] **不刺眼**：不应该有过深的背景色
-
-#### ✅ 文字颜色
- [ ] **主标题**：`gray.100`（浅灰，不是纯白）
- [ ] **副文本**：`gray.300`（更淡的灰）
- [ ] **元信息**：`gray.500`（中等灰）
-
-#### ✅ 图标颜色
- [ ] 图标应该是 `.300` 色阶（柔和但清晰）
- [ ] 不同类型有不同颜色
-
-#### ✅ 边框
- [ ] 边框清晰可见（`.400` 色阶）
- [ ] 保持类型区分
-
-#### ✅ Hover 效果
- [ ] 鼠标悬停时背景加深（25% 透明度）
- [ ] 有平滑过渡动画
-
---
-
-## 🎨 视觉对比
-
-### 亮色模式
-```
-┌─────────────────────────────────┐
-│ 🔵 蓝色浅背景 (blue.50)          │
-│    深色文字 (gray.800)           │
-│    明亮图标 (blue.500)           │
-│    边框清晰 (blue.400)           │
-└─────────────────────────────────┘
-```
-
-### 暗色模式（修改后）
-```
-┌─────────────────────────────────┐
-│ 🔵 半透明蓝背景 (15% opacity)    │
-│    浅灰文字 (gray.100)           │
-│    柔和图标 (blue.300)           │
-│    边框可见 (blue.400)           │
-└─────────────────────────────────┘
-```
-
---
-
-## 📋 各类型通知配色
-
-### 公告通知（蓝色）
- **亮色**：`blue.50` 背景
- **暗色**：`rgba(59, 130, 246, 0.15)` 半透明蓝
-
-### 股票涨（红色）
- **亮色**：`red.50` 背景
- **暗色**：`rgba(239, 68, 68, 0.15)` 半透明红
-
-### 股票跌（绿色）
- **亮色**：`green.50` 背景
- **暗色**：`rgba(34, 197, 94, 0.15)` 半透明绿
-
-### 事件动向（橙色）
- **亮色**：`orange.50` 背景
- **暗色**：`rgba(249, 115, 22, 0.15)` 半透明橙
-
-### 分析报告（紫色）
- **亮色**：`purple.50` 背景
- **暗色**：`rgba(168, 85, 247, 0.15)` 半透明紫
-
---
-
-## 🔍 在浏览器控制台测试
-
-### 手动触发各类型通知
-
-> **注意**: Mock Socket 已移除，请使用调试工具或真实后端测试。
-
-```javascript
-// 使用调试工具测试不同类型的通知
-// 确保已开启调试模式：REACT_APP_ENABLE_DEBUG=true
-
-// 测试公告通知
-window.__DEBUG__.notification.forceNotification({
-  title: '测试公告通知',
-  body: '这是暗色模式下的蓝色通知',
-  tag: 'test_announcement',
-  autoClose: 0,
-});
-
-// 测试股票上涨（红色）
-window.__DEBUG__.notification.forceNotification({
-  title: '🔴 测试股票上涨',
-  body: '宁德时代 +5.2%',
-  tag: 'test_stock_up',
-});
-
-// 测试股票下跌（绿色）
-window.__DEBUG__.notification.forceNotification({
-  title: '🟢 测试股票下跌',
-  body: '比亚迪 -3.8%',
-  tag: 'test_stock_down',
-});
-
-// 测试事件动向（橙色）
-window.__DEBUG__.notification.forceNotification({
-  title: '🟠 测试事件动向',
-  body: '央行宣布降准',
-  tag: 'test_event',
-});
-
-// 测试分析报告（紫色）
-window.__DEBUG__.notification.forceNotification({
-  title: '🟣 测试分析报告',
-  body: '医药行业深度报告',
-  tag: 'test_report',
-});
-```
-
---
-
-## 🐛 常见问题
-
-### Q: 暗色模式下还是很深？
-
-**A:** 检查配置是否正确应用：
-1. 清除浏览器缓存并刷新
-2. 确认 `notificationTypes.js` 包含 `darkBg` 等配置
-3. 在控制台查看元素的实际 `background` 值
-
-### Q: 不同类型看起来都一样？
-
-**A:** 确认：
-1. 透明度配置是否生效（应该看到半透明效果）
-2. 不同类型的 RGB 值是否不同
-3. 浏览器是否支持 `rgba()` 颜色
-
-### Q: 文字看不清？
-
-**A:** 调整文字颜色：
- 主标题：`gray.100`（可调整为 `gray.50` 或 `white`）
- 如果背景太淡，可以增加透明度（15% → 20%）
-
-### Q: 如何微调透明度？
-
-**A:** 在 `notificationTypes.js` 中修改 `rgba()` 的第 4 个参数：
-```javascript
-darkBg: 'rgba(59, 130, 246, 0.20)',  // 从 0.15 改为 0.20
-```
-
---
-
-## 🎯 预期效果截图对比
-
-### 亮色模式下的通知
- 背景明亮（.50 色阶）
- 文字深色（gray.800）
- 图标鲜艳（.500 色阶）
-
-### 暗色模式下的通知
- 背景半透明（15% 透明度）
- 文字浅色（gray.100）
- 图标柔和（.300 色阶）
- **保持类型区分度**
-
---
-
-## 📊 技术参数
-
-### 透明度参数
-
-| 状态 | 透明度 | 说明 |
-|-----|-------|------|
-| 默认 | 15% | 背景色 |
-| Hover | 25% | 鼠标悬停 |
-
-### 色阶选择
-
-| 元素 | 亮色 | 暗色 | 原因 |
-|-----|------|------|------|
-| 背景 | .50 | rgba 15% | 保持通透感 |
-| 边框 | .400 | .400 | 确保可见 |
-| 图标 | .500 | .300 | 降低饱和度 |
-| 文字 | .800 | .100 | 保持对比度 |
-
---
-
-## ✅ 测试检查清单
-
- [ ] 亮色模式下通知正常显示
- [ ] 暗色模式下通知半透明效果
- [ ] 5 种类型（蓝、红、绿、橙、紫）区分清晰
- [ ] 文字在暗色背景上可读性良好
- [ ] 图标颜色柔和但醒目
- [ ] Hover 效果明显
- [ ] 边框清晰可见
- [ ] 亮色/暗色切换平滑
-
---
-
-## 🚀 如果需要调整
-
-如果效果不满意，可以调整以下参数：
-
-### 调整透明度（`notificationTypes.js`）
-
-```javascript
-// 增加对比度（背景更明显）
-darkBg: 'rgba(59, 130, 246, 0.25)',  // 15% → 25%
-
-// 减少对比度（更柔和）
-darkBg: 'rgba(59, 130, 246, 0.10)',  // 15% → 10%
-```
-
-### 调整文字颜色（`NotificationContainer/index.js`）
-
-```javascript
-// 更亮的文字
-const textColor = useColorModeValue('gray.800', 'gray.50');  // gray.100 → gray.50
-
-// 更柔和的文字
-const textColor = useColorModeValue('gray.800', 'gray.200');  // gray.100 → gray.200
-```
-
---
-
-**测试完成后，请反馈效果！** 🎉
--- a/docs/DEPLOYMENT.md
+++ b/docs/DEPLOYMENT.md
@@ -1,648 +0,0 @@
-# VF React 自动化部署指南
-
-## 📋 目录
-
- [概述](#概述)
- [快速开始](#快速开始)
- [详细使用说明](#详细使用说明)
- [配置说明](#配置说明)
- [故障排查](#故障排查)
- [FAQ](#faq)
-
---
-
-## 概述
-
-本项目提供了完整的自动化部署方案，让您可以在本地电脑一键部署到生产环境，无需登录服务器。
-
-### 核心特性
-
- ✅ **本地一键部署** - 运行 `npm run deploy` 即可完成部署
- ✅ **智能备份** - 每次部署前自动备份，保留最近 5 个版本
- ✅ **快速回滚** - 10 秒内回滚到任意历史版本
- ✅ **企业微信通知** - 部署成功/失败实时推送消息
- ✅ **安全可靠** - 部署前确认，失败自动回滚
- ✅ **详细日志** - 完整记录每次部署过程
-
---
-
-## 快速开始
-
-### 1. 首次配置（5 分钟）
-
-运行配置向导，按提示输入配置信息：
-
-```bash
-npm run deploy:setup
-```
-
-配置向导会询问：
- 服务器地址和 SSH 信息
- 部署路径配置
- 企业微信通知配置（可选）
-
-配置完成后会自动初始化服务器环境。
-
-### 2. 日常部署（2-3 分钟）
-
-```bash
-npm run deploy
-```
-
-执行后会：
-1. 检查本地代码状态
-2. 显示部署预览，需要输入 `yes` 确认
-3. 自动连接服务器
-4. 拉取代码、构建、部署
-5. 发送企业微信通知
-
-### 3. 回滚版本（10 秒）
-
-回滚到上一个版本：
-```bash
-npm run rollback
-```
-
-回滚到指定版本：
-```bash
-npm run rollback -- 2  # 回滚到前 2 个版本
-```
-
-查看可回滚的版本列表：
-```bash
-npm run rollback -- list
-```
-
---
-
-## 详细使用说明
-
-### 首次配置
-
-#### 运行配置向导
-
-```bash
-npm run deploy:setup
-```
-
-#### 配置过程
-
-**1. 服务器配置**
-```
-请输入服务器 IP 或域名: your-server.com
-请输入 SSH 用户名 [ubuntu]: ubuntu
-请输入 SSH 端口 [22]: 22
-检测到 SSH 密钥: ~/.ssh/id_rsa
-是否使用该密钥? (y/n) [y]: y
-
-正在测试 SSH 连接...
-✓ SSH 连接测试成功
-```
-
-**2. 部署路径配置**
-```
-Git 仓库路径 [/home/ubuntu/vf_react]:
-生产环境路径 [/var/www/valuefrontier.cn]:
-备份目录 [/home/ubuntu/deployments]:
-日志目录 [/home/ubuntu/deploy-logs]:
-部署分支 [feature]:
-保留备份数量 [5]:
-```
-
-**3. 企业微信通知配置**
-```
-是否启用企业微信通知? (y/n) [n]: y
-请输入企业微信 Webhook URL: https://qyapi.weixin.qq.com/...
-
-正在测试企业微信通知...
-✓ 企业微信通知测试成功
-```
-
-**4. 初始化服务器**
-```
-正在创建服务器目录...
-✓ 服务器目录创建完成
-设置脚本执行权限...
-✓ 服务器环境初始化完成
-```
-
-### 部署到生产环境
-
-#### 执行部署
-
-```bash
-npm run deploy
-```
-
-#### 部署流程
-
-**步骤 1: 检查本地代码**
-```
-[1/8] 检查本地代码
-当前分支: feature
-最新提交: c93f689 - feat: 添加消息推送能力
-提交作者: qiye
-✓ 本地代码检查完成
-```
-
-**步骤 2: 显示部署预览**
-```
-[2/8] 部署预览
-
-╔════════════════════════════════════════════════════════════════╗
-║                         部署预览                                ║
-╚════════════════════════════════════════════════════════════════╝
-
-项目信息:
-  项目名称: vf_react
-  部署环境: 生产环境
-  目标服务器: ubuntu@your-server.com
-
-代码信息:
-  当前分支: feature
-  提交版本: c93f689
-  提交信息: feat: 添加消息推送能力
-  提交作者: qiye
-
-部署路径:
-  Git 仓库: /home/ubuntu/vf_react
-  生产目录: /var/www/valuefrontier.cn
-
-════════════════════════════════════════════════════════════════
-
-确认部署到生产环境? (yes/no): yes
-```
-
-**步骤 3-7: 自动执行部署**
-```
-[3/8] 测试 SSH 连接
-✓ SSH 连接成功
-
-[4/8] 上传部署脚本
-✓ 部署脚本上传完成
-
-[5/8] 执行远程部署
-
-========================================
-  服务器端部署脚本
-========================================
-
-[INFO] 创建必要的目录...
-[SUCCESS] 目录创建完成
-[INFO] 检查 Git 仓库...
-[SUCCESS] Git 仓库检查通过
-[INFO] 切换到 feature 分支...
-[SUCCESS] 已在 feature 分支
-[INFO] 拉取最新代码...
-[SUCCESS] 代码更新完成
-[INFO] 安装依赖...
-[SUCCESS] 依赖检查完成
-[INFO] 构建项目...
-[SUCCESS] 构建完成
-[INFO] 备份当前版本...
-[SUCCESS] 备份完成: /home/ubuntu/deployments/backup-20250121-143020
-[INFO] 部署到生产环境...
-[SUCCESS] 部署完成
-[INFO] 清理旧备份...
-[SUCCESS] 旧备份清理完成
-
-========================================
-  部署成功！
-========================================
-提交: c93f689 - feat: 添加消息推送能力
-备份: /home/ubuntu/deployments/backup-20250121-143020
-耗时: 2分15秒
-
-✓ 远程部署完成
-
-[6/8] 发送部署通知
-✓ 企业微信通知已发送
-
-[7/8] 清理临时文件
-✓ 清理完成
-
-[8/8] 部署完成
-
-╔════════════════════════════════════════════════════════════════╗
-║                      🎉 部署成功！                              ║
-╚════════════════════════════════════════════════════════════════╝
-
-部署信息:
-  版本: c93f689
-  分支: feature
-  提交: feat: 添加消息推送能力
-  作者: qiye
-  时间: 2025-01-21 14:33:45
-  耗时: 2分15秒
-
-访问地址:
-  https://valuefrontier.cn
-```
-
-### 版本回滚
-
-#### 查看可回滚的版本
-
-```bash
-npm run rollback -- list
-```
-
-输出：
-```
-可用的备份版本：
-
-  1. backup-20250121-153045 (2025-01-21 15:30:45) [当前版本]
-  2. backup-20250121-150030 (2025-01-21 15:00:30)
-  3. backup-20250121-143020 (2025-01-21 14:30:20)
-  4. backup-20250121-140010 (2025-01-21 14:00:10)
-  5. backup-20250121-133000 (2025-01-21 13:30:00)
-```
-
-#### 回滚到上一个版本
-
-```bash
-npm run rollback
-```
-
-或指定版本：
-```bash
-npm run rollback -- 2  # 回滚到第 2 个版本
-```
-
-#### 回滚流程
-
-```
-╔════════════════════════════════════════════════════════════════╗
-║                       版本回滚工具                              ║
-╚════════════════════════════════════════════════════════════════╝
-
-可用的备份版本：
-  1. backup-20250121-153045 (2025-01-21 15:30:45) [当前版本]
-  2. backup-20250121-150030 (2025-01-21 15:00:30)
-  3. backup-20250121-143020 (2025-01-21 14:30:20)
-
-确认回滚到版本 #2? (yes/no): yes
-
-[INFO] 正在执行回滚...
-
-========================================
-  服务器端回滚脚本
-========================================
-
-[INFO] 开始回滚到版本 #2...
-[INFO] 目标版本: backup-20250121-150030
-[INFO] 清空生产目录: /var/www/valuefrontier.cn
-[INFO] 恢复备份文件...
-[SUCCESS] 回滚完成
-
-========================================
-  回滚成功！
-========================================
-目标版本: backup-20250121-150030
-
-╔════════════════════════════════════════════════════════════════╗
-║                     🎉 回滚成功！                               ║
-╚════════════════════════════════════════════════════════════════╝
-
-回滚信息:
-  目标版本: backup-20250121-150030
-  回滚时间: 2025-01-21 15:35:20
-
-访问地址:
-  https://valuefrontier.cn
-```
-
---
-
-## 配置说明
-
-### 配置文件位置
-
-```
-.env.deploy          # 部署配置文件（不提交到 Git）
-.env.deploy.example  # 配置文件示例
-```
-
-### 配置项说明
-
-#### 服务器配置
-
-```bash
-# 服务器 IP 或域名
-SERVER_HOST=your-server.com
-
-# SSH 用户名
-SERVER_USER=ubuntu
-
-# SSH 端口（默认 22）
-SERVER_PORT=22
-
-# SSH 密钥路径（留空使用默认 ~/.ssh/id_rsa）
-SSH_KEY_PATH=
-```
-
-#### 路径配置
-
-```bash
-# 服务器上的 Git 仓库路径
-REMOTE_PROJECT_PATH=/home/ubuntu/vf_react
-
-# 生产环境部署路径
-PRODUCTION_PATH=/var/www/valuefrontier.cn
-
-# 部署备份目录
-BACKUP_DIR=/home/ubuntu/deployments
-
-# 部署日志目录
-LOG_DIR=/home/ubuntu/deploy-logs
-```
-
-#### Git 配置
-
-```bash
-# 部署分支
-DEPLOY_BRANCH=feature
-```
-
-#### 备份配置
-
-```bash
-# 保留备份数量（超过会自动删除最旧的）
-KEEP_BACKUPS=5
-```
-
-#### 企业微信通知配置
-
-```bash
-# 是否启用企业微信通知
-ENABLE_WECHAT_NOTIFY=true
-
-# 企业微信机器人 Webhook URL
-WECHAT_WEBHOOK_URL=https://qyapi.weixin.qq.com/cgi-bin/webhook/send?key=xxxxx
-
-# 通知提及的用户（@all 或手机号/userid，逗号分隔）
-WECHAT_MENTIONED_LIST=@all
-```
-
-#### 部署配置
-
-```bash
-# 是否在部署前运行 npm install
-RUN_NPM_INSTALL=true
-
-# 是否在部署前运行 npm test
-RUN_NPM_TEST=false
-
-# 构建命令
-BUILD_COMMAND=npm run build
-```
-
-### 修改配置
-
-编辑配置文件：
-```bash
-vim .env.deploy
-```
-
-或使用编辑器打开 `.env.deploy` 文件。
-
---
-
-## 企业微信通知
-
-### 配置企业微信机器人
-
-1. **打开企业微信群聊**
-2. **添加群机器人**
-   - 点击群设置（右上角 ···）
-   - 选择"群机器人"
-   - 点击"添加机器人"
-3. **设置机器人信息**
-   - 输入机器人名称（如：部署通知机器人）
-   - 复制 Webhook URL
-4. **配置到项目**
-   - 将 Webhook URL 粘贴到 `.env.deploy` 文件的 `WECHAT_WEBHOOK_URL` 字段
-
-### 通知内容
-
-#### 部署成功通知
-```
-【生产环境部署成功】
-项目：vf_react
-环境：生产环境
-分支：feature
-版本：c93f689
-提交信息：feat: 添加消息推送能力
-部署时间：2025-01-21 14:33:45
-部署耗时：2分15秒
-操作人：qiye
-访问地址：https://valuefrontier.cn
-```
-
-#### 部署失败通知
-```
-【⚠️ 生产环境部署失败】
-项目：vf_react
-环境：生产环境
-分支：feature
-失败原因：构建失败
-失败时间：2025-01-21 14:35:20
-操作人：qiye
-已自动回滚到上一版本
-```
-
-#### 回滚成功通知
-```
-【版本回滚成功】
-项目：vf_react
-环境：生产环境
-回滚版本：backup-20250121-150030
-回滚时间：2025-01-21 15:35:20
-操作人：qiye
-```
-
---
-
-## 故障排查
-
-### 常见问题
-
-#### 1. SSH 连接失败
-
-**错误信息**：
-```
-[✗] SSH 连接失败
-```
-
-**可能原因**：
- 服务器地址、用户名或端口配置错误
- SSH 密钥未配置或路径错误
- 服务器防火墙阻止连接
-
-**解决方法**：
-1. 检查配置文件 `.env.deploy` 中的服务器信息
-2. 测试 SSH 连接：
-   ```bash
-   ssh ubuntu@your-server.com
-   ```
-3. 确认 SSH 密钥已添加到服务器：
-   ```bash
-   ssh-copy-id ubuntu@your-server.com
-   ```
-
-#### 2. 构建失败
-
-**错误信息**：
-```
-[ERROR] 构建失败
-npm run build exited with code 1
-```
-
-**可能原因**：
- 代码存在语法错误
- 依赖包版本不兼容
- Node.js 版本不匹配
-
-**解决方法**：
-1. 在本地先运行构建测试：
-   ```bash
-   npm run build
-   ```
-2. 检查并修复错误
-3. 确认服务器 Node.js 版本：
-   ```bash
-   ssh ubuntu@your-server.com "node -v"
-   ```
-
-#### 3. 权限不足
-
-**错误信息**：
-```
-[ERROR] 复制文件失败
-Permission denied
-```
-
-**可能原因**：
- 对生产目录没有写权限
- 需要 sudo 权限
-
-**解决方法**：
-1. 检查生产目录权限：
-   ```bash
-   ssh ubuntu@your-server.com "ls -ld /var/www/valuefrontier.cn"
-   ```
-2. 修改目录所有者：
-   ```bash
-   ssh ubuntu@your-server.com "sudo chown -R ubuntu:ubuntu /var/www/valuefrontier.cn"
-   ```
-
-#### 4. 企业微信通知发送失败
-
-**错误信息**：
-```
-[⚠] 企业微信通知发送失败
-```
-
-**可能原因**：
- Webhook URL 错误
- 网络问题
-
-**解决方法**：
-1. 检查 Webhook URL 是否正确
-2. 手动测试通知：
-   ```bash
-   bash scripts/notify-wechat.sh test
-   ```
-
---
-
-## FAQ
-
-### Q1: 部署会影响正在访问网站的用户吗？
-
-A: 部署过程中会有短暂的服务中断（约 1-2 秒），建议在流量较低时进行部署。
-
-### Q2: 如果部署过程中网络断开怎么办？
-
-A: 脚本会自动检测错误并停止部署。由于有自动备份，可以安全地重新运行部署或执行回滚。
-
-### Q3: 可以同时部署多个项目吗？
-
-A: 不建议。请等待当前部署完成后再部署其他项目。
-
-### Q4: 备份文件占用空间过大怎么办？
-
-A: 可以修改 `.env.deploy` 中的 `KEEP_BACKUPS` 配置，减少保留的备份数量。
-
-### Q5: 如何查看详细的部署日志？
-
-A: 部署日志保存在服务器上：
-```bash
-ssh ubuntu@your-server.com "cat /home/ubuntu/deploy-logs/deploy-YYYYMMDD-HHMMSS.log"
-```
-
-### Q6: 可以在 Windows 上使用吗？
-
-A: 可以。脚本使用标准的 Bash 命令，在 Git Bash 或 WSL 中都可以正常运行。
-
-### Q7: 如何禁用企业微信通知？
-
-A: 编辑 `.env.deploy` 文件，将 `ENABLE_WECHAT_NOTIFY` 设置为 `false`。
-
-### Q8: 部署失败后是否需要手动回滚？
-
-A: 不需要。如果构建失败，脚本会自动回滚到上一个版本。
-
---
-
-## 目录结构
-
-```
-vf_react/
-├── scripts/                          # 部署脚本目录
-│   ├── setup-deployment.sh          # 配置向导
-│   ├── deploy-from-local.sh         # 本地部署脚本
-│   ├── deploy-on-server.sh          # 服务器部署脚本
-│   ├── rollback-from-local.sh       # 本地回滚脚本
-│   ├── rollback-on-server.sh        # 服务器回滚脚本
-│   └── notify-wechat.sh             # 企业微信通知脚本
-├── .env.deploy.example              # 配置文件示例
-├── .env.deploy                      # 配置文件（不提交到 Git）
-├── DEPLOYMENT.md                    # 本文档
-└── package.json                     # 包含部署命令
-```
-
-**服务器目录结构**：
-```
-/home/ubuntu/
-├── vf_react/                        # Git 仓库
-│   └── build/                       # 构建产物
-├── deployments/                     # 版本备份
-│   ├── backup-20250121-143020/
-│   ├── backup-20250121-150030/
-│   └── current -> backup-20250121-150030
-└── deploy-logs/                     # 部署日志
-    └── deploy-20250121-143020.log
-```
-
---
-
-## 命令速查表
-
-| 命令 | 说明 |
-|------|------|
-| `npm run deploy:setup` | 首次配置部署环境 |
-| `npm run deploy` | 部署到生产环境 |
-| `npm run rollback` | 回滚到上一个版本 |
-| `npm run rollback -- 2` | 回滚到前 2 个版本 |
-| `npm run rollback -- list` | 查看可回滚的版本列表 |
-
---
-
-## 支持
-
-如有问题，请联系开发团队或提交 Issue。
-
---
-
-**祝部署顺利！** 🎉
--- a/docs/DEPLOYMENT_QUICKSTART.md
+++ b/docs/DEPLOYMENT_QUICKSTART.md
@@ -1,70 +0,0 @@
-# 🚀 部署快速上手指南
-
-## 首次使用（5 分钟）
-
-### 步骤 1: 运行配置向导
-```bash
-npm run deploy:setup
-```
-
-按提示输入以下信息：
- 服务器地址：`你的服务器IP或域名`
- SSH 用户名：`ubuntu`
- SSH 端口：`22`
- SSH 密钥：按 `y` 使用默认密钥
- 企业微信通知：按 `y` 启用（或按 `n` 跳过）
-
-配置完成！✅
-
---
-
-## 日常部署（2 分钟）
-
-### 步骤 1: 部署到生产环境
-```bash
-npm run deploy
-```
-
-### 步骤 2: 确认部署
-看到部署预览后，输入 `yes` 确认
-
-等待 2-3 分钟，部署完成！🎉
-
---
-
-## 如果出问题了
-
-### 立即回滚
-```bash
-npm run rollback
-```
-
-输入 `yes` 确认，10 秒内恢复！
-
---
-
-## 常用命令
-
-```bash
-# 部署
-npm run deploy
-
-# 回滚
-npm run rollback
-
-# 查看可回滚的版本
-npm run rollback -- list
-
-# 重新配置
-npm run deploy:setup
-```
-
---
-
-## 需要帮助？
-
-查看完整文档：[DEPLOYMENT.md](./DEPLOYMENT.md)
-
---
-
-**就这么简单！** ✨
--- a/docs/ENVIRONMENT_SETUP.md
+++ b/docs/ENVIRONMENT_SETUP.md
@@ -1,376 +0,0 @@
-# 环境配置指南
-
-本文档详细说明项目的环境配置和启动方式。
-
-## 📊 环境模式总览
-
-| 模式 | 命令 | Mock | 后端位置 | PostHog | 适用场景 |
-|------|------|------|---------|---------|---------|
-| **本地混合** | `npm start` | ✅ 智能穿透 | 远程 | 可选双模式 | 日常前端开发（推荐） |
-| **本地全栈** | `npm run start:test` | ❌ | 本地 | 可选双模式 | 后端调试、性能测试 |
-| **远程开发** | `npm run start:dev` | ❌ | 远程 | 可选双模式 | 联调真实后端 |
-| **纯 Mock** | `npm run start:mock` | ✅ 完全拦截 | 无 | 可选双模式 | 前端完全独立开发 |
-| **生产构建** | `npm run build` | ❌ | 生产服务器 | ✅ 仅上报 | 部署上线 |
-
---
-
-## 1️⃣ 本地混合模式（推荐）
-
-### 启动命令
-```bash
-npm start
-# 或
-npm run start:local
-```
-
-### 配置文件
-`.env.local`
-
-### 特点
- 🎯 **MSW 智能拦截**：
-  - 已定义 Mock 的接口 → 返回 Mock 数据
-  - 未定义 Mock 的接口 → 自动转发到远程后端
- 💡 **最佳效率**：前端独立开发，部分依赖真实数据
- 🚀 **快速迭代**：无需等待后端，无需本地运行后端
- 🔄 **自动端口清理**：启动前自动清理 3000 端口
-
-### 适用场景
- ✅ 日常前端 UI 开发
- ✅ 页面布局调整
- ✅ 组件开发测试
- ✅ 样式优化
-
-### 工作流程
-```bash
-# 1. 启动项目
-npm start
-
-# 2. 观察控制台
-# ✅ MSW 启动成功
-# ✅ PostHog 初始化
-# ✅ 拦截日志显示
-
-# 3. 开发测试
-# - Mock 接口：立即返回假数据
-# - 真实接口：请求远程后端
-```
-
-### PostHog 配置
-编辑 `.env.local`：
-```env
-# 仅控制台 debug（初期开发）
-REACT_APP_POSTHOG_KEY=
-
-# 控制台 + PostHog Cloud（完整测试）
-REACT_APP_POSTHOG_KEY=phc_your_test_key_here
-```
-
---
-
-## 2️⃣ 本地全栈模式
-
-### 启动命令
-```bash
-npm run start:test
-```
-
-### 配置文件
-`.env.test`
-
-### 特点
- 🖥️ **前后端都在本地**：
-  - 前端：localhost:3000
-  - 后端：localhost:5001
- 🗄️ **本地数据库**：数据隔离，不影响团队
- 🔍 **完整调试**：可以打断点调试后端代码
- 📊 **性能分析**：测试数据库查询、接口性能
-
-### 适用场景
- ✅ 调试后端 Python 代码
- ✅ 测试数据库查询优化
- ✅ 性能测试和压力测试
- ✅ 离线开发（无网络）
- ✅ 数据迁移脚本测试
-
-### 工作流程
-```bash
-# 1. 启动全栈（自动启动前后端）
-npm run start:test
-
-# 观察日志：
-# [backend] Flask 服务器启动在 5001 端口
-# [frontend] React 启动在 3000 端口
-
-# 2. 或手动分别启动
-# 终端 1
-python app_2.py
-
-# 终端 2
-npm run frontend:test
-```
-
-### 注意事项
- ⚠️ 确保本地安装了 Python 环境
- ⚠️ 确保安装了 requirements.txt 中的依赖
- ⚠️ 确保本地数据库已配置
-
---
-
-## 3️⃣ 远程开发模式
-
-### 启动命令
-```bash
-npm run start:dev
-```
-
-### 配置文件
-`.env.development`
-
-### 特点
- 🌐 **连接远程后端**：http://49.232.185.254:5001
- 📡 **真实数据**：远程开发数据库
- 🤝 **团队协作**：与后端团队联调
- ⚡ **无需本地后端**：专注前端开发
-
-### 适用场景
- ✅ 联调后端最新代码
- ✅ 测试真实数据表现
- ✅ 验证接口文档
- ✅ 跨服务功能测试
-
-### 工作流程
-```bash
-# 1. 启动前端（连接远程后端）
-npm run start:dev
-
-# 2. 观察控制台
-# ✅ 所有请求发送到远程服务器
-# ✅ 无 MSW 拦截
-
-# 3. 联调测试
-# - 测试最新后端接口
-# - 反馈问题给后端团队
-```
-
---
-
-## 4️⃣ 纯 Mock 模式
-
-### 启动命令
-```bash
-npm run start:mock
-```
-
-### 配置文件
-`.env.mock`
-
-### 特点
- 📦 **完全 Mock**：所有请求都被 MSW 拦截
- ⚡ **完全离线**：无需任何后端服务
- 🎨 **纯前端**：专注 UI/UX 开发
-
-### 适用场景
- ✅ 后端接口未开发完成
- ✅ 完全独立的前端开发
- ✅ UI 原型展示
-
---
-
-## 🔧 PostHog 配置说明
-
-### 双模式运行
-
-PostHog 支持两种模式：
-
-#### 模式 1：仅控制台 Debug（推荐初期）
-```env
-REACT_APP_POSTHOG_KEY=  # 留空
-```
-
-**效果：**
- ✅ 控制台打印所有事件日志
- ✅ 验证事件触发逻辑
- ✅ 检查事件属性
- ❌ 不实际发送到 PostHog 服务器
-
-**控制台输出示例：**
-```javascript
-✅ PostHog initialized successfully
-📊 PostHog Analytics initialized
-📍 Event tracked: community_page_viewed { ... }
-```
-
-#### 模式 2：控制台 + PostHog Cloud（完整测试）
-```env
-REACT_APP_POSTHOG_KEY=phc_your_test_key_here
-```
-
-**效果：**
- ✅ 控制台打印所有事件日志
- ✅ 同时发送到 PostHog Cloud
- ✅ 在 PostHog Dashboard 查看 Live Events
- ✅ 测试完整的分析功能
-
-### 获取 PostHog API Key
-
-1. 登录 PostHog：https://app.posthog.com
-2. 创建项目（建议创建独立的测试项目）
-3. 进入项目设置 → Project API Key
-4. 复制 API Key（格式：`phc_xxxxxxxxxxxxxx`）
-5. 填入对应环境的 `.env` 文件
-
-### 推荐配置
-
-```bash
-# 本地开发（.env.local）
-REACT_APP_POSTHOG_KEY=  # 留空，仅控制台
-
-# 测试环境（.env.test）
-REACT_APP_POSTHOG_KEY=phc_test_key  # 测试项目 Key
-
-# 开发环境（.env.development）
-REACT_APP_POSTHOG_KEY=phc_dev_key  # 开发项目 Key
-
-# 生产环境（.env）
-REACT_APP_POSTHOG_KEY=phc_prod_key  # 生产项目 Key
-```
-
---
-
-## 🛠️ 端口管理
-
-### 自动清理 3000 端口
-
-所有 `npm start` 命令会自动执行 `prestart` 钩子，清理 3000 端口：
-
-```bash
-# 自动执行
-npm start
-# → 先执行 kill-port 3000
-# → 再执行 craco start
-```
-
-### 手动清理端口
-
-```bash
-npm run kill-port
-```
-
---
-
-## 📁 环境变量文件说明
-
-| 文件 | 提交Git | 用途 | 优先级 |
-|------|--------|------|--------|
-| `.env` | ✅ | 生产环境 | 低 |
-| `.env.local` | ✅ | 本地混合模式 | 高 |
-| `.env.test` | ✅ | 本地测试环境 | 高 |
-| `.env.development` | ✅ | 远程开发环境 | 中 |
-| `.env.mock` | ✅ | 纯 Mock 模式 | 中 |
-
---
-
-## 🐛 常见问题
-
-### Q1: 端口 3000 被占用
-
-**解决方案：**
-```bash
-# 方案 1：自动清理（推荐）
-npm start  # 会自动清理
-
-# 方案 2：手动清理
-npm run kill-port
-```
-
-### Q2: PostHog 事件没有上报
-
-**检查清单：**
-1. 检查 `REACT_APP_POSTHOG_KEY` 是否填写
-2. 打开浏览器控制台，查看是否有初始化日志
-3. 检查网络面板，是否有请求发送到 PostHog
-4. 登录 PostHog Dashboard → Live Events 查看
-
-### Q3: Mock 数据没有生效
-
-**检查清单：**
-1. 确认 `REACT_APP_ENABLE_MOCK=true`
-2. 检查控制台是否显示 "MSW enabled"
-3. 检查 `src/mocks/handlers/` 中是否定义了对应接口
-4. 查看浏览器控制台的 MSW 拦截日志
-
-### Q4: 本地全栈模式启动失败
-
-**可能原因：**
-1. Python 环境未安装
-2. 后端依赖未安装：`pip install -r requirements.txt`
-3. 数据库未配置
-4. 端口 5001 被占用：`lsof -ti:5001 | xargs kill -9`
-
-### Q5: 环境变量不生效
-
-**解决方案：**
-1. 重启开发服务器（React 不会热更新环境变量）
-2. 检查环境变量名称是否以 `REACT_APP_` 开头
-3. 确认使用了正确的 `.env` 文件
-
---
-
-## 🚀 快速开始
-
-### 新成员入职
-
-```bash
-# 1. 克隆项目
-git clone <repository>
-cd vf_react
-
-# 2. 安装依赖
-npm install
-
-# 3. 启动项目（默认本地混合模式）
-npm start
-
-# 4. 浏览器访问
-# http://localhost:3000
-```
-
-### 日常开发流程
-
-```bash
-# 早上启动
-npm start
-
-# 开发中...
-# - 修改代码
-# - 热更新自动生效
-# - 查看控制台日志
-
-# 需要调试后端时
-npm run start:test
-
-# 需要联调时
-npm run start:dev
-```
-
---
-
-## 📚 相关文档
-
- [PostHog 集成文档](./POSTHOG_INTEGRATION.md)
- [PostHog 事件追踪文档](./POSTHOG_EVENT_TRACKING.md)
- [项目配置说明](./CLAUDE.md)
-
---
-
-## 🤝 团队协作建议
-
-1. **统一环境**：团队成员使用相同的启动命令
-2. **独立测试**：测试新功能时使用 `start:test` 隔离数据
-3. **及时反馈**：发现接口问题及时在群里反馈
-4. **代码审查**：提交前检查是否误提交 API Key
-
---
-
-**最后更新：** 2025-01-15
-**维护者：** 前端团队
--- a/docs/ERROR_FIX_REPORT.md
+++ b/docs/ERROR_FIX_REPORT.md
@@ -1,364 +0,0 @@
-# 黑屏问题修复报告
-
-## 🔍 问题描述
-
-**现象**: 注册页面点击"获取二维码"按钮，API 请求失败时页面变成黑屏
-
-**根本原因**:
-1. **缺少全局 ErrorBoundary** - 组件错误未被捕获，导致整个 React 应用崩溃
-2. **缺少 Promise rejection 处理** - 异步错误（AxiosError）未被捕获
-3. **ErrorBoundary 组件未正确导出** - 虽然组件存在但无法使用
-4. **错误提示被注释** - 用户无法看到具体错误信息
-
---
-
-## ✅ 已实施的修复方案
-
-### 1. 修复 ErrorBoundary 导出 ✓
-
-**文件**: `src/components/ErrorBoundary.js`
-
-**问题**: 文件末尾只有 `export` 没有完整导出语句
-
-**修复**:
-```javascript
-// ❌ 修复前
-export
-
-// ✅ 修复后
-export default ErrorBoundary;
-```
-
---
-
-### 2. 在 App.js 添加全局 ErrorBoundary ✓
-
-**文件**: `src/App.js`
-
-**修复**: 在最外层添加 ErrorBoundary 包裹
-
-```javascript
-export default function App() {
-    return (
-        <ChakraProvider theme={theme}>
-            <ErrorBoundary>  {/* ✅ 添加全局错误边界 */}
-                <AuthProvider>
-                    <AppContent />
-                </AuthProvider>
-            </ErrorBoundary>
-        </ChakraProvider>
-    );
-}
-```
-
-**效果**: 捕获所有 React 组件渲染错误，防止整个应用崩溃
-
---
-
-### 3. 添加全局 Promise Rejection 处理 ✓
-
-**文件**: `src/App.js`
-
-**问题**: ErrorBoundary 只能捕获同步错误，无法捕获异步 Promise rejection
-
-**修复**: 添加全局事件监听器
-
-```javascript
-export default function App() {
-    // 全局错误处理：捕获未处理的 Promise rejection
-    useEffect(() => {
-        const handleUnhandledRejection = (event) => {
-            console.error('未捕获的 Promise rejection:', event.reason);
-            event.preventDefault(); // 阻止默认处理，防止崩溃
-        };
-
-        const handleError = (event) => {
-            console.error('全局错误:', event.error);
-            event.preventDefault(); // 阻止默认处理，防止崩溃
-        };
-
-        window.addEventListener('unhandledrejection', handleUnhandledRejection);
-        window.addEventListener('error', handleError);
-
-        return () => {
-            window.removeEventListener('unhandledrejection', handleUnhandledRejection);
-            window.removeEventListener('error', handleError);
-        };
-    }, []);
-
-    // ...
-}
-```
-
-**效果**:
- 捕获所有未处理的 Promise rejection（如 AxiosError）
- 记录错误到控制台便于调试
- 阻止应用崩溃和黑屏
-
---
-
-### 4. 在 Auth Layout 添加 ErrorBoundary ✓
-
-**文件**: `src/layouts/Auth.js`
-
-**修复**: 为认证路由添加独立的错误边界
-
-```javascript
-export default function Auth() {
-  return (
-    <ErrorBoundary>  {/* ✅ Auth 专属错误边界 */}
-      <Box minH="100vh">
-        <Routes>
-          {/* ... 路由配置 */}
-        </Routes>
-      </Box>
-    </ErrorBoundary>
-  );
-}
-```
-
-**效果**: 认证页面的错误不会影响整个应用
-
---
-
-### 5. 恢复 WechatRegister 错误提示 ✓
-
-**文件**: `src/components/Auth/WechatRegister.js`
-
-**问题**: Toast 错误提示被注释，用户无法看到错误原因
-
-**修复**:
-```javascript
-} catch (error) {
-    console.error('获取微信授权失败:', error);
-    toast({  // ✅ 恢复 Toast 提示
-        title: "获取微信授权失败",
-        description: error.response?.data?.error || error.message || "请稍后重试",
-        status: "error",
-        duration: 3000,
-    });
-}
-```
-
---
-
-## 🛡️ 完整错误保护体系
-
-现在系统有**四层错误保护**：
-
-```
-┌─────────────────────────────────────────────────┐
-│  第1层: 组件级 try-catch                         │
-│  • WechatRegister.getWechatQRCode()            │
-│  • SignIn.openWechatLogin()                    │
-│  • 显示 Toast 错误提示                          │
-└─────────────────────────────────────────────────┘
-                      ↓ 未捕获的错误
-┌─────────────────────────────────────────────────┐
-│  第2层: 页面级 ErrorBoundary (Auth.js)          │
-│  • 捕获认证页面的 React 错误                     │
-│  • 显示错误页面 + 重载按钮                       │
-└─────────────────────────────────────────────────┘
-                      ↓ 未捕获的错误
-┌─────────────────────────────────────────────────┐
-│  第3层: 全局 ErrorBoundary (App.js)             │
-│  • 捕获所有 React 组件错误                       │
-│  • 最后的防线，防止白屏                          │
-└─────────────────────────────────────────────────┘
-                      ↓ 异步错误
-┌─────────────────────────────────────────────────┐
-│  第4层: 全局 Promise Rejection 处理 (App.js)    │
-│  • 捕获所有未处理的 Promise rejection            │
-│  • 记录到控制台，阻止应用崩溃                     │
-└─────────────────────────────────────────────────┘
-```
-
---
-
-## 📊 修复前 vs 修复后
-
-| 场景 | 修复前 | 修复后 |
-|-----|-------|-------|
-| **API 请求失败** | 黑屏 ❌ | Toast 提示 + 页面正常 ✅ |
-| **组件渲染错误** | 黑屏 ❌ | 错误页面 + 重载按钮 ✅ |
-| **Promise rejection** | 黑屏 ❌ | 控制台日志 + 页面正常 ✅ |
-| **用户体验** | 极差（无法恢复） | 优秀（可继续操作） |
-
---
-
-## 🧪 测试验证
-
-### 测试场景 1: API 请求失败
-```
-操作: 点击"获取二维码"，后端返回错误
-预期:
-✅ 显示 Toast 错误提示
-✅ 页面保持正常显示
-✅ 可以重新点击按钮
-```
-
-### 测试场景 2: 网络错误
-```
-操作: 断网状态下点击"获取二维码"
-预期:
-✅ 显示网络错误提示
-✅ 页面不黑屏
-✅ 控制台记录 AxiosError
-```
-
-### 测试场景 3: 组件渲染错误
-```
-操作: 人为制造组件错误（如访问 undefined 属性）
-预期:
-✅ ErrorBoundary 捕获错误
-✅ 显示错误页面和"重新加载"按钮
-✅ 点击按钮可恢复
-```
-
---
-
-## 🔍 调试指南
-
-### 查看错误日志
-
-打开浏览器开发者工具 (F12)，查看 Console 面板：
-
-1. **组件级错误**:
-   ```
-   ❌ 获取微信授权失败: AxiosError {...}
-   ```
-
-2. **Promise rejection**:
-   ```
-   ❌ 未捕获的 Promise rejection: Error: Network Error
-   ```
-
-3. **全局错误**:
-   ```
-   ❌ 全局错误: TypeError: Cannot read property 'xxx' of undefined
-   ```
-
-### 检查 ErrorBoundary 是否生效
-
-1. 在开发模式下，React 会显示错误详情 overlay
-2. 关闭 overlay 后，应该看到 ErrorBoundary 的错误页面
-3. 生产模式下直接显示 ErrorBoundary 错误页面
-
---
-
-## 📝 修改文件清单
-
-| 文件 | 修改内容 | 状态 |
-|-----|---------|------|
-| `src/components/ErrorBoundary.js` | 添加 `export default` | ✅ |
-| `src/App.js` | 添加 ErrorBoundary + Promise rejection 处理 | ✅ |
-| `src/layouts/Auth.js` | 添加 ErrorBoundary | ✅ |
-| `src/components/Auth/WechatRegister.js` | 恢复 Toast 错误提示 | ✅ |
-
---
-
-## ⚠️ 注意事项
-
-### 开发环境 vs 生产环境
-
-**开发环境**:
- React 会显示红色错误 overlay
- ErrorBoundary 的错误详情会显示
- 控制台有完整的错误堆栈
-
-**生产环境**:
- 不显示错误 overlay
- 直接显示 ErrorBoundary 的用户友好页面
- 控制台仅记录简化的错误信息
-
-### Promise Rejection 处理
-
- `event.preventDefault()` 阻止浏览器默认行为（控制台红色错误）
- 但错误仍会被记录到 `console.error`
- 应用不会崩溃，用户可继续操作
-
---
-
-## 🎯 后续优化建议
-
-### 1. 添加错误上报服务（可选）
-
-集成 Sentry 或其他错误监控服务：
-
-```javascript
-import * as Sentry from "@sentry/react";
-
-// 在 index.js 初始化
-Sentry.init({
-  dsn: "YOUR_SENTRY_DSN",
-  environment: process.env.NODE_ENV,
-});
-```
-
-### 2. 改进用户体验
-
- 为不同类型的错误显示不同的图标和文案
- 添加"联系客服"按钮
- 提供常见问题解答链接
-
-### 3. 优化错误恢复
-
- 实现细粒度的错误边界（特定功能区域）
- 提供局部重试而不是刷新整个页面
- 缓存用户输入，错误恢复后自动填充
-
---
-
-## 📈 技术细节
-
-### ErrorBoundary 原理
-
-```javascript
-class ErrorBoundary extends React.Component {
-  componentDidCatch(error, errorInfo) {
-    // 捕获子组件树中的所有错误
-    // 但无法捕获：
-    // 1. 事件处理器中的错误
-    // 2. 异步代码中的错误 (setTimeout, Promise)
-    // 3. ErrorBoundary 自身的错误
-  }
-}
-```
-
-### Promise Rejection 处理原理
-
-```javascript
-window.addEventListener('unhandledrejection', (event) => {
-  // event.reason 包含 Promise rejection 的原因
-  // event.promise 是被 reject 的 Promise
-  event.preventDefault(); // 阻止默认行为
-});
-```
-
---
-
-## 🎉 总结
-
-### 修复成果
-
-✅ **彻底解决黑屏问题**
- API 请求失败不再导致崩溃
- 用户可以看到清晰的错误提示
- 页面可以正常继续使用
-
-✅ **建立完整错误处理体系**
- 4 层错误保护机制
- 覆盖同步和异步错误
- 开发和生产环境都适用
-
-✅ **提升用户体验**
- 从"黑屏崩溃"到"友好提示"
- 提供错误恢复途径
- 便于问题排查和调试
-
---
-
-**修复完成时间**: 2025-10-14
-**修复者**: Claude Code
-**版本**: 3.0.0
-
--- a/docs/FIX_SUMMARY.md
+++ b/docs/FIX_SUMMARY.md
@@ -1,422 +0,0 @@
-# 认证模块崩溃问题修复总结
-
-> 修复时间：2025-10-14
-> 修复范围：SignInIllustration.js + SignUpIllustration.js
-
---
-
-## ✅ 已修复文件
-
-### 1. SignInIllustration.js - 登录页面
-
-#### 修复内容（6处问题全部修复）
-
-| 行号 | 问题类型 | 风险等级 | 修复状态 |
-|------|---------|---------|---------|
-| 177 | 响应对象未检查 → response.json() | 🔴 高危 | ✅ 已修复 |
-| 218 | 响应对象未检查 → response.json() | 🔴 高危 | ✅ 已修复 |
-| 220 | 未检查 data.auth_url 存在性 | 🔴 高危 | ✅ 已修复 |
-| 250 | 响应对象未检查 → response.json() | 🔴 高危 | ✅ 已修复 |
-| 127-137 | 定时器中 setState 无挂载检查 | 🟠 中危 | ✅ 已修复 |
-| 165-200 | 组件卸载后可能 setState | 🟠 中危 | ✅ 已修复 |
-
-#### 核心修复代码
-
-**1. 添加 isMountedRef 追踪组件状态**
-```javascript
-// ✅ 组件顶部添加
-const isMountedRef = useRef(true);
-
-// ✅ 组件卸载时清理
-useEffect(() => {
-    isMountedRef.current = true;
-    return () => {
-        isMountedRef.current = false;
-    };
-}, []);
-```
-
-**2. sendVerificationCode 函数修复**
-```javascript
-// ❌ 修复前
-const response = await fetch(...);
-const data = await response.json(); // 可能崩溃
-
-// ✅ 修复后
-const response = await fetch(...);
-
-if (!response) {
-    throw new Error('网络请求失败，请检查网络连接');
-}
-
-const data = await response.json();
-
-if (!isMountedRef.current) return; // 组件已卸载，提前退出
-
-if (!data) {
-    throw new Error('服务器响应为空');
-}
-```
-
-**3. openWechatLogin 函数修复**
-```javascript
-// ❌ 修复前
-const data = await response.json();
-window.location.href = data.auth_url; // data.auth_url 可能 undefined
-
-// ✅ 修复后
-if (!response) {
-    throw new Error('网络请求失败，请检查网络连接');
-}
-
-const data = await response.json();
-
-if (!isMountedRef.current) return;
-
-if (!data || !data.auth_url) {
-    throw new Error('获取二维码失败：响应数据不完整');
-}
-
-window.location.href = data.auth_url;
-```
-
-**4. loginWithVerificationCode 函数修复**
-```javascript
-// ✅ 完整的安全检查流程
-const response = await fetch(...);
-
-if (!response) {
-    throw new Error('网络请求失败，请检查网络连接');
-}
-
-const data = await response.json();
-
-if (!isMountedRef.current) {
-    return { success: false, error: '操作已取消' };
-}
-
-if (!data) {
-    throw new Error('服务器响应为空');
-}
-
-// 后续逻辑...
-```
-
-**5. 定时器修复**
-```javascript
-// ❌ 修复前
-useEffect(() => {
-    let timer;
-    if (countdown > 0) {
-        timer = setInterval(() => {
-            setCountdown(prev => prev - 1); // 可能在组件卸载后调用
-        }, 1000);
-    }
-    return () => clearInterval(timer);
-}, [countdown]);
-
-// ✅ 修复后
-useEffect(() => {
-    let timer;
-    let isMounted = true;
-
-    if (countdown > 0) {
-        timer = setInterval(() => {
-            if (isMounted) {
-                setCountdown(prev => prev - 1);
-            }
-        }, 1000);
-    }
-
-    return () => {
-        isMounted = false;
-        if (timer) clearInterval(timer);
-    };
-}, [countdown]);
-```
-
---
-
-### 2. SignUpIllustration.js - 注册页面
-
-#### 修复内容（6处问题全部修复）
-
-| 行号 | 问题类型 | 风险等级 | 修复状态 |
-|------|---------|---------|---------|
-| 98 | axios 响应未检查 | 🟠 中危 | ✅ 已修复 |
-| 191 | axios 响应未验证成功状态 | 🟠 中危 | ✅ 已修复 |
-| 200-202 | navigate 在组件卸载后可能调用 | 🟠 中危 | ✅ 已修复 |
-| 123-128 | 定时器中 setState 无挂载检查 | 🟠 中危 | ✅ 已修复 |
-| 96-119 | sendVerificationCode 卸载后 setState | 🟠 中危 | ✅ 已修复 |
-| - | 缺少请求超时配置 | 🟡 低危 | ✅ 已修复 |
-
-#### 核心修复代码
-
-**1. sendVerificationCode 函数修复**
-```javascript
-// ✅ 修复后 - 添加响应检查和组件挂载保护
-const response = await axios.post(`${API_BASE_URL}/api/auth/${endpoint}`, {
-    [fieldName]: contact
-}, {
-    timeout: 10000 // 添加10秒超时
-});
-
-if (!isMountedRef.current) return;
-
-if (!response || !response.data) {
-    throw new Error('服务器响应为空');
-}
-```
-
-**2. handleSubmit 函数修复**
-```javascript
-// ✅ 修复后 - 完整的安全检查
-const response = await axios.post(`${API_BASE_URL}${endpoint}`, data, {
-    timeout: 10000
-});
-
-if (!isMountedRef.current) return;
-
-if (!response || !response.data) {
-    throw new Error('注册请求失败：服务器响应为空');
-}
-
-toast({...});
-
-setTimeout(() => {
-    if (isMountedRef.current) {
-        navigate("/auth/sign-in");
-    }
-}, 2000);
-```
-
-**3. 倒计时效果修复**
-```javascript
-// ✅ 修复后 - 与 SignInIllustration.js 相同的安全模式
-useEffect(() => {
-    let isMounted = true;
-
-    if (countdown > 0) {
-        const timer = setTimeout(() => {
-            if (isMounted) {
-                setCountdown(countdown - 1);
-            }
-        }, 1000);
-
-        return () => {
-            isMounted = false;
-            clearTimeout(timer);
-        };
-    }
-}, [countdown]);
-```
-
---
-
-## 📊 修复效果对比
-
-### 修复前
-```
-❌ 崩溃率：特定条件下 100%
-❌ 内存泄漏：12 处潜在风险
-❌ 未捕获异常：10+ 处
-❌ 网络错误：无友好提示
-```
-
-### 修复后
-```
-✅ 崩溃率：0%
-✅ 内存泄漏：0 处（已全部修复）
-✅ 异常捕获：100%
-✅ 网络错误：友好提示 + 详细错误信息
-```
-
---
-
-## 🛡️ 防御性编程改进
-
-### 1. 响应对象三重检查模式
-```javascript
-// ✅ 推荐：三重安全检查
-const response = await fetch(url);
-
-// 检查 1：response 存在
-if (!response) {
-    throw new Error('网络请求失败');
-}
-
-// 检查 2：HTTP 状态
-if (!response.ok) {
-    throw new Error(`HTTP ${response.status}`);
-}
-
-// 检查 3：JSON 解析
-const data = await response.json();
-
-// 检查 4：数据完整性
-if (!data || !data.requiredField) {
-    throw new Error('响应数据不完整');
-}
-```
-
-### 2. 组件卸载保护标准模式
-```javascript
-// ✅ 推荐：每个组件都应该有
-const isMountedRef = useRef(true);
-
-useEffect(() => {
-    return () => {
-        isMountedRef.current = false;
-    };
-}, []);
-
-// 在异步操作中检查
-const asyncAction = async () => {
-    const data = await fetchData();
-
-    if (!isMountedRef.current) return; // 关键检查
-
-    setState(data);
-};
-```
-
-### 3. 定时器清理标准模式
-```javascript
-// ✅ 推荐：本地 isMounted + 定时器清理
-useEffect(() => {
-    let isMounted = true;
-    const timerId = setInterval(() => {
-        if (isMounted) {
-            doSomething();
-        }
-    }, 1000);
-
-    return () => {
-        isMounted = false;
-        clearInterval(timerId);
-    };
-}, [dependencies]);
-```
-
---
-
-## 🧪 测试验证
-
-### 已验证场景 ✅
-
-1. **网络异常测试**
-   - ✅ 断网状态下发送验证码 - 显示友好错误提示
-   - ✅ 弱网环境下请求超时 - 10秒后超时提示
-   - ✅ 后端返回非 JSON 响应 - 捕获并提示
-
-2. **组件生命周期测试**
-   - ✅ 请求中快速切换页面 - 无崩溃，无内存泄漏警告
-   - ✅ 倒计时中离开页面 - 定时器正确清理
-   - ✅ 注册成功前关闭标签页 - navigate 不会执行
-
-3. **边界情况测试**
-   - ✅ 后端返回空对象 `{}` - 捕获并提示"响应数据不完整"
-   - ✅ 后端返回 500/404 错误 - 显示具体 HTTP 状态码
-   - ✅ axios 超时 - 显示超时错误
-
---
-
-## 📋 剩余待修复文件
-
-### AuthContext.js - 13个问题
- 🔴 高危：9 处响应对象未检查
- 🟠 中危：4 处 Promise rejection 未处理
-
-### 其他认证相关组件
- 扫描发现的 28 个问题中，已修复 12 个
- 剩余 16 个高危问题需要修复
-
---
-
-## 🚀 编译状态
-
-```bash
-✅ Compiled successfully!
-✅ webpack compiled successfully
-✅ 无运行时错误
-✅ 无内存泄漏警告
-
-服务器: http://localhost:3000
-```
-
---
-
-## 💡 最佳实践总结
-
-### 1. 永远检查响应对象
-```javascript
-// ❌ 危险
-const data = await response.json();
-
-// ✅ 安全
-if (!response) throw new Error('...');
-const data = await response.json();
-```
-
-### 2. 永远保护组件卸载后的 setState
-```javascript
-// ❌ 危险
-setState(data);
-
-// ✅ 安全
-if (isMountedRef.current) {
-    setState(data);
-}
-```
-
-### 3. 永远清理定时器
-```javascript
-// ❌ 危险
-const timer = setInterval(...);
-// 组件卸载时可能未清理
-
-// ✅ 安全
-useEffect(() => {
-    const timer = setInterval(...);
-    return () => clearInterval(timer);
-}, []);
-```
-
-### 4. 永远添加请求超时
-```javascript
-// ❌ 危险
-await axios.post(url, data);
-
-// ✅ 安全
-await axios.post(url, data, { timeout: 10000 });
-```
-
-### 5. 永远检查数据完整性
-```javascript
-// ❌ 危险
-window.location.href = data.auth_url;
-
-// ✅ 安全
-if (!data || !data.auth_url) {
-    throw new Error('数据不完整');
-}
-window.location.href = data.auth_url;
-```
-
---
-
-## 🎯 下一步建议
-
-1. ⏭️ **立即执行**：修复 AuthContext.js 的 9 个高危问题
-2. 📝 **本周完成**：为所有异步组件添加 isMountedRef 保护
-3. 🧪 **持续改进**：添加单元测试覆盖错误处理逻辑
-4. 📚 **文档化**：将防御性编程模式写入团队规范
-
---
-
-**修复完成时间**：2025-10-14
-**修复文件数**：2
-**修复问题数**：12
-**崩溃风险降低**：100%
-
-需要继续修复 AuthContext.js 吗？
--- a/docs/HOMEPAGE_FIX.md
+++ b/docs/HOMEPAGE_FIX.md
@@ -1,327 +0,0 @@
-# 首页白屏问题修复报告
-
-## 🔍 问题诊断
-
-### 白屏原因分析
-
-经过深入排查，发现首页白屏的主要原因是：
-
-#### 1. **AuthContext API 阻塞渲染**（主要原因 🔴）
-
-**问题描述**:
- `AuthContext` 在初始化时 `isLoading` 默认为 `true`
- 组件加载时立即调用 `/api/auth/session` API 检查登录状态
- 在 API 请求完成前（1-5秒），整个应用被 `isLoading=true` 阻塞
- 用户看到的就是白屏，没有任何内容
-
-**问题代码**:
-```javascript
-// src/contexts/AuthContext.js (修复前)
-const [isLoading, setIsLoading] = useState(true);  // ❌ 默认 true
-
-useEffect(() => {
-  checkSession();  // 等待 API 完成才设置 isLoading=false
-}, []);
-```
-
-**影响**:
- 首屏白屏时间：1-5秒
- 用户体验极差，看起来像是页面卡死
-
-#### 2. **HomePage 缺少 Loading UI**（次要原因 🟡）
-
-**问题描述**:
- `HomePage` 组件获取了 `isLoading` 但没有使用
- 没有显示任何加载状态或骨架屏
- 用户不知道页面是在加载还是出错了
-
-**问题代码**:
-```javascript
-// src/views/Home/HomePage.js (修复前)
-const { user, isAuthenticated, isLoading } = useAuth();
-// isLoading 被获取但从未使用 ❌
-return <Box>...</Box>  // 直接渲染，isLoading 时仍然白屏
-```
-
-#### 3. **大背景图片阻塞**（轻微影响 🟢）
-
-**问题描述**:
- `BackgroundCard1.png` 作为背景图片同步加载
- 可能导致首屏渲染延迟
-
---
-
-## ✅ 修复方案
-
-### 修复 1: AuthContext 不阻塞渲染
-
-**修改文件**: `src/contexts/AuthContext.js`
-
-**核心思路**: **让 API 请求和页面渲染并行执行，互不阻塞**
-
-#### 关键修改：
-
-1. **isLoading 初始值改为 false**
-```javascript
-// ✅ 修复后
-const [isLoading, setIsLoading] = useState(false); // 不阻塞首屏
-```
-
-2. **移除 finally 中的 setIsLoading**
-```javascript
-// checkSession 函数
-const checkSession = async () => {
-  try {
-    // 添加5秒超时控制
-    const controller = new AbortController();
-    const timeoutId = setTimeout(() => controller.abort(), 5000);
-
-    const response = await fetch(`${API_BASE_URL}/api/auth/session`, {
-      signal: controller.signal,
-      // ...
-    });
-
-    // 处理响应...
-  } catch (error) {
-    // 错误处理...
-  }
-  // ⚡ 移除 finally { setIsLoading(false); }
-};
-```
-
-3. **初始化时直接调用，不等待**
-```javascript
-useEffect(() => {
-  checkSession(); // 直接调用，与页面渲染并行
-}, []);
-```
-
-**效果**:
- ✅ 首页立即渲染，不再白屏
- ✅ API 请求在后台进行
- ✅ 登录状态更新后自动刷新 UI
- ✅ 5秒超时保护，避免长时间等待
-
---
-
-### 修复 2: 优化 HomePage 图片加载
-
-**修改文件**: `src/views/Home/HomePage.js`
-
-#### 关键修改：
-
-1. **移除 isLoading 依赖**
-```javascript
-// ✅ 修复后
-const { user, isAuthenticated } = useAuth(); // 不再依赖 isLoading
-```
-
-2. **添加图片懒加载**
-```javascript
-const [imageLoaded, setImageLoaded] = React.useState(false);
-
-// 背景图片优化
-<Box
-  bgImage={imageLoaded ? `url(${heroBg})` : 'none'}
-  opacity={imageLoaded ? 0.3 : 0}
-  transition="opacity 0.5s ease-in"
-/>
-
-// 预加载图片
-<Box display="none">
-  <img
-    src={heroBg}
-    alt=""
-    onLoad={() => setImageLoaded(true)}
-    onError={() => setImageLoaded(true)}
-  />
-</Box>
-```
-
-**效果**:
- ✅ 页面先渲染内容
- ✅ 背景图片异步加载
- ✅ 加载完成后淡入效果
-
---
-
-## 📊 优化效果对比
-
-### 修复前 vs 修复后
-
-| 指标 | 修复前 | 修复后 | 改善 |
-|-----|-------|-------|-----|
-| **首屏白屏时间** | 1-5秒 | **<100ms** | **95%+** ⬆️ |
-| **FCP (首次内容绘制)** | 1-5秒 | **<200ms** | **90%+** ⬆️ |
-| **TTI (可交互时间)** | 1-5秒 | **<500ms** | **80%+** ⬆️ |
-| **用户体验** | 🔴 极差（白屏） | ✅ 优秀（立即渲染） | - |
-
-### 执行流程对比
-
-#### 修复前（串行阻塞）：
-```
-1. 加载 React 应用      [████████] 200ms
-2. AuthContext 初始化   [████████] 100ms
-3. 等待 API 完成        [████████████████████████] 2000ms ❌ 白屏
-4. 渲染 HomePage       [████████] 100ms
-------------------------------------------------------
-总计: 2400ms (其中 2000ms 白屏)
-```
-
-#### 修复后（并行执行）：
-```
-1. 加载 React 应用      [████████] 200ms
-2. AuthContext 初始化   [████████] 100ms
-3. 立即渲染 HomePage    [████████] 100ms ✅ 内容显示
-4. 后台 API 请求        [并行执行中...]
-------------------------------------------------------
-首屏时间: 400ms (无白屏)
-API 请求在后台完成，不影响用户
-```
-
---
-
-## 🔧 技术细节
-
-### 1. 并行渲染原理
-
-**关键点**:
- `isLoading` 初始值为 `false`
- React 不会等待异步请求
- 组件立即进入渲染流程
-
-### 2. 超时控制机制
-
-```javascript
-const controller = new AbortController();
-const timeoutId = setTimeout(() => controller.abort(), 5000);
-
-fetch(url, { signal: controller.signal });
-clearTimeout(timeoutId);
-```
-
-**作用**:
- 避免慢网络或 API 故障导致长时间等待
- 5秒后自动放弃请求
- 用户不受影响，可以正常浏览
-
-### 3. 图片懒加载
-
-**原理**:
- 先渲染 DOM 结构
- 图片在后台异步加载
- 加载完成后触发 `onLoad` 回调
- 使用 CSS transition 实现淡入效果
-
---
-
-## 📝 修改文件清单
-
-| 文件 | 修改内容 | 行数 |
-|-----|---------|------|
-| `src/contexts/AuthContext.js` | 修复 isLoading 阻塞问题 | ~25 |
-| `src/views/Home/HomePage.js` | 优化图片加载，移除 isLoading 依赖 | ~15 |
-
---
-
-## ⚠️ 注意事项
-
-### 1. 兼容性
-
-✅ **已测试浏览器**:
- Chrome 90+
- Firefox 88+
- Safari 14+
- Edge 90+
-
-### 2. API 依赖
-
- API 请求失败不会影响首页显示
- 用户可以先浏览内容
- 登录状态会在后台更新
-
-### 3. 后续优化建议
-
-1. **添加骨架屏**（可选）
-   - 在内容加载时显示占位动画
-   - 进一步提升用户体验
-
-2. **SSR/SSG**（长期优化）
-   - 使用 Next.js 进行服务端渲染
-   - 首屏时间可降至 <100ms
-
-3. **CDN 优化**
-   - 将背景图片上传到 CDN
-   - 使用 WebP 格式减小体积
-
---
-
-## 🧪 测试验证
-
-### 本地测试
-
-```bash
-# 1. 清理缓存
-rm -rf node_modules/.cache
-
-# 2. 启动开发服务器
-npm start
-
-# 3. 打开浏览器
-# 访问 http://localhost:3000
-```
-
-### 预期结果
-
-✅ **首页立即显示**
- 标题、描述立即可见
- 功能卡片立即可交互
- 无白屏现象
-
-✅ **导航栏正常**
- 用户头像/登录按钮正确显示
- 点击跳转功能正常
-
-✅ **背景图片**
- 内容先显示
- 背景图片淡入加载
-
---
-
-## 📈 监控指标
-
-### 推荐监控
-
-1. **性能监控**
-   - FCP (First Contentful Paint)
-   - LCP (Largest Contentful Paint)
-   - TTI (Time to Interactive)
-
-2. **错误监控**
-   - API 请求失败率
-   - 超时率
-   - JavaScript 错误
-
---
-
-## 🎯 总结
-
-### 修复成果
-
-✅ **首页白屏问题已彻底解决**
- 从 1-5秒白屏降至 <100ms 首屏渲染
- 用户体验提升 95%+
- 性能优化达到行业最佳实践
-
-### 核心原则
-
-**请求不阻塞渲染**：
- API 请求和页面渲染并行执行
- 优先显示内容，异步加载数据
- 超时保护，避免长时间等待
-
---
-
-**修复完成时间**: 2025-10-13
-**修复者**: Claude Code
-**版本**: 2.0.0
--- a/docs/IMAGE_OPTIMIZATION_REPORT.md
+++ b/docs/IMAGE_OPTIMIZATION_REPORT.md
@@ -1,393 +0,0 @@
-# 🖼️ 图片资源优化报告
-
-**优化日期**: 2025-10-13  
-**优化工具**: Sharp (Node.js图片处理库)  
-**优化策略**: PNG压缩 + 智能缩放
-
---
-
-## 📊 优化成果总览
-
-### 关键指标
-
-```
-✅ 优化图片数量: 11 个
-✅ 优化前总大小: 10 MB
-✅ 优化后总大小: 4 MB
-✅ 节省空间: 6 MB
-✅ 压缩率: 64%
-```
-
-### 文件大小对比
-
-| 文件名 | 优化前 | 优化后 | 节省 | 压缩率 |
-|-------|-------|-------|------|-------|
-| **CoverImage.png** | 2.7 MB | 1.2 MB | 1.6 MB | **57%** |
-| **BasicImage.png** | 1.3 MB | 601 KB | 754 KB | **56%** |
-| **teams-image.png** | 1.2 MB | 432 KB | 760 KB | **64%** |
-| **hand-background.png** | 691 KB | 239 KB | 453 KB | **66%** |
-| **basic-auth.png** | 676 KB | 129 KB | 547 KB | **81%** ⭐ |
-| **BgMusicCard.png** | 637 KB | 131 KB | 506 KB | **79%** ⭐ |
-| **Landing2.png** | 636 KB | 211 KB | 425 KB | **67%** |
-| **Landing3.png** | 612 KB | 223 KB | 390 KB | **64%** |
-| **Landing1.png** | 548 KB | 177 KB | 371 KB | **68%** |
-| **smart-home.png** | 537 KB | 216 KB | 322 KB | **60%** |
-| **automotive-background-card.png** | 512 KB | 87 KB | 425 KB | **83%** ⭐ |
-
---
-
-## 🎯 优化策略
-
-### 技术方案
-
-使用 **Sharp** 图片处理库进行智能优化：
-
-```javascript
-// 优化策略
-1. 智能缩放
-   - 如果图片宽度 > 2000px，缩放到 2000px
-   - 保持宽高比
-   - 不放大小图片
-
-2. PNG压缩
-   - 质量设置: 85
-   - 压缩级别: 9 (最高)
-   - 自适应滤波: 开启
-
-3. 备份原图
-   - 所有原图备份到 original-backup/ 目录
-   - 确保可恢复
-```
-
-### 优化重点
-
-#### 最成功的优化 🏆
-
-1. **automotive-background-card.png** - 83% 压缩率
-2. **basic-auth.png** - 81% 压缩率  
-3. **BgMusicCard.png** - 79% 压缩率
-
-这些图片包含大量纯色区域或渐变，PNG压缩效果极佳。
-
-#### 中等优化
-
- **Landing系列** - 64-68% 压缩率
- **hand-background.png** - 66% 压缩率
- **teams-image.png** - 64% 压缩率
-
-这些图片内容较复杂，但仍获得显著优化。
-
-#### 保守优化
-
- **CoverImage.png** - 57% 压缩率
- **BasicImage.png** - 56% 压缩率
-
-这两个图片是复杂场景图，为保证质量采用保守压缩。
-
---
-
-## 📈 性能影响
-
-### 构建产物大小变化
-
-#### 优化前
-```
-build/static/media/
-├── CoverImage.png           2.75 MB  🔴
-├── BasicImage.png           1.32 MB  🔴
-├── teams-image.png          1.16 MB  🔴
-├── hand-background.png      691 KB   🟡
-├── basic-auth.png           676 KB   🟡
-├── ... 其他图片
-─────────────────────────────────────
-总计: ~10 MB 大图片
-```
-
-#### 优化后
-```
-build/static/media/
-├── CoverImage.png           1.2 MB   🟡 ⬇️ 57%
-├── BasicImage.png           601 KB   🟢 ⬇️ 56%
-├── teams-image.png          432 KB   🟢 ⬇️ 64%
-├── hand-background.png      239 KB   🟢 ⬇️ 66%
-├── basic-auth.png           129 KB   🟢 ⬇️ 81%
-├── ... 其他图片
-─────────────────────────────────────
-总计: ~4 MB 优化图片  ⬇️ 6 MB
-```
-
-### 加载时间改善
-
-#### 4G网络 (20 Mbps) 下载时间
-
-| 图片 | 优化前 | 优化后 | 节省 |
-|-----|-------|-------|------|
-| CoverImage.png | 1.1s | 0.48s | **⬇️ 56%** |
-| BasicImage.png | 0.53s | 0.24s | **⬇️ 55%** |
-| teams-image.png | 0.46s | 0.17s | **⬇️ 63%** |
-| **总计(11个图片)** | **4.0s** | **1.6s** | **⬇️ 60%** |
-
-#### 3G网络 (2 Mbps) 下载时间
-
-| 图片 | 优化前 | 优化后 | 节省 |
-|-----|-------|-------|------|
-| CoverImage.png | 11.0s | 4.8s | **⬇️ 56%** |
-| BasicImage.png | 5.3s | 2.4s | **⬇️ 55%** |
-| teams-image.png | 4.8s | 1.7s | **⬇️ 65%** |
-| **总计(11个图片)** | **40s** | **16s** | **⬇️ 60%** |
-
---
-
-## ✅ 质量验证
-
-### 视觉质量检查
-
-使用 PNG 质量85 + 压缩级别9，保证：
-
- ✅ **文字清晰度** - 完全保留
- ✅ **色彩准确性** - 几乎无损
- ✅ **边缘锐度** - 保持良好
- ✅ **渐变平滑** - 无明显色带
-
-### 建议检查点
-
-优化后建议手动检查以下页面：
-
-1. **认证页面** (basic-auth.png)
-   - `/auth/authentication/sign-in/cover`
-   
-2. **Dashboard页面** (Landing1/2/3.png)
-   - `/admin/dashboard/landing`
-   
-3. **Profile页面** (teams-image.png)
-   - `/admin/pages/profile/teams`
-
-4. **Background图片**
-   - HomePage (BackgroundCard1.png - 已优化)
-   - SmartHome Dashboard (smart-home.png)
-
---
-
-## 🎯 附加优化建议
-
-### 1. WebP格式转换 (P1) 🟡
-
-**目标**: 进一步减少 40-60% 的大小
-
-```bash
-# 可以使用Sharp转换为WebP
-# WebP在保持相同质量下通常比PNG小40-60%
-```
-
-**预期效果**:
- 当前: 4 MB (PNG优化后)
- WebP: 1.6-2.4 MB (再减少40-60%)
- 总节省: 从 10MB → 2MB (80% 优化)
-
-**注意**: 需要浏览器兼容性检查，IE不支持WebP。
-
-### 2. 响应式图片 (P2) 🟢
-
-实现不同设备加载不同尺寸：
-
-```html
-<picture>
-  <source srcset="image-sm.png" media="(max-width: 768px)">
-  <source srcset="image-md.png" media="(max-width: 1024px)">
-  <img src="image-lg.png" alt="...">
-</picture>
-```
-
-**预期效果**:
- 移动设备可减少 50-70% 图片大小
- 桌面设备加载完整分辨率
-
-### 3. 延迟加载 (P2) 🟢
-
-为非首屏图片添加懒加载：
-
-```jsx
-<img src="..." loading="lazy" alt="..." />
-```
-
-**已实现**: HomePage的 BackgroundCard1.png 已有懒加载
-
-**待优化**: 其他页面的背景图片
-
---
-
-## 📁 文件结构
-
-### 优化后的目录结构
-
-```
-src/assets/img/
-├── original-backup/          # 原始图片备份
-│   ├── CoverImage.png       (2.7 MB)
-│   ├── BasicImage.png       (1.3 MB)
-│   └── ...
-├── CoverImage.png           (1.2 MB) ✅ 优化后
-├── BasicImage.png           (601 KB) ✅ 优化后
-└── ...
-```
-
-### 备份说明
-
- ✅ 所有原始图片已备份到 `src/assets/img/original-backup/`
- ✅ 如需恢复原图，从备份目录复制回来即可
- ⚠️ 备份目录会增加仓库大小，建议添加到 .gitignore
-
---
-
-## 🔧 使用的工具
-
-### 安装的依赖
-
-```json
-{
-  "devDependencies": {
-    "sharp": "^0.33.x",
-    "imagemin": "^8.x",
-    "imagemin-pngquant": "^10.x",
-    "imagemin-mozjpeg": "^10.x"
-  }
-}
-```
-
-### 优化脚本
-
-创建的优化脚本：
- `optimize-images.js` - 主优化脚本
- `compress-images.sh` - Shell备用脚本
-
-**使用方法**:
-```bash
-# 优化图片
-node optimize-images.js
-
-# 恢复原图 (如需要)
-cp src/assets/img/original-backup/*.png src/assets/img/
-```
-
---
-
-## 📊 与其他优化的协同效果
-
-### 配合路由懒加载
-
-这些大图片主要用在已懒加载的页面：
-
-```
-✅ SignIn/SignUp页面 (basic-auth.png) - 懒加载
-✅ Dashboard/Landing (Landing1/2/3.png) - 懒加载
-✅ Profile/Teams (teams-image.png) - 懒加载
-✅ SmartHome Dashboard (smart-home.png) - 懒加载
-```
-
-**效果叠加**:
- 路由懒加载: 这些页面不在首屏加载 ✅
- 图片优化: 访问这些页面时加载更快 ✅
- **结果**: 首屏不受影响 + 后续页面快60% 🚀
-
-### 整体性能提升
-
-```
-优化项目              │ 首屏影响 │ 后续页面影响
-─────────────────────┼─────────┼────────────
-路由懒加载            │ ⬇️ 73%  │ 按需加载
-代码分割              │ ⬇️ 45%  │ 缓存复用
-图片优化              │ 0       │ ⬇️ 60%
-────────────────────────────────────────
-综合效果              │ 快5-10倍│ 快2-3倍
-```
-
---
-
-## ✅ 优化检查清单
-
-### 已完成 ✓
-
- [x] 识别大于500KB的图片
- [x] 备份所有原始图片
- [x] 安装Sharp图片处理工具
- [x] 创建自动化优化脚本
- [x] 优化11个大图片
- [x] 验证构建产物大小
- [x] 确认图片质量
-
-### 建议后续优化
-
- [ ] WebP格式转换 (可选)
- [ ] 响应式图片实现 (可选)
- [ ] 添加图片CDN (可选)
- [ ] 将 original-backup/ 添加到 .gitignore
-
---
-
-## 🎉 总结
-
-### 核心成果 🏆
-
-1. ✅ **优化11个大图片** - 总大小从10MB减少到4MB
-2. ✅ **平均压缩率64%** - 节省6MB空间
-3. ✅ **保持高质量** - PNG质量85，视觉无损
-4. ✅ **完整备份** - 所有原图安全保存
-5. ✅ **构建验证** - 优化后的图片已集成到构建
-
-### 性能提升 🚀
-
- **4G网络**: 图片加载快60% (4.0s → 1.6s)
- **3G网络**: 图片加载快60% (40s → 16s)
- **总体大小**: 减少6MB传输量
- **配合懒加载**: 首屏不影响 + 后续页面快2-3倍
-
-### 技术亮点 ⭐
-
- 使用专业的Sharp库进行优化
- 智能缩放 + 高级PNG压缩
- 自动化脚本，可重复使用
- 完整的备份机制
-
---
-
-**报告生成时间**: 2025-10-13  
-**优化工具**: Sharp + imagemin  
-**优化版本**: v2.0-optimized-images  
-**状态**: ✅ 优化完成，已验证
-
---
-
-## 附录
-
-### A. 恢复原图
-
-如果需要恢复任何原图：
-
-```bash
-# 恢复单个文件
-cp src/assets/img/original-backup/CoverImage.png src/assets/img/
-
-# 恢复所有文件
-cp src/assets/img/original-backup/*.png src/assets/img/
-```
-
-### B. 重新运行优化
-
-如果添加了新的大图片：
-
-```bash
-# 编辑 optimize-images.js，添加新文件名
-# 然后运行
-node optimize-images.js
-```
-
-### C. 相关文档
-
- PERFORMANCE_ANALYSIS.md - 性能问题分析
- OPTIMIZATION_RESULTS.md - 代码优化记录
- PERFORMANCE_TEST_RESULTS.md - 性能测试报告
- **IMAGE_OPTIMIZATION_REPORT.md** - 本报告 (图片优化)
-
---
-
-🎨 **图片优化大获成功！网站加载更快了！**
--- a/docs/LOGIN_MODAL_REFACTOR_PLAN.md
+++ b/docs/LOGIN_MODAL_REFACTOR_PLAN.md
@@ -1,947 +0,0 @@
-# 登录跳转改造为弹窗方案
-
-> **改造日期**: 2025-10-14
-> **改造范围**: 全项目登录/注册交互流程
-> **改造目标**: 将所有页面跳转式登录改为弹窗式登录，提升用户体验
-
---
-
-## 📋 目录
-
- [1. 改造目标](#1-改造目标)
- [2. 影响范围分析](#2-影响范围分析)
- [3. 技术方案设计](#3-技术方案设计)
- [4. 实施步骤](#4-实施步骤)
- [5. 测试用例](#5-测试用例)
- [6. 兼容性处理](#6-兼容性处理)
-
---
-
-## 1. 改造目标
-
-### 1.1 用户体验提升
-
-**改造前**：
-```
-用户访问需登录页面 → 页面跳转到 /auth/signin → 登录成功 → 跳转回原页面
-```
-
-**改造后**：
-```
-用户访问需登录页面 → 弹出登录弹窗 → 登录成功 → 弹窗关闭，继续访问原页面
-```
-
-### 1.2 优势
-
-✅ **减少页面跳转**：无需离开当前页面，保持上下文
-✅ **流畅体验**：弹窗式交互更现代、更友好
-✅ **保留页面状态**：当前页面的表单数据、滚动位置等不会丢失
-✅ **支持快速切换**：在弹窗内切换登录/注册，无页面刷新
-✅ **更好的 SEO**：减少不必要的 URL 跳转
-
---
-
-## 2. 影响范围分析
-
-### 2.1 需要登录/注册的场景统计
-
-| 场景类别 | 触发位置 | 当前实现 | 影响文件 | 优先级 |
-|---------|---------|---------|---------|-------|
-| **导航栏登录按钮** | HomeNavbar、AdminNavbarLinks | `navigate('/auth/signin')` | 2个文件 | 🔴 高 |
-| **导航栏注册按钮** | HomeNavbar（"登录/注册"按钮） | 集成在登录按钮中 | 1个文件 | 🔴 高 |
-| **用户登出** | AuthContext.logout() | `navigate('/auth/signin')` | 1个文件 | 🔴 高 |
-| **受保护路由拦截** | ProtectedRoute组件 | `<Navigate to="/auth/signin" />` | 1个文件 | 🔴 高 |
-| **登录/注册页面切换** | SignInIllustration、SignUpIllustration | `linkTo="/auth/sign-up"` | 2个文件 | 🟡 中 |
-| **其他认证页面** | SignInBasic、SignUpCentered等 | `navigate()` | 4个文件 | 🟢 低 |
-
-### 2.2 详细文件列表
-
-#### 🔴 核心文件（必须修改）
-
-1. **`src/contexts/AuthContext.js`** (459行, 466行)
-   - `logout()` 函数中的 `navigate('/auth/signin')`
-   - **影响**：所有登出操作
-
-2. **`src/components/ProtectedRoute.js`** (30行, 34行)
-   - `<Navigate to={redirectUrl} replace />`
-   - **影响**：所有受保护路由的未登录拦截
-
-3. **`src/components/Navbars/HomeNavbar.js`** (236行, 518-530行)
-   - `handleLoginClick()` 函数
-   - "登录/注册"按钮（需拆分为登录和注册两个选项）
-   - **影响**：首页顶部导航栏登录/注册按钮
-
-4. **`src/components/Navbars/AdminNavbarLinks.js`** (86行, 147行)
-   - `navigate("/auth/signin")`
-   - **影响**：管理后台导航栏登录按钮
-
-#### 🟡 次要文件（建议修改）
-
-5. **`src/views/Authentication/SignIn/SignInIllustration.js`** (464行)
-   - AuthFooter组件的 `linkTo="/auth/sign-up"`
-   - **影响**：登录页面内的"去注册"链接
-
-6. **`src/views/Authentication/SignUp/SignUpIllustration.js`** (373行)
-   - AuthFooter组件的 `linkTo="/auth/sign-in"`
-   - **影响**：注册页面内的"去登录"链接
-
-#### 🟢 可选文件（保持兼容）
-
-7-10. **其他认证页面变体**：
-   - `src/views/Authentication/SignIn/SignInCentered.js`
-   - `src/views/Authentication/SignIn/SignInBasic.js`
-   - `src/views/Authentication/SignUp/SignUpBasic.js`
-   - `src/views/Authentication/SignUp/SignUpCentered.js`
-
-这些是模板中的备用页面，可以保持现有实现，不影响核心功能。
-
---
-
-## 3. 技术方案设计
-
-### 3.1 架构设计
-
-```
-┌─────────────────────────────────────────────┐
-│            AuthModalContext                  │
-│  - isLoginModalOpen                          │
-│  - isSignUpModalOpen                         │
-│  - openLoginModal(redirectUrl?)              │
-│  - openSignUpModal()                         │
-│  - closeModal()                              │
-│  - onLoginSuccess(callback?)                 │
-└─────────────────────────────────────────────┘
-                    ↓
-┌─────────────────────────────────────────────┐
-│       AuthModalManager 组件                  │
-│  - 渲染登录/注册弹窗                          │
-│  - 管理弹窗状态                               │
-│  - 处理登录成功回调                           │
-└─────────────────────────────────────────────┘
-                    ↓
-┌──────────────────┬─────────────────────────┐
-│  LoginModal      │   SignUpModal           │
-│  - 复用现有UI    │   - 复用现有UI          │
-│  - Chakra Modal  │   - Chakra Modal        │
-└──────────────────┴─────────────────────────┘
-```
-
-### 3.2 核心组件设计
-
-#### 3.2.1 AuthModalContext
-
-```javascript
-// src/contexts/AuthModalContext.js
-import { createContext, useContext, useState, useCallback } from 'react';
-
-const AuthModalContext = createContext();
-
-export const useAuthModal = () => {
-  const context = useContext(AuthModalContext);
-  if (!context) {
-    throw new Error('useAuthModal must be used within AuthModalProvider');
-  }
-  return context;
-};
-
-export const AuthModalProvider = ({ children }) => {
-  const [isLoginModalOpen, setIsLoginModalOpen] = useState(false);
-  const [isSignUpModalOpen, setIsSignUpModalOpen] = useState(false);
-  const [redirectUrl, setRedirectUrl] = useState(null);
-  const [onSuccessCallback, setOnSuccessCallback] = useState(null);
-
-  // 打开登录弹窗
-  const openLoginModal = useCallback((url = null, callback = null) => {
-    setRedirectUrl(url);
-    setOnSuccessCallback(() => callback);
-    setIsLoginModalOpen(true);
-    setIsSignUpModalOpen(false);
-  }, []);
-
-  // 打开注册弹窗
-  const openSignUpModal = useCallback((callback = null) => {
-    setOnSuccessCallback(() => callback);
-    setIsSignUpModalOpen(true);
-    setIsLoginModalOpen(false);
-  }, []);
-
-  // 切换到注册弹窗
-  const switchToSignUp = useCallback(() => {
-    setIsLoginModalOpen(false);
-    setIsSignUpModalOpen(true);
-  }, []);
-
-  // 切换到登录弹窗
-  const switchToLogin = useCallback(() => {
-    setIsSignUpModalOpen(false);
-    setIsLoginModalOpen(true);
-  }, []);
-
-  // 关闭弹窗
-  const closeModal = useCallback(() => {
-    setIsLoginModalOpen(false);
-    setIsSignUpModalOpen(false);
-    setRedirectUrl(null);
-    setOnSuccessCallback(null);
-  }, []);
-
-  // 登录成功处理
-  const handleLoginSuccess = useCallback((user) => {
-    if (onSuccessCallback) {
-      onSuccessCallback(user);
-    }
-
-    // 如果有重定向URL，则跳转
-    if (redirectUrl) {
-      window.location.href = redirectUrl;
-    }
-
-    closeModal();
-  }, [onSuccessCallback, redirectUrl, closeModal]);
-
-  const value = {
-    isLoginModalOpen,
-    isSignUpModalOpen,
-    openLoginModal,
-    openSignUpModal,
-    switchToSignUp,
-    switchToLogin,
-    closeModal,
-    handleLoginSuccess,
-    redirectUrl
-  };
-
-  return (
-    <AuthModalContext.Provider value={value}>
-      {children}
-    </AuthModalContext.Provider>
-  );
-};
-```
-
-#### 3.2.2 AuthModalManager 组件
-
-```javascript
-// src/components/Auth/AuthModalManager.js
-import React from 'react';
-import {
-  Modal,
-  ModalOverlay,
-  ModalContent,
-  ModalBody,
-  ModalCloseButton,
-  useBreakpointValue
-} from '@chakra-ui/react';
-import { useAuthModal } from '../../contexts/AuthModalContext';
-import LoginModalContent from './LoginModalContent';
-import SignUpModalContent from './SignUpModalContent';
-
-export default function AuthModalManager() {
-  const {
-    isLoginModalOpen,
-    isSignUpModalOpen,
-    closeModal
-  } = useAuthModal();
-
-  const modalSize = useBreakpointValue({
-    base: "full",
-    sm: "xl",
-    md: "2xl",
-    lg: "4xl"
-  });
-
-  const isOpen = isLoginModalOpen || isSignUpModalOpen;
-
-  return (
-    <Modal
-      isOpen={isOpen}
-      onClose={closeModal}
-      size={modalSize}
-      isCentered
-      closeOnOverlayClick={false}
-    >
-      <ModalOverlay bg="blackAlpha.700" backdropFilter="blur(10px)" />
-      <ModalContent
-        bg="transparent"
-        boxShadow="none"
-        maxW={modalSize === "full" ? "100%" : "900px"}
-      >
-        <ModalCloseButton
-          position="absolute"
-          right={4}
-          top={4}
-          zIndex={10}
-          color="white"
-          bg="blackAlpha.500"
-          _hover={{ bg: "blackAlpha.700" }}
-        />
-        <ModalBody p={0}>
-          {isLoginModalOpen && <LoginModalContent />}
-          {isSignUpModalOpen && <SignUpModalContent />}
-        </ModalBody>
-      </ModalContent>
-    </Modal>
-  );
-}
-```
-
-#### 3.2.3 LoginModalContent 组件
-
-```javascript
-// src/components/Auth/LoginModalContent.js
-// 复用 SignInIllustration.js 的核心UI逻辑
-// 移除页面级的 Flex minH="100vh"，改为 Box
-// 移除 navigate 跳转，改为调用 useAuthModal 的方法
-```
-
-#### 3.2.4 SignUpModalContent 组件
-
-```javascript
-// src/components/Auth/SignUpModalContent.js
-// 复用 SignUpIllustration.js 的核心UI逻辑
-// 移除页面级的 Flex minH="100vh"，改为 Box
-// 注册成功后调用 handleLoginSuccess 而不是 navigate
-```
-
-### 3.3 集成到 App.js
-
-```javascript
-// src/App.js
-import { AuthModalProvider } from "contexts/AuthModalContext";
-import AuthModalManager from "components/Auth/AuthModalManager";
-
-export default function App() {
-  return (
-    <ChakraProvider theme={theme}>
-      <ErrorBoundary>
-        <AuthProvider>
-          <AuthModalProvider>
-            <AppContent />
-            <AuthModalManager />  {/* 全局弹窗管理器 */}
-          </AuthModalProvider>
-        </AuthProvider>
-      </ErrorBoundary>
-    </ChakraProvider>
-  );
-}
-```
-
---
-
-## 4. 实施步骤
-
-### 阶段1：创建基础设施（1-2小时）
-
- [ ] **Step 1.1**: 创建 `AuthModalContext.js`
-  - 实现状态管理
-  - 实现打开/关闭方法
-  - 实现成功回调处理
-
- [ ] **Step 1.2**: 创建 `AuthModalManager.js`
-  - 实现 Modal 容器
-  - 处理响应式布局
-  - 添加关闭按钮
-
- [ ] **Step 1.3**: 提取登录UI组件
-  - 从 `SignInIllustration.js` 提取核心UI
-  - 创建 `LoginModalContent.js`
-  - 移除页面级布局代码
-  - 替换 navigate 为 modal 方法
-
- [ ] **Step 1.4**: 提取注册UI组件
-  - 从 `SignUpIllustration.js` 提取核心UI
-  - 创建 `SignUpModalContent.js`
-  - 移除页面级布局代码
-  - 替换 navigate 为 modal 方法
-
-### 阶段2：集成到应用（0.5-1小时）
-
- [ ] **Step 2.1**: 在 `App.js` 中集成
-  - 导入 `AuthModalProvider`
-  - 包裹 `AppContent`
-  - 添加 `<AuthModalManager />`
-
- [ ] **Step 2.2**: 验证基础功能
-  - 测试弹窗打开/关闭
-  - 测试登录/注册切换
-  - 测试响应式布局
-
-### 阶段3：替换现有跳转（1-2小时）
-
- [ ] **Step 3.1**: 修改 `HomeNavbar.js` - 添加登录和注册弹窗
-  ```javascript
-  // 修改前
-  const handleLoginClick = () => {
-    navigate('/auth/signin');
-  };
-
-  // 未登录状态显示"登录/注册"按钮
-  <Button onClick={handleLoginClick}>登录 / 注册</Button>
-
-  // 修改后
-  import { useAuthModal } from '../../contexts/AuthModalContext';
-  import { Menu, MenuButton, MenuList, MenuItem } from '@chakra-ui/react';
-
-  const { openLoginModal, openSignUpModal } = useAuthModal();
-
-  // 方式1：下拉菜单方式（推荐）
-  <Menu>
-    <MenuButton
-      as={Button}
-      colorScheme="blue"
-      variant="solid"
-      size="sm"
-      borderRadius="full"
-      rightIcon={<ChevronDownIcon />}
-    >
-      登录 / 注册
-    </MenuButton>
-    <MenuList>
-      <MenuItem onClick={() => openLoginModal()}>
-        🔐 登录
-      </MenuItem>
-      <MenuItem onClick={() => openSignUpModal()}>
-        ✍️ 注册
-      </MenuItem>
-    </MenuList>
-  </Menu>
-
-  // 方式2：并排按钮方式（备选）
-  <HStack spacing={2}>
-    <Button
-      size="sm"
-      variant="ghost"
-      onClick={() => openLoginModal()}
-    >
-      登录
-    </Button>
-    <Button
-      size="sm"
-      colorScheme="blue"
-      onClick={() => openSignUpModal()}
-    >
-      注册
-    </Button>
-  </HStack>
-  ```
-
- [ ] **Step 3.2**: 修改 `AdminNavbarLinks.js`
-  - 替换 `navigate("/auth/signin")` 为 `openLoginModal()`
-
- [ ] **Step 3.3**: 修改 `AuthContext.js` logout函数
-  ```javascript
-  // 修改前
-  const logout = async () => {
-    // ... 清理逻辑
-    navigate('/auth/signin');
-  };
-
-  // 修改后
-  const logout = async () => {
-    // ... 清理逻辑
-    // 不再跳转，用户留在当前页面
-    toast({
-      title: "已登出",
-      description: "您已成功退出登录",
-      status: "info",
-      duration: 2000
-    });
-  };
-  ```
-
- [ ] **Step 3.4**: 修改 `ProtectedRoute.js`
-  ```javascript
-  // 修改前
-  if (!isAuthenticated || !user) {
-    return <Navigate to={redirectUrl} replace />;
-  }
-
-  // 修改后
-  import { useAuthModal } from '../contexts/AuthModalContext';
-  import { useEffect } from 'react';
-
-  const { openLoginModal, isLoginModalOpen } = useAuthModal();
-
-  useEffect(() => {
-    if (!isAuthenticated && !user && !isLoginModalOpen) {
-      openLoginModal(currentPath);
-    }
-  }, [isAuthenticated, user, isLoginModalOpen, currentPath, openLoginModal]);
-
-  // 未登录时显示占位符（不再跳转）
-  if (!isAuthenticated || !user) {
-    return (
-      <Box height="100vh" display="flex" alignItems="center" justifyContent="center">
-        <VStack spacing={4}>
-          <Spinner size="xl" color="blue.500" />
-          <Text>请先登录...</Text>
-        </VStack>
-      </Box>
-    );
-  }
-  ```
-
-### 阶段4：测试与优化（1-2小时）
-
- [ ] **Step 4.1**: 功能测试（见第5节）
- [ ] **Step 4.2**: 边界情况处理
- [ ] **Step 4.3**: 性能优化
- [ ] **Step 4.4**: 用户体验优化
-
---
-
-## 5. 测试用例
-
-### 5.1 基础功能测试
-
-| 测试项 | 测试步骤 | 预期结果 | 状态 |
-|-------|---------|---------|-----|
-| **登录弹窗打开** | 1. 点击导航栏"登录/注册"下拉菜单<br>2. 点击"登录" | 弹窗正常打开，显示登录表单 | ⬜ |
-| **注册弹窗打开** | 1. 点击导航栏"登录/注册"下拉菜单<br>2. 点击"注册" | 弹窗正常打开，显示注册表单 | ⬜ |
-| **登录弹窗关闭** | 1. 打开登录弹窗<br>2. 点击关闭按钮 | 弹窗正常关闭，返回原页面 | ⬜ |
-| **注册弹窗关闭** | 1. 打开注册弹窗<br>2. 点击关闭按钮 | 弹窗正常关闭，返回原页面 | ⬜ |
-| **从登录切换到注册** | 1. 打开登录弹窗<br>2. 点击"去注册" | 弹窗切换到注册表单，无页面刷新 | ⬜ |
-| **从注册切换到登录** | 1. 打开注册弹窗<br>2. 点击"去登录" | 弹窗切换到登录表单，无页面刷新 | ⬜ |
-| **手机号+密码登录** | 1. 打开登录弹窗<br>2. 输入手机号和密码<br>3. 点击登录 | 登录成功，弹窗关闭，显示成功提示 | ⬜ |
-| **验证码登录** | 1. 打开登录弹窗<br>2. 切换到验证码登录<br>3. 发送并输入验证码<br>4. 点击登录 | 登录成功，弹窗关闭 | ⬜ |
-| **微信登录** | 1. 打开登录弹窗<br>2. 点击微信登录<br>3. 扫码授权 | 登录成功，弹窗关闭 | ⬜ |
-| **手机号+密码注册** | 1. 打开注册弹窗<br>2. 填写手机号、密码等信息<br>3. 点击注册 | 注册成功，弹窗关闭，自动登录 | ⬜ |
-| **验证码注册** | 1. 打开注册弹窗<br>2. 切换到验证码注册<br>3. 发送并输入验证码<br>4. 点击注册 | 注册成功，弹窗关闭，自动登录 | ⬜ |
-| **微信注册** | 1. 打开注册弹窗<br>2. 点击微信注册<br>3. 扫码授权 | 注册成功，弹窗关闭，自动登录 | ⬜ |
-
-### 5.2 受保护路由测试
-
-| 测试项 | 测试步骤 | 预期结果 | 状态 |
-|-------|---------|---------|-----|
-| **未登录访问概念中心** | 1. 未登录状态<br>2. 访问 `/concepts` | 自动弹出登录弹窗 | ⬜ |
-| **登录后继续访问** | 1. 在上述弹窗中登录<br>2. 查看页面状态 | 弹窗关闭，概念中心页面正常显示 | ⬜ |
-| **未登录访问社区** | 1. 未登录状态<br>2. 访问 `/community` | 自动弹出登录弹窗 | ⬜ |
-| **未登录访问个股中心** | 1. 未登录状态<br>2. 访问 `/stocks` | 自动弹出登录弹窗 | ⬜ |
-| **未登录访问模拟盘** | 1. 未登录状态<br>2. 访问 `/trading-simulation` | 自动弹出登录弹窗 | ⬜ |
-| **未登录访问管理后台** | 1. 未登录状态<br>2. 访问 `/admin/*` | 自动弹出登录弹窗 | ⬜ |
-
-### 5.3 登出测试
-
-| 测试项 | 测试步骤 | 预期结果 | 状态 |
-|-------|---------|---------|-----|
-| **从导航栏登出** | 1. 已登录状态<br>2. 点击用户菜单"退出登录" | 登出成功，留在当前页面，显示未登录状态 | ⬜ |
-| **登出后访问受保护页面** | 1. 登出后<br>2. 尝试访问 `/concepts` | 自动弹出登录弹窗 | ⬜ |
-
-### 5.4 边界情况测试
-
-| 测试项 | 测试步骤 | 预期结果 | 状态 |
-|-------|---------|---------|-----|
-| **登录失败** | 1. 输入错误的手机号或密码<br>2. 点击登录 | 显示错误提示，弹窗保持打开 | ⬜ |
-| **网络断开** | 1. 断开网络<br>2. 尝试登录 | 显示网络错误提示 | ⬜ |
-| **倒计时中关闭弹窗** | 1. 发送验证码（60秒倒计时）<br>2. 关闭弹窗<br>3. 重新打开 | 倒计时正确清理，无内存泄漏 | ⬜ |
-| **重复打开弹窗** | 1. 快速连续点击登录按钮多次 | 只显示一个弹窗，无重复 | ⬜ |
-| **响应式布局** | 1. 在手机端打开登录弹窗 | 弹窗全屏显示，UI适配良好 | ⬜ |
-
-### 5.5 兼容性测试
-
-| 测试项 | 测试步骤 | 预期结果 | 状态 |
-|-------|---------|---------|-----|
-| **直接访问登录页面** | 1. 访问 `/auth/sign-in` | 页面正常显示（保持路由兼容） | ⬜ |
-| **直接访问注册页面** | 1. 访问 `/auth/sign-up` | 页面正常显示（保持路由兼容） | ⬜ |
-| **SEO爬虫访问** | 1. 模拟搜索引擎爬虫访问 | 页面可访问，无JavaScript错误 | ⬜ |
-
---
-
-## 6. 兼容性处理
-
-### 6.1 保留现有路由
-
-为了兼容性和SEO，保留现有的登录/注册页面路由：
-
-```javascript
-// src/layouts/Auth.js
-// 保持不变，继续支持 /auth/sign-in 和 /auth/sign-up 路由
-<Route path="signin" element={<SignInIllustration />} />
-<Route path="sign-up" element={<SignUpIllustration />} />
-```
-
-**好处**：
- 外部链接（邮件、短信中的登录链接）仍然有效
- SEO友好，搜索引擎可以正常抓取
- 用户可以直接访问登录页面（如果他们更喜欢）
-
-### 6.2 渐进式迁移
-
-**阶段1**：保留两种方式
- 弹窗登录（新实现）
- 页面跳转登录（旧实现）
-
-**阶段2**：逐步迁移
- 核心场景使用弹窗（导航栏、受保护路由）
- 非核心场景保持原样（备用认证页面）
-
-**阶段3**：全面切换（可选）
- 所有场景统一使用弹窗
- 页面路由仅作为后备
-
-### 6.3 微信登录兼容
-
-微信登录涉及OAuth回调，需要特殊处理：
-
-```javascript
-// WechatRegister.js 中
-// 微信授权成功后会跳转回 /auth/callback
-// 需要在回调页面检测到登录成功后：
-// 1. 更新 AuthContext 状态
-// 2. 如果是从弹窗发起的，关闭弹窗并回到原页面
-// 3. 如果是从页面发起的，跳转到目标页面
-```
-
---
-
-## 7. 实施时间表
-
-### 总预计时间：4-6小时
-
-| 阶段 | 预计时间 | 实际时间 | 负责人 | 状态 |
-|-----|---------|---------|-------|------|
-| 阶段1：创建基础设施 | 1-2小时 | - | - | ⬜ 待开始 |
-| 阶段2：集成到应用 | 0.5-1小时 | - | - | ⬜ 待开始 |
-| 阶段3：替换现有跳转 | 1-2小时 | - | - | ⬜ 待开始 |
-| 阶段4：测试与优化 | 1-2小时 | - | - | ⬜ 待开始 |
-
---
-
-## 8. 风险评估
-
-### 8.1 技术风险
-
-| 风险 | 等级 | 应对措施 |
-|-----|------|---------|
-| 微信登录回调兼容性 | 🟡 中 | 保留页面路由，微信回调仍跳转到页面 |
-| 受保护路由逻辑复杂化 | 🟡 中 | 详细测试，确保所有场景覆盖 |
-| 弹窗状态管理冲突 | 🟢 低 | 使用独立的Context，避免与AuthContext冲突 |
-| 内存泄漏 | 🟢 低 | 复用已有的内存管理模式（isMountedRef） |
-
-### 8.2 用户体验风险
-
-| 风险 | 等级 | 应对措施 |
-|-----|------|---------|
-| 用户不习惯弹窗登录 | 🟢 低 | 保留页面路由，提供选择 |
-| 移动端弹窗体验差 | 🟡 中 | 移动端使用全屏Modal |
-| 弹窗被误关闭 | 🟢 低 | 添加确认提示或表单状态保存 |
-
---
-
-## 9. 后续优化建议
-
-### 9.1 短期优化（1周内）
-
- [ ] 添加登录/注册进度指示器
- [ ] 优化弹窗动画效果
- [ ] 添加键盘快捷键支持（Esc关闭）
- [ ] 优化移动端触摸体验
-
-### 9.2 中期优化（1月内）
-
- [ ] 添加第三方登录（Google、GitHub等）
- [ ] 实现记住登录状态
- [ ] 添加生物识别登录（指纹、Face ID）
- [ ] 优化表单验证提示
-
-### 9.3 长期优化（3月内）
-
- [ ] 实现SSO单点登录
- [ ] 添加多因素认证（2FA）
- [ ] 实现社交账号关联
- [ ] 完善审计日志
-
---
-
-## 10. 参考资料
-
- [Chakra UI Modal 文档](https://chakra-ui.com/docs/components/modal)
- [React Context API 最佳实践](https://react.dev/learn/passing-data-deeply-with-context)
- [用户认证最佳实践](https://cheatsheetseries.owasp.org/cheatsheets/Authentication_Cheat_Sheet.html)
-
---
-
-**文档维护**：
- 创建日期：2025-10-14
- 最后更新：2025-10-14
- 维护人：Claude Code
- 状态：📝 规划阶段
-
---
-
-## 附录A：关键代码片段
-
-### A.1 修改前后对比 - HomeNavbar.js
-
-```diff
-// src/components/Navbars/HomeNavbar.js
-
- import { useNavigate } from 'react-router-dom';
-+ import { useAuthModal } from '../../contexts/AuthModalContext';
-
-export default function HomeNavbar() {
-   const navigate = useNavigate();
-+   const { openLoginModal, openSignUpModal } = useAuthModal();
-
-   // 处理登录按钮点击
-   const handleLoginClick = () => {
-       navigate('/auth/signin');
-   };
-
-    return (
-        // ... 其他代码
-
-        {/* 未登录状态 */}
-       <Button onClick={handleLoginClick}>
-           登录 / 注册
-       </Button>
-
-+       {/* 方式1：下拉菜单（推荐） */}
-+       <Menu>
-+           <MenuButton
-+               as={Button}
-+               colorScheme="blue"
-+               size="sm"
-+               borderRadius="full"
-+               rightIcon={<ChevronDownIcon />}
-+           >
-+               登录 / 注册
-+           </MenuButton>
-+           <MenuList>
-+               <MenuItem onClick={() => openLoginModal()}>
-+                   🔐 登录
-+               </MenuItem>
-+               <MenuItem onClick={() => openSignUpModal()}>
-+                   ✍️ 注册
-+               </MenuItem>
-+           </MenuList>
-+       </Menu>
-+
-+       {/* 方式2：并排按钮（备选） */}
-+       <HStack spacing={2}>
-+           <Button
-+               size="sm"
-+               variant="ghost"
-+               onClick={() => openLoginModal()}
-+           >
-+               登录
-+           </Button>
-+           <Button
-+               size="sm"
-+               colorScheme="blue"
-+               onClick={() => openSignUpModal()}
-+           >
-+               注册
-+           </Button>
-+       </HStack>
-    );
-}
-```
-
-### A.2 修改前后对比 - ProtectedRoute.js
-
-```diff
-// src/components/ProtectedRoute.js
-
-+ import { useAuthModal } from '../contexts/AuthModalContext';
-+ import { useEffect } from 'react';
-
-const ProtectedRoute = ({ children }) => {
-   const { isAuthenticated, isLoading, user } = useAuth();
-+   const { isAuthenticated, isLoading, user } = useAuth();
-+   const { openLoginModal, isLoginModalOpen } = useAuthModal();
-
-   if (isLoading) {
-       return <Box>...Loading Spinner...</Box>;
-   }
-
-    let currentPath = window.location.pathname + window.location.search;
-   let redirectUrl = `/auth/signin?redirect=${encodeURIComponent(currentPath)}`;
-
-+   // 未登录时自动弹出登录窗口
-+   useEffect(() => {
-+       if (!isAuthenticated && !user && !isLoginModalOpen) {
-+           openLoginModal(currentPath);
-+       }
-+   }, [isAuthenticated, user, isLoginModalOpen, currentPath, openLoginModal]);
-
-    if (!isAuthenticated || !user) {
-       return <Navigate to={redirectUrl} replace />;
-+       return (
-+           <Box height="100vh" display="flex" alignItems="center" justifyContent="center">
-+               <VStack spacing={4}>
-+                   <Spinner size="xl" color="blue.500" />
-+                   <Text>请先登录...</Text>
-+               </VStack>
-+           </Box>
-+       );
-    }
-
-    return children;
-};
-```
-
-### A.3 修改前后对比 - AuthContext.js
-
-```diff
-// src/contexts/AuthContext.js
-
-const logout = async () => {
-    try {
-        await fetch(`${API_BASE_URL}/api/auth/logout`, {
-            method: 'POST',
-            credentials: 'include'
-        });
-
-        setUser(null);
-        setIsAuthenticated(false);
-
-        toast({
-            title: "已登出",
-            description: "您已成功退出登录",
-            status: "info",
-            duration: 2000,
-            isClosable: true,
-        });
-
-       navigate('/auth/signin');
-
-    } catch (error) {
-        console.error('Logout error:', error);
-        setUser(null);
-        setIsAuthenticated(false);
-       navigate('/auth/signin');
-    }
-};
-```
-
-### A.4 修改前后对比 - LoginModalContent 和 SignUpModalContent 切换
-
-```diff
-// src/components/Auth/LoginModalContent.js
-
-+ import { useAuthModal } from '../../contexts/AuthModalContext';
-
-export default function LoginModalContent() {
-+   const { switchToSignUp, handleLoginSuccess } = useAuthModal();
-
-    // 登录成功处理
-    const handleSubmit = async (e) => {
-        e.preventDefault();
-        // ... 登录逻辑
-        if (loginSuccess) {
-           navigate("/home");
-+           handleLoginSuccess(userData);
-        }
-    };
-
-    return (
-        <Box>
-            {/* 登录表单 */}
-            <form onSubmit={handleSubmit}>
-                {/* ... 表单内容 */}
-            </form>
-
-            {/* 底部切换链接 */}
-            <AuthFooter
-                linkText="还没有账号，"
-                linkLabel="去注册"
-               linkTo="/auth/sign-up"
-+               onClick={() => switchToSignUp()}
-            />
-        </Box>
-    );
-}
-```
-
-```diff
-// src/components/Auth/SignUpModalContent.js
-
-+ import { useAuthModal } from '../../contexts/AuthModalContext';
-
-export default function SignUpModalContent() {
-+   const { switchToLogin, handleLoginSuccess } = useAuthModal();
-
-    // 注册成功处理
-    const handleSubmit = async (e) => {
-        e.preventDefault();
-        // ... 注册逻辑
-        if (registerSuccess) {
-           toast({ title: "注册成功" });
-           setTimeout(() => navigate("/auth/sign-in"), 2000);
-+           toast({ title: "注册成功，自动登录中..." });
-+           // 注册成功后自动登录，然后关闭弹窗
-+           handleLoginSuccess(userData);
-        }
-    };
-
-    return (
-        <Box>
-            {/* 注册表单 */}
-            <form onSubmit={handleSubmit}>
-                {/* ... 表单内容 */}
-            </form>
-
-            {/* 底部切换链接 */}
-            <AuthFooter
-                linkText="已有账号？"
-                linkLabel="去登录"
-               linkTo="/auth/sign-in"
-+               onClick={() => switchToLogin()}
-            />
-        </Box>
-    );
-}
-```
-
-### A.5 AuthFooter 组件修改（支持弹窗切换）
-
-```diff
-// src/components/Auth/AuthFooter.js
-
-export default function AuthFooter({
-    linkText,
-    linkLabel,
-   linkTo,
-+   onClick,
-    useVerificationCode,
-    onSwitchMethod
-}) {
-    return (
-        <VStack spacing={3}>
-            <HStack justify="space-between" width="100%">
-                <Text fontSize="sm" color="gray.600">
-                    {linkText}
-                   <Link to={linkTo} color="blue.500">
-+                   <Link onClick={onClick} color="blue.500" cursor="pointer">
-                        {linkLabel}
-                    </Link>
-                </Text>
-                {onSwitchMethod && (
-                    <Button size="sm" variant="link" onClick={onSwitchMethod}>
-                        {useVerificationCode ? "密码登录" : "验证码登录"}
-                    </Button>
-                )}
-            </HStack>
-        </VStack>
-    );
-}
-```
-
---
-
-**准备好开始实施了吗？**
-
-请确认以下事项：
- [ ] 已备份当前代码（git commit）
- [ ] 已在开发环境测试
- [ ] 团队成员已了解改造方案
- [ ] 准备好测试设备（桌面端、移动端）
-
-**开始命令**：
-```bash
-# 创建功能分支
-git checkout -b feature/login-modal-refactor
-
-# 开始实施...
-```
--- a/docs/LOGIN_MODAL_REFACTOR_SUMMARY.md
+++ b/docs/LOGIN_MODAL_REFACTOR_SUMMARY.md
@@ -1,420 +0,0 @@
-# 登录/注册弹窗改造 - 完成总结
-
-> **完成日期**: 2025-10-14
-> **状态**: ✅ 所有任务已完成
-
---
-
-## 📊 实施结果
-
-### ✅ 阶段1：组件合并（已完成）
-
-#### 1.1 创建统一的 AuthFormContent 组件
-**文件**: `src/components/Auth/AuthFormContent.js`
-**代码行数**: 434 行
-
-**核心特性**:
- ✅ 使用 `mode` prop 支持 'login' 和 'register' 两种模式
- ✅ 配置驱动架构 (`AUTH_CONFIG`)
- ✅ 统一的状态管理和验证码逻辑
- ✅ 内存泄漏防护 (isMountedRef)
- ✅ 安全的 API 响应处理
- ✅ 条件渲染昵称字段（仅注册时显示）
- ✅ 延迟控制（登录立即关闭，注册延迟1秒）
-
-**配置对象结构**:
-```javascript
-const AUTH_CONFIG = {
-  login: {
-    title: "欢迎回来",
-    formTitle: "验证码登录",
-    apiEndpoint: '/api/auth/login-with-code',
-    purpose: 'login',
-    showNickname: false,
-    successDelay: 0,
-    // ... 更多配置
-  },
-  register: {
-    title: "欢迎注册",
-    formTitle: "手机号注册",
-    apiEndpoint: '/api/auth/register-with-code',
-    purpose: 'register',
-    showNickname: true,
-    successDelay: 1000,
-    // ... 更多配置
-  }
-};
-```
-
-#### 1.2 简化 LoginModalContent.js
-**代码行数**: 从 337 行 → 8 行（减少 97.6%）
-
-```javascript
-export default function LoginModalContent() {
-    return <AuthFormContent mode="login" />;
-}
-```
-
-#### 1.3 简化 SignUpModalContent.js
-**代码行数**: 从 341 行 → 8 行（减少 97.7%）
-
-```javascript
-export default function SignUpModalContent() {
-    return <AuthFormContent mode="register" />;
-}
-```
-
-### 📉 代码减少统计
-
-| 组件 | 合并前 | 合并后 | 减少量 | 减少率 |
-|-----|-------|-------|-------|--------|
-| **LoginModalContent.js** | 337 行 | 8 行 | -329 行 | -97.6% |
-| **SignUpModalContent.js** | 341 行 | 8 行 | -333 行 | -97.7% |
-| **AuthFormContent.js (新)** | 0 行 | 434 行 | +434 行 | - |
-| **总计** | 678 行 | 450 行 | **-228 行** | **-33.6%** |
-
---
-
-### ✅ 阶段2：全局弹窗管理（已完成）
-
-#### 2.1 创建 AuthModalContext.js
-**文件**: `src/contexts/AuthModalContext.js`
-**代码行数**: 136 行
-
-**核心功能**:
- ✅ 全局登录/注册弹窗状态管理
- ✅ 支持重定向 URL 记录
- ✅ 成功回调函数支持
- ✅ 弹窗切换功能 (login ↔ register)
-
-**API**:
-```javascript
-const {
-  isLoginModalOpen,
-  isSignUpModalOpen,
-  openLoginModal,      // (redirectUrl?, callback?)
-  openSignUpModal,     // (redirectUrl?, callback?)
-  switchToLogin,       // 切换到登录弹窗
-  switchToSignUp,      // 切换到注册弹窗
-  handleLoginSuccess,  // 处理登录成功
-  closeModal,          // 关闭弹窗
-} = useAuthModal();
-```
-
-#### 2.2 创建 AuthModalManager.js
-**文件**: `src/components/Auth/AuthModalManager.js`
-**代码行数**: 70 行
-
-**核心功能**:
- ✅ 全局弹窗渲染器
- ✅ 响应式尺寸适配（移动端全屏，桌面端居中）
- ✅ 毛玻璃背景效果
- ✅ 关闭按钮
-
-#### 2.3 集成到 App.js
-**修改文件**: `src/App.js`
-
-**变更内容**:
-```javascript
-import { AuthModalProvider } from "contexts/AuthModalContext";
-import AuthModalManager from "components/Auth/AuthModalManager";
-
-export default function App() {
-    return (
-        <ChakraProvider theme={theme}>
-            <ErrorBoundary>
-                <AuthProvider>
-                    <AuthModalProvider>
-                        <AppContent />
-                        <AuthModalManager />  {/* 全局弹窗管理器 */}
-                    </AuthModalProvider>
-                </AuthProvider>
-            </ErrorBoundary>
-        </ChakraProvider>
-    );
-}
-```
-
---
-
-### ✅ 阶段3：导航和路由改造（已完成）
-
-#### 3.1 修改 HomeNavbar.js
-**文件**: `src/components/Navbars/HomeNavbar.js`
-
-**变更内容**:
- ✅ 移除直接导航到 `/auth/signin`
- ✅ 添加登录/注册下拉菜单（桌面端）
- ✅ 添加两个独立按钮（移动端）
- ✅ 使用 `openLoginModal()` 和 `openSignUpModal()`
-
-**桌面端效果**:
-```
-[登录 / 注册 ▼]
-  ├─ 🔐 登录
-  └─ ✍️ 注册
-```
-
-**移动端效果**:
-```
-[ 🔐 登录 ]
-[ ✍️ 注册 ]
-```
-
-#### 3.2 修改 AuthContext.js
-**文件**: `src/contexts/AuthContext.js`
-
-**变更内容**:
- ✅ 移除 `logout()` 中的 `navigate('/auth/signin')`
- ✅ 用户登出后留在当前页面
- ✅ 保留 toast 提示
-
-**Before**:
-```javascript
-const logout = async () => {
-    // ...
-    navigate('/auth/signin'); // ❌ 会跳转走
-};
-```
-
-**After**:
-```javascript
-const logout = async () => {
-    // ...
-    // ✅ 不再跳转，用户留在当前页面
-};
-```
-
-#### 3.3 修改 ProtectedRoute.js
-**文件**: `src/components/ProtectedRoute.js`
-
-**变更内容**:
- ✅ 移除 `<Navigate to="/auth/signin" />`
- ✅ 使用 `openLoginModal()` 自动打开登录弹窗
- ✅ 记录当前路径，登录成功后自动跳转回来
-
-**Before**:
-```javascript
-if (!isAuthenticated) {
-    return <Navigate to="/auth/signin" replace />;  // ❌ 页面跳转
-}
-```
-
-**After**:
-```javascript
-useEffect(() => {
-  if (!isAuthenticated && !isLoginModalOpen) {
-    openLoginModal(currentPath);  // ✅ 弹窗拦截
-  }
-}, [isAuthenticated, isLoginModalOpen]);
-```
-
-#### 3.4 修改 AuthFooter.js
-**文件**: `src/components/Auth/AuthFooter.js`
-
-**变更内容**:
- ✅ 支持 `onClick` 模式（弹窗内使用）
- ✅ 保留 `linkTo` 模式（页面导航，向下兼容）
-
---
-
-## 🎉 完成的功能
-
-### ✅ 核心功能
-1. **统一组件架构**
-   - 单一的 AuthFormContent 组件处理登录和注册
-   - 配置驱动，易于扩展（如添加邮箱登录）
-
-2. **全局弹窗管理**
-   - AuthModalContext 统一管理弹窗状态
-   - AuthModalManager 全局渲染
-   - 任何页面都可以调用 `openLoginModal()`
-
-3. **无感知认证**
-   - 未登录时自动弹窗，不跳转页面
-   - 登录成功后自动跳回原页面
-   - 登出后留在当前页面
-
-4. **认证方式**
-   - ✅ 手机号 + 验证码登录
-   - ✅ 手机号 + 验证码注册
-   - ✅ 微信扫码登录/注册
-   - ❌ 密码登录（已移除）
-
-5. **安全性**
-   - 内存泄漏防护 (isMountedRef)
-   - 安全的 API 响应处理
-   - Session 管理
-
---
-
-## 📋 测试清单
-
-根据 `LOGIN_MODAL_REFACTOR_PLAN.md` 的测试计划，共 28 个测试用例：
-
-### 基础功能测试 (8个)
-
-#### 1. 登录弹窗测试
- [ ] **T1-1**: 点击导航栏"登录"按钮，弹窗正常打开
- [ ] **T1-2**: 输入手机号 + 验证码，提交成功，弹窗关闭
- [ ] **T1-3**: 点击"去注册"链接，切换到注册弹窗
- [ ] **T1-4**: 点击关闭按钮，弹窗正常关闭
-
-#### 2. 注册弹窗测试
- [ ] **T2-1**: 点击导航栏"注册"按钮，弹窗正常打开
- [ ] **T2-2**: 输入手机号 + 验证码 + 昵称（可选），提交成功，弹窗关闭
- [ ] **T2-3**: 点击"去登录"链接，切换到登录弹窗
- [ ] **T2-4**: 昵称字段为可选，留空也能成功注册
-
-### 验证码功能测试 (4个)
- [ ] **T3-1**: 发送验证码成功，显示倒计时60秒
- [ ] **T3-2**: 倒计时期间，"发送验证码"按钮禁用
- [ ] **T3-3**: 倒计时结束后，按钮恢复可点击状态
- [ ] **T3-4**: 手机号格式错误时，阻止发送验证码
-
-### 微信登录测试 (2个)
- [ ] **T4-1**: 微信二维码正常显示
- [ ] **T4-2**: 扫码登录/注册成功后，弹窗关闭
-
-### 受保护路由测试 (4个)
- [ ] **T5-1**: 未登录访问受保护页面，自动打开登录弹窗
- [ ] **T5-2**: 登录成功后，自动跳回之前的受保护页面
- [ ] **T5-3**: 登录弹窗关闭而未登录，仍然停留在登录等待界面
- [ ] **T5-4**: 已登录用户访问受保护页面，直接显示内容
-
-### 表单验证测试 (4个)
- [ ] **T6-1**: 手机号为空时，提交失败并提示
- [ ] **T6-2**: 验证码为空时，提交失败并提示
- [ ] **T6-3**: 手机号格式错误，提交失败并提示
- [ ] **T6-4**: 验证码错误，API返回错误提示
-
-### UI响应式测试 (3个)
- [ ] **T7-1**: 桌面端：弹窗居中显示，尺寸合适
- [ ] **T7-2**: 移动端：弹窗全屏显示
- [ ] **T7-3**: 平板端：弹窗适中尺寸
-
-### 登出功能测试 (2个)
- [ ] **T8-1**: 点击登出，用户状态清除
- [ ] **T8-2**: 登出后，用户留在当前页面（不跳转）
-
-### 边界情况测试 (1个)
- [ ] **T9-1**: 组件卸载时，倒计时停止，无内存泄漏
-
---
-
-## 🔍 代码质量对比
-
-### 合并前的问题
-❌ 90% 代码重复
-❌ Bug修复需要改两处
-❌ 新功能添加需要同步两个文件
-❌ 维护成本高
-
-### 合并后的优势
-✅ 单一职责，代码复用
-✅ Bug修复一次生效
-✅ 新功能易于扩展
-✅ 配置驱动，易于维护
-
---
-
-## 📁 文件清单
-
-### 新增文件 (3个)
-1. `src/contexts/AuthModalContext.js` - 全局弹窗状态管理
-2. `src/components/Auth/AuthModalManager.js` - 全局弹窗渲染器
-3. `src/components/Auth/AuthFormContent.js` - 统一认证表单组件
-
-### 修改文件 (7个)
-1. `src/App.js` - 集成 AuthModalProvider 和 AuthModalManager
-2. `src/components/Auth/LoginModalContent.js` - 简化为 wrapper (337 → 8 行)
-3. `src/components/Auth/SignUpModalContent.js` - 简化为 wrapper (341 → 8 行)
-4. `src/components/Auth/AuthFooter.js` - 支持 onClick 模式
-5. `src/components/Navbars/HomeNavbar.js` - 添加登录/注册下拉菜单
-6. `src/contexts/AuthContext.js` - 移除登出跳转
-7. `src/components/ProtectedRoute.js` - 弹窗拦截替代页面跳转
-
-### 文档文件 (3个)
-1. `LOGIN_MODAL_REFACTOR_PLAN.md` - 实施计划（940+ 行）
-2. `AUTH_LOGIC_ANALYSIS.md` - 合并分析报告（432 行）
-3. `LOGIN_MODAL_REFACTOR_SUMMARY.md` - 本文档（完成总结）
-
---
-
-## 🚀 下一步建议
-
-### 优先级1：测试验证 ⭐⭐⭐
-1. 手动测试 28 个测试用例
-2. 验证所有场景正常工作
-3. 修复发现的问题
-
-### 优先级2：清理工作（可选）
-如果测试通过，可以考虑：
-1. 删除 `LoginModalContent.js` 和 `SignUpModalContent.js`
-2. 直接在 `AuthModalManager.js` 中使用 `<AuthFormContent mode="login" />` 和 `<AuthFormContent mode="register" />`
-
-### 优先级3：功能扩展（未来）
-基于新的架构，可以轻松添加：
-1. 邮箱登录/注册
-2. 第三方登录（GitHub, Google 等）
-3. 找回密码功能
-
-**扩展示例**:
-```javascript
-const AUTH_CONFIG = {
-  login: { /* 现有配置 */ },
-  register: { /* 现有配置 */ },
-  resetPassword: {
-    title: "重置密码",
-    formTitle: "找回密码",
-    apiEndpoint: '/api/auth/reset-password',
-    // ...
-  }
-};
-
-// 使用
-<AuthFormContent mode="resetPassword" />
-```
-
---
-
-## 🎯 项目改进指标
-
-| 指标 | 改进情况 |
-|------|----------|
-| **代码量** | 减少 33.6% (228 行) |
-| **代码重复率** | 从 90% → 0% |
-| **维护文件数** | 从 2 个 → 1 个核心组件 |
-| **用户体验** | 页面跳转 → 弹窗无感知 |
-| **扩展性** | 需同步修改 → 配置驱动 |
-
---
-
-## ✅ 总结
-
-### 已完成的工作
-1. ✅ 创建统一的 AuthFormContent 组件（434 行）
-2. ✅ 简化 LoginModalContent 和 SignUpModalContent 为 wrapper（各 8 行）
-3. ✅ 创建全局弹窗管理系统（AuthModalContext + AuthModalManager）
-4. ✅ 修改导航栏，使用弹窗替代页面跳转
-5. ✅ 修改受保护路由，使用弹窗拦截
-6. ✅ 修改登出逻辑，用户留在当前页面
-7. ✅ 编译成功，无错误
-
-### 项目状态
- **编译状态**: ✅ Compiled successfully!
- **代码质量**: ✅ 无重复代码
- **架构清晰**: ✅ 单一职责，配置驱动
- **可维护性**: ✅ 一处修改，全局生效
-
-### 下一步
- **立即行动**: 执行 28 个测试用例
- **验收标准**: 所有场景正常工作
- **最终目标**: 部署到生产环境
-
---
-
-**改造完成日期**: 2025-10-14
-**改造总用时**: 约 2 小时
-**代码减少**: 228 行 (-33.6%)
-**状态**: ✅ 所有任务已完成，等待测试验证
--- a/docs/MCP_ARCHITECTURE.md
+++ b/docs/MCP_ARCHITECTURE.md
@@ -1,309 +0,0 @@
-# MCP 架构说明
-
-## 🎯 MCP 是什么？
-
-**MCP (Model Context Protocol)** 是一个**工具调用协议**，它的核心职责是：
-
-1. ✅ **定义工具接口**：告诉 LLM 有哪些工具可用，每个工具需要什么参数
-2. ✅ **执行工具调用**：根据请求调用对应的后端 API
-3. ✅ **返回结构化数据**：将 API 结果返回给调用方
-
-**MCP 不负责**：
- ❌ 自然语言理解（NLU）
- ❌ 意图识别
- ❌ 结果总结
- ❌ 对话管理
-
-## 📊 当前架构
-
-### 方案 1：简单关键词匹配（已实现）
-
-```
-用户输入："查询贵州茅台的股票信息"
-    ↓
-前端 ChatInterface (关键词匹配)
-    ↓
-MCP 工具层 (search_china_news)
-    ↓
-返回 JSON 数据
-    ↓
-前端显示原始数据
-```
-
-**问题**：
- ✗ 只能识别简单关键词
- ✗ 无法理解复杂意图
- ✗ 返回的是原始 JSON，用户体验差
-
-### 方案 2：集成 LLM（推荐）
-
-```
-用户输入："查询贵州茅台的股票信息"
-    ↓
-LLM (Claude/GPT-4/通义千问)
-    ↓ 理解意图：需要查询股票代码 600519 的基本信息
-    ↓ 选择工具：get_stock_basic_info
-    ↓ 提取参数：{"seccode": "600519"}
-MCP 工具层
-    ↓ 调用 API，获取数据
-返回结构化数据
-    ↓
-LLM 总结结果
-    ↓ "贵州茅台（600519）是中国知名的白酒生产企业，
-       当前股价 1650.00 元，市值 2.07 万亿..."
-前端显示自然语言回复
-```
-
-**优势**：
- ✓ 理解复杂意图
- ✓ 自动选择合适的工具
- ✓ 自然语言总结，用户体验好
- ✓ 支持多轮对话
-
-## 🔧 实现方案
-
-### 选项 A：前端集成 LLM（快速实现）
-
-**适用场景**：快速原型、小规模应用
-
-**优点**：
- 实现简单
- 无需修改后端
-
-**缺点**：
- API Key 暴露在前端（安全风险）
- 每个用户都消耗 API 额度
- 无法统一管理和监控
-
-**实现步骤**：
-
-1. 修改 `src/components/ChatBot/ChatInterface.js`：
-
-```javascript
-import { llmService } from '../../services/llmService';
-
-const handleSendMessage = async () => {
-  // ...
-
-  // 使用 LLM 服务替代简单的 mcpService.chat
-  const response = await llmService.chat(inputValue, messages);
-
-  // ...
-};
-```
-
-2. 配置 API Key（在 `.env.local`）：
-
-```bash
-REACT_APP_OPENAI_API_KEY=sk-xxx...
-# 或者使用通义千问（更便宜）
-REACT_APP_DASHSCOPE_API_KEY=sk-xxx...
-```
-
-### 选项 B：后端集成 LLM（生产推荐）⭐
-
-**适用场景**：生产环境、需要安全和性能
-
-**优点**：
- ✓ API Key 安全（不暴露给前端）
- ✓ 统一管理和监控
- ✓ 可以做缓存优化
- ✓ 可以做速率限制
-
-**缺点**：
- 需要修改后端
- 增加服务器成本
-
-**实现步骤**：
-
-#### 1. 安装依赖
-
-```bash
-pip install openai
-```
-
-#### 2. 修改 `mcp_server.py`，添加聊天端点
-
-在文件末尾添加：
-
-```python
-from mcp_chat_endpoint import MCPChatAssistant, ChatRequest, ChatResponse
-
-# 创建聊天助手实例
-chat_assistant = MCPChatAssistant(provider="qwen")  # 推荐使用通义千问
-
-@app.post("/chat", response_model=ChatResponse)
-async def chat_endpoint(request: ChatRequest):
-    """智能对话端点 - 使用LLM理解意图并调用工具"""
-    logger.info(f"Chat request: {request.message}")
-
-    # 获取可用工具列表
-    tools = [tool.dict() for tool in TOOLS]
-
-    # 调用聊天助手
-    response = await chat_assistant.chat(
-        user_message=request.message,
-        conversation_history=request.conversation_history,
-        tools=tools,
-    )
-
-    return response
-```
-
-#### 3. 配置环境变量
-
-在服务器上设置：
-
-```bash
-# 方式1：使用通义千问（推荐，价格便宜）
-export DASHSCOPE_API_KEY="sk-xxx..."
-
-# 方式2：使用 OpenAI
-export OPENAI_API_KEY="sk-xxx..."
-
-# 方式3：使用 DeepSeek（最便宜）
-export DEEPSEEK_API_KEY="sk-xxx..."
-```
-
-#### 4. 修改前端 `mcpService.js`
-
-```javascript
-/**
- * 智能对话 - 使用后端LLM处理
- */
-async chat(userMessage, conversationHistory = []) {
-  try {
-    const response = await this.client.post('/chat', {
-      message: userMessage,
-      conversation_history: conversationHistory,
-    });
-
-    return {
-      success: true,
-      data: response,
-    };
-  } catch (error) {
-    return {
-      success: false,
-      error: error.message || '对话处理失败',
-    };
-  }
-}
-```
-
-#### 5. 修改前端 `ChatInterface.js`
-
-```javascript
-const handleSendMessage = async () => {
-  // ...
-
-  try {
-    // 调用后端聊天API
-    const response = await mcpService.chat(inputValue, messages);
-
-    if (response.success) {
-      const botMessage = {
-        id: Date.now() + 1,
-        content: response.data.message,  // LLM总结的自然语言
-        isUser: false,
-        type: 'text',
-        timestamp: new Date().toISOString(),
-        toolUsed: response.data.tool_used,  // 可选：显示使用了哪个工具
-        rawData: response.data.raw_data,    // 可选：原始数据（折叠显示）
-      };
-      setMessages((prev) => [...prev, botMessage]);
-    }
-  } catch (error) {
-    // ...
-  }
-};
-```
-
-## 💰 LLM 选择和成本
-
-### 推荐：通义千问（阿里云）
-
-**优点**：
- 价格便宜（1000次对话约 ¥1-2）
- 中文理解能力强
- 国内访问稳定
-
-**价格**：
- qwen-plus: ¥0.004/1000 tokens（约 ¥0.001/次对话）
- qwen-turbo: ¥0.002/1000 tokens（更便宜）
-
-**获取 API Key**：
-1. 访问 https://dashscope.console.aliyun.com/
-2. 创建 API Key
-3. 设置环境变量 `DASHSCOPE_API_KEY`
-
-### 其他选择
-
-| 提供商 | 模型 | 价格 | 优点 | 缺点 |
-|--------|------|------|------|------|
-| **通义千问** | qwen-plus | ¥0.001/次 | 便宜、中文好 | - |
-| **DeepSeek** | deepseek-chat | ¥0.0005/次 | 最便宜 | 新公司 |
-| **OpenAI** | gpt-4o-mini | $0.15/1M tokens | 能力强 | 贵、需翻墙 |
-| **Claude** | claude-3-haiku | $0.25/1M tokens | 理解力强 | 贵、需翻墙 |
-
-## 🚀 部署步骤
-
-### 1. 后端部署
-
-```bash
-# 安装依赖
-pip install openai
-
-# 设置 API Key
-export DASHSCOPE_API_KEY="sk-xxx..."
-
-# 重启服务
-sudo systemctl restart mcp-server
-
-# 测试聊天端点
-curl -X POST https://valuefrontier.cn/mcp/chat \
-  -H "Content-Type: application/json" \
-  -d '{"message": "查询贵州茅台的股票信息"}'
-```
-
-### 2. 前端部署
-
-```bash
-# 构建
-npm run build
-
-# 部署
-scp -r build/* user@server:/var/www/valuefrontier.cn/
-```
-
-### 3. 验证
-
-访问 https://valuefrontier.cn/agent-chat，测试对话：
-
-**测试用例**：
-1. "查询贵州茅台的股票信息" → 应返回自然语言总结
-2. "今日涨停的股票有哪些" → 应返回涨停股票列表并总结
-3. "新能源概念板块表现如何" → 应搜索概念并分析
-
-## 📊 对比总结
-
-| 特性 | 简单匹配 | 前端LLM | 后端LLM ⭐ |
-|------|---------|---------|-----------|
-| 实现难度 | 简单 | 中等 | 中等 |
-| 用户体验 | 差 | 好 | 好 |
-| 安全性 | 高 | 低 | 高 |
-| 成本 | 无 | 用户承担 | 服务器承担 |
-| 可维护性 | 差 | 中 | 好 |
-| **推荐指数** | ⭐ | ⭐⭐ | ⭐⭐⭐⭐⭐ |
-
-## 🎯 最终推荐
-
-**生产环境：后端集成 LLM (方案 B)**
- 使用通义千问（qwen-plus）
- 成本低（约 ¥50/月，10000次对话）
- 安全可靠
-
-**快速原型：前端集成 LLM (方案 A)**
- 适合演示
- 快速验证可行性
- 后续再迁移到后端
--- a/docs/MOCK_API_DOCS.md
+++ b/docs/MOCK_API_DOCS.md
@@ -1,322 +0,0 @@
-# Mock API 接口文档
-
-本文档说明 Community 页面（`/community`）加载时请求的所有 Mock API 接口。
-
-## 📊 接口总览
-
-Community 页面加载时会并发请求以下接口：
-
-| 序号 | 接口路径 | 调用时机 | 用途 | Mock 状态 |
-|------|---------|---------|------|-----------|
-| 1 | `/concept-api/search` | PopularKeywords 组件挂载 | 获取热门概念 | ✅ 已实现 |
-| 2 | `/api/events/` | Community 组件挂载 | 获取事件列表 | ✅ 已实现 |
-| 3-8 | `/api/index/{code}/kline` (6个) | MidjourneyHeroSection 组件挂载 | 获取三大指数K线数据 | ✅ 已实现 |
-
---
-
-## 1. 概念搜索接口
-
-### `/concept-api/search`
-
-**请求方式**: `POST`
-
-**调用位置**: `src/views/Community/components/PopularKeywords.js:25`
-
-**调用时机**: PopularKeywords 组件挂载时（`useEffect`, 空依赖数组）
-
-**请求参数**:
-```json
-{
-  "query": "",              // 空字符串表示获取所有概念
-  "size": 20,               // 获取数量
-  "page": 1,                // 页码
-  "sort_by": "change_pct"   // 排序方式：按涨跌幅排序
-}
-```
-
-**响应数据**:
-```json
-{
-  "results": [
-    {
-      "concept": "人工智能",
-      "concept_id": "CONCEPT_1000",
-      "stock_count": 45,
-      "price_info": {
-        "avg_change_pct": 5.23,
-        "avg_price": "45.67",
-        "total_market_cap": "567.89"
-      },
-      "description": "人工智能相关概念股",
-      "hot_score": 89
-    }
-    // ... 更多概念数据
-  ],
-  "total": 20,
-  "page": 1,
-  "size": 20,
-  "message": "搜索成功"
-}
-```
-
-**Mock Handler**: `src/mocks/handlers/concept.js`
-
---
-
-## 2. 事件列表接口
-
-### `/api/events/`
-
-**请求方式**: `GET`
-
-**调用位置**: `src/views/Community/index.js:147` → `eventService.getEvents()`
-
-**调用时机**: Community 页面加载时，由 `loadEvents()` 函数调用
-
-**请求参数** (Query Parameters):
- `page`: 页码（默认: 1）
- `per_page`: 每页数量（默认: 10）
- `sort`: 排序方式（默认: "new"）
- `importance`: 重要性（默认: "all"）
- `search_type`: 搜索类型（默认: "topic"）
- `q`: 搜索关键词（可选）
- `industry_code`: 行业代码（可选）
- `industry_classification`: 行业分类（可选）
-
-**示例请求**:
-```
-GET /api/events/?sort=new&importance=all&search_type=topic&page=1&per_page=10
-```
-
-**响应数据**:
-```json
-{
-  "success": true,
-  "data": {
-    "events": [
-      {
-        "event_id": "evt_001",
-        "title": "某公司发布新产品",
-        "content": "详细内容...",
-        "importance": "S",
-        "created_at": "2024-10-26T10:30:00Z",
-        "related_stocks": ["600519", "000858"]
-      }
-      // ... 更多事件
-    ],
-    "pagination": {
-      "page": 1,
-      "per_page": 10,
-      "total": 100,
-      "total_pages": 10
-    }
-  },
-  "message": "获取成功"
-}
-```
-
-**Mock Handler**: `src/mocks/handlers/event.js`
-
---
-
-## 3. 指数K线数据接口
-
-### `/api/index/:indexCode/kline`
-
-**请求方式**: `GET`
-
-**调用位置**: `src/views/Community/components/MidjourneyHeroSection.js:315-323`
-
-**调用时机**: MidjourneyHeroSection 组件挂载时（`useEffect`, 空依赖数组）
-
-### 3.1 分时数据 (timeline)
-
-用于展示当日分钟级别的价格走势图。
-
-**请求参数** (Query Parameters):
- `type`: "timeline"
- `event_time`: 可选，事件时间
-
-**六个并发请求**:
-1. `GET /api/index/000001.SH/kline?type=timeline` - 上证指数分时
-2. `GET /api/index/399001.SZ/kline?type=timeline` - 深证成指分时
-3. `GET /api/index/399006.SZ/kline?type=timeline` - 创业板指分时
-4. `GET /api/index/000001.SH/kline?type=daily` - 上证指数日线
-5. `GET /api/index/399001.SZ/kline?type=daily` - 深证成指日线
-6. `GET /api/index/399006.SZ/kline?type=daily` - 创业板指日线
-
-**timeline 响应数据**:
-```json
-{
-  "success": true,
-  "data": [
-    {
-      "time": "09:30",
-      "price": 3215.67,
-      "close": 3215.67,
-      "volume": 235678900,
-      "prev_close": 3200.00
-    },
-    {
-      "time": "09:31",
-      "price": 3216.23,
-      "close": 3216.23,
-      "volume": 245789000,
-      "prev_close": 3200.00
-    }
-    // ... 每分钟一条数据，从 09:30 到 15:00
-  ],
-  "index_code": "000001.SH",
-  "type": "timeline",
-  "message": "获取成功"
-}
-```
-
-### 3.2 日线数据 (daily)
-
-用于获取历史收盘价，计算涨跌幅百分比。
-
-**daily 响应数据**:
-```json
-{
-  "success": true,
-  "data": [
-    {
-      "date": "2024-10-01",
-      "time": "2024-10-01",
-      "open": 3198.45,
-      "close": 3205.67,
-      "high": 3212.34,
-      "low": 3195.12,
-      "volume": 45678900000,
-      "prev_close": 3195.23
-    }
-    // ... 最近30个交易日的数据
-  ],
-  "index_code": "000001.SH",
-  "type": "daily",
-  "message": "获取成功"
-}
-```
-
-**Mock Handler**: `src/mocks/handlers/stock.js`
-**数据生成函数**: `src/mocks/data/kline.js`
-
---
-
-## 🔍 重复请求问题分析
-
-### 问题原因
-
-1. **PopularKeywords 组件重复渲染**
-   - `UnifiedSearchBox` 内部包含 `<PopularKeywords />` (line 276)
-   - `PopularKeywords` 组件自己会在 `useEffect` 中发起 `/concept-api/search` 请求
-   - Community 页面同时还通过 Redux `fetchPopularKeywords()` 获取数据（但未使用）
-
-2. **React Strict Mode**
-   - 开发环境下，React 18 的 Strict Mode 会故意双倍调用 useEffect
-   - 这会导致所有组件挂载时的请求被执行两次
-   - 生产环境不受影响
-
-3. **MidjourneyHeroSection 的 6 个K线请求**
-   - 这是设计行为，一次性并发请求 6 个接口
-   - 3 个分时数据 + 3 个日线数据
-   - 用于展示三大指数的实时行情图表
-
-### 解决方案
-
-**方案 1**: 移除冗余的数据获取
-```javascript
-// Community/index.js 中移除未使用的 fetchPopularKeywords
-// 删除或注释掉 line 256
-// dispatch(fetchPopularKeywords());
-```
-
-**方案 2**: 使用缓存机制
- 在 `PopularKeywords` 组件中添加数据缓存
- 短时间内（如 5 分钟）重复请求直接返回缓存数据
-
-**方案 3**: 提升数据到父组件
- 在 Community 页面统一管理数据获取
- 通过 props 传递给 `PopularKeywords` 组件
- `PopularKeywords` 不再自己发起请求
-
---
-
-## 📝 其他接口
-
-### `/api/conversations`
-**状态**: ❌ 未在前端代码中找到
-**可能来源**: 浏览器插件、其他应用、或外部系统
-
-### `/api/parameters`
-**状态**: ❌ 未在前端代码中找到
-**可能来源**: 浏览器插件、其他应用、或外部系统
-
---
-
-## 🚀 Mock 服务启动
-
-```bash
-# 启动 Mock 开发服务器
-npm run start:mock
-```
-
-Mock 服务使用 [MSW (Mock Service Worker)](https://mswjs.io/) 实现，会拦截所有匹配的 API 请求并返回模拟数据。
-
-### Mock 文件结构
-
-```
-src/mocks/
-├── handlers/
-│   ├── index.js         # 汇总所有 handlers
-│   ├── concept.js       # 概念相关接口
-│   ├── event.js         # 事件相关接口
-│   └── stock.js         # 股票/指数K线接口
-├── data/
-│   ├── kline.js         # K线数据生成函数
-│   ├── events.js        # 事件数据
-│   └── industries.js    # 行业数据
-└── browser.js           # MSW 浏览器配置
-```
-
---
-
-## 🐛 调试建议
-
-### 1. 查看 Mock 请求日志
-
-打开浏览器控制台，所有 Mock 请求都会输出日志：
-
-```
-[Mock Concept] 搜索概念: {query: "", size: 20, page: 1, sort_by: "change_pct"}
-[Mock Stock] 获取指数K线数据: {indexCode: "000001.SH", type: "timeline", eventTime: null}
-[Mock] 获取事件列表: {page: 1, per_page: 10, sort: "new", ...}
-```
-
-### 2. 检查网络请求
-
-在浏览器 Network 面板中：
- 筛选 XHR/Fetch 请求
- 查看请求的 URL、参数、响应数据
- Mock 请求的响应时间会比真实 API 更快（200-500ms）
-
-### 3. 验证数据格式
-
-确保 Mock 数据格式与前端期望的格式一致：
- 检查字段名称（如 `concept` vs `name`）
- 检查数据类型（字符串 vs 数字）
- 检查嵌套结构（如 `price_info.avg_change_pct`）
-
---
-
-## 📚 相关文档
-
- [MSW 官方文档](https://mswjs.io/)
- [React Query 缓存策略](https://tanstack.com/query/latest)
- [前端数据获取最佳实践](https://kentcdodds.com/blog/data-fetching)
-
---
-
-**更新日期**: 2024-10-26
-**维护者**: Claude Code Assistant
--- a/docs/MOCK_DATA_CENTER_SUPPLEMENT.md
+++ b/docs/MOCK_DATA_CENTER_SUPPLEMENT.md
@@ -1,695 +0,0 @@
-# 个人中心 Mock 数据补充文档
-
-> **补充日期**: 2025-01-19
-> **补充范围**: 个人中心 (`/home/center`) 页面所需的全部 Mock 数据和 API
-> **补充目标**: 完善 Mock 数据，支持个人中心页面在开发环境下完整运行
-
---
-
-## 📋 目录
-
- [1. 业务逻辑梳理](#1-业务逻辑梳理)
- [2. API 接口清单](#2-api-接口清单)
- [3. Mock 数据结构](#3-mock-数据结构)
- [4. 实施内容](#4-实施内容)
- [5. 测试验证](#5-测试验证)
- [6. 附录](#6-附录)
-
---
-
-## 1. 业务逻辑梳理
-
-### 1.1 个人中心核心功能
-
-个人中心 (`src/views/Dashboard/Center.js`) 是用户的核心控制面板，包含以下6大功能模块：
-
-| 功能模块 | 描述 | 核心价值 |
-|---------|------|---------|
-| **自选股管理** | 添加/查看/删除自选股，查看实时行情 | 快速追踪关注股票的动态 |
-| **事件关注** | 关注的热点事件列表，查看事件详情 | 掌握市场热点和投资机会 |
-| **我的评论** | 用户在各个事件下的评论历史 | 回顾自己的观点和判断 |
-| **订阅信息** | 用户会员状态、剩余天数、功能权限 | 管理订阅和升级服务 |
-| **投资日历** | 用户自定义的投资相关日程事件 | 规划投资时间线 |
-| **投资计划与复盘** | 投资计划和复盘记录的CRUD | 系统化投资管理 |
-
-### 1.2 页面数据加载流程
-
-```
-页面加载
-   ↓
-并行请求4个API（Promise.all）
-   ├─ GET /api/account/watchlist          → 自选股列表
-   ├─ GET /api/account/events/following   → 关注事件
-   ├─ GET /api/account/events/comments    → 我的评论
-   └─ GET /api/subscription/current       → 订阅信息
-   ↓
-如果有自选股，加载实时行情
-   └─ GET /api/account/watchlist/realtime → 实时行情数据
-   ↓
-子组件加载自己的数据
-   ├─ InvestmentCalendarChakra
-   │  └─ GET /api/account/calendar/events  → 日历事件
-   └─ InvestmentPlansAndReviews
-      └─ GET /api/account/investment-plans → 投资计划
-```
-
-### 1.3 用户交互流程
-
-#### 自选股操作
-```
-查看自选股 → 点击刷新 → 更新实时行情
-              ↓
-          点击股票 → 跳转到个股详情页
-              ↓
-          点击添加 → 跳转到股票搜索页
-              ↓
-          点击删除 → DELETE /api/account/watchlist/:id
-```
-
-#### 投资计划操作
-```
-查看计划列表
-   ↓
-点击新增 → 填写表单 → POST /api/account/investment-plans
-   ↓
-点击编辑 → 修改内容 → PUT /api/account/investment-plans/:id
-   ↓
-点击删除 → DELETE /api/account/investment-plans/:id
-```
-
-#### 日历事件操作
-```
-查看日历（月视图）
-   ↓
-选择日期 → 查看当天事件
-   ↓
-点击新增 → 填写表单 → POST /api/account/calendar/events
-   ↓
-点击事件 → 查看详情 → 编辑/删除
-   ↓
-PUT /api/account/calendar/events/:id
-DELETE /api/account/calendar/events/:id
-```
-
---
-
-## 2. API 接口清单
-
-### 2.1 接口总览
-
-共实现 **20 个** Mock API 接口，覆盖个人中心的所有功能需求。
-
-| 分类 | 接口数量 | 说明 |
-|-----|---------|------|
-| 用户资料 | 3 | 资料完整度、获取/更新资料 |
-| 自选股管理 | 4 | 获取列表、实时行情、添加、删除 |
-| 事件关注 | 2 | 获取关注事件、我的评论 |
-| 投资计划 | 4 | 获取、创建、更新、删除 |
-| 投资日历 | 4 | 获取、创建、更新、删除 |
-| 订阅信息 | 3 | 订阅信息、当前订阅、权限列表 |
-
-### 2.2 详细接口列表
-
-#### 用户资料管理
-
-| # | 方法 | 路径 | 描述 | 返回数据 |
-|---|------|------|------|---------|
-| 1 | GET | `/api/account/profile-completeness` | 获取资料完整度 | 完整度百分比、缺失项 |
-| 2 | PUT | `/api/account/profile` | 更新用户资料 | 更新后的用户对象 |
-| 3 | GET | `/api/account/profile` | 获取用户资料 | 用户对象 |
-
-#### 自选股管理
-
-| # | 方法 | 路径 | 描述 | 返回数据 |
-|---|------|------|------|---------|
-| 4 | GET | `/api/account/watchlist` | 获取自选股列表 | 自选股数组 |
-| 5 | GET | `/api/account/watchlist/realtime` | 获取实时行情 | 行情数据数组 |
-| 6 | POST | `/api/account/watchlist/add` | 添加自选股 | 新添加的自选股对象 |
-| 7 | DELETE | `/api/account/watchlist/:id` | 删除自选股 | 成功消息 |
-
-#### 事件关注管理
-
-| # | 方法 | 路径 | 描述 | 返回数据 |
-|---|------|------|------|---------|
-| 8 | GET | `/api/account/events/following` | 获取关注的事件 | 事件数组 |
-| 9 | GET | `/api/account/events/comments` | 获取我的评论 | 评论数组 |
-
-#### 投资计划与复盘
-
-| # | 方法 | 路径 | 描述 | 返回数据 |
-|---|------|------|------|---------|
-| 10 | GET | `/api/account/investment-plans` | 获取投资计划列表 | 计划数组 |
-| 11 | POST | `/api/account/investment-plans` | 创建投资计划 | 新创建的计划对象 |
-| 12 | PUT | `/api/account/investment-plans/:id` | 更新投资计划 | 更新后的计划对象 |
-| 13 | DELETE | `/api/account/investment-plans/:id` | 删除投资计划 | 成功消息 |
-
-#### 投资日历
-
-| # | 方法 | 路径 | 描述 | 返回数据 |
-|---|------|------|------|---------|
-| 14 | GET | `/api/account/calendar/events` | 获取日历事件 | 事件数组（支持日期范围过滤） |
-| 15 | POST | `/api/account/calendar/events` | 创建日历事件 | 新创建的事件对象 |
-| 16 | PUT | `/api/account/calendar/events/:id` | 更新日历事件 | 更新后的事件对象 |
-| 17 | DELETE | `/api/account/calendar/events/:id` | 删除日历事件 | 成功消息 |
-
-#### 订阅信息
-
-| # | 方法 | 路径 | 描述 | 返回数据 |
-|---|------|------|------|---------|
-| 18 | GET | `/api/subscription/info` | 获取订阅信息 | 订阅类型、状态、剩余天数 |
-| 19 | GET | `/api/subscription/current` | 获取当前订阅详情 | 详细的订阅信息 |
-| 20 | GET | `/api/subscription/permissions` | 获取订阅权限 | 功能权限列表 |
-
---
-
-## 3. Mock 数据结构
-
-### 3.1 自选股数据 (Watchlist)
-
-```javascript
-{
-  id: 1,                          // 自选股ID
-  user_id: 1,                     // 用户ID
-  stock_code: "600519.SH",        // 股票代码
-  stock_name: "贵州茅台",          // 股票名称
-  industry: "白酒",                // 所属行业
-  current_price: 1650.50,         // 当前价格
-  change_percent: 2.5,            // 涨跌幅(%)
-  added_at: "2025-01-10T10:30:00Z" // 添加时间
-}
-```
-
-**Mock 数据数量**: 5 只股票
- 贵州茅台 (600519.SH)
- 平安银行 (000001.SZ)
- 五粮液 (000858.SZ)
- 宁德时代 (300750.SZ)
- BYD比亚迪 (002594.SZ)
-
-### 3.2 实时行情数据 (Realtime Quotes)
-
-```javascript
-{
-  stock_code: "600519.SH",      // 股票代码
-  current_price: 1650.50,       // 当前价格
-  change_percent: 2.5,          // 涨跌幅(%)
-  change: 40.25,                // 涨跌额
-  volume: 2345678,              // 成交量
-  turnover: 3945678901.23,      // 成交额
-  high: 1665.00,                // 最高价
-  low: 1645.00,                 // 最低价
-  open: 1648.80,                // 开盘价
-  prev_close: 1610.25,          // 昨收价
-  update_time: "15:00:00"       // 更新时间
-}
-```
-
-**Mock 数据数量**: 5 只股票的实时行情
-
-### 3.3 关注事件数据 (Following Events)
-
-```javascript
-{
-  id: 101,                                          // 事件ID
-  title: "央行宣布降准0.5个百分点...",               // 事件标题
-  tags: ["货币政策", "央行", "降准", "银行"],        // 标签
-  view_count: 12340,                                // 浏览数
-  comment_count: 156,                               // 评论数
-  upvote_count: 489,                                // 点赞数
-  heat_score: 95,                                   // 热度分数
-  exceed_expectation_score: 85,                     // 超预期分数
-  creator: {                                        // 创建者
-    id: 1001,
-    username: "财经分析师",
-    avatar_url: "https://i.pravatar.cc/150?img=11"
-  },
-  created_at: "2025-01-15T09:00:00Z",              // 创建时间
-  followed_at: "2025-01-15T10:30:00Z"              // 关注时间
-}
-```
-
-**Mock 数据数量**: 5 个热点事件
- 央行降准
- ChatGPT-5 发布
- 新能源补贴政策
- 芯片法案
- 医保目录调整
-
-### 3.4 评论数据 (Comments)
-
-```javascript
-{
-  id: 201,                                         // 评论ID
-  user_id: 1,                                      // 用户ID
-  event_id: 101,                                   // 关联事件ID
-  event_title: "央行宣布降准0.5个百分点...",        // 事件标题
-  content: "这次降准对银行股是重大利好！...",      // 评论内容
-  created_at: "2025-01-15T11:20:00Z",             // 评论时间
-  likes: 45,                                       // 点赞数
-  replies: 12                                      // 回复数
-}
-```
-
-**Mock 数据数量**: 5 条评论
-
-### 3.5 投资计划数据 (Investment Plans)
-
-```javascript
-{
-  id: 301,                                         // 计划ID
-  user_id: 1,                                      // 用户ID
-  type: "plan",                                    // 类型: plan | review
-  title: "2025年Q1 新能源板块布局计划",            // 标题
-  content: "计划在Q1分批建仓新能源板块...",        // 内容（支持Markdown）
-  target_date: "2025-03-31",                       // 目标日期
-  status: "in_progress",                           // 状态: pending | in_progress | completed | cancelled
-  created_at: "2025-01-10T10:00:00Z",             // 创建时间
-  updated_at: "2025-01-15T14:30:00Z",             // 更新时间
-  tags: ["新能源", "布局计划", "Q1计划"]           // 标签
-}
-```
-
-**Mock 数据数量**: 4 条记录
- 2 条计划 (plan)
- 2 条复盘 (review)
-
-### 3.6 日历事件数据 (Calendar Events)
-
-```javascript
-{
-  id: 401,                                         // 事件ID
-  user_id: 1,                                      // 用户ID
-  title: "贵州茅台年报披露",                        // 事件标题
-  date: "2025-03-28",                              // 事件日期
-  type: "earnings",                                // 类型: earnings | policy | reminder | custom
-  category: "financial_report",                    // 分类: financial_report | macro_policy | trading | investment | review
-  description: "关注营收和净利润增速...",          // 描述
-  stock_code: "600519.SH",                         // 关联股票代码（可选）
-  stock_name: "贵州茅台",                          // 关联股票名称（可选）
-  importance: "high",                              // 重要性: low | medium | high
-  is_recurring: false,                             // 是否重复
-  recurrence_rule: null,                           // 重复规则: daily | weekly | monthly（可选）
-  created_at: "2025-01-10T10:00:00Z"              // 创建时间
-}
-```
-
-**Mock 数据数量**: 7 个日历事件
- 2 个财报事件
- 2 个政策事件
- 3 个提醒事件（含重复事件）
-
-### 3.7 订阅信息数据 (Subscription)
-
-```javascript
-{
-  type: "pro",                                     // 订阅类型: free | pro | max
-  status: "active",                                // 状态: active | expired | cancelled
-  is_active: true,                                 // 是否激活
-  days_left: 90,                                   // 剩余天数
-  end_date: "2025-04-15T23:59:59Z",               // 到期时间
-  plan_name: "Pro版",                              // 套餐名称
-  features: [                                      // 功能列表
-    "无限事件查看",
-    "实时行情推送",
-    "专业分析报告",
-    ...
-  ],
-  price: 0.01,                                     // 价格
-  currency: "CNY",                                 // 货币
-  billing_cycle: "monthly",                        // 计费周期: monthly | quarterly | yearly
-  auto_renew: true,                                // 自动续费
-  next_billing_date: "2025-02-15T00:00:00Z"       // 下次扣费日期
-}
-```
-
---
-
-## 4. 实施内容
-
-### 4.1 创建的文件
-
-#### 1. `src/mocks/data/account.js` (新建)
-
-**文件作用**: 存储个人中心相关的所有 Mock 数据
-
-**包含内容**:
- `mockWatchlist` - 自选股数据 (5条)
- `mockRealtimeQuotes` - 实时行情数据 (5条)
- `mockFollowingEvents` - 关注事件数据 (5条)
- `mockEventComments` - 评论数据 (5条)
- `mockInvestmentPlans` - 投资计划数据 (4条)
- `mockCalendarEvents` - 日历事件数据 (7条)
- `mockSubscriptionCurrent` - 订阅详情数据 (1条)
-
-**辅助函数**:
-```javascript
-// 根据用户ID获取数据
-getWatchlistByUserId(userId)
-getFollowingEventsByUserId(userId)
-getCommentsByUserId(userId)
-getInvestmentPlansByUserId(userId)
-getCalendarEventsByUserId(userId)
-
-// 根据日期范围获取日历事件
-getCalendarEventsByDateRange(userId, startDate, endDate)
-```
-
-**文件大小**: 约 550 行代码
-
-#### 2. `src/mocks/handlers/account.js` (完全重写)
-
-**文件作用**: 处理个人中心相关的所有 API 请求
-
-**包含内容**: 20 个 API Handler
-
-**主要改动**:
- ✅ 保留原有的用户资料管理接口 (3个)
- ✅ 完善自选股管理接口 (4个)
- ✅ 完善事件关注接口 (2个)
- ✅ **新增** 投资计划接口 (4个)
- ✅ **新增** 投资日历接口 (4个)
- ✅ 完善订阅信息接口 (3个)
-
-**文件大小**: 660 行代码（从原 542 行扩展到 660 行）
-
-### 4.2 修改的文件
-
-#### `src/mocks/handlers/index.js` (无需修改)
-
-**检查结果**: ✅ 已正确导入和导出 `accountHandlers`
-
-```javascript
-import { accountHandlers } from './account';
-
-export const handlers = [
-    ...authHandlers,
-    ...accountHandlers,  // ✅ 已包含
-    ...simulationHandlers,
-    ...eventHandlers,
-];
-```
-
-### 4.3 Mock 数据特点
-
-#### 数据真实性
- ✅ 使用真实的股票代码和名称
- ✅ 价格和涨跌幅符合市场规律
- ✅ 事件标题和内容贴近实际热点
- ✅ 日期时间合理分布
-
-#### 数据关联性
- ✅ 评论关联到对应的事件
- ✅ 日历事件关联到对应的股票
- ✅ 实时行情对应自选股列表
- ✅ 订阅类型影响权限配置
-
-#### 数据可扩展性
- ✅ 支持动态添加/删除数据
- ✅ 数据结构预留扩展字段
- ✅ 辅助函数便于数据查询
- ✅ 支持日期范围过滤
-
---
-
-## 5. 测试验证
-
-### 5.1 功能测试清单
-
-#### 个人中心页面加载
-
-| 测试项 | 测试步骤 | 预期结果 | 状态 |
-|-------|---------|---------|-----|
-| **页面初始加载** | 1. 登录系统<br>2. 访问 `/home/center` | 页面正常加载，显示所有板块 | ⬜ |
-| **统计卡片显示** | 查看顶部4个统计卡片 | 显示：自选股(5)、关注事件(5)、我的评论(5)、订阅状态(Pro版) | ⬜ |
-| **自选股列表** | 查看自选股板块 | 显示5只股票，包含股票代码、名称、价格、涨跌幅 | ⬜ |
-| **实时行情** | 等待实时行情加载 | 股票价格显示，涨跌幅有颜色标识（红涨绿跌） | ⬜ |
-| **关注事件列表** | 查看关注事件板块 | 显示5个事件，包含标题、标签、统计数据、热度分数 | ⬜ |
-| **我的评论列表** | 查看我的评论板块 | 显示5条评论，包含内容、时间、关联事件 | ⬜ |
-| **订阅信息卡片** | 查看订阅管理板块 | 显示Pro版，剩余90天，状态正常 | ⬜ |
-
-#### 自选股功能
-
-| 测试项 | 测试步骤 | 预期结果 | 状态 |
-|-------|---------|---------|-----|
-| **查看自选股详情** | 点击任一自选股 | 跳转到个股详情页 | ⬜ |
-| **刷新实时行情** | 点击刷新按钮 | 显示Loading，刷新完成后更新价格数据 | ⬜ |
-| **自动刷新行情** | 等待60秒 | 自动刷新实时行情（每分钟一次） | ⬜ |
-
-#### 投资计划功能
-
-| 测试项 | 测试步骤 | 预期结果 | 状态 |
-|-------|---------|---------|-----|
-| **查看投资计划** | 滚动到投资计划板块 | 显示4条记录（2个计划 + 2个复盘） | ⬜ |
-| **创建计划** | 1. 点击"新增计划"<br>2. 填写表单<br>3. 提交 | 计划创建成功，列表刷新 | ⬜ |
-| **编辑计划** | 1. 点击编辑按钮<br>2. 修改内容<br>3. 保存 | 计划更新成功，显示更新后的内容 | ⬜ |
-| **删除计划** | 1. 点击删除按钮<br>2. 确认删除 | 计划删除成功，列表刷新 | ⬜ |
-| **计划状态切换** | 切换计划状态（待进行/进行中/已完成） | 状态更新成功，显示对应标识 | ⬜ |
-
-#### 投资日历功能
-
-| 测试项 | 测试步骤 | 预期结果 | 状态 |
-|-------|---------|---------|-----|
-| **查看日历** | 查看投资日历板块 | 显示月视图，标记有事件的日期 | ⬜ |
-| **查看事件** | 点击有事件的日期 | 显示当天的事件列表（支持多个事件） | ⬜ |
-| **创建事件** | 1. 选择日期<br>2. 点击"添加事件"<br>3. 填写表单<br>4. 提交 | 事件创建成功，日历更新 | ⬜ |
-| **编辑事件** | 1. 点击事件<br>2. 修改信息<br>3. 保存 | 事件更新成功 | ⬜ |
-| **删除事件** | 1. 点击事件<br>2. 点击删除<br>3. 确认 | 事件删除成功，日历更新 | ⬜ |
-| **重复事件** | 创建一个重复事件（如每月20日） | 日历上多个日期显示该事件 | ⬜ |
-
-#### 订阅管理功能
-
-| 测试项 | 测试步骤 | 预期结果 | 状态 |
-|-------|---------|---------|-----|
-| **查看订阅详情** | 点击订阅卡片 | 跳转到订阅管理页面 | ⬜ |
-| **订阅权限检查** | 访问需要权限的功能 | Pro用户可访问，Free用户提示升级 | ⬜ |
-
-### 5.2 数据一致性测试
-
-| 测试项 | 验证方法 | 预期结果 | 状态 |
-|-------|---------|---------|-----|
-| **自选股与行情匹配** | 对比自选股列表和实时行情 | 每只自选股都有对应的行情数据 | ⬜ |
-| **评论与事件关联** | 点击评论中的事件链接 | 能正确跳转到对应事件 | ⬜ |
-| **日历事件与股票关联** | 查看带股票代码的日历事件 | 点击能跳转到对应股票详情 | ⬜ |
-| **订阅类型一致性** | 对比多处显示的订阅类型 | 统计卡片、订阅管理、权限检查一致 | ⬜ |
-
-### 5.3 边界情况测试
-
-| 测试项 | 测试步骤 | 预期结果 | 状态 |
-|-------|---------|---------|-----|
-| **空数据状态** | 1. 清空所有自选股<br>2. 刷新页面 | 显示"暂无自选股"提示，引导添加 | ⬜ |
-| **网络延迟** | 模拟慢速网络 | 显示Loading状态，300ms后加载完成 | ⬜ |
-| **未登录状态** | 未登录访问个人中心 | 返回401错误（被ProtectedRoute拦截） | ⬜ |
-| **大数据量** | 添加10+只自选股 | 前端只显示前10只，其他可查看全部 | ⬜ |
-| **日期范围查询** | 查询特定月份的日历事件 | 只返回该月份的事件 | ⬜ |
-
---
-
-## 6. 附录
-
-### 6.1 API 请求示例
-
-#### 获取自选股列表
-```javascript
-// 请求
-GET /api/account/watchlist
-
-// 响应
-{
-  "success": true,
-  "data": [
-    {
-      "id": 1,
-      "user_id": 1,
-      "stock_code": "600519.SH",
-      "stock_name": "贵州茅台",
-      "industry": "白酒",
-      "current_price": 1650.50,
-      "change_percent": 2.5,
-      "added_at": "2025-01-10T10:30:00Z"
-    },
-    ...
-  ]
-}
-```
-
-#### 创建投资计划
-```javascript
-// 请求
-POST /api/account/investment-plans
-Content-Type: application/json
-
-{
-  "type": "plan",
-  "title": "2025年Q1 新能源板块布局计划",
-  "content": "计划在Q1分批建仓新能源板块...",
-  "target_date": "2025-03-31",
-  "status": "pending",
-  "tags": ["新能源", "布局计划"]
-}
-
-// 响应
-{
-  "success": true,
-  "message": "创建成功",
-  "data": {
-    "id": 305,
-    "user_id": 1,
-    "type": "plan",
-    "title": "2025年Q1 新能源板块布局计划",
-    "content": "计划在Q1分批建仓新能源板块...",
-    "target_date": "2025-03-31",
-    "status": "pending",
-    "tags": ["新能源", "布局计划"],
-    "created_at": "2025-01-19T10:00:00Z",
-    "updated_at": "2025-01-19T10:00:00Z"
-  }
-}
-```
-
-#### 获取日历事件（日期范围）
-```javascript
-// 请求
-GET /api/account/calendar/events?start_date=2025-01-01&end_date=2025-01-31
-
-// 响应
-{
-  "success": true,
-  "data": [
-    {
-      "id": 403,
-      "user_id": 1,
-      "title": "央行货币政策委员会例会",
-      "date": "2025-01-25",
-      "type": "policy",
-      "category": "macro_policy",
-      "importance": "medium",
-      "created_at": "2025-01-08T09:00:00Z"
-    },
-    ...
-  ]
-}
-```
-
-### 6.2 数据模型 ER 图
-
-```
-User (用户)
-  ├─ 1:N → Watchlist (自选股)
-  ├─ 1:N → FollowingEvents (关注事件)
-  ├─ 1:N → EventComments (评论)
-  ├─ 1:N → InvestmentPlans (投资计划)
-  ├─ 1:N → CalendarEvents (日历事件)
-  └─ 1:1 → Subscription (订阅信息)
-
-Event (事件)
-  ├─ 1:N → EventComments (评论)
-  └─ N:N → Users (关注用户)
-
-Stock (股票)
-  ├─ 1:N → Watchlist (自选股)
-  ├─ 1:1 → RealtimeQuote (实时行情)
-  └─ 1:N → CalendarEvents (日历事件)
-```
-
-### 6.3 Mock 数据统计
-
-| 数据类型 | 数量 | 字段数 | 总大小（估算） |
-|---------|-----|--------|--------------|
-| 自选股 | 5 | 8 | 约 0.5KB |
-| 实时行情 | 5 | 11 | 约 0.8KB |
-| 关注事件 | 5 | 10 | 约 2KB |
-| 评论 | 5 | 8 | 约 1.5KB |
-| 投资计划 | 4 | 10 | 约 3KB |
-| 日历事件 | 7 | 12 | 约 1.5KB |
-| **总计** | **31** | **59** | **约 9.3KB** |
-
-### 6.4 前端组件映射
-
-| 前端组件 | 使用的 API | Mock 数据来源 |
-|---------|-----------|-------------|
-| `Center.js` (主组件) | 4个并行API | `mockWatchlist`, `mockFollowingEvents`, `mockEventComments`, `mockSubscriptionCurrent` |
-| 自选股卡片 | `/api/account/watchlist` | `mockWatchlist` |
-| 实时行情刷新 | `/api/account/watchlist/realtime` | `mockRealtimeQuotes` |
-| 关注事件列表 | `/api/account/events/following` | `mockFollowingEvents` |
-| 我的评论列表 | `/api/account/events/comments` | `mockEventComments` |
-| 订阅信息卡片 | `/api/subscription/current` | `mockSubscriptionCurrent` |
-| `InvestmentCalendarChakra.js` | `/api/account/calendar/events` | `mockCalendarEvents` |
-| `InvestmentPlansAndReviews.js` | `/api/account/investment-plans` | `mockInvestmentPlans` |
-
-### 6.5 常见问题 (FAQ)
-
-**Q1: Mock 数据会持久化吗？**
-A: 不会。Mock 数据存储在内存中，刷新页面后会重置。如果需要持久化，可以考虑使用 localStorage。
-
-**Q2: 如何切换到真实 API？**
-A: 在 `.env` 文件中设置 `REACT_APP_ENABLE_MOCK=false` 即可切换到真实 API。
-
-**Q3: Mock 数据支持多用户吗？**
-A: 目前的 Mock 数据基于当前登录用户（`getCurrentUser()`），支持基本的多用户场景。
-
-**Q4: 实时行情数据是真的实时吗？**
-A: Mock 模式下不是真实的实时数据，只是静态数据。真实环境下需要对接WebSocket或轮询API。
-
-**Q5: 如何添加更多 Mock 数据？**
-A: 编辑 `src/mocks/data/account.js`，在对应的数组中添加新的数据对象即可。
-
-### 6.6 后续优化建议
-
-#### 短期优化（1周内）
- [ ] 添加更多股票到自选股池（目前5只 → 10只）
- [ ] 丰富事件类型和标签
- [ ] 完善投资计划的标签系统
- [ ] 添加日历事件的提醒功能Mock
-
-#### 中期优化（1月内）
- [ ] 实现 Mock 数据的 localStorage 持久化
- [ ] 添加数据导入/导出功能
- [ ] 模拟网络波动和错误场景
- [ ] 添加更多的边界测试用例
-
-#### 长期优化（3月内）
- [ ] 实现完整的 Mock 数据生成器
- [ ] 支持批量生成测试数据
- [ ] 添加数据一致性校验工具
- [ ] 完善 Mock 数据文档和最佳实践
-
---
-
-## ✅ 总结
-
-### 完成内容
- ✅ 创建完整的 Mock 数据文件 (`src/mocks/data/account.js`)
- ✅ 重写并扩展 Mock Handler (`src/mocks/handlers/account.js`)
- ✅ 实现 20 个 API 接口的 Mock
- ✅ 提供 31 条 Mock 数据记录
- ✅ 验证 handlers/index.js 配置正确
-
-### 覆盖功能
- ✅ 自选股管理（查看、添加、删除、实时行情）
- ✅ 事件关注（关注列表、我的评论）
- ✅ 投资计划（增删改查、计划与复盘）
- ✅ 投资日历（增删改查、日期范围查询）
- ✅ 订阅信息（订阅详情、权限管理）
- ✅ 用户资料（资料完整度、更新资料）
-
-### 数据质量
- ✅ 数据真实性：使用真实股票和合理价格
- ✅ 数据关联性：评论关联事件、日历关联股票
- ✅ 数据可扩展性：预留字段、支持动态操作
- ✅ 数据完整性：包含所有必需字段
-
-### 测试准备
- ✅ 提供完整的测试用例清单
- ✅ 覆盖功能、数据一致性、边界测试
- ✅ 包含42个测试项
- ✅ 提供测试步骤和预期结果
-
---
-
-**文档版本**: 1.0
-**生成日期**: 2025-01-19
-**维护者**: Development Team
-**相关文档**:
- `CONSOLE_LOG_REFACTOR_REPORT.md` - Console Log 重构文档
- `LOGIN_MODAL_REFACTOR_PLAN.md` - 登录弹窗改造计划
-
--- a/docs/MOCK_GUIDE.md
+++ b/docs/MOCK_GUIDE.md
@@ -1,405 +0,0 @@
-# Mock Service Worker 使用指南
-
-本项目已集成 **Mock Service Worker (MSW)**，提供本地 Mock API 能力，无需依赖后端即可进行前端开发和测试。
-
-## 📖 目录
-
-1. [快速开始](#快速开始)
-2. [启动方式](#启动方式)
-3. [环境配置](#环境配置)
-4. [Mock 数据说明](#mock-数据说明)
-5. [如何添加新的 Mock API](#如何添加新的-mock-api)
-6. [调试技巧](#调试技巧)
-7. [常见问题](#常见问题)
-
---
-
-## 🚀 快速开始
-
-### 方式一：启动 Mock 环境（使用本地 Mock 数据）
-
-```bash
-npm run start:mock
-```
-
-启动后，浏览器控制台会显示：
-```
-[MSW] Mock Service Worker 已启动 🎭
-提示: 所有 API 请求将使用本地 Mock 数据
-要禁用 Mock，请设置 REACT_APP_ENABLE_MOCK=false
-```
-
-### 方式二：启动开发环境（连接真实后端）
-
-```bash
-npm run start:dev
-# 或者直接使用
-npm start
-```
-
---
-
-## 📝 启动方式
-
-| 命令 | 环境文件 | Mock 状态 | 用途 |
-|------|---------|----------|------|
-| `npm run start:mock` | `.env.mock` | ✅ 启用 | 本地开发，使用 Mock 数据 |
-| `npm run start:dev` | `.env.development` | ❌ 禁用 | 连接真实后端 API |
-| `npm start` | `.env` | ❌ 禁用 | 默认启动（连接后端） |
-
---
-
-## ⚙️ 环境配置
-
-### `.env.mock` - Mock 测试环境
-
-```env
-# 启用 Mock 数据
-REACT_APP_ENABLE_MOCK=true
-
-# Mock 模式下不需要真实的后端地址
-REACT_APP_API_URL=http://localhost:3000
-
-# Mock 环境标识
-REACT_APP_ENV=mock
-```
-
-### `.env.development` - 开发环境
-
-```env
-# 禁用 Mock 数据
-REACT_APP_ENABLE_MOCK=false
-
-# 真实的后端 API 地址
-REACT_APP_API_URL=http://49.232.185.254:5001
-
-# 开发环境标识
-REACT_APP_ENV=development
-```
-
-### 如何切换环境？
-
-只需修改 `.env` 文件中的 `REACT_APP_ENABLE_MOCK` 参数：
-
-```env
-# 启用 Mock
-REACT_APP_ENABLE_MOCK=true
-
-# 禁用 Mock，使用真实 API
-REACT_APP_ENABLE_MOCK=false
-```
-
---
-
-## 📦 Mock 数据说明
-
-### 已实现的 Mock API
-
-#### 1. **认证相关 API**
-
-| API | 方法 | Mock 说明 |
-|-----|------|----------|
-| `/api/auth/send-verification-code` | POST | 发送验证码（控制台会打印验证码） |
-| `/api/auth/login-with-code` | POST | 验证码登录（自动设置当前登录用户） |
-| `/api/auth/wechat/qrcode` | GET | 获取微信二维码（10秒后自动模拟扫码） |
-| `/api/auth/wechat/check-status` | POST | 检查微信扫码状态 |
-| `/api/auth/wechat/login` | POST | 微信登录确认（自动设置当前登录用户） |
-| `/api/auth/wechat/h5-auth-url` | POST | 获取微信 H5 授权链接 |
-| `/api/auth/session` | GET | 检查 Session 状态（返回当前登录用户） |
-| `/api/auth/check-session` | GET | 检查 Session 状态（旧端点，保留兼容） |
-| `/api/auth/logout` | POST | 退出登录（清除当前登录用户） |
-
-**登录状态管理**：
- Mock 系统会跟踪当前登录的用户
- 登录成功后，用户信息会保存到 Mock 状态中
- `/api/auth/session` 会返回当前登录用户的真实信息
- 退出登录会清除登录状态，下次检查 Session 返回未登录
-
-#### 2. **账户管理 API**
-
-| API | 方法 | Mock 说明 |
-|-----|------|----------|
-| `/api/account/profile-completeness` | GET | 获取用户资料完整度（需要登录） |
-| `/api/account/profile` | GET | 获取用户资料（需要登录） |
-| `/api/account/profile` | PUT | 更新用户资料（需要登录） |
-| `/api/subscription/info` | GET | 获取订阅信息（会员类型、状态、到期时间） |
-| `/api/subscription/permissions` | GET | 获取订阅权限（各功能的访问权限） |
-
-**资料完整度说明**：
- 返回用户资料的完整度百分比（0-100%）
- 包含缺失项列表（密码、手机号、邮箱）
- 对微信登录用户，如果资料不完整会提示需要完善
- Mock 模式会根据当前登录用户的真实信息计算完整度
-
-**订阅信息说明**：
- 返回当前用户的会员类型（free/pro/max）
- 包含订阅状态（active/expired）
- 返回到期时间和剩余天数
- 未登录用户默认返回 free 类型
-
-### 测试账号
-
-**手机号登录测试账号**：
-
-| 手机号 | 验证码 | 用户昵称 | 会员类型 | 状态 | 到期时间 | 剩余天数 | 功能权限 |
-|--------|--------|---------|---------|------|---------|---------|----------|
-| `13800138000` | 控制台查看 | 测试用户 | **Free**（免费） | ✅ 激活 | - | - | 基础功能 |
-| `13900139000` | 控制台查看 | Pro会员 | **Pro** | ✅ 激活 | 2025-12-31 | 90天 | 高级功能（除传导链外） |
-| `13700137000` | 控制台查看 | Max会员 | **Max** | ✅ 激活 | 2026-12-31 | 365天 | 🎉 全部功能 |
-| `13600136000` | 控制台查看 | 过期会员 | Pro（已过期） | ❌ 过期 | 2024-01-01 | -300天 | 基础功能 |
-
-**会员权限对比**：
-
-| 功能 | Free | Pro | Max |
-|------|------|-----|-----|
-| 相关标的 | ❌ | ✅ | ✅ |
-| 相关概念 | ❌ | ✅ | ✅ |
-| 事件传导链 | ❌ | ❌ | ✅ |
-| 历史事件对比 | 🔒 限制版 | ✅ 完整版 | ✅ 完整版 |
-| 概念详情 | ❌ | ✅ | ✅ |
-| 概念统计中心 | ❌ | ✅ | ✅ |
-| 概念相关股票 | ❌ | ✅ | ✅ |
-| 概念历史时间轴 | ❌ | ❌ | ✅ |
-| 热门个股 | ❌ | ✅ | ✅ |
-
-**验证码说明**：
- 发送验证码后，控制台会打印验证码
- 示例：`[Mock] 验证码已生成: 13800138000 -> 123456`
- 验证码有效期：5分钟
- 所有测试账号都可以使用相同的验证码登录
-
-**微信登录测试**：
-1. 点击"获取二维码"
-2. 等待 10 秒，自动模拟用户扫码
-3. 再等待 5 秒，自动模拟用户确认
-4. 登录成功
-
---
-
-## 🛠️ 如何添加新的 Mock API
-
-### 步骤 1：创建新的 Handler 文件
-
-在 `src/mocks/handlers/` 目录下创建新文件，例如 `user.js`：
-
-```javascript
-// src/mocks/handlers/user.js
-import { http, HttpResponse, delay } from 'msw';
-
-const NETWORK_DELAY = 500;
-
-export const userHandlers = [
-    // 获取用户信息
-    http.get('/api/user/profile', async () => {
-        await delay(NETWORK_DELAY);
-
-        return HttpResponse.json({
-            success: true,
-            data: {
-                id: 1,
-                nickname: '测试用户',
-                email: 'test@example.com',
-                avatar_url: 'https://i.pravatar.cc/150?img=1'
-            }
-        });
-    }),
-
-    // 更新用户信息
-    http.put('/api/user/profile', async ({ request }) => {
-        await delay(NETWORK_DELAY);
-
-        const body = await request.json();
-
-        return HttpResponse.json({
-            success: true,
-            message: '更新成功',
-            data: body
-        });
-    })
-];
-```
-
-### 步骤 2：注册 Handler
-
-在 `src/mocks/handlers/index.js` 中导入并注册：
-
-```javascript
-// src/mocks/handlers/index.js
-import { authHandlers } from './auth';
-import { userHandlers } from './user'; // 导入新的 handler
-
-export const handlers = [
-    ...authHandlers,
-    ...userHandlers, // 注册新的 handler
-];
-```
-
-### 步骤 3：重启应用
-
-```bash
-# 停止当前服务（Ctrl+C）
-# 重新启动
-npm run start:mock
-```
-
---
-
-## 🐛 调试技巧
-
-### 1. 查看 Mock 日志
-
-所有 Mock API 请求都会在浏览器控制台打印日志：
-
-```
-[Mock] 发送验证码: {credential: "13800138000", type: "phone", purpose: "login"}
-[Mock] 验证码已生成: 13800138000 -> 654321
-[Mock] 登录成功: {id: 1, phone: "13800138000", nickname: "测试用户", ...}
-```
-
-### 2. 检查 MSW 是否启动
-
-打开浏览器控制台，查找以下消息：
-
-```
-[MSW] Mock Service Worker 已启动 🎭
-```
-
-如果没有看到此消息，检查：
-1. `.env.mock` 文件中 `REACT_APP_ENABLE_MOCK=true`
-2. 是否使用 `npm run start:mock` 启动
-
-### 3. 网络面板调试
-
-打开浏览器开发者工具 → Network 标签页：
- Mock 的请求会显示 `(from ServiceWorker)` 标签
- 可以查看请求和响应的详细信息
-
-### 4. 模拟网络延迟
-
-在 `src/mocks/handlers/*.js` 文件中修改延迟时间：
-
-```javascript
-const NETWORK_DELAY = 2000; // 改为 2 秒
-```
-
-### 5. 模拟错误响应
-
-```javascript
-http.post('/api/some-endpoint', async () => {
-    await delay(NETWORK_DELAY);
-
-    // 返回 400 错误
-    return HttpResponse.json({
-        success: false,
-        error: '参数错误'
-    }, { status: 400 });
-});
-```
-
---
-
-## ❓ 常见问题
-
-### Q1: Mock 没有生效，请求仍然发送到真实服务器
-
-**解决方案**：
-1. 检查 `.env.mock` 文件中 `REACT_APP_ENABLE_MOCK=true`
-2. 确保使用 `npm run start:mock` 启动
-3. 清除浏览器缓存并刷新页面
-4. 检查控制台是否有 MSW 启动消息
-
-### Q2: 控制台显示 `[MSW] 启动失败`
-
-**解决方案**：
-1. 确保 `public/mockServiceWorker.js` 文件存在
-2. 重新初始化 MSW：
-   ```bash
-   npx msw init public/ --save
-   ```
-3. 重启开发服务器
-
-### Q3: 如何禁用某个特定 API 的 Mock？
-
-在 `src/mocks/handlers/index.js` 中注释掉相应的 handler：
-
-```javascript
-export const handlers = [
-    ...authHandlers,
-    // ...userHandlers, // 禁用 user 相关的 Mock
-];
-```
-
-### Q4: 验证码是什么？
-
-发送验证码后，控制台会打印验证码：
-
-```
-[Mock] 验证码已生成: 13800138000 -> 123456
-```
-
-复制 `123456` 并填入验证码输入框即可。
-
-### Q5: 微信登录如何测试？
-
-1. 点击"获取二维码"
-2. 等待 10 秒（自动模拟扫码）
-3. 再等待 5 秒（自动模拟确认）
-4. 自动完成登录
-
-或者在控制台查看 Mock 日志：
-```
-[Mock] 生成微信二维码: {sessionId: "wx_abc123", ...}
-[Mock] 模拟用户扫码: wx_abc123
-[Mock] 模拟用户确认登录: wx_abc123
-```
-
-### Q6: 生产环境会使用 Mock 数据吗？
-
-**不会**。Mock 只在以下情况启用：
-1. `NODE_ENV === 'development'`（开发环境）
-2. `REACT_APP_ENABLE_MOCK === 'true'`
-
-生产环境 (`npm run build`) 会自动排除 MSW 代码。
-
---
-
-## 📁 项目结构
-
-```
-src/
-├── mocks/
-│   ├── handlers/
-│   │   ├── auth.js         # 认证相关 Mock
-│   │   ├── index.js        # Handler 总入口
-│   │   └── ...             # 其他 Handler 文件
-│   ├── data/
-│   │   └── users.js        # Mock 用户数据
-│   └── browser.js          # MSW 浏览器 Worker
-├── index.js                # 应用入口（集成 MSW）
-└── ...
-
-public/
-└── mockServiceWorker.js    # MSW Service Worker 文件
-```
-
---
-
-## 📚 相关资源
-
- [MSW 官方文档](https://mswjs.io/)
- [MSW 快速开始](https://mswjs.io/docs/getting-started)
- [MSW API 参考](https://mswjs.io/docs/api)
-
---
-
-## 🎯 最佳实践
-
-1. **使用真实的响应结构**：Mock 数据应与真实 API 返回的数据结构一致
-2. **添加网络延迟**：模拟真实的网络请求延迟，测试加载状态
-3. **测试边界情况**：创建错误响应的 Mock，测试错误处理逻辑
-4. **保持 Mock 数据更新**：当真实 API 变化时，及时更新 Mock handlers
-5. **团队协作**：将 Mock 配置提交到 Git，团队成员共享
-
---
-
-**提示**：如有任何问题或建议，请联系开发团队。Happy Mocking! 🎭
--- a/docs/NEW_PAYMENT_SYSTEM_DESIGN.md
+++ b/docs/NEW_PAYMENT_SYSTEM_DESIGN.md
@@ -1,576 +0,0 @@
-# 订阅支付系统重新设计方案
-
-## 📊 问题分析
-
-### 现有系统的问题
-
-1. **价格配置混乱**
-   - 季付和月付价格相同（配置错误）
-   - `monthly_price` 和 `yearly_price` 字段命名不清晰
-   - 缺少季付、半年付等周期的价格配置
-
-2. **升级逻辑复杂且不合理**
-   - 计算剩余价值折算（按天计算 `remaining_value`）
-   - 用户难以理解升级价格
-   - 续费用户和新用户价格不一致
-   - 逻辑复杂,容易出错
-
-3. **按钮文案不清晰**
-   - 已订阅用户应显示"续费 Pro"/"续费 Max"
-   - 而不是"升级至 Pro"/"切换至 Pro"
-
-4. **数据库表设计问题**
-   - `SubscriptionUpgrade` 表记录升级,但逻辑过于复杂
-   - `PaymentOrder` 表缺少必要字段
-   - 价格配置分散在多个字段
-
---
-
-## ✨ 新设计方案
-
-### 核心原则
-
-1. **简化续费逻辑**: **续费用户与新用户价格完全一致**,不做任何折算
-2. **清晰的价格体系**: 每个套餐每个周期都有明确的价格
-3. **统一的用户体验**: 无论是新购还是续费,价格透明一致
-4. **独立的订阅记录**: 每次支付都创建新的订阅记录(历史可追溯)
-
---
-
-## 📐 数据库表设计
-
-### 1. `subscription_plans` - 订阅套餐表（重构）
-
-```sql
-CREATE TABLE subscription_plans (
-    id INT PRIMARY KEY AUTO_INCREMENT,
-    plan_code VARCHAR(20) NOT NULL UNIQUE COMMENT '套餐代码: pro, max',
-    plan_name VARCHAR(50) NOT NULL COMMENT '套餐名称: Pro专业版, Max旗舰版',
-    description TEXT COMMENT '套餐描述',
-    features JSON COMMENT '功能列表',
-
-    -- 价格配置（所有周期价格）
-    price_monthly DECIMAL(10,2) NOT NULL DEFAULT 0 COMMENT '月付价格',
-    price_quarterly DECIMAL(10,2) NOT NULL DEFAULT 0 COMMENT '季付价格(3个月)',
-    price_semiannual DECIMAL(10,2) NOT NULL DEFAULT 0 COMMENT '半年付价格(6个月)',
-    price_yearly DECIMAL(10,2) NOT NULL DEFAULT 0 COMMENT '年付价格(12个月)',
-
-    -- 状态字段
-    is_active BOOLEAN DEFAULT TRUE COMMENT '是否启用',
-    display_order INT DEFAULT 0 COMMENT '展示顺序',
-
-    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
-    updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
-
-    INDEX idx_plan_code (plan_code),
-    INDEX idx_active_order (is_active, display_order)
-) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='订阅套餐配置表';
-```
-
-**示例数据**:
-```sql
-INSERT INTO subscription_plans (plan_code, plan_name, description, price_monthly, price_quarterly, price_semiannual, price_yearly) VALUES
-('pro', 'Pro 专业版', '为专业投资者打造', 299.00, 799.00, 1499.00, 2699.00),
-('max', 'Max 旗舰版', '旗舰级体验', 599.00, 1599.00, 2999.00, 5399.00);
-```
-
---
-
-### 2. `user_subscriptions` - 用户订阅记录表（重构）
-
-```sql
-CREATE TABLE user_subscriptions (
-    id INT PRIMARY KEY AUTO_INCREMENT,
-    user_id INT NOT NULL COMMENT '用户ID',
-    subscription_id VARCHAR(32) UNIQUE NOT NULL COMMENT '订阅ID(唯一标识)',
-
-    -- 订阅基本信息
-    plan_code VARCHAR(20) NOT NULL COMMENT '套餐代码: pro, max',
-    billing_cycle VARCHAR(20) NOT NULL COMMENT '计费周期: monthly, quarterly, semiannual, yearly',
-
-    -- 订阅时间
-    start_date DATETIME NOT NULL COMMENT '订阅开始时间',
-    end_date DATETIME NOT NULL COMMENT '订阅结束时间',
-
-    -- 订阅状态
-    status VARCHAR(20) NOT NULL DEFAULT 'active' COMMENT '状态: active(有效), expired(已过期), cancelled(已取消)',
-    is_current BOOLEAN DEFAULT FALSE COMMENT '是否为当前生效的订阅',
-
-    -- 支付信息
-    payment_order_id INT COMMENT '关联的支付订单ID',
-    paid_amount DECIMAL(10,2) NOT NULL COMMENT '实际支付金额',
-    original_price DECIMAL(10,2) NOT NULL COMMENT '原价',
-    discount_amount DECIMAL(10,2) DEFAULT 0 COMMENT '优惠金额',
-
-    -- 订阅类型
-    subscription_type VARCHAR(20) DEFAULT 'new' COMMENT '订阅类型: new(新购), renew(续费)',
-    previous_subscription_id VARCHAR(32) COMMENT '上一个订阅ID(续费时记录)',
-
-    -- 自动续费
-    auto_renew BOOLEAN DEFAULT FALSE COMMENT '是否自动续费',
-
-    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
-    updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
-
-    INDEX idx_user_id (user_id),
-    INDEX idx_subscription_id (subscription_id),
-    INDEX idx_user_current (user_id, is_current),
-    INDEX idx_status (status),
-    INDEX idx_end_date (end_date),
-
-    FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE
-) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='用户订阅记录表';
-```
-
-**设计说明**:
- 每次支付都创建新的订阅记录
- 通过 `is_current` 标识当前生效的订阅
- 支持订阅历史追溯
- 续费时记录 `previous_subscription_id` 形成订阅链
-
---
-
-### 3. `payment_orders` - 支付订单表（重构）
-
-```sql
-CREATE TABLE payment_orders (
-    id INT PRIMARY KEY AUTO_INCREMENT,
-    order_no VARCHAR(32) UNIQUE NOT NULL COMMENT '订单号',
-    user_id INT NOT NULL COMMENT '用户ID',
-
-    -- 订阅信息
-    plan_code VARCHAR(20) NOT NULL COMMENT '套餐代码',
-    billing_cycle VARCHAR(20) NOT NULL COMMENT '计费周期',
-    subscription_type VARCHAR(20) DEFAULT 'new' COMMENT '订阅类型: new(新购), renew(续费)',
-
-    -- 价格信息
-    original_price DECIMAL(10,2) NOT NULL COMMENT '原价',
-    discount_amount DECIMAL(10,2) DEFAULT 0 COMMENT '优惠金额',
-    final_amount DECIMAL(10,2) NOT NULL COMMENT '实付金额',
-
-    -- 优惠码
-    promo_code_id INT COMMENT '优惠码ID',
-    promo_code VARCHAR(50) COMMENT '优惠码',
-
-    -- 支付信息
-    payment_method VARCHAR(20) DEFAULT 'wechat' COMMENT '支付方式: wechat, alipay',
-    payment_channel VARCHAR(50) COMMENT '支付渠道详情',
-    transaction_id VARCHAR(64) COMMENT '第三方交易号',
-    qr_code_url TEXT COMMENT '支付二维码URL',
-
-    -- 订单状态
-    status VARCHAR(20) DEFAULT 'pending' COMMENT '状态: pending(待支付), paid(已支付), expired(已过期), cancelled(已取消)',
-
-    -- 时间信息
-    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
-    paid_at TIMESTAMP NULL COMMENT '支付时间',
-    expired_at TIMESTAMP NULL COMMENT '过期时间',
-
-    -- 备注
-    remark TEXT COMMENT '备注信息',
-
-    INDEX idx_order_no (order_no),
-    INDEX idx_user_id (user_id),
-    INDEX idx_status (status),
-    INDEX idx_created_at (created_at),
-
-    FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE,
-    FOREIGN KEY (promo_code_id) REFERENCES promo_codes(id) ON DELETE SET NULL
-) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='支付订单表';
-```
-
---
-
-### 4. `promo_codes` - 优惠码表（保持不变,微调）
-
-```sql
-CREATE TABLE promo_codes (
-    id INT PRIMARY KEY AUTO_INCREMENT,
-    code VARCHAR(50) UNIQUE NOT NULL COMMENT '优惠码',
-    description VARCHAR(200) COMMENT '描述',
-
-    -- 折扣类型
-    discount_type VARCHAR(20) NOT NULL COMMENT '折扣类型: percentage(百分比), fixed_amount(固定金额)',
-    discount_value DECIMAL(10,2) NOT NULL COMMENT '折扣值',
-
-    -- 适用范围
-    applicable_plans JSON COMMENT '适用套餐: ["pro", "max"] 或 null(全部)',
-    applicable_cycles JSON COMMENT '适用周期: ["monthly", "yearly"] 或 null(全部)',
-    min_amount DECIMAL(10,2) COMMENT '最低消费金额',
-
-    -- 使用限制
-    max_total_uses INT COMMENT '最大使用次数(总)',
-    max_uses_per_user INT DEFAULT 1 COMMENT '每用户最大使用次数',
-    current_uses INT DEFAULT 0 COMMENT '当前使用次数',
-
-    -- 有效期
-    valid_from TIMESTAMP DEFAULT CURRENT_TIMESTAMP COMMENT '生效时间',
-    valid_until TIMESTAMP NULL COMMENT '过期时间',
-
-    -- 状态
-    is_active BOOLEAN DEFAULT TRUE COMMENT '是否启用',
-
-    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
-    updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
-
-    INDEX idx_code (code),
-    INDEX idx_active (is_active),
-    INDEX idx_valid_period (valid_from, valid_until)
-) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='优惠码表';
-```
-
---
-
-### 5. `promo_code_usage` - 优惠码使用记录表（保持不变）
-
-```sql
-CREATE TABLE promo_code_usage (
-    id INT PRIMARY KEY AUTO_INCREMENT,
-    promo_code_id INT NOT NULL,
-    user_id INT NOT NULL,
-    order_id INT NOT NULL,
-    discount_amount DECIMAL(10,2) NOT NULL COMMENT '实际优惠金额',
-    used_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
-
-    INDEX idx_promo_code (promo_code_id),
-    INDEX idx_user_id (user_id),
-    INDEX idx_order_id (order_id),
-
-    FOREIGN KEY (promo_code_id) REFERENCES promo_codes(id) ON DELETE CASCADE,
-    FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE,
-    FOREIGN KEY (order_id) REFERENCES payment_orders(id) ON DELETE CASCADE
-) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='优惠码使用记录表';
-```
-
---
-
-### 6. 删除不必要的表
-
-**删除 `subscription_upgrades` 表** - 不再需要复杂的升级逻辑
-
---
-
-## 💡 业务逻辑设计
-
-### 1. 价格计算逻辑（简化版）
-
-```python
-def calculate_subscription_price(plan_code, billing_cycle, promo_code=None):
-    """
-    计算订阅价格（新购和续费价格完全一致）
-
-    Args:
-        plan_code: 套餐代码 (pro/max)
-        billing_cycle: 计费周期 (monthly/quarterly/semiannual/yearly)
-        promo_code: 优惠码（可选）
-
-    Returns:
-        dict: {
-            'plan_code': 'pro',
-            'billing_cycle': 'yearly',
-            'original_price': 2699.00,
-            'discount_amount': 0,
-            'final_amount': 2699.00,
-            'promo_code': None,
-            'promo_error': None
-        }
-    """
-    # 1. 查询套餐价格
-    plan = SubscriptionPlan.query.filter_by(plan_code=plan_code, is_active=True).first()
-    if not plan:
-        return {'error': '套餐不存在'}
-
-    # 2. 获取对应周期的价格
-    price_field = f'price_{billing_cycle}'
-    original_price = getattr(plan, price_field, 0)
-
-    if original_price <= 0:
-        return {'error': '价格配置错误'}
-
-    result = {
-        'plan_code': plan_code,
-        'plan_name': plan.plan_name,
-        'billing_cycle': billing_cycle,
-        'original_price': float(original_price),
-        'discount_amount': 0,
-        'final_amount': float(original_price),
-        'promo_code': None,
-        'promo_error': None
-    }
-
-    # 3. 应用优惠码（如果有）
-    if promo_code:
-        promo, error = validate_promo_code(promo_code, plan_code, billing_cycle, original_price, user_id)
-        if promo:
-            discount = calculate_discount(promo, original_price)
-            result['discount_amount'] = float(discount)
-            result['final_amount'] = float(original_price - discount)
-            result['promo_code'] = promo.code
-        elif error:
-            result['promo_error'] = error
-
-    return result
-```
-
-**关键点**:
- ✅ 不再计算 `remaining_value`（剩余价值）
- ✅ 不再区分新购/续费价格
- ✅ 逻辑简单,易于维护
- ✅ 用户体验清晰透明
-
---
-
-### 2. 创建订单逻辑
-
-```python
-def create_subscription_order(user_id, plan_code, billing_cycle, promo_code=None):
-    """
-    创建订阅支付订单
-    """
-    # 1. 计算价格
-    price_result = calculate_subscription_price(plan_code, billing_cycle, promo_code)
-    if 'error' in price_result:
-        return {'success': False, 'error': price_result['error']}
-
-    # 2. 判断是新购还是续费
-    current_sub = get_current_subscription(user_id)
-
-    subscription_type = 'new'
-    if current_sub and current_sub.plan_code in ['pro', 'max']:
-        subscription_type = 'renew'
-
-    # 3. 创建支付订单
-    order = PaymentOrder(
-        order_no=generate_order_no(user_id),
-        user_id=user_id,
-        plan_code=plan_code,
-        billing_cycle=billing_cycle,
-        subscription_type=subscription_type,
-        original_price=price_result['original_price'],
-        discount_amount=price_result['discount_amount'],
-        final_amount=price_result['final_amount'],
-        promo_code=promo_code,
-        status='pending',
-        expired_at=datetime.now() + timedelta(minutes=30)
-    )
-
-    db.session.add(order)
-    db.session.commit()
-
-    # 4. 生成支付二维码（微信支付）
-    qr_code_url = generate_wechat_qr_code(order)
-    order.qr_code_url = qr_code_url
-    db.session.commit()
-
-    return {'success': True, 'order': order.to_dict()}
-```
-
---
-
-### 3. 支付成功后的订阅激活逻辑
-
-```python
-def activate_subscription_after_payment(order_id):
-    """
-    支付成功后激活订阅
-    """
-    order = PaymentOrder.query.get(order_id)
-    if not order or order.status != 'paid':
-        return {'success': False, 'error': '订单状态错误'}
-
-    user_id = order.user_id
-    plan_code = order.plan_code
-    billing_cycle = order.billing_cycle
-
-    # 1. 计算订阅周期
-    cycle_days = {
-        'monthly': 30,
-        'quarterly': 90,
-        'semiannual': 180,
-        'yearly': 365
-    }
-    days = cycle_days.get(billing_cycle, 30)
-
-    # 2. 获取当前订阅
-    current_sub = UserSubscription.query.filter_by(
-        user_id=user_id,
-        is_current=True
-    ).first()
-
-    # 3. 计算开始和结束时间
-    now = datetime.now()
-
-    if current_sub and current_sub.end_date > now:
-        # 续费：从当前订阅结束时间开始
-        start_date = current_sub.end_date
-    else:
-        # 新购：从当前时间开始
-        start_date = now
-
-    end_date = start_date + timedelta(days=days)
-
-    # 4. 创建新订阅记录
-    new_subscription = UserSubscription(
-        user_id=user_id,
-        subscription_id=generate_subscription_id(),
-        plan_code=plan_code,
-        billing_cycle=billing_cycle,
-        start_date=start_date,
-        end_date=end_date,
-        status='active',
-        is_current=True,
-        payment_order_id=order.id,
-        paid_amount=order.final_amount,
-        original_price=order.original_price,
-        discount_amount=order.discount_amount,
-        subscription_type=order.subscription_type,
-        previous_subscription_id=current_sub.subscription_id if current_sub else None
-    )
-
-    # 5. 将旧订阅标记为非当前
-    if current_sub:
-        current_sub.is_current = False
-
-    db.session.add(new_subscription)
-    db.session.commit()
-
-    return {'success': True, 'subscription': new_subscription.to_dict()}
-```
-
-**关键特性**:
- ✅ 续费时从**当前订阅结束时间**开始,避免浪费
- ✅ 每次支付都创建新的订阅记录
- ✅ 保留历史订阅记录（通过 `previous_subscription_id` 形成链）
- ✅ 逻辑清晰,易于理解
-
---
-
-### 4. 按钮文案逻辑
-
-```python
-def get_subscription_button_text(user, plan_code, billing_cycle):
-    """
-    获取订阅按钮文字
-
-    Args:
-        user: 用户对象
-        plan_code: 套餐代码 (pro/max)
-        billing_cycle: 计费周期
-
-    Returns:
-        str: 按钮文字
-    """
-    current_sub = get_current_subscription(user.id)
-
-    # 1. 如果没有订阅或订阅已过期
-    if not current_sub or current_sub.plan_code == 'free' or current_sub.status != 'active':
-        return f"选择 {get_plan_display_name(plan_code)}"
-
-    # 2. 如果是当前套餐且周期相同
-    if current_sub.plan_code == plan_code and current_sub.billing_cycle == billing_cycle:
-        return f"续费 {get_plan_display_name(plan_code)}"
-
-    # 3. 如果是当前套餐但周期不同
-    if current_sub.plan_code == plan_code:
-        return f"切换至{get_cycle_display_name(billing_cycle)}"
-
-    # 4. 如果是不同套餐
-    return f"选择 {get_plan_display_name(plan_code)}"
-
-def get_plan_display_name(plan_code):
-    names = {'pro': 'Pro 专业版', 'max': 'Max 旗舰版'}
-    return names.get(plan_code, plan_code)
-
-def get_cycle_display_name(billing_cycle):
-    names = {
-        'monthly': '月付',
-        'quarterly': '季付',
-        'semiannual': '半年付',
-        'yearly': '年付'
-    }
-    return names.get(billing_cycle, billing_cycle)
-```
-
-**示例**:
- 免费用户看 Pro 年付: "选择 Pro 专业版"
- Pro 月付用户看 Pro 年付: "切换至年付"
- Pro 年付用户看 Pro 年付: "续费 Pro 专业版"
- Pro 用户看 Max 年付: "选择 Max 旗舰版"
-
---
-
-## 📊 价格配置示例
-
-### Pro 专业版价格设定
-
-| 计费周期 | 价格 | 原价 | 折扣 | 月均价格 |
-|---------|------|------|------|---------|
-| 月付 | ¥299 | - | - | ¥299 |
-| 季付(3个月) | ¥799 | ¥897 | 11% | ¥266 |
-| 半年付(6个月) | ¥1499 | ¥1794 | 16% | ¥250 |
-| 年付(12个月) | ¥2699 | ¥3588 | 25% | ¥225 |
-
-### Max 旗舰版价格设定
-
-| 计费周期 | 价格 | 原价 | 折扣 | 月均价格 |
-|---------|------|------|------|---------|
-| 月付 | ¥599 | - | - | ¥599 |
-| 季付(3个月) | ¥1599 | ¥1797 | 11% | ¥533 |
-| 半年付(6个月) | ¥2999 | ¥3594 | 17% | ¥500 |
-| 年付(12个月) | ¥5399 | ¥7188 | 25% | ¥450 |
-
---
-
-## 🔄 迁移方案
-
-### 数据迁移 SQL
-
-参见 `database_migration.sql`
-
-### 代码迁移步骤
-
-1. **备份现有数据库**
-2. **执行数据库迁移 SQL**
-3. **更新数据库模型** (`models.py`)
-4. **更新价格计算逻辑** (`calculate_price.py`)
-5. **更新 API 路由** (`routes.py`)
-6. **更新前端组件** (`SubscriptionContentNew.tsx`)
-7. **测试完整流程**
-8. **灰度发布**
-
---
-
-## ✅ 优势总结
-
-### 相比旧系统的改进
-
-1. **价格透明** - 续费用户和新用户价格完全一致
-2. **逻辑简化** - 不再计算剩余价值,代码减少 50%+
-3. **易于理解** - 用户体验更清晰
-4. **灵活扩展** - 轻松添加新的计费周期
-5. **历史追溯** - 完整的订阅历史记录
-6. **数据完整** - 每次支付都有完整的记录
-
-### 用户体验改进
-
-1. **按钮文案清晰** - "续费 Pro"/"选择 Pro"明确表达意图
-2. **价格一致性** - 所有用户看到的价格都一样
-3. **无隐藏费用** - 不会因为"升级折算"产生困惑
-4. **透明计费** - 支付金额 = 显示价格 - 优惠码折扣
-
---
-
-## 📝 后续优化建议
-
-1. **自动续费** - 到期前自动扣款续费
-2. **订阅提醒** - 到期前 7 天、3 天、1 天发送通知
-3. **订阅暂停** - 允许用户暂停订阅
-4. **订阅降级** - 从 Max 降级到 Pro（当前周期结束后生效）
-5. **发票管理** - 支持开具电子发票
-6. **支付方式扩展** - 支持支付宝、银行卡等
-
---
-
-**设计时间**: 2025-11-19
-**设计者**: Claude Code
-**版本**: v2.0.0
--- a/docs/NOTIFICATION_SYSTEM.md
+++ b/docs/NOTIFICATION_SYSTEM.md
--- a/docs/OPTIMIZATION_RESULTS.md
+++ b/docs/OPTIMIZATION_RESULTS.md
@@ -1,390 +0,0 @@
-# 性能优化成果报告 🎯
-
-**优化日期**: 2025-10-13  
-**优化目标**: 解决首屏加载慢（5-12秒）和JavaScript包过大（12.6MB）的问题
-
---
-
-## 📊 优化成果对比
-
-### JavaScript 包大小
-
-| 指标 | 优化前 | 优化后 | 改善 |
-|-----|-------|-------|-----|
-| **总JS大小** | 12.6 MB | 6.9 MB | **⬇️ 45%** |
-| **主chunk数量** | 10+ 个大文件 | 2个文件 | **优化** |
-| **主chunk大小** | 多个100KB+文件 | 156KB + 186KB = 342KB | **⬇️ 73%** |
-| **懒加载chunks** | 0个 | 100+ 个 | **新增** |
-
-### 加载性能预期
-
-| 网络类型 | 优化前 | 优化后 | 改善 |
-|---------|-------|-------|-----|
-| **5G (100Mbps)** | 2-3秒 | 0.5-1秒 | **⬇️ 67%** |
-| **4G (20Mbps)** | 6-8秒 | 1.5-2秒 | **⬇️ 75%** |
-| **3G (2Mbps)** | 50-60秒 | 4-5秒 | **⬇️ 92%** |
-
---
-
-## ✅ 已完成的优化
-
-### 1. 路由懒加载实施 ⭐⭐⭐⭐⭐
-
-**修改文件**:
- `src/routes.js` - 所有50+组件改为 React.lazy
- `src/App.js` - 添加顶层Suspense边界
- `src/layouts/Admin.js` - Admin路由添加Suspense
- `src/layouts/Landing.js` - Landing路由添加Suspense  
- `src/layouts/RTL.js` - RTL路由添加Suspense
-
-**具体实施**:
-```javascript
-// ❌ 优化前 - 同步导入
-import Community from "views/Community";
-import LimitAnalyse from "views/LimitAnalyse";
-// ... 50+ 个组件
-
-// ✅ 优化后 - 懒加载
-const Community = React.lazy(() => import("views/Community"));
-const LimitAnalyse = React.lazy(() => import("views/LimitAnalyse"));
-// ... 所有组件都懒加载
-```
-
-**效果**:
- 首屏只加载必需的代码
- 其他页面按需加载
- 生成了100+个小的chunk文件
-
-### 2. Loading组件创建 ⭐⭐⭐
-
-**新增文件**: `src/components/Loading/PageLoader.js`
-
-**功能**:
- 优雅的加载动画
- 支持深色模式
- 自适应全屏居中
- 自定义加载提示文字
-
-### 3. Suspense边界添加 ⭐⭐⭐⭐
-
-**实施位置**:
- App.js - 顶层路由保护
- Admin Layout - 后台路由保护
- Landing Layout - 落地页路由保护
- RTL Layout - RTL路由保护
-
-**效果**:
- 懒加载组件加载时显示Loading
- 避免白屏
- 提升用户体验
-
-### 4. 代码分割优化 ⭐⭐⭐
-
-**webpack配置** (craco.config.js已有):
-```javascript
-splitChunks: {
-  chunks: 'all',
-  maxSize: 244000,
-  cacheGroups: {
-    react: { priority: 30 },     // React核心单独打包
-    charts: { priority: 25 },     // 图表库单独打包
-    chakra: { priority: 20 },     // Chakra UI单独打包
-    vendors: { priority: 10 }     // 其他第三方库
-  }
-}
-```
-
-**效果**:
- React核心: react-vendor.js
- Chakra UI: 多个chakra-ui-*.js
- 图表库: charts-lib-*.js (懒加载)
- 日历库: calendar-lib-*.js (懒加载)
- 其他vendor: vendors-*.js
-
---
-
-## 🔍 详细分析
-
-### 构建产物分析
-
-#### 主入口点组成
-```
-main entrypoint (3.24 MiB)
-├── runtime.js             (~10KB)   - Webpack运行时
-├── react-vendor.js        (~144KB)  - React核心
-├── chakra-ui-*.js         (~329KB)  - Chakra UI组件（Layout需要）
-├── calendar-lib-*.js      (~286KB)  - 日历库 ⚠️
-├── vendors-*.js           (~2.5MB)  - 其他第三方库
-└── main-*.js              (~342KB)  - 主应用代码
-```
-
-#### 懒加载chunks（按需加载）
-```
- Community页面          (~93KB)
- LimitAnalyse页面       (~57KB)
- ConceptCenter页面      (~30KB)
- TradingSimulation页面  (~37KB)
- Charts页面             (~525KB 含ECharts)
- 其他50+个页面组件      (各5-100KB)
-```
-
-### ⚠️ 发现的问题
-
-**问题**: calendar-lib 仍在主入口点中
-
-**原因分析**:
-1. 某个Layout或公共组件可能同步导入了日历相关组件
-2. 或者webpack配置将其标记为初始chunk
-
-**影响**: 增加了~286KB的初始加载大小
-
-**建议**: 进一步排查Calendar的引用链，确保完全懒加载
-
---
-
-## 📈 性能指标预测
-
-### Lighthouse分数预测
-
-#### 优化前
-```
-Performance:  🔴 25-45
- FCP: 3.5s     (First Contentful Paint)
- LCP: 5.2s     (Largest Contentful Paint)  
- TBT: 1200ms   (Total Blocking Time)
- CLS: 0.05     (Cumulative Layout Shift)
-```
-
-#### 优化后
-```
-Performance:  🟢 70-85
- FCP: 1.2s     ⬆️ 66% improvement
- LCP: 2.0s     ⬆️ 62% improvement
- TBT: 400ms    ⬆️ 67% improvement
- CLS: 0.05     (unchanged)
-```
-
-**注**: 实际分数需要真实环境测试验证
-
-### 网络传输分析
-
-#### 4G网络 (20Mbps) 场景
-
-**优化前**:
-```
-1. 下载JS (12.6MB)     5000ms  ████████████████
-2. 解析执行             1500ms  ████
-3. 渲染                  400ms  █
-─────────────────────────────────────
-总计:                   6900ms
-```
-
-**优化后**:
-```
-1. 下载JS (342KB)       136ms   █
-2. 解析执行             200ms   █
-3. 渲染                 400ms   █
-─────────────────────────────────────
-总计:                   736ms   ⬇️ 89%
-```
-
---
-
-## 🎯 用户体验改善
-
-### 首屏加载流程
-
-#### 优化前
-```
-用户访问 → 白屏等待 → 5-12秒 → 看到内容 ❌
-          (下载12.6MB, 用户焦虑)
-```
-
-#### 优化后
-```
-用户访问 → Loading动画 → 1-2秒 → 看到内容 ✅
-          (下载342KB, 体验流畅)
-          
-访问其他页面 → Loading动画 → 0.5-1秒 → 看到内容 ✅
-              (按需加载, 只下载需要的)
-```
-
---
-
-## 📝 优化总结
-
-### 核心成就 🏆
-
-1. **首屏JavaScript减少73%** (从多个大文件到342KB)
-2. **总包大小减少45%** (从12.6MB到6.9MB)
-3. **实施了完整的路由懒加载** (50+个组件)
-4. **添加了优雅的Loading体验** (告别白屏)
-5. **构建成功无错误** (所有修改经过验证)
-
-### 技术亮点 ⭐
-
- ✅ React.lazy + Suspense最佳实践
- ✅ 多层Suspense边界保护
- ✅ Webpack代码分割优化
- ✅ 按需加载策略
- ✅ 渐进式增强方案
-
---
-
-## 🚀 下一步优化建议
-
-### 立即可做 (P0)
-
-1. **排查calendar-lib引用**
-   - 找出为什么日历库在主入口点
-   - 确保完全懒加载
-   - 预期减少: ~286KB
-
-2. **图片优化**
-   - 压缩大图片 (当前有2.75MB的图片)
-   - 使用WebP格式
-   - 实施懒加载
-   - 预期减少: ~2-3MB
-
-### 短期优化 (P1)
-
-3. **预加载关键资源**
-   ```html
-   <link rel="preload" href="/main.js" as="script">
-   <link rel="prefetch" href="/community-chunk.js">
-   ```
-
-4. **启用Gzip/Brotli压缩**
-   - 预期减少: 60-70%传输大小
-
-5. **Service Worker缓存**
-   - 二次访问接近即时
-   - PWA能力
-
-### 长期优化 (P2)
-
-6. **CDN部署**
-   - 就近访问
-   - 并行下载
-
-7. **HTTP/2服务器推送**
-   - 提前推送关键资源
-
-8. **动态Import优化**
-   - 预测用户行为
-   - 智能预加载
-
---
-
-## 📊 监控与验证
-
-### 推荐测试工具
-
-1. **Chrome DevTools**
-   - Network面板: 验证懒加载
-   - Performance面板: 分析加载时间
-   - Coverage面板: 检查代码利用率
-
-2. **Lighthouse**
-   - 运行: `npm run lighthouse`
-   - 目标分数: Performance > 80
-
-3. **WebPageTest**
-   - 真实网络环境测试
-   - 多地域测试
-
-4. **真机测试**
-   - iPhone/Android 4G网络
-   - 低端设备测试
-
-### 关键指标
-
-监控以下指标确保优化有效:
-
- ✅ FCP (First Contentful Paint) < 1.5秒
- ✅ LCP (Largest Contentful Paint) < 2.5秒
- ✅ TTI (Time to Interactive) < 3.5秒
- ✅ 首屏JS < 500KB
- ✅ 总包大小 < 10MB
-
---
-
-## 🎓 技术要点
-
-### React.lazy 最佳实践
-
-```javascript
-// ✅ 正确用法
-const Component = React.lazy(() => import('./Component'));
-
-<Suspense fallback={<Loading />}>
-  <Component />
-</Suspense>
-
-// ❌ 错误用法 - 不要在条件中使用
-if (condition) {
-  const Component = React.lazy(() => import('./Component'));
-}
-```
-
-### Suspense边界策略
-
-```javascript
-// 顶层边界 - 保护整个应用
-<Suspense fallback={<AppLoader />}>
-  <App />
-</Suspense>
-
-// 路由级边界 - 保护各个路由
-<Suspense fallback={<PageLoader />}>
-  <Route path="/community" element={<Community />} />
-</Suspense>
-
-// 组件级边界 - 细粒度控制
-<Suspense fallback={<ComponentLoader />}>
-  <HeavyComponent />
-</Suspense>
-```
-
---
-
-## 📞 支持与反馈
-
-如果遇到任何问题或有改进建议，请:
-
-1. 检查浏览器控制台是否有错误
-2. 运行 `npm run build` 验证构建
-3. 运行 `npm start` 测试开发环境
-4. 查看 PERFORMANCE_ANALYSIS.md 了解详细分析
-
---
-
-**报告生成**: 2025-10-13  
-**优化版本**: v2.0-optimized  
-**状态**: ✅ 优化完成，等待验证
-
---
-
-## 附录：修改文件清单
-
-### 核心文件修改
- ✅ src/App.js - 添加懒加载和Suspense
- ✅ src/routes.js - 所有组件改为React.lazy
- ✅ src/layouts/Admin.js - 添加Suspense
- ✅ src/layouts/Landing.js - 添加Suspense
- ✅ src/layouts/RTL.js - 添加Suspense
- ✅ src/views/Home/HomePage.js - 性能优化
-
-### 新增文件
- ✅ src/components/Loading/PageLoader.js - Loading组件
- ✅ PERFORMANCE_ANALYSIS.md - 性能分析文档
- ✅ OPTIMIZATION_RESULTS.md - 本报告
-
-### 未修改文件 (验证无需修改)
- ✅ craco.config.js - webpack配置已优化
- ✅ package.json - 依赖完整
- ✅ 其他组件 - 无需修改
-
---
-
-🎉 **优化完成！首屏加载时间预计减少 75-89%**
--- a/docs/PERFORMANCE_ANALYSIS.md
+++ b/docs/PERFORMANCE_ANALYSIS.md
@@ -1,454 +0,0 @@
-# 页面加载性能深度分析报告
-
-## 📊 从输入 URL 到页面显示的完整流程分析
-
-### 当前性能问题诊断（2025-10-13）
-
---
-
-## 🔍 完整加载时间线分解
-
-### 阶段 1: DNS 解析 + TCP 连接
-```
-输入 URL: http://localhost:3000
-  ↓
-DNS 查询          [████] 10-50ms   (本地开发: ~5ms)
-TCP 三次握手      [████] 20-100ms  (本地开发: ~1ms)
-  ↓
-总计: 本地 ~6ms, 远程 ~100ms
-```
-
-### 阶段 2: HTML 文档请求
-```
-发送 HTTP 请求    [████] 10ms
-服务器处理        [████] 20-50ms
-接收 HTML         [████] 10-30ms
-  ↓
-总计: 40-90ms
-```
-
-### 阶段 3: 解析 HTML + 下载资源 ⚠️ **关键瓶颈**
-```
-解析 HTML                    [████] 50ms
-下载 JavaScript (12.6MB!)    [████████████████████] 3000-8000ms ❌
-下载 CSS                     [████] 200-500ms
-下载图片/字体                [████] 500-1000ms
-  ↓
-总计: 3750-9550ms (3.7-9.5秒) 🔴 严重性能问题
-```
-
-### 阶段 4: JavaScript 执行
-```
-解析 JS                      [████████] 800-1500ms
-React 初始化                 [████] 200-300ms
-AuthContext 初始化           [████] 100ms
-渲染首页组件                 [████] 100-200ms
-  ↓
-总计: 1200-2100ms (1.2-2.1秒)
-```
-
-### 阶段 5: 首次内容绘制 (FCP)
-```
-计算样式                     [████] 50-100ms
-布局计算                     [████] 100-200ms
-绘制                        [████] 50-100ms
-  ↓
-总计: 200-400ms
-```
-
---
-
-## ⏱️ 总耗时汇总
-
-### 当前性能（未优化）
-
-| 阶段 | 耗时 | 占比 | 状态 |
-|-----|------|------|-----|
-| DNS + TCP | 6-100ms | <1% | ✅ 正常 |
-| HTML 请求 | 40-90ms | <1% | ✅ 正常 |
-| **资源下载** | **3750-9550ms** | **70-85%** | 🔴 **瓶颈** |
-| JS 执行 | 1200-2100ms | 10-20% | 🟡 需优化 |
-| 渲染绘制 | 200-400ms | 3-5% | ✅ 可接受 |
-| **总计** | **5196-11740ms** | **100%** | 🔴 **5-12秒** |
-
-### 理想性能（优化后）
-
-| 阶段 | 耗时 | 改善 |
-|-----|------|-----|
-| DNS + TCP | 6-100ms | - |
-| HTML 请求 | 40-90ms | - |
-| **资源下载** | **500-1500ms** | **⬇️ 75-85%** |
-| JS 执行 | 300-600ms | **⬇️ 50-70%** |
-| 渲染绘制 | 200-400ms | - |
-| **总计** | **1046-2690ms** | **⬇️ 80%** |
-
---
-
-## 🔴 核心性能问题
-
-### 问题 1: JavaScript 包过大（最严重）
-
-#### 当前状态
-```
-总 JS 大小: 12.6MB
-文件数量: 138 个
-最大单文件: 528KB (charts-lib)
-```
-
-#### 问题详情
-
-**Top 10 最大文件**:
-```
-1. charts-lib-e701750b.js        528KB  ← ECharts 图表库
-2. vendors-b1fb8c12.js           212KB  ← 第三方库
-3. main-426809f3.js              156KB  ← 主应用代码
-4. vendors-d2765007.js           148KB  ← 第三方库
-5. main-faddd7bc.js              148KB  ← 主应用代码
-6. calendar-lib-9a17235a.js      148KB  ← 日历库
-7. react-vendor.js               144KB  ← React 核心
-8. main-88d3322f.js              140KB  ← 主应用代码
-9. main-2e2ee8f2.js              140KB  ← 主应用代码
-10. vendors-155df396.js          132KB  ← 第三方库
-```
-
-**问题根源**:
- ❌ 所有页面组件在首屏加载时全部下载
- ❌ 没有路由级别的懒加载
- ❌ 图表库（528KB）即使不使用也会下载
- ❌ 多个重复的 main.js 文件（代码重复打包）
-
---
-
-### 问题 2: 同步导入导致的雪崩效应
-
-**位置**: `src/routes.js`
-
-**问题代码**:
-```javascript
-// ❌ 所有组件同步导入 - 首屏必须下载全部
-import Calendar from "views/Applications/Calendar";
-import DataTables from "views/Applications/DataTables";
-import Kanban from "views/Applications/Kanban.js";
-import Community from "views/Community";
-import LimitAnalyse from "views/LimitAnalyse";
-import ConceptCenter from "views/Concept";
-import TradingSimulation from "views/TradingSimulation";
-// ... 还有 30+ 个组件
-```
-
-**影响**:
- 首页只需要 HomePage 组件
- 但需要下载所有 30+ 个页面的代码
- 包括：社区、交易模拟、概念中心、图表、看板等
- 用户可能永远不会访问这些页面
-
-**导入依赖链**:
-```
-HomePage (用户需要)
-  ↓ 同步导入
-Calendar (不需要, 148KB)
-  ↓ 引入
-FullCalendar (不需要, ~200KB)
-  ↓ 引入
-DataTables (不需要, ~100KB)
-  ↓ 引入
-...
-总计: 下载了 12.6MB，实际只需要 ~500KB
-```
-
---
-
-### 问题 3: 图表库冗余加载
-
-**分析**:
- ECharts: ~528KB
- ApexCharts: 包含在 vendors 中 (~100KB)
- Recharts: 包含在 vendors 中 (~80KB)
- D3: 包含在 charts-lib 中 (~150KB)
-
-**问题**:
- 首页不需要任何图表
- 但加载了 4 个图表库（~858KB）
- 占总包大小的 6.8%
-
---
-
-### 问题 4: 重复的 main.js 文件
-
-**观察到的问题**:
-```
-main-426809f3.js     156KB
-main-faddd7bc.js     148KB
-main-88d3322f.js     140KB
-main-2e2ee8f2.js     140KB
-main-142e0172.js     128KB
-main-fa3d7959.js     112KB
-main-6b56ec6d.js      92KB
-```
-
-**原因**:
- 代码分割配置可能有问题
- 同一个模块被打包到多个 chunk
- 没有正确复用公共代码
-
---
-
-## 📈 性能影响量化
-
-### 网络带宽影响
-
-| 网络类型 | 速度 | 12.6MB 下载时间 | 500KB 下载时间 |
-|---------|------|----------------|---------------|
-| **5G** | 100 Mbps | 1.0秒 | 0.04秒 |
-| **4G** | 20 Mbps | 5.0秒 | 0.2秒 |
-| **3G** | 2 Mbps | 50秒 | 2秒 |
-| **慢速 WiFi** | 5 Mbps | 20秒 | 0.8秒 |
-
-**结论**:
- 🔴 在 4G 网络下，仅下载 JS 就需要 5秒
- 🔴 在 3G 网络下，几乎无法使用（50秒）
- ✅ 优化后，即使在 3G 下也可接受（2秒）
-
---
-
-### 解析执行时间影响
-
-| 设备 | 解析 12.6MB | 解析 500KB | 节省 |
-|-----|------------|-----------|------|
-| **高端手机** | 1.5秒 | 0.06秒 | 1.44秒 |
-| **中端手机** | 3.0秒 | 0.12秒 | 2.88秒 |
-| **低端手机** | 6.0秒 | 0.24秒 | 5.76秒 |
-
-**结论**:
- 🔴 在中端手机上，仅解析 JS 就需要 3秒
- ✅ 优化后可节省 2.88秒（96% 提升）
-
---
-
-## 🎯 优化方案与预期效果
-
-### 优化 1: 实施路由懒加载（最重要）⭐⭐⭐⭐⭐
-
-**方案**:
-```javascript
-// ✅ 使用 React.lazy() 懒加载
-const Community = React.lazy(() => import('views/Community'));
-const LimitAnalyse = React.lazy(() => import('views/LimitAnalyse'));
-const ConceptCenter = React.lazy(() => import('views/Concept'));
-// ...
-```
-
-**预期效果**:
- 首屏 JS: 从 12.6MB → 500-800KB ⬇️ **93%**
- 首屏加载: 从 5-12秒 → 1-2秒 ⬇️ **80%**
- FCP: 从 3-5秒 → 0.5-1秒 ⬇️ **75%**
-
-**实施难度**: 🟢 简单（1-2小时）
-
---
-
-### 优化 2: 图表库按需加载 ⭐⭐⭐⭐
-
-**方案**:
-```javascript
-// ✅ 只在需要时导入
-const ChartsPage = React.lazy(() => import('views/Pages/Charts'));
-// ECharts 会被自动分割到 ChartsPage 的 chunk
-```
-
-**预期效果**:
- 首屏去除图表库：⬇️ 858KB
- 图表页面首次访问增加 0.5-1秒（可接受）
-
-**实施难度**: 🟢 简单（包含在路由懒加载中）
-
---
-
-### 优化 3: 代码分割优化 ⭐⭐⭐
-
-**方案**:
-```javascript
-// craco.config.js 已配置，但需要验证
-splitChunks: {
-  chunks: 'all',
-  maxSize: 244000,
-  cacheGroups: {
-    react: { priority: 30 },
-    charts: { priority: 25 },
-    // ...
-  }
-}
-```
-
-**检查项**:
- ✅ 是否有重复的 main.js
- ✅ 公共模块是否正确提取
- ✅ vendor 分割是否合理
-
-**实施难度**: 🟡 中等（需要调试配置）
-
---
-
-### 优化 4: 使用 Suspense 添加加载状态 ⭐⭐
-
-**方案**:
-```javascript
-<Suspense fallback={<LoadingSpinner />}>
-  <Routes>
-    <Route path="/community" element={<Community />} />
-  </Routes>
-</Suspense>
-```
-
-**预期效果**:
- 用户体验改善：显示加载动画而非白屏
- 不改变实际加载时间，但感知性能更好
-
-**实施难度**: 🟢 简单（30分钟）
-
---
-
-## 📋 优化优先级建议
-
-### 立即实施（P0）🔴
-
-1. **路由懒加载** - 效果最显著（80% 性能提升）
-2. **移除首页不需要的图表库** - 快速见效
-
-### 短期实施（P1）🟡
-
-3. **代码分割优化** - 清理重复打包
-4. **添加 Suspense 加载状态** - 提升用户体验
-
-### 中期实施（P2）🟢
-
-5. **预加载关键资源** - 进一步优化
-6. **图片懒加载** - 减少首屏资源
-7. **Service Worker 缓存** - 二次访问加速
-
---
-
-## 🧪 性能优化后的预期结果
-
-### 首屏加载时间对比
-
-| 网络 | 优化前 | 优化后 | 改善 |
-|-----|-------|-------|------|
-| **5G** | 2-3秒 | 0.5-1秒 | ⬇️ 67% |
-| **4G** | 6-8秒 | 1.5-2.5秒 | ⬇️ 70% |
-| **3G** | 50-60秒 | 3-5秒 | ⬇️ 92% |
-
-### 各阶段优化后时间
-
-```
-DNS + TCP          [██] 6-100ms       (不变)
-HTML 请求          [██] 40-90ms       (不变)
-资源下载           [████] 500-1500ms  (从 3750-9550ms，⬇️ 85%)
-JS 执行            [███] 300-600ms    (从 1200-2100ms，⬇️ 60%)
-渲染绘制           [██] 200-400ms     (不变)
-----------------------------------------------
-总计: 1046-2690ms (从 5196-11740ms，⬇️ 80%)
-```
-
---
-
-## 📊 Lighthouse 分数预测
-
-### 优化前
-
-```
-Performance:  🔴 25-45
- FCP: 3.5s
- LCP: 5.2s
- TBT: 1200ms
- CLS: 0.05
-```
-
-### 优化后
-
-```
-Performance:  🟢 85-95
- FCP: 0.8s   ⬆️ 77%
- LCP: 1.5s   ⬆️ 71%
- TBT: 200ms  ⬆️ 83%
- CLS: 0.05   (不变)
-```
-
---
-
-## 🛠️ 实施步骤
-
-### 第一步：路由懒加载（最关键）
-
-1. 修改 `src/routes.js`
-2. 将所有 import 改为 React.lazy
-3. 添加 Suspense 边界
-4. 测试所有路由
-
-**预计时间**: 1-2 小时
-**预期效果**: 首屏速度提升 80%
-
-### 第二步：验证代码分割
-
-1. 运行 `npm run build:analyze`
-2. 检查打包结果
-3. 优化重复模块
-4. 调整 splitChunks 配置
-
-**预计时间**: 1 小时
-**预期效果**: 包大小减少 10-15%
-
-### 第三步：性能测试
-
-1. 使用 Lighthouse 测试
-2. 使用 WebPageTest 测试
-3. 真机测试（4G 网络）
-4. 收集用户反馈
-
-**预计时间**: 30 分钟
-
---
-
-## 💡 监控建议
-
-### 关键指标
-
-1. **FCP (First Contentful Paint)** - 目标 <1秒
-2. **LCP (Largest Contentful Paint)** - 目标 <2秒
-3. **TTI (Time to Interactive)** - 目标 <3秒
-4. **总包大小** - 目标 <1MB（首屏）
-
-### 监控工具
-
- Chrome DevTools Performance
- Lighthouse CI
- WebPageTest
- Real User Monitoring (RUM)
-
---
-
-## 📝 总结
-
-### 当前主要问题
-
-🔴 **JavaScript 包过大**（12.6MB）
-🔴 **所有路由同步加载**
-🔴 **首屏加载 5-12 秒**
-
-### 核心解决方案
-
-✅ **实施路由懒加载** → 减少 93% 首屏 JS
-✅ **按需加载图表库** → 减少 858KB
-✅ **优化代码分割** → 消除重复
-
-### 预期结果
-
-⚡ **首屏时间**: 5-12秒 → 1-2.7秒 (**⬇️ 80%**)
-⚡ **JavaScript**: 12.6MB → 500KB (**⬇️ 96%**)
-⚡ **Lighthouse**: 25-45 → 85-95 (**⬆️ 100%+**)
-
---
-
-**报告生成时间**: 2025-10-13
-**分析工具**: Build 分析 + 性能理论计算
-**下一步**: 实施路由懒加载优化
--- a/docs/PERFORMANCE_TEST_RESULTS.md
+++ b/docs/PERFORMANCE_TEST_RESULTS.md
@@ -1,539 +0,0 @@
-# 🚀 性能测试完整报告
-
-**测试日期**: 2025-10-13  
-**测试环境**: 本地开发 + 生产构建分析  
-**优化版本**: v2.0-optimized (路由懒加载已实施)
-
---
-
-## 📊 测试方法
-
-### 测试工具
- **Lighthouse 11.x** - Google官方性能测试工具
- **Webpack Bundle Analyzer** - 构建产物分析
- **Chrome DevTools** - 网络和性能分析
-
-### 测试对象
- ✅ 开发环境 (localhost:3000) - Lighthouse测试
- ✅ 生产构建文件 - 文件大小分析
- 📋 生产环境性能 - 基于构建分析的理论预测
-
---
-
-## 🎯 关键发现
-
-### ✅ 优化成功指标
-
-1. **路由懒加载已生效** ✓
-   - 生成了100+个独立chunk文件
-   - 每个页面组件单独打包
-   - 按需加载机制正常工作
-
-2. **代码分割优化** ✓
-   - React核心单独打包 (react-vendor.js)
-   - Chakra UI模块化打包 (多个chakra-ui-*.js)
-   - 图表库按需加载 (charts-lib-*.js)
-   - vendor代码合理分离
-
-3. **构建产物大小优化** ✓
-   - 总JS大小: 从12.6MB → 6.9MB (**⬇️ 45%**)
-   - 主应用代码: 342KB (main-*.js)
-   - 懒加载chunks: 5-100KB/个
-
---
-
-## 📈 开发环境 Lighthouse 测试结果
-
-### 整体评分
-
-```
-性能评分: 41/100 🟡
-```
-
-**注意**: 开发环境分数偏低是正常现象，因为：
- 代码未压缩 (bundle.js = 3.7MB)
- 包含Source Maps
- 包含热更新代码
- 未启用Tree Shaking
- 未启用代码压缩
-
-### 核心 Web 指标
-
-| 指标 | 数值 | 状态 | 说明 |
-|-----|-----|------|-----|
-| **FCP** (First Contentful Paint) | 0.7s | 🟢 优秀 | 首次内容绘制很快 |
-| **LCP** (Largest Contentful Paint) | 28.5s | 🔴 差 | 受开发环境影响 |
-| **TBT** (Total Blocking Time) | 6,580ms | 🔴 差 | 主线程阻塞严重 |
-| **CLS** (Cumulative Layout Shift) | 0 | 🟢 优秀 | 无布局偏移 |
-| **Speed Index** | 5.4s | 🟡 中等 | 可接受 |
-| **TTI** (Time to Interactive) | 51.5s | 🔴 差 | 开发环境正常 |
-
-### JavaScript 分析
-
-```
-总传输大小: 6,903 KB (6.9 MB)
-执行时间: 7.9秒
-```
-
-**最大资源文件**:
-1. bundle.js - 3,756 KB (开发环境未压缩)
-2. 43853-cd3a8ce8.js - 679 KB
-3. 1471f7b3-e1e02f7c4.js - 424 KB
-4. 67800-076894cf02c647d3.js - 337 KB
-5. BackgroundCard1.png - 259 KB (图片)
-
-**长任务分析**:
- 发现6个长任务阻塞主线程
- 最长任务: 7,338ms (主要是JS解析)
- 这是开发环境的典型表现
-
-### 主线程工作分解
-
-```
-• scriptEvaluation (脚本执行):    4,733 ms  (59%)
-• scriptParseCompile (解析编译):  3,172 ms  (40%)
-• other (其他):                     589 ms   (7%)
-• styleLayout (样式布局):           425 ms   (5%)
-• paintCompositeRender (绘制):       83 ms   (1%)
-```
-
---
-
-## 🏗️ 生产构建分析
-
-### 构建产物概览
-
-```
-总JS文件数: 200+
-总JS大小: 6.9 MB
-平均chunk大小: 20-50 KB
-```
-
-### 主入口点组成 (Main Entrypoint)
-
-**大小**: 3.24 MiB (未压缩)
-
-**包含内容**:
-```
-runtime.js            ~10 KB      - Webpack运行时
-react-vendor.js       ~144 KB     - React + ReactDOM
-chakra-ui-*.js        ~329 KB     - Chakra UI组件
-calendar-lib-*.js     ~286 KB     - ⚠️ 日历库 (待优化)
-vendors-*.js          ~2.5 MB     - 其他第三方依赖
-main-*.js             ~342 KB     - 主应用代码
-```
-
-### 懒加载Chunks (按需加载)
-
-**成功生成的懒加载模块**:
-```
-Community页面           ~93 KB
-LimitAnalyse页面        ~57 KB
-ConceptCenter页面       ~30 KB
-TradingSimulation页面   ~37 KB
-Charts页面              ~525 KB (含ECharts)
-StockOverview页面       ~70 KB
-... 还有50+个页面
-```
-
-### ⚠️ 发现的问题
-
-#### 问题1: Calendar库在主入口点
-
-**现象**: calendar-lib-*.js (~286KB) 被包含在main entrypoint中
-
-**原因分析**:
-1. 某个Layout或全局组件可能同步导入了Calendar
-2. 或webpack认为Calendar是关键依赖
-
-**影响**: 增加了~286KB的首屏加载
-
-**建议**: 
- 搜索Calendar的所有引用
- 确保完全懒加载
- 预期优化: 再减少286KB
-
-#### 问题2: 图片资源较大
-
-**大图片文件**:
-```
-CoverImage.png           2.75 MB  🔴
-BasicImage.png           1.32 MB  🔴
-teams-image.png          1.16 MB  🔴
-hand-background.png      691 KB   🟡
-Landing2.png             636 KB   🟡
-BgMusicCard.png          637 KB   🟡
-Landing3.png             612 KB   🟡
-basic-auth.png           676 KB   🟡
-```
-
-**建议**:
- 压缩所有大于500KB的图片
- 转换为WebP格式 (可减少60-80%)
- 实施图片懒加载
- 预期优化: 减少4-5MB
-
---
-
-## 🔮 生产环境性能预测
-
-基于构建分析和行业标准，预测生产环境性能：
-
-### 预期 Lighthouse 分数
-
-```
-Performance: 🟢 75-85/100
-```
-
-### 预期核心指标 (4G网络, 中端设备)
-
-| 指标 | 优化前预测 | 优化后预测 | 改善 |
-|-----|----------|----------|-----|
-| **FCP** | 3.5s | 1.2s | **⬇️ 66%** |
-| **LCP** | 5.2s | 2.0s | **⬇️ 62%** |
-| **TBT** | 1,200ms | 400ms | **⬇️ 67%** |
-| **TTI** | 8.0s | 3.5s | **⬇️ 56%** |
-| **Speed Index** | 4.5s | 1.8s | **⬇️ 60%** |
-
-### 不同网络环境预测
-
-#### 5G网络 (100 Mbps)
-```
-优化前: 2-3秒首屏
-优化后: 0.5-1秒首屏  ⬇️ 67%
-```
-
-#### 4G网络 (20 Mbps)
-```
-优化前: 6-8秒首屏
-优化后: 1.5-2秒首屏  ⬇️ 75%
-```
-
-#### 3G网络 (2 Mbps)
-```
-优化前: 50-60秒首屏
-优化后: 4-5秒首屏    ⬇️ 92%
-```
-
-### Gzip压缩后预测
-
-生产环境通常启用Gzip/Brotli压缩：
-
-```
-JavaScript (6.9MB)
-├─ 未压缩: 6.9 MB
-├─ Gzip压缩: ~2.1 MB    (⬇️ 70%)
-└─ Brotli压缩: ~1.7 MB  (⬇️ 75%)
-```
-
-**最终传输大小预测**: 1.7-2.1 MB
-
---
-
-## 📊 优化前后对比总结
-
-### 文件大小对比
-
-| 项目 | 优化前 | 优化后 | 改善 |
-|-----|-------|-------|-----|
-| **总JS大小** | 12.6 MB | 6.9 MB | **⬇️ 45%** |
-| **首屏JS** | ~多个大文件 | ~342 KB | **⬇️ 73%** |
-| **懒加载chunks** | 0个 | 100+个 | **新增** |
-
-### 加载时间对比 (4G网络)
-
-| 阶段 | 优化前 | 优化后 | 改善 |
-|-----|-------|-------|-----|
-| **下载JS** | 5,040ms | 136ms | **⬇️ 97%** |
-| **解析执行** | 1,500ms | 200ms | **⬇️ 87%** |
-| **渲染绘制** | 400ms | 400ms | - |
-| **总计** | 6,940ms | 736ms | **⬇️ 89%** |
-
-### 用户体验对比
-
-#### 优化前 ❌
-```
-用户访问 → 白屏等待 → 5-12秒 → 看到内容
-          下载12.6MB
-          用户焦虑、可能离开
-```
-
-#### 优化后 ✅
-```
-用户访问 → Loading动画 → 1-2秒 → 看到内容
-          下载342KB
-          体验流畅
-
-访问其他页面 → Loading动画 → 0.5-1秒 → 看到内容
-              按需加载
-              快速响应
-```
-
---
-
-## ✅ 优化成功验证
-
-### 1. 路由懒加载 ✓
-
-**验证方法**: 检查构建产物
-
-**结果**: 
- ✅ 生成100+个chunk文件
- ✅ 每个路由组件独立打包
- ✅ main.js只包含必要代码
-
-### 2. 代码分割 ✓
-
-**验证方法**: 分析entrypoint组成
-
-**结果**:
- ✅ React核心单独打包
- ✅ Chakra UI模块化
- ✅ 图表库独立chunk
- ✅ vendor合理分离
-
-### 3. Loading体验 ✓
-
-**验证方法**: 代码审查
-
-**结果**:
- ✅ PageLoader组件已创建
- ✅ 多层Suspense边界
- ✅ 支持深色模式
- ✅ 自定义加载提示
-
-### 4. 构建成功 ✓
-
-**验证方法**: npm run build
-
-**结果**:
- ✅ 编译成功无错误
- ✅ 所有警告已知且可接受
- ✅ 许可证头部已添加
-
---
-
-## 🎯 下一步优化建议
-
-### 立即优化 (P0) 🔴
-
-#### 1. 排查Calendar库引用
-**目标**: 将calendar-lib从主入口点移除
-**方法**:
-```bash
-# 搜索Calendar的同步引用
-grep -r "import.*Calendar" src/ --include="*.js"
-grep -r "from.*Calendar" src/ --include="*.js"
-```
-**预期**: 减少286KB首屏加载
-
-#### 2. 图片优化
-**目标**: 压缩大图片，转换格式
-**方法**:
- 使用imagemin压缩
- 转换为WebP格式
- 实施图片懒加载
-**预期**: 减少4-5MB传输
-
-### 短期优化 (P1) 🟡
-
-#### 3. 启用生产环境压缩
-**目标**: 配置服务器Gzip/Brotli
-**预期**: JS传输减少70%
-
-#### 4. 实施预加载策略
-```html
-<link rel="preload" href="/static/js/main.js" as="script">
-<link rel="prefetch" href="/static/js/community-chunk.js">
-```
-
-#### 5. 优化第三方依赖
- 检查是否有未使用的依赖
- 使用CDN加载大型库
- 考虑按需引入
-
-### 长期优化 (P2) 🟢
-
-#### 6. Service Worker缓存
-**目标**: PWA离线支持
-**预期**: 二次访问接近即时
-
-#### 7. 服务器端渲染 (SSR)
-**目标**: 提升首屏速度
-**预期**: FCP < 0.5s
-
-#### 8. 智能预加载
- 基于用户行为预测
- 空闲时预加载热门页面
-
---
-
-## 🧪 验证方法
-
-### 本地测试
-
-#### 1. 开发环境测试
-```bash
-npm start
-# 访问 http://localhost:3000/home
-# Chrome DevTools → Network → 检查懒加载
-```
-
-#### 2. 生产构建测试
-```bash
-npm run build
-npx serve -s build
-# Lighthouse测试
-lighthouse http://localhost:5000 --view
-```
-
-### 生产环境测试
-
-#### 1. 部署到测试环境
-```bash
-# 部署后运行
-lighthouse https://your-domain.com --view
-```
-
-#### 2. 真机测试
- iPhone/Android 4G网络
- 低端设备测试
- 不同地域测试
-
---
-
-## 📊 监控指标
-
-### 核心指标 (Core Web Vitals)
-
-必须持续监控:
-
-```
-✅ FCP < 1.5s     (First Contentful Paint)
-✅ LCP < 2.5s     (Largest Contentful Paint)
-✅ FID < 100ms    (First Input Delay)
-✅ CLS < 0.1      (Cumulative Layout Shift)
-✅ TTI < 3.5s     (Time to Interactive)
-```
-
-### 资源指标
-
-```
-✅ 首屏JS < 500 KB
-✅ 总JS < 3 MB (压缩后)
-✅ 总页面大小 < 5 MB
-✅ 请求数 < 50
-```
-
---
-
-## 💡 关键洞察
-
-### 成功经验
-
-1. **React.lazy + Suspense最佳实践**
-   - 路由级懒加载最有效
-   - 多层Suspense边界提升体验
-   - 配合Loading组件效果更好
-
-2. **Webpack代码分割策略**
-   - 按框架分离 (React、Chakra、Charts)
-   - 按路由分离 (每个页面独立chunk)
-   - 按大小分离 (maxSize: 244KB)
-
-3. **渐进式优化方法**
-   - 先优化最大的问题 (路由懒加载)
-   - 再优化细节 (图片、压缩)
-   - 最后添加高级功能 (PWA、SSR)
-
-### 经验教训
-
-1. **开发环境 ≠ 生产环境**
-   - 开发环境性能不代表实际效果
-   - 必须测试生产构建
-   - Gzip压缩带来巨大差异
-
-2. **懒加载需要全面实施**
-   - 一个同步导入可能拉进大量代码
-   - 需要仔细检查依赖链
-   - Calendar库问题就是典型案例
-
-3. **用户体验优先**
-   - Loading动画 > 白屏
-   - 快速FCP > 完整加载
-   - 渐进式呈现 > 一次性加载
-
---
-
-## 🎉 总结
-
-### 优化成果 🏆
-
-1. ✅ **首屏JavaScript减少73%** (342KB vs 多个大文件)
-2. ✅ **总包大小减少45%** (6.9MB vs 12.6MB)
-3. ✅ **实施完整路由懒加载** (50+组件)
-4. ✅ **添加优雅Loading体验**
-5. ✅ **构建成功无错误**
-
-### 预期效果 🚀
-
- **4G网络**: 6-8秒 → 1.5-2秒 (⬇️ 75%)
- **3G网络**: 50-60秒 → 4-5秒 (⬇️ 92%)
- **Lighthouse**: 预计 75-85分
- **用户满意度**: 显著提升
-
-### 下一步 📋
-
-1. 🔴 排查Calendar库引用 (减少286KB)
-2. 🔴 优化图片资源 (减少4-5MB)
-3. 🟡 启用Gzip压缩 (减少70%传输)
-4. 🟡 添加预加载策略
-5. 🟢 实施Service Worker
-
---
-
-**报告生成时间**: 2025-10-13  
-**测试工具**: Lighthouse 11.x + Webpack分析  
-**优化版本**: v2.0-optimized  
-**状态**: ✅ 优化完成，建议部署测试
-
---
-
-## 附录
-
-### A. 测试命令
-
-```bash
-# 开发环境测试
-npm start
-lighthouse http://localhost:3000/home --view
-
-# 生产构建
-npm run build
-
-# 生产环境测试  
-npx serve -s build
-lighthouse http://localhost:5000/home --view
-
-# Bundle分析
-npm run build
-npx webpack-bundle-analyzer build/bundle-stats.json
-```
-
-### B. 相关文档
-
- PERFORMANCE_ANALYSIS.md - 原始性能分析
- OPTIMIZATION_RESULTS.md - 优化实施记录
- lighthouse-report.json - Lighthouse完整报告
-
-### C. 技术栈
-
- React 18.3.1
- Chakra UI 2.8.2
- React Router
- Webpack 5 (via CRACO)
- Lighthouse 11.x
-
---
-
-🎊 **优化大获成功！期待看到生产环境的实际表现！**
--- a/docs/POSTHOG_INTEGRATION.md
+++ b/docs/POSTHOG_INTEGRATION.md
@@ -1,255 +0,0 @@
-# PostHog 集成完成总结
-
-## ✅ 已完成的工作
-
-### 1. 安装依赖
-```bash
-npm install posthog-js@^1.280.1
-```
-
-### 2. 创建核心文件
-
-#### 📦 PostHog SDK 封装 (`src/lib/posthog.js`)
- 提供完整的 PostHog API 封装
- 包含函数：
-  - `initPostHog()` - 初始化 SDK
-  - `identifyUser()` - 识别用户
-  - `trackEvent()` - 追踪自定义事件
-  - `trackPageView()` - 追踪页面浏览
-  - `resetUser()` - 重置用户会话（登出时调用）
-  - `optIn()` / `optOut()` - 用户隐私控制
-  - `getFeatureFlag()` - 获取 Feature Flag（A/B 测试）
-
-#### 📊 事件常量定义 (`src/lib/constants.js`)
-基于 AARRR 框架的完整事件体系：
- **Acquisition（获客）**: Landing Page, CTA, Pricing
- **Activation（激活）**: Login, Signup, WeChat QR
- **Retention（留存）**: Dashboard, News, Concept, Stock, Company
- **Referral（推荐）**: Share, Invite
- **Revenue（收入）**: Payment, Subscription
-
-#### 🪝 React Hooks
- `usePostHog` (`src/hooks/usePostHog.js`) - 在组件中使用 PostHog
- `usePageTracking` (`src/hooks/usePageTracking.js`) - 自动页面浏览追踪
-
-#### 🎁 Provider 组件 (`src/components/PostHogProvider.js`)
- 全局初始化 PostHog
- 自动追踪页面浏览
- 根据路由自动识别页面类型
-
-### 3. 集成到应用
-
-#### App.js 修改
-在最外层添加了 `PostHogProvider`：
-```jsx
-<PostHogProvider>
-  <ReduxProvider store={store}>
-    <ChakraProvider theme={theme}>
-      {/* 其他 Providers */}
-    </ChakraProvider>
-  </ReduxProvider>
-</PostHogProvider>
-```
-
-### 4. 环境变量配置
-
-`.env` 文件中添加了：
-```bash
-# PostHog API Key（需要填写你的 PostHog 项目 Key）
-REACT_APP_POSTHOG_KEY=
-
-# PostHog API Host
-REACT_APP_POSTHOG_HOST=https://app.posthog.com
-
-# Session Recording 开关
-REACT_APP_ENABLE_SESSION_RECORDING=false
-```
-
---
-
-## 🎯 如何使用
-
-### 1. 配置 PostHog API Key
-
-1. 登录 [PostHog](https://app.posthog.com)
-2. 创建项目（或使用现有项目）
-3. 在项目设置中找到 **API Key**
-4. 复制 API Key 并填入 `.env` 文件：
-   ```bash
-   REACT_APP_POSTHOG_KEY=phc_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
-   ```
-
-### 2. 自动追踪页面浏览
-
-✅ **无需额外配置**，PostHogProvider 会自动追踪所有路由变化和页面浏览。
-
-### 3. 追踪自定义事件
-
-在任意组件中使用 `usePostHog` Hook：
-
-```jsx
-import { usePostHog } from 'hooks/usePostHog';
-import { RETENTION_EVENTS } from 'lib/constants';
-
-function MyComponent() {
-  const { track } = usePostHog();
-
-  const handleClick = () => {
-    track(RETENTION_EVENTS.NEWS_ARTICLE_CLICKED, {
-      article_id: '12345',
-      article_title: '市场分析报告',
-      source: 'community_page',
-    });
-  };
-
-  return <button onClick={handleClick}>阅读文章</button>;
-}
-```
-
-### 4. 用户识别（登录时）
-
-在 `AuthContext` 中，登录成功后调用：
-
-```jsx
-import { identifyUser } from 'lib/posthog';
-
-// 登录成功后
-identifyUser(user.id, {
-  email: user.email,
-  username: user.username,
-  subscription_tier: user.subscription_type || 'free',
-  registration_date: user.created_at,
-});
-```
-
-### 5. 重置用户会话（登出时）
-
-在 `AuthContext` 中，登出时调用：
-
-```jsx
-import { resetUser } from 'lib/posthog';
-
-// 登出时
-resetUser();
-```
-
---
-
-## 📊 PostHog 功能
-
-### 1. 页面浏览分析
- 自动追踪所有页面访问
- 分析用户访问路径
- 识别热门页面
-
-### 2. 用户行为分析
- 追踪用户点击、搜索、筛选等行为
- 分析功能使用频率
- 了解用户偏好
-
-### 3. 漏斗分析
- 分析用户转化路径
- 识别流失点
- 优化用户体验
-
-### 4. 队列分析（Cohort Analysis）
- 按注册时间、订阅类型等分组用户
- 分析不同用户群体的行为差异
-
-### 5. Session Recording（可选）
- 录制用户操作视频
- 可视化用户体验问题
- 需要在 `.env` 中开启：`REACT_APP_ENABLE_SESSION_RECORDING=true`
-
-### 6. Feature Flags（A/B 测试）
-```jsx
-const { getFlag, isEnabled } = usePostHog();
-
-// 检查功能开关
-if (isEnabled('new_dashboard_design')) {
-  return <NewDashboard />;
-} else {
-  return <OldDashboard />;
-}
-```
-
---
-
-## 🔒 隐私和安全
-
-### 自动隐私保护
- 自动屏蔽密码、邮箱、手机号输入框
- 不追踪敏感 API 端点（`/api/auth/login`, `/api/payment` 等）
- 尊重浏览器 Do Not Track 设置
-
-### 用户隐私控制
-用户可选择退出追踪：
-```jsx
-const { optOut, optIn, isOptedOut } = usePostHog();
-
-// 退出追踪
-optOut();
-
-// 重新加入
-optIn();
-
-// 检查状态
-if (isOptedOut()) {
-  console.log('用户已退出追踪');
-}
-```
-
---
-
-## 🚀 下一步建议
-
-### 1. 在关键页面添加事件追踪
-
-例如在 **Community**、**Concept**、**Stock** 等页面添加：
- 搜索事件
- 点击事件
- 筛选事件
-
-### 2. 在 AuthContext 中集成用户识别
-
-登录成功时调用 `identifyUser()`，登出时调用 `resetUser()`
-
-### 3. 设置 Feature Flags
-
-在 PostHog 后台创建 Feature Flags，用于 A/B 测试新功能
-
-### 4. 配置 Dashboard 和 Insights
-
-在 PostHog 后台创建：
- 用户活跃度 Dashboard
- 功能使用频率 Insights
- 转化漏斗分析
-
---
-
-## 📚 参考资料
-
- [PostHog 官方文档](https://posthog.com/docs)
- [PostHog React 集成](https://posthog.com/docs/libraries/react)
- [PostHog Feature Flags](https://posthog.com/docs/feature-flags)
- [PostHog Session Recording](https://posthog.com/docs/session-replay)
-
---
-
-## ⚠️ 注意事项
-
-1. **开发环境下会自动启用调试模式**，控制台会输出详细的追踪日志
-2. **PostHog API Key 为空时**，SDK 会发出警告但不会影响应用运行
-3. **Session Recording 默认关闭**，需要时再开启以节省资源
-4. **所有事件常量已定义**在 `src/lib/constants.js`，使用时直接导入
-
---
-
-**集成完成！** 🎉
-
-现在你可以：
-1. 填写 PostHog API Key
-2. 启动应用：`npm start`
-3. 在 PostHog 后台查看实时数据
-
-如有问题，请参考 PostHog 官方文档或联系技术支持。
--- a/docs/POSTHOG_REDUX_INTEGRATION.md
+++ b/docs/POSTHOG_REDUX_INTEGRATION.md
@@ -1,439 +0,0 @@
-# PostHog Redux 集成完成总结
-
-## ✅ 已完成的工作
-
-PostHog 已成功从 **React Context** 迁移到 **Redux** 进行全局状态管理！
-
-### 1. 创建的核心文件
-
-#### 📦 Redux Slice (`src/store/slices/posthogSlice.js`)
-完整的 PostHog 状态管理：
- **State 管理**: 初始化状态、用户信息、事件队列、Feature Flags
- **Async Thunks**:
-  - `initializePostHog()` - 初始化 SDK
-  - `identifyUser()` - 识别用户
-  - `resetUser()` - 重置会话
-  - `trackEvent()` - 追踪事件
-  - `flushCachedEvents()` - 刷新离线事件
- **Selectors**: 提供便捷的状态选择器
-
-#### ⚡ Redux Middleware (`src/store/middleware/posthogMiddleware.js`)
-自动追踪中间件：
- **自动拦截 Actions**: 当特定 Redux actions 被 dispatch 时自动追踪
- **路由追踪**: 自动识别页面类型并追踪浏览
- **离线事件缓存**: 网络恢复时自动刷新缓存事件
- **性能追踪**: 追踪耗时较长的操作
-
-**自动追踪的 Actions**:
-```javascript
-'auth/login/fulfilled' → USER_LOGGED_IN
-'auth/logout' → USER_LOGGED_OUT
-'communityData/fetchHotEvents/fulfilled' → NEWS_LIST_VIEWED
-'payment/success' → PAYMENT_SUCCESSFUL
-// ... 更多
-```
-
-#### 🪝 React Hooks (`src/hooks/usePostHogRedux.js`)
-提供便捷的 API：
- `usePostHogRedux()` - 完整功能 Hook
- `usePostHogTrack()` - 仅追踪功能（性能优化）
- `usePostHogFlags()` - 仅 Feature Flags（性能优化）
- `usePostHogUser()` - 仅用户管理（性能优化）
-
-### 2. 修改的文件
-
-#### Redux Store (`src/store/index.js`)
-```javascript
-import posthogReducer from './slices/posthogSlice';
-import posthogMiddleware from './middleware/posthogMiddleware';
-
-export const store = configureStore({
-  reducer: {
-    communityData: communityDataReducer,
-    posthog: posthogReducer, // ✅ 新增
-  },
-  middleware: (getDefaultMiddleware) =>
-    getDefaultMiddleware({...})
-      .concat(posthogMiddleware), // ✅ 新增
-});
-```
-
-#### App.js
- ❌ 移除了 `<PostHogProvider>` 包装
- ✅ 在 `AppContent` 中添加 Redux 初始化：
-```javascript
-useEffect(() => {
-  dispatch(initializePostHog());
-}, [dispatch]);
-```
-
-### 3. 保留的文件（仍然需要）
-
- ✅ `src/lib/posthog.js` - PostHog SDK 封装
- ✅ `src/lib/constants.js` - 事件常量（AARRR 框架）
- ✅ `src/hooks/usePostHog.js` - 原 Hook（可选保留，兼容旧代码）
-
-### 4. 可以删除的文件（不再需要）
-
- ❌ `src/components/PostHogProvider.js` - 改用 Redux 管理
- ❌ `src/hooks/usePageTracking.js` - 改由 Middleware 处理
-
---
-
-## 🎯 Redux 方案的优势
-
-### 1. **集中式状态管理**
-PostHog 状态与其他应用状态统一管理，便于维护和调试。
-
-### 2. **自动追踪**
-通过 Middleware 自动拦截 Redux actions，无需手动调用追踪。
-
-```javascript
-// 旧方案（手动追踪）
-const handleLogin = () => {
-  // ... 登录逻辑
-  track(ACTIVATION_EVENTS.USER_LOGGED_IN, { ... });
-};
-
-// 新方案（自动追踪）
-const handleLogin = () => {
-  dispatch(loginUser({ ... })); // ✅ Middleware 自动追踪
-};
-```
-
-### 3. **Redux DevTools 集成**
-可以在 Redux DevTools 中查看所有 PostHog 事件：
-
-```
-Action: posthog/trackEvent/fulfilled
-Payload: {
-  eventName: "News Article Clicked",
-  properties: { article_id: "123" }
-}
-```
-
-### 4. **离线事件缓存**
-自动缓存离线时的事件，网络恢复后批量发送。
-
-### 5. **时间旅行调试**
-可以回放和调试用户行为，定位问题更容易。
-
---
-
-## 📚 使用指南
-
-### 1. 基础用法 - 追踪自定义事件
-
-```jsx
-import { usePostHogRedux } from 'hooks/usePostHogRedux';
-import { RETENTION_EVENTS } from 'lib/constants';
-
-function NewsArticle({ article }) {
-  const { track } = usePostHogRedux();
-
-  const handleClick = () => {
-    track(RETENTION_EVENTS.NEWS_ARTICLE_CLICKED, {
-      article_id: article.id,
-      article_title: article.title,
-      source: 'community_page',
-    });
-  };
-
-  return <div onClick={handleClick}>{article.title}</div>;
-}
-```
-
-### 2. 用户识别（登录时）
-
-在 `AuthContext` 或登录成功回调中：
-
-```jsx
-import { usePostHogRedux } from 'hooks/usePostHogRedux';
-
-function AuthContext() {
-  const { identify, reset } = usePostHogRedux();
-
-  const handleLoginSuccess = (user) => {
-    // 识别用户
-    identify(user.id, {
-      email: user.email,
-      username: user.username,
-      subscription_tier: user.subscription_type || 'free',
-      registration_date: user.created_at,
-    });
-  };
-
-  const handleLogout = () => {
-    // 重置用户会话
-    reset();
-  };
-
-  return { handleLoginSuccess, handleLogout };
-}
-```
-
-### 3. Feature Flags（A/B 测试）
-
-```jsx
-import { usePostHogFlags } from 'hooks/usePostHogRedux';
-
-function Dashboard() {
-  const { isEnabled } = usePostHogFlags();
-
-  if (isEnabled('new_dashboard_design')) {
-    return <NewDashboard />;
-  }
-
-  return <OldDashboard />;
-}
-```
-
-### 4. 自动追踪（推荐）
-
-**无需手动追踪**，只需 dispatch Redux action，Middleware 会自动处理：
-
-```jsx
-// ✅ 登录时自动追踪
-dispatch(loginUser({ email, password }));
-// → Middleware 自动追踪 USER_LOGGED_IN
-
-// ✅ 获取新闻时自动追踪
-dispatch(fetchHotEvents());
-// → Middleware 自动追踪 NEWS_LIST_VIEWED
-
-// ✅ 支付成功时自动追踪
-dispatch(paymentSuccess({ amount, transactionId }));
-// → Middleware 自动追踪 PAYMENT_SUCCESSFUL
-```
-
-### 5. 性能优化 Hook
-
-如果只需要追踪功能，使用轻量级 Hook：
-
-```jsx
-import { usePostHogTrack } from 'hooks/usePostHogRedux';
-
-function MyComponent() {
-  const { track } = usePostHogTrack(); // ✅ 只订阅追踪功能
-
-  // 不会因为 PostHog 状态变化而重新渲染
-  return <button onClick={() => track('Button Clicked')}>Click</button>;
-}
-```
-
---
-
-## 🔧 配置自动追踪规则
-
-在 `src/store/middleware/posthogMiddleware.js` 中添加新规则：
-
-```javascript
-const ACTION_TO_EVENT_MAP = {
-  // 添加你的 action
-  'myFeature/actionName': {
-    event: RETENTION_EVENTS.MY_EVENT,
-    getProperties: (action) => ({
-      property1: action.payload?.value1,
-      property2: action.payload?.value2,
-    }),
-  },
-};
-```
-
---
-
-## 🧪 调试技巧
-
-### 1. Redux DevTools
-
-打开 Redux DevTools，筛选 `posthog/` actions：
-
-```
-posthog/initializePostHog/fulfilled
-posthog/identifyUser/fulfilled
-posthog/trackEvent/fulfilled
-```
-
-### 2. 查看 PostHog 状态
-
-```jsx
-import { useSelector } from 'react-redux';
-import { selectPostHog } from 'store/slices/posthogSlice';
-
-function DebugPanel() {
-  const posthog = useSelector(selectPostHog);
-
-  return (
-    <pre>{JSON.stringify(posthog, null, 2)}</pre>
-  );
-}
-```
-
-### 3. 控制台日志
-
-开发环境下会自动输出日志：
-
-```
-[PostHog Middleware] 自动追踪事件: User Logged In { user_id: 123 }
-[PostHog] 📍 Event tracked: News Article Clicked
-```
-
---
-
-## 📊 State 结构
-
-```javascript
-{
-  posthog: {
-    // 初始化状态
-    isInitialized: true,
-    initError: null,
-
-    // 用户信息
-    user: {
-      userId: "123",
-      email: "user@example.com",
-      subscription_tier: "pro"
-    },
-
-    // 事件队列（离线缓存）
-    eventQueue: [
-      { eventName: "...", properties: {...}, timestamp: "..." }
-    ],
-
-    // Feature Flags
-    featureFlags: {
-      new_dashboard_design: true,
-      beta_feature: false
-    },
-
-    // 配置
-    config: {
-      apiKey: "phc_...",
-      apiHost: "https://app.posthog.com",
-      sessionRecording: false
-    },
-
-    // 统计
-    stats: {
-      totalEvents: 150,
-      lastEventTime: "2025-10-28T12:00:00Z"
-    }
-  }
-}
-```
-
---
-
-## 🚀 高级功能
-
-### 1. 手动触发页面浏览
-
-```jsx
-import { trackModalView, trackTabChange } from 'store/middleware/posthogMiddleware';
-
-// Modal 打开时
-dispatch(trackModalView('User Settings Modal', { source: 'nav_bar' }));
-
-// Tab 切换时
-dispatch(trackTabChange('Related Stocks', { from_tab: 'Overview' }));
-```
-
-### 2. 刷新离线事件
-
-```jsx
-import { flushCachedEvents } from 'store/slices/posthogSlice';
-
-// 网络恢复时自动触发，也可以手动触发
-dispatch(flushCachedEvents());
-```
-
-### 3. 性能追踪
-
-给 action 添加时间戳：
-
-```jsx
-import { withTiming } from 'store/middleware/posthogMiddleware';
-
-// 追踪耗时操作
-dispatch(withTiming(fetchBigData()));
-// → 如果超过 1 秒，会自动追踪性能事件
-```
-
---
-
-## ⚠️ 注意事项
-
-### 1. **环境变量**
-
-确保 `.env` 文件中配置了 PostHog API Key：
-
-```bash
-REACT_APP_POSTHOG_KEY=phc_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
-REACT_APP_POSTHOG_HOST=https://app.posthog.com
-REACT_APP_ENABLE_SESSION_RECORDING=false
-```
-
-### 2. **Redux Middleware 顺序**
-
-PostHog Middleware 应该在其他 middleware 之后：
-
-```javascript
-.concat(otherMiddleware)
-.concat(posthogMiddleware) // ✅ 最后添加
-```
-
-### 3. **避免循环依赖**
-
-不要在 Middleware 中 dispatch 会触发 Middleware 的 action。
-
-### 4. **序列化检查**
-
-已经在 store 配置中忽略了 PostHog actions 的序列化检查。
-
---
-
-## 🔄 从旧版本迁移
-
-如果你的代码中使用了旧的 `usePostHog` Hook：
-
-```jsx
-// 旧代码
-import { usePostHog } from 'hooks/usePostHog';
-const { track } = usePostHog();
-
-// 新代码（推荐）
-import { usePostHogRedux } from 'hooks/usePostHogRedux';
-const { track } = usePostHogRedux();
-```
-
-**兼容性**: 旧的 `usePostHog` Hook 仍然可用，但推荐迁移到 Redux 版本。
-
---
-
-## 📚 参考资料
-
- [PostHog 官方文档](https://posthog.com/docs)
- [Redux Toolkit 文档](https://redux-toolkit.js.org/)
- [Redux Middleware 文档](https://redux.js.org/tutorials/fundamentals/part-4-store#middleware)
- [AARRR 框架](https://www.productplan.com/glossary/aarrr-framework/)
-
---
-
-## 🎉 总结
-
-PostHog 已成功集成到 Redux！主要优势：
-
-1. ✅ **自动追踪**: Middleware 自动拦截 actions
-2. ✅ **集中管理**: 统一的 Redux 状态管理
-3. ✅ **调试友好**: Redux DevTools 支持
-4. ✅ **离线支持**: 自动缓存和刷新事件
-5. ✅ **性能优化**: 提供多个轻量级 Hooks
-
-现在你可以：
-1. 启动应用：`npm start`
-2. 打开 Redux DevTools 查看 PostHog 状态
-3. 执行操作（登录、浏览页面、点击按钮）
-4. 观察自动追踪的事件
-
-Have fun tracking! 🚀
--- a/docs/POSTHOG_TESTING_GUIDE.md
+++ b/docs/POSTHOG_TESTING_GUIDE.md
@@ -1,476 +0,0 @@
-# PostHog 本地上报能力测试指南
-
-本文档指导您完成 PostHog 事件追踪功能的完整测试。
-
---
-
-## 📋 准备工作
-
-### 步骤 1：获取 PostHog API Key
-
-#### 1.1 登录 PostHog
-
-打开浏览器，访问：
-```
-https://app.posthog.com
-```
-
-使用您的账号登录。
-
-#### 1.2 创建测试项目（如果还没有）
-
-1. 点击页面左上角的项目切换器
-2. 点击 "+ Create Project"
-3. 填写项目信息：
-   - **Project name**: `vf_react_dev`（推荐）或自定义名称
-   - **Organization**: 选择您的组织
-4. 点击 "Create Project"
-
-#### 1.3 获取 API Key
-
-1. 进入项目设置：
-   - 点击左侧边栏底部的 **"Settings"** ⚙️
-   - 选择 **"Project"** 标签
-
-2. 找到 "Project API Key" 部分
-   - 您会看到一个以 `phc_` 开头的长字符串
-   - 例如：`phc_abcdefghijklmnopqrstuvwxyz1234567890`
-
-3. 复制 API Key
-   - 点击 API Key 右侧的复制按钮 📋
-   - 或手动选中并复制
-
---
-
-## 🔧 配置本地环境
-
-### 步骤 2：配置 .env.local
-
-打开项目根目录的 `.env.local` 文件，找到以下行：
-
-```env
-REACT_APP_POSTHOG_KEY=
-```
-
-将您刚才复制的 API Key 粘贴进去：
-
-```env
-REACT_APP_POSTHOG_KEY=phc_your_actual_key_here
-```
-
-**完整示例：**
-```env
-# PostHog 配置（本地开发）
-REACT_APP_POSTHOG_KEY=phc_abcdefghijklmnopqrstuvwxyz1234567890
-REACT_APP_POSTHOG_HOST=https://app.posthog.com
-REACT_APP_ENABLE_SESSION_RECORDING=false
-```
-
-⚠️ **重要**：保存文件后必须重启应用才能生效！
-
---
-
-## 🚀 启动应用
-
-### 步骤 3：重启开发服务器
-
-如果应用正在运行，先停止它：
-
-```bash
-# 方式 1：使用命令
-npm run kill-port
-
-# 方式 2：在终端按 Ctrl+C
-```
-
-然后重新启动：
-
-```bash
-npm start
-```
-
-### 步骤 4：验证初始化
-
-应用启动后，打开浏览器：
-
-```
-http://localhost:3000
-```
-
-**立即按 F12 打开浏览器控制台**，您应该看到以下日志：
-
-```javascript
-✅ PostHog initialized successfully
-📊 PostHog Analytics initialized
-👤 User identified: user_xxx (如果已登录)
-```
-
-✅ **如果看到以上日志，说明 PostHog 初始化成功！**
-
---
-
-## 🧪 测试事件追踪
-
-### 测试 1：页面浏览事件
-
-#### 操作步骤：
-1. 访问首页：http://localhost:3000
-2. 导航到社区页面：点击导航栏 "社区"
-3. 导航到个股中心：点击导航栏 "个股中心"
-4. 导航到概念中心：点击导航栏 "概念中心"
-5. 导航到涨停分析：点击导航栏 "涨停分析"
-
-#### 期待结果：
-
-**控制台输出：**
-```javascript
-[PostHog] Event: $pageview
-  Properties: {
-    $current_url: "http://localhost:3000/community",
-    page_path: "/community",
-    page_type: "feature",
-    feature_name: "community"
-  }
-```
-
-**验证方法：**
-1. 打开 PostHog Dashboard
-2. 进入 **"Activity" → "Live Events"**
-3. 观察实时事件流（延迟 1-2 秒）
-4. 应该看到 `$pageview` 事件，每次页面切换一个
-
---
-
-### 测试 2：社区页面交互事件
-
-#### 操作步骤：
-
-1. **搜索功能**
-   - 点击搜索框
-   - 输入 "科技"
-   - 按回车搜索
-
-2. **筛选功能**
-   - 点击 "筛选" 按钮
-   - 选择某个筛选条件
-   - 应用筛选
-
-3. **内容交互**
-   - 点击任意帖子卡片
-   - 点击用户头像
-
-#### 期待结果：
-
-**控制台输出：**
-```javascript
-📍 Event tracked: search_initiated
-  context: "community"
-
-📍 Event tracked: search_query_submitted
-  query: "科技"
-  category: "community"
-
-📍 Event tracked: filter_applied
-  filter_type: "category"
-  filter_value: "tech"
-
-📍 Event tracked: post_clicked
-  post_id: "123"
-  post_title: "标题"
-```
-
-**PostHog Live Events：**
-```
-🔴 search_initiated
-🔴 search_query_submitted
-🔴 filter_applied
-🔴 post_clicked
-```
-
---
-
-### 测试 3：个股中心交互事件
-
-#### 操作步骤：
-
-1. **搜索股票**
-   - 进入个股中心页面
-   - 点击搜索框
-   - 输入股票名称或代码
-
-2. **概念交互**
-   - 点击某个概念板块
-   - 点击概念下的股票
-
-3. **热力图交互**
-   - 点击热力图中的股票方块
-   - 查看股票详情
-
-#### 期待结果：
-
-**控制台输出：**
-```javascript
-📍 Event tracked: stock_overview_page_viewed
-
-📍 Event tracked: stock_searched
-  query: "科技股"
-
-📍 Event tracked: concept_clicked
-  concept_name: "人工智能"
-
-📍 Event tracked: concept_stock_clicked
-  stock_code: "000001"
-  stock_name: "平安银行"
-```
-
---
-
-### 测试 4：概念中心交互事件
-
-#### 操作步骤：
-
-1. **列表浏览**
-   - 进入概念中心
-   - 切换排序方式
-
-2. **时间线查看**
-   - 点击某个概念卡片
-   - 打开时间线 Modal
-   - 展开某个日期
-   - 点击新闻/报告
-
-#### 期待结果：
-
-**控制台输出：**
-```javascript
-📍 Event tracked: concept_list_viewed
-  sort_by: "change_percent_desc"
-
-📍 Event tracked: concept_clicked
-  concept_name: "芯片"
-
-📍 Event tracked: concept_detail_viewed
-  concept_name: "芯片"
-  view_type: "timeline_modal"
-
-📍 Event tracked: timeline_date_toggled
-  date: "2025-01-15"
-  action: "expand"
-```
-
---
-
-### 测试 5：涨停分析交互事件
-
-#### 操作步骤：
-
-1. **日期选择**
-   - 进入涨停分析页面
-   - 选择不同日期
-
-2. **板块交互**
-   - 展开某个板块
-   - 点击板块名称
-
-3. **股票交互**
-   - 点击涨停股票
-   - 查看详情
-
-#### 期待结果：
-
-**控制台输出：**
-```javascript
-📍 Event tracked: limit_analyse_page_viewed
-
-📍 Event tracked: date_selected
-  date: "20250115"
-
-📍 Event tracked: sector_toggled
-  sector_name: "科技"
-  action: "expand"
-
-📍 Event tracked: limit_stock_clicked
-  stock_code: "000001"
-  stock_name: "平安银行"
-```
-
---
-
-## 📊 验证上报结果
-
-### 在 PostHog Dashboard 验证
-
-#### 步骤 1：打开 Live Events
-
-1. 登录 PostHog Dashboard
-2. 选择您的测试项目
-3. 点击左侧菜单 **"Activity"**
-4. 选择 **"Live Events"**
-
-#### 步骤 2：观察实时事件流
-
-您应该看到实时的事件流，格式类似：
-
-```
-🔴 LIVE  $pageview                    1s ago
-        page_path: /community
-        user_id: anonymous_abc123
-
-🔴 LIVE  search_initiated             2s ago
-        context: community
-
-🔴 LIVE  search_query_submitted       3s ago
-        query: "科技"
-        category: "community"
-```
-
-#### 步骤 3：检查事件属性
-
-点击任意事件，展开详情，验证：
- ✅ 事件名称正确
- ✅ 所有属性完整
- ✅ 时间戳准确
- ✅ 用户信息正确
-
---
-
-## 📋 测试清单
-
-使用以下清单记录测试结果：
-
-### 页面浏览事件（5项）
-
- [ ] 首页浏览 - `$pageview`
- [ ] 社区页面浏览 - `community_page_viewed`
- [ ] 个股中心浏览 - `stock_overview_page_viewed`
- [ ] 概念中心浏览 - `concept_page_viewed`
- [ ] 涨停分析浏览 - `limit_analyse_page_viewed`
-
-### 社区页面事件（6项）
-
- [ ] 搜索初始化 - `search_initiated`
- [ ] 搜索查询提交 - `search_query_submitted`
- [ ] 筛选器应用 - `filter_applied`
- [ ] 帖子点击 - `post_clicked`
- [ ] 评论点击 - `comment_clicked`
- [ ] 用户资料查看 - `user_profile_viewed`
-
-### 个股中心事件（4项）
-
- [ ] 股票搜索 - `stock_searched`
- [ ] 概念点击 - `concept_clicked`
- [ ] 概念股票点击 - `concept_stock_clicked`
- [ ] 热力图股票点击 - `heatmap_stock_clicked`
-
-### 概念中心事件（5项）
-
- [ ] 概念列表查看 - `concept_list_viewed`
- [ ] 排序更改 - `sort_changed`
- [ ] 概念点击 - `concept_clicked`
- [ ] 概念详情查看 - `concept_detail_viewed`
- [ ] 新闻/报告点击 - `news_clicked` / `report_clicked`
-
-### 涨停分析事件（6项）
-
- [ ] 页面查看 - `limit_analyse_page_viewed`
- [ ] 日期选择 - `date_selected`
- [ ] 每日统计查看 - `daily_stats_viewed`
- [ ] 板块展开/收起 - `sector_toggled`
- [ ] 板块点击 - `sector_clicked`
- [ ] 涨停股票点击 - `limit_stock_clicked`
-
---
-
-## ⚠️ 常见问题
-
-### 问题 1：控制台没有看到 PostHog 日志
-
-**可能原因：**
- API Key 配置错误
- 应用没有重启
- 浏览器控制台过滤了日志
-
-**解决方案：**
-1. 检查 `.env.local` 中的 API Key 是否正确
-2. 确保重启了应用：`npm run kill-port && npm start`
-3. 打开控制台，清除所有过滤器
-4. 刷新页面
-
---
-
-### 问题 2：PostHog Live Events 没有数据
-
-**可能原因：**
- 网络问题
- API Key 错误
- 项目选择错误
-
-**解决方案：**
-1. 打开浏览器网络面板（Network）
-2. 筛选 XHR 请求，查找 `posthog.com` 的请求
-3. 检查请求状态码：
-   - `200 OK` → 正常
-   - `401 Unauthorized` → API Key 错误
-   - `404 Not Found` → 项目不存在
-4. 确认 PostHog Dashboard 选择了正确的项目
-
---
-
-### 问题 3：事件上报了，但属性不完整
-
-**可能原因：**
- 代码中传递的参数不完整
- 某些状态未正确初始化
-
-**解决方案：**
-1. 查看控制台的详细日志
-2. 对比 PostHog Live Events 中的数据
-3. 检查对应的事件追踪代码
-4. 提供反馈给开发团队
-
---
-
-## 📸 测试截图建议
-
-为了完整记录测试结果，建议截图：
-
-1. **PostHog 初始化成功**
-   - 浏览器控制台初始化日志
-
-2. **Live Events 实时流**
-   - PostHog Dashboard Live Events 页面
-
-3. **典型事件详情**
-   - 展开某个事件，显示所有属性
-
-4. **事件统计**
-   - PostHog Insights 或 Trends 页面
-
---
-
-## ✅ 测试完成后
-
-测试完成后，您可以：
-
-1. **保持配置**
-   - 保留 API Key 在 `.env.local` 中
-   - 继续使用控制台 + PostHog Cloud 双模式
-
-2. **切换回仅控制台模式**
-   - 清空 `.env.local` 中的 `REACT_APP_POSTHOG_KEY`
-   - 重启应用
-   - 仅在控制台查看事件（不上报）
-
-3. **配置生产环境**
-   - 创建生产环境的 PostHog 项目
-   - 将生产 API Key 填入 `.env` 文件
-   - 部署时使用生产配置
-
---
-
-**祝测试顺利！** 🎉
-
-如有任何问题，请查阅：
- [PostHog 官方文档](https://posthog.com/docs)
- [ENVIRONMENT_SETUP.md](./ENVIRONMENT_SETUP.md)
- [POSTHOG_INTEGRATION.md](./POSTHOG_INTEGRATION.md)
--- a/docs/POSTHOG_TRACKING_GUIDE.md
+++ b/docs/POSTHOG_TRACKING_GUIDE.md
@@ -1,561 +0,0 @@
-# PostHog 事件追踪开发者指南
-
-## 📚 目录
-
-1. [快速开始](#快速开始)
-2. [Hook使用指南](#hook使用指南)
-3. [添加新的追踪Hook](#添加新的追踪hook)
-4. [集成追踪到组件](#集成追踪到组件)
-5. [最佳实践](#最佳实践)
-6. [常见问题](#常见问题)
-
---
-
-## 🚀 快速开始
-
-### 当前已有的追踪Hooks
-
-| Hook名称 | 用途 | 适用场景 |
-|---------|------|---------|
-| `useAuthEvents` | 认证事件 | 注册、登录、登出、微信授权 |
-| `useStockOverviewEvents` | 个股分析 | 个股页面浏览、图表查看、指标分析 |
-| `useConceptEvents` | 概念追踪 | 概念浏览、搜索、相关股票查看 |
-| `useCompanyEvents` | 公司分析 | 公司详情、财务数据、行业对比 |
-| `useLimitAnalyseEvents` | 涨停分析 | 涨停榜单、筛选、个股详情 |
-| `useCommunityEvents` | 社区事件 | 新闻浏览、事件追踪、评论互动 |
-| `useEventDetailEvents` | 事件详情 | 事件分析、时间线、影响评估 |
-| `useDashboardEvents` | 仪表板 | 自选股、关注事件、评论管理 |
-| `useTradingSimulationEvents` | 模拟盘 | 下单、持仓、收益追踪 |
-| `useSearchEvents` | 搜索行为 | 搜索查询、结果点击、筛选 |
-| `useNavigationEvents` | 导航交互 | 菜单点击、主题切换、Logo点击 |
-| `useProfileEvents` | 个人资料 | 资料更新、密码修改、账号绑定 |
-| `useSubscriptionEvents` | 订阅支付 | 定价选择、支付流程、订阅管理 |
-
---
-
-## 📖 Hook使用指南
-
-### 1. 基础用法
-
-```javascript
-// 第一步：导入Hook
-import { useSearchEvents } from '../../hooks/useSearchEvents';
-
-// 第二步：在组件中初始化
-function SearchComponent() {
-  const searchEvents = useSearchEvents({ context: 'global' });
-
-  // 第三步：在事件处理函数中调用追踪方法
-  const handleSearch = (query) => {
-    searchEvents.trackSearchQuerySubmitted(query, resultCount);
-    // ... 执行搜索逻辑
-  };
-}
-```
-
-### 2. 带参数的Hook初始化
-
-大多数Hook支持配置参数，用于区分不同的使用场景：
-
-```javascript
-// 搜索Hook - 指定搜索上下文
-const searchEvents = useSearchEvents({
-  context: 'community'  // 或 'stock', 'news', 'concept'
-});
-
-// 个人资料Hook - 指定页面类型
-const profileEvents = useProfileEvents({
-  pageType: 'settings'  // 或 'profile', 'security'
-});
-
-// 导航Hook - 指定组件位置
-const navEvents = useNavigationEvents({
-  component: 'top_nav'  // 或 'sidebar', 'footer'
-});
-
-// 订阅Hook - 传入当前订阅信息
-const subscriptionEvents = useSubscriptionEvents({
-  currentSubscription: {
-    plan: user?.subscription_plan || 'free',
-    status: user?.subscription_status || 'none'
-  }
-});
-```
-
-### 3. 常见追踪模式
-
-#### 模式A：简单事件追踪
-```javascript
-// 点击事件
-<Button onClick={() => {
-  navEvents.trackMenuItemClicked('概念中心', 'dropdown', '/concepts');
-  navigate('/concepts');
-}}>
-  概念中心
-</Button>
-```
-
-#### 模式B：成功/失败双向追踪
-```javascript
-const handleSave = async () => {
-  try {
-    await saveData();
-    profileEvents.trackProfileUpdated(updatedFields, data);
-    toast({ title: "保存成功" });
-  } catch (error) {
-    profileEvents.trackProfileUpdateFailed(attemptedFields, error.message);
-    toast({ title: "保存失败" });
-  }
-};
-```
-
-#### 模式C：条件追踪
-```javascript
-const handleSearch = (query, resultCount) => {
-  // 只在有查询词时追踪
-  if (query) {
-    searchEvents.trackSearchQuerySubmitted(query, resultCount);
-  }
-
-  // 无结果时自动触发额外追踪
-  if (resultCount === 0) {
-    // Hook内部已自动追踪 SEARCH_NO_RESULTS
-  }
-};
-```
-
---
-
-## 🔨 添加新的追踪Hook
-
-### 步骤1：创建Hook文件
-
-在 `/src/hooks/` 目录下创建新文件，例如 `useYourFeatureEvents.js`：
-
-```javascript
-// src/hooks/useYourFeatureEvents.js
-import { useCallback } from 'react';
-import { usePostHogTrack } from './usePostHogRedux';
-import { RETENTION_EVENTS } from '../lib/constants';
-import { logger } from '../utils/logger';
-
-/**
- * 你的功能事件追踪 Hook
- * @param {Object} options - 配置选项
- * @param {string} options.context - 使用上下文
- * @returns {Object} 事件追踪处理函数集合
- */
-export const useYourFeatureEvents = ({ context = 'default' } = {}) => {
-  const { track } = usePostHogTrack();
-
-  /**
-   * 追踪功能操作
-   * @param {string} actionName - 操作名称
-   * @param {Object} details - 操作详情
-   */
-  const trackFeatureAction = useCallback((actionName, details = {}) => {
-    if (!actionName) {
-      logger.warn('useYourFeatureEvents', 'trackFeatureAction: actionName is required');
-      return;
-    }
-
-    track(RETENTION_EVENTS.FEATURE_USED, {
-      feature_name: 'your_feature',
-      action_name: actionName,
-      context,
-      ...details,
-      timestamp: new Date().toISOString(),
-    });
-
-    logger.debug('useYourFeatureEvents', '📊 Feature Action Tracked', {
-      actionName,
-      context,
-    });
-  }, [track, context]);
-
-  return {
-    trackFeatureAction,
-    // ... 更多追踪方法
-  };
-};
-
-export default useYourFeatureEvents;
-```
-
-### 步骤2：定义事件常量（如需要）
-
-在 `/src/lib/constants.js` 中添加新事件：
-
-```javascript
-export const RETENTION_EVENTS = {
-  // ... 现有事件
-  YOUR_FEATURE_VIEWED: 'Your Feature Viewed',
-  YOUR_FEATURE_ACTION: 'Your Feature Action',
-};
-```
-
-### 步骤3：在组件中集成
-
-```javascript
-import { useYourFeatureEvents } from '../../hooks/useYourFeatureEvents';
-
-function YourComponent() {
-  const featureEvents = useYourFeatureEvents({ context: 'main_page' });
-
-  const handleAction = () => {
-    featureEvents.trackFeatureAction('button_clicked', {
-      button_name: 'submit',
-      user_role: user?.role
-    });
-  };
-
-  return <Button onClick={handleAction}>Submit</Button>;
-}
-```
-
---
-
-## 🎯 集成追踪到组件
-
-### 完整集成示例
-
-```javascript
-// src/views/YourFeature/YourComponent.js
-import React, { useState, useEffect } from 'react';
-import { useYourFeatureEvents } from '../../hooks/useYourFeatureEvents';
-
-export default function YourComponent() {
-  const [data, setData] = useState([]);
-
-  // 🎯 初始化追踪Hook
-  const featureEvents = useYourFeatureEvents({
-    context: 'your_feature'
-  });
-
-  // 🎯 页面加载时自动追踪
-  useEffect(() => {
-    featureEvents.trackPageViewed();
-  }, [featureEvents]);
-
-  // 🎯 用户操作追踪
-  const handleItemClick = (item) => {
-    featureEvents.trackItemClicked(item.id, item.name);
-    // ... 业务逻辑
-  };
-
-  // 🎯 表单提交追踪（成功/失败）
-  const handleSubmit = async (formData) => {
-    try {
-      const result = await submitData(formData);
-      featureEvents.trackSubmitSuccess(formData, result);
-      toast({ title: '提交成功' });
-    } catch (error) {
-      featureEvents.trackSubmitFailed(formData, error.message);
-      toast({ title: '提交失败' });
-    }
-  };
-
-  return (
-    <div>
-      {data.map(item => (
-        <div key={item.id} onClick={() => handleItemClick(item)}>
-          {item.name}
-        </div>
-      ))}
-      <form onSubmit={handleSubmit}>
-        {/* 表单内容 */}
-      </form>
-    </div>
-  );
-}
-```
-
---
-
-## ✅ 最佳实践
-
-### 1. 命名规范
-
-#### Hook命名
- 使用 `use` 前缀：`useFeatureEvents`
- 描述性名称：`useSubscriptionEvents` 而非 `useSubEvents`
-
-#### 追踪方法命名
- 使用 `track` 前缀：`trackButtonClicked`
- 动词+名词结构：`trackSearchSubmitted`, `trackProfileUpdated`
- 明确动作：`trackPaymentSuccessful` 而非 `trackPayment`
-
-#### 事件常量命名
- 大写+下划线：`SEARCH_QUERY_SUBMITTED`
- 名词+动词结构：`PROFILE_UPDATED`, `PAYMENT_INITIATED`
-
-### 2. 参数设计
-
-#### 必填参数前置
-```javascript
-// ✅ 好的设计
-trackSearchSubmitted(query, resultCount, filters)
-
-// ❌ 不好的设计
-trackSearchSubmitted(filters, resultCount, query)
-```
-
-#### 使用对象参数处理复杂数据
-```javascript
-// ✅ 好的设计
-trackPaymentInitiated({
-  planName: 'pro',
-  amount: 99,
-  currency: 'CNY',
-  paymentMethod: 'wechat_pay'
-})
-
-// ❌ 不好的设计
-trackPaymentInitiated(planName, amount, currency, paymentMethod)
-```
-
-#### 提供默认值
-```javascript
-const trackAction = useCallback((name, details = {}) => {
-  track(EVENT_NAME, {
-    action_name: name,
-    context: context || 'default',
-    timestamp: new Date().toISOString(),
-    ...details
-  });
-}, [track, context]);
-```
-
-### 3. 错误处理
-
-#### 参数验证
-```javascript
-const trackFeature = useCallback((featureName) => {
-  if (!featureName) {
-    logger.warn('useFeatureEvents', 'trackFeature: featureName is required');
-    return;
-  }
-
-  track(EVENTS.FEATURE_USED, { feature_name: featureName });
-}, [track]);
-```
-
-#### 避免追踪崩溃影响业务
-```javascript
-const handleAction = async () => {
-  try {
-    // 业务逻辑
-    const result = await doSomething();
-
-    // 追踪放在业务逻辑之后，不影响核心功能
-    try {
-      featureEvents.trackActionSuccess(result);
-    } catch (trackError) {
-      logger.error('Tracking failed', trackError);
-      // 不抛出错误，不影响用户体验
-    }
-  } catch (error) {
-    // 业务逻辑错误处理
-    toast({ title: '操作失败' });
-  }
-};
-```
-
-### 4. 性能优化
-
-#### 使用 useCallback 包装追踪函数
-```javascript
-const trackAction = useCallback((actionName) => {
-  track(EVENTS.ACTION, { action_name: actionName });
-}, [track]);
-```
-
-#### 避免在循环中追踪
-```javascript
-// ❌ 不好的做法
-items.forEach(item => {
-  trackItemViewed(item.id);
-});
-
-// ✅ 好的做法
-trackItemsViewed(items.length, items.map(i => i.id));
-```
-
-#### 批量追踪
-```javascript
-// 一次追踪包含所有信息
-trackBatchAction({
-  action_type: 'bulk_delete',
-  item_count: selectedItems.length,
-  item_ids: selectedItems.map(i => i.id)
-});
-```
-
-### 5. 调试支持
-
-#### 使用 logger.debug
-```javascript
-const trackAction = useCallback((actionName) => {
-  track(EVENTS.ACTION, { action_name: actionName });
-
-  logger.debug('useFeatureEvents', '📊 Action Tracked', {
-    actionName,
-    context,
-    timestamp: new Date().toISOString()
-  });
-}, [track, context]);
-```
-
-#### 在开发环境显示追踪信息
-```javascript
-if (process.env.NODE_ENV === 'development') {
-  console.log('[PostHog Track]', eventName, properties);
-}
-```
-
---
-
-## 🐛 常见问题
-
-### Q1: Hook 内的 useCallback 依赖项应该包含哪些？
-
-**A:** 只包含函数内部使用的外部变量：
-
-```javascript
-const trackAction = useCallback((name) => {
-  // ✅ track 和 context 被使用，需要在依赖项中
-  track(EVENTS.ACTION, {
-    name,
-    context
-  });
-}, [track, context]); // 正确的依赖项
-```
-
-### Q2: 何时使用自动追踪 vs 手动追踪？
-
-**A:**
- **自动追踪**：页面浏览、组件挂载时的事件
-  ```javascript
-  useEffect(() => {
-    featureEvents.trackPageViewed();
-  }, [featureEvents]);
-  ```
-
- **手动追踪**：用户主动操作的事件
-  ```javascript
-  <Button onClick={() => {
-    featureEvents.trackButtonClicked();
-    handleAction();
-  }}>
-  ```
-
-### Q3: 如何追踪异步操作的完整流程？
-
-**A:** 分别追踪开始、成功、失败：
-
-```javascript
-const handleAsyncAction = async () => {
-  // 1. 追踪开始
-  featureEvents.trackActionStarted();
-
-  try {
-    const result = await doAsyncWork();
-
-    // 2. 追踪成功
-    featureEvents.trackActionSuccess(result);
-  } catch (error) {
-    // 3. 追踪失败
-    featureEvents.trackActionFailed(error.message);
-  }
-};
-```
-
-### Q4: 追踪中应该包含哪些用户信息？
-
-**A:**
- ✅ **可以包含**：用户ID、角色、订阅状态、使用偏好
- ❌ **不应包含**：密码、完整邮箱、手机号、支付信息
-
-```javascript
-// ✅ 正确
-track(EVENT, {
-  user_id: user.id,
-  user_role: user.role,
-  subscription_tier: user.subscription_tier
-});
-
-// ❌ 错误
-track(EVENT, {
-  password: user.password,  // 绝对不要追踪密码
-  email: user.email,        // 避免完整邮箱
-  credit_card: '****1234'   // 不追踪支付信息
-});
-```
-
-### Q5: 如何在多个组件间共享追踪逻辑？
-
-**A:** 使用自定义Hook：
-
-```javascript
-// hooks/useCommonTracking.js
-export const useCommonTracking = () => {
-  const { track } = usePostHogTrack();
-
-  const trackError = useCallback((errorMessage, errorCode) => {
-    track('Error Occurred', {
-      error_message: errorMessage,
-      error_code: errorCode,
-      timestamp: new Date().toISOString()
-    });
-  }, [track]);
-
-  return { trackError };
-};
-
-// 在多个组件中使用
-function ComponentA() {
-  const { trackError } = useCommonTracking();
-  // ...
-}
-
-function ComponentB() {
-  const { trackError } = useCommonTracking();
-  // ...
-}
-```
-
---
-
-## 📊 追踪检查清单
-
-在添加新功能时，确保追踪以下关键点：
-
- [ ] **页面/组件加载** - 用户到达这个页面
- [ ] **主要操作** - 用户执行的核心功能
- [ ] **成功状态** - 操作成功完成
- [ ] **失败状态** - 操作失败及原因
- [ ] **用户输入** - 搜索、筛选、表单提交（不包含敏感信息）
- [ ] **导航行为** - 点击链接、返回、跳转
- [ ] **关键决策点** - 用户做出选择的时刻
- [ ] **转化漏斗** - 从意向到完成的关键步骤
-
---
-
-## 🔗 相关资源
-
- [PostHog 官方文档](https://posthog.com/docs)
- [POSTHOG_INTEGRATION.md](./POSTHOG_INTEGRATION.md) - 集成总体说明
- [constants.js](./src/lib/constants.js) - 所有事件常量定义
- [usePostHogRedux.js](./src/hooks/usePostHogRedux.js) - 核心追踪Hook
-
---
-
-## 📝 版本历史
-
- **v1.0** (2025-10-29): 初始版本，包含13个追踪Hook的完整使用指南
- **v1.1** (待定): 计划添加P2功能追踪指南
-
---
-
-**维护者**: 开发团队
-**最后更新**: 2025-10-29
--- a/docs/QUICK_TEST_CHECKLIST.md
+++ b/docs/QUICK_TEST_CHECKLIST.md
@@ -1,149 +0,0 @@
-# PostHog 快速测试清单
-
-**测试模式：** 控制台 Debug 模式（暂无 Cloud 上报）
-
-**应用地址：** http://localhost:3000
-
-**控制台：** 按 F12 打开
-
---
-
-## ✅ 初始化检查
-
-启动应用后，控制台应显示：
-
-```
-✅ PostHog initialized successfully
-📊 PostHog Analytics initialized
-⚠️ PostHog API key not found. Analytics will be disabled.
-```
-
-✅ **状态：** 正常（仅控制台模式）
-
---
-
-## 📋 事件测试清单
-
-### 1. 页面浏览事件（5项）
-
-| 操作 | 预期事件 | 状态 |
-|------|---------|------|
-| 访问首页 | `$pageview` | [ ] |
-| 访问社区页面 | `community_page_viewed` | [ ] |
-| 访问个股中心 | `stock_overview_page_viewed` | [ ] |
-| 访问概念中心 | `concept_page_viewed` | [ ] |
-| 访问涨停分析 | `limit_analyse_page_viewed` | [ ] |
-
-**控制台输出示例：**
-```javascript
-📍 Event tracked: community_page_viewed
-  timestamp: "2025-01-15T10:30:00.000Z"
-  page_path: "/community"
-```
-
---
-
-### 2. 社区页面事件（6项）
-
-| 操作 | 预期事件 | 状态 |
-|------|---------|------|
-| 点击搜索框 | `search_initiated` | [ ] |
-| 输入关键词搜索 | `search_query_submitted` | [ ] |
-| 应用筛选器 | `filter_applied` | [ ] |
-| 点击帖子 | `post_clicked` | [ ] |
-| 点击评论 | `comment_clicked` | [ ] |
-| 查看用户资料 | `user_profile_viewed` | [ ] |
-
-**控制台输出示例：**
-```javascript
-📍 Event tracked: search_initiated
-  context: "community"
-
-📍 Event tracked: search_query_submitted
-  query: "科技"
-  category: "community"
-```
-
---
-
-### 3. 个股中心事件（4项）
-
-| 操作 | 预期事件 | 状态 |
-|------|---------|------|
-| 搜索股票 | `stock_searched` | [ ] |
-| 点击概念 | `concept_clicked` | [ ] |
-| 点击概念下的股票 | `concept_stock_clicked` | [ ] |
-| 点击热力图股票 | `heatmap_stock_clicked` | [ ] |
-
---
-
-### 4. 概念中心事件（5项）
-
-| 操作 | 预期事件 | 状态 |
-|------|---------|------|
-| 查看概念列表 | `concept_list_viewed` | [ ] |
-| 切换排序 | `sort_changed` | [ ] |
-| 点击概念 | `concept_clicked` | [ ] |
-| 打开时间线 Modal | `concept_detail_viewed` | [ ] |
-| 点击新闻/报告 | `news_clicked` / `report_clicked` | [ ] |
-
---
-
-### 5. 涨停分析事件（6项）
-
-| 操作 | 预期事件 | 状态 |
-|------|---------|------|
-| 进入页面 | `limit_analyse_page_viewed` | [ ] |
-| 选择日期 | `date_selected` | [ ] |
-| 查看每日统计 | `daily_stats_viewed` | [ ] |
-| 展开/收起板块 | `sector_toggled` | [ ] |
-| 点击板块 | `sector_clicked` | [ ] |
-| 点击涨停股票 | `limit_stock_clicked` | [ ] |
-
---
-
-## 🎯 测试技巧
-
-### 控制台过滤
-
-如果日志太多，可以过滤：
-1. 在控制台顶部的过滤框输入：`Event tracked`
-2. 只显示事件追踪日志
-
-### 查看详细信息
-
-每个事件日志都可以展开：
-1. 点击日志左侧的箭头 ▶️
-2. 查看完整的事件属性
-
-### 清除日志
-
- 点击控制台左上角的 🚫 图标清除所有日志
-
---
-
-## ✅ 测试完成后
-
-### 记录结果
-
- 通过的测试项：___/26
- 失败的测试项：___
- 发现的问题：___
-
-### 下一步
-
-1. **等待真实 API Key**
-   - 管理员提供 PostHog API Key
-   - 配置到 `.env.local`
-   - 重启应用
-
-2. **测试 Cloud 上报**
-   - 重复上述测试
-   - 在 PostHog Dashboard 查看 Live Events
-   - 验证数据完整性
-
---
-
-**测试日期：** _________
-**测试人：** _________
-**环境：** 本地开发（控制台模式）
--- a/docs/StockDetailPanel_BUSINESS_LOGIC.md
+++ b/docs/StockDetailPanel_BUSINESS_LOGIC.md
@@ -1,825 +0,0 @@
-# StockDetailPanel 原始业务逻辑文档
-
-> **文档版本**: 1.0
-> **组件文件**: `src/views/Community/components/StockDetailPanel.js`
-> **原始行数**: 1067 行
-> **创建日期**: 2025-10-30
-> **重构前快照**: 用于记录重构前的完整业务逻辑
-
---
-
-## 📋 目录
-
-1. [组件概述](#1-组件概述)
-2. [权限控制系统](#2-权限控制系统)
-3. [数据加载流程](#3-数据加载流程)
-4. [K线数据缓存机制](#4-k线数据缓存机制)
-5. [自选股管理](#5-自选股管理)
-6. [实时监控功能](#6-实时监控功能)
-7. [搜索和过滤](#7-搜索和过滤)
-8. [UI 交互逻辑](#8-ui-交互逻辑)
-9. [状态管理](#9-状态管理)
-10. [API 端点清单](#10-api-端点清单)
-
---
-
-## 1. 组件概述
-
-### 1.1 功能描述
-
-StockDetailPanel 是一个 Ant Design Drawer 组件，用于展示事件相关的详细信息，包括：
-
- **相关标的**: 事件关联的股票列表、实时行情、分时图
- **相关概念**: 事件涉及的概念板块
- **历史事件对比**: 类似历史事件的表现分析
- **传导链分析**: 事件的传导路径和影响链（Max 会员功能）
-
-### 1.2 组件属性
-
-```javascript
-StockDetailPanel({
-  visible,    // boolean - 是否显示 Drawer
-  event,      // Object - 事件对象 {id, title, start_time, created_at, ...}
-  onClose     // Function - 关闭回调
-})
-```
-
-### 1.3 核心依赖
-
- **useSubscription**: 订阅权限管理 hook
- **eventService**: 事件数据 API 服务
- **stockService**: 股票数据 API 服务
- **logger**: 日志工具
-
---
-
-## 2. 权限控制系统
-
-### 2.1 权限层级
-
-系统采用三层订阅模型：
-
-| 功能 | 权限标识 | 所需版本 | 图标 |
-|------|---------|---------|------|
-| 相关标的 | `related_stocks` | Pro | 🔒 |
-| 相关概念 | `related_concepts` | Pro | 🔒 |
-| 历史事件对比 | `historical_events_full` | Pro | 🔒 |
-| 传导链分析 | `transmission_chain` | Max | 👑 |
-
-### 2.2 权限检查流程
-
-```javascript
-// Hook 初始化
-const { hasFeatureAccess, getRequiredLevel, getUpgradeRecommendation } = useSubscription();
-
-// Tab 渲染时检查
-hasFeatureAccess('related_stocks') ? (
-  // 渲染完整功能
-) : (
-  // 渲染锁定提示 UI
-  renderLockedContent('related_stocks', '相关标的')
-)
-```
-
-### 2.3 权限拦截机制
-
-**Tab 点击拦截**（已注释，未使用）:
-```javascript
-const handleTabAccess = (featureName, tabKey) => {
-  if (!hasFeatureAccess(featureName)) {
-    const recommendation = getUpgradeRecommendation(featureName);
-    setUpgradeFeature(recommendation?.required || 'pro');
-    setUpgradeModalOpen(true);
-    return false; // 阻止 Tab 切换
-  }
-  setActiveTab(tabKey);
-  return true;
-};
-```
-
-### 2.4 锁定 UI 渲染
-
-```javascript
-const renderLockedContent = (featureName, description) => {
-  const recommendation = getUpgradeRecommendation(featureName);
-  const isProRequired = recommendation?.required === 'pro';
-
-  return (
-    <div>
-      {/* 图标: Pro版显示🔒, Max版显示👑 */}
-      <LockOutlined /> or <CrownOutlined />
-
-      {/* 提示消息 */}
-      <Alert message={`${description}功能已锁定`} />
-
-      {/* 升级按钮 */}
-      <Button onClick={() => setUpgradeModalOpen(true)}>
-        升级到 {isProRequired ? 'Pro版' : 'Max版'}
-      </Button>
-    </div>
-  );
-};
-```
-
-### 2.5 升级模态框
-
-```javascript
-<SubscriptionUpgradeModal
-  isOpen={upgradeModalOpen}
-  onClose={() => setUpgradeModalOpen(false)}
-  requiredLevel={upgradeFeature}  // 'pro' | 'max'
-  featureName={upgradeFeature === 'pro' ? '相关分析功能' : '传导链分析'}
-/>
-```
-
---
-
-## 3. 数据加载流程
-
-### 3.1 加载时机
-
-```javascript
-useEffect(() => {
-  if (visible && event) {
-    setActiveTab('stocks');
-    loadAllData();
-  }
-}, [visible, event]);
-```
-
-**触发条件**: Drawer 可见 `visible=true` 且 `event` 对象存在
-
-### 3.2 并发加载策略
-
-`loadAllData()` 函数同时发起 **5 个独立 API 请求**:
-
-```javascript
-const loadAllData = () => {
-  // 1. 加载用户自选股列表 (独立调用)
-  loadWatchlist();
-
-  // 2. 加载相关标的 → 连锁加载行情数据
-  eventService.getRelatedStocks(event.id)
-    .then(res => {
-      setRelatedStocks(res.data);
-
-      // 2.1 如果有股票，立即加载行情
-      if (res.data.length > 0) {
-        const codes = res.data.map(s => s.stock_code);
-        stockService.getQuotes(codes, event.created_at)
-          .then(quotes => setStockQuotes(quotes));
-      }
-    });
-
-  // 3. 加载事件详情
-  eventService.getEventDetail(event.id)
-    .then(res => setEventDetail(res.data));
-
-  // 4. 加载历史事件
-  eventService.getHistoricalEvents(event.id)
-    .then(res => setHistoricalEvents(res.data));
-
-  // 5. 加载传导链分析
-  eventService.getTransmissionChainAnalysis(event.id)
-    .then(res => setChainAnalysis(res.data));
-
-  // 6. 加载超预期得分
-  eventService.getExpectationScore(event.id)
-    .then(res => setExpectationScore(res.data));
-};
-```
-
-### 3.3 数据依赖关系
-
-```mermaid
-graph TD
-    A[loadAllData] --> B[getRelatedStocks]
-    A --> C[getEventDetail]
-    A --> D[getHistoricalEvents]
-    A --> E[getTransmissionChainAnalysis]
-    A --> F[getExpectationScore]
-    A --> G[loadWatchlist]
-
-    B -->|成功且有数据| H[getQuotes]
-
-    B --> I[setRelatedStocks]
-    H --> J[setStockQuotes]
-    C --> K[setEventDetail]
-    D --> L[setHistoricalEvents]
-    E --> M[setChainAnalysis]
-    F --> N[setExpectationScore]
-    G --> O[setWatchlistStocks]
-```
-
-### 3.4 加载状态管理
-
-```javascript
-// 主加载状态
-const [loading, setLoading] = useState(false);  // 相关标的加载中
-const [detailLoading, setDetailLoading] = useState(false);  // 事件详情加载中
-
-// 使用示例
-setLoading(true);
-eventService.getRelatedStocks(event.id)
-  .finally(() => setLoading(false));
-```
-
-### 3.5 错误处理
-
-```javascript
-// 使用 logger 记录错误
-stockService.getQuotes(codes, event.created_at)
-  .catch(error => logger.error('StockDetailPanel', 'getQuotes', error, {
-    stockCodes: codes,
-    eventTime: event.created_at
-  }));
-```
-
---
-
-## 4. K线数据缓存机制
-
-### 4.1 缓存架构
-
-**三层 Map 缓存**:
-
-```javascript
-// 全局缓存（组件级别，不跨实例）
-const klineDataCache = new Map();     // 数据缓存: key → data[]
-const pendingRequests = new Map();    // 请求去重: key → Promise
-const lastRequestTime = new Map();    // 时间戳: key → timestamp
-```
-
-### 4.2 缓存键生成
-
-```javascript
-const getCacheKey = (stockCode, eventTime) => {
-  const date = eventTime
-    ? moment(eventTime).format('YYYY-MM-DD')
-    : moment().format('YYYY-MM-DD');
-  return `${stockCode}|${date}`;
-};
-
-// 示例: "600000.SH|2024-10-30"
-```
-
-### 4.3 智能刷新策略
-
-```javascript
-const shouldRefreshData = (cacheKey) => {
-  const lastTime = lastRequestTime.get(cacheKey);
-  if (!lastTime) return true;  // 无缓存，需要刷新
-
-  const now = Date.now();
-  const elapsed = now - lastTime;
-
-  // 检测是否为当日交易时段
-  const today = moment().format('YYYY-MM-DD');
-  const isToday = cacheKey.includes(today);
-  const currentHour = new Date().getHours();
-  const isTradingHours = currentHour >= 9 && currentHour < 16;
-
-  if (isToday && isTradingHours) {
-    return elapsed > 30000;  // 交易时段: 30秒刷新
-  }
-
-  return elapsed > 3600000;  // 非交易时段/历史数据: 1小时刷新
-};
-```
-
-| 场景 | 刷新间隔 | 原因 |
-|------|---------|------|
-| 当日 + 交易时段 (9:00-16:00) | 30 秒 | 实时性要求高 |
-| 当日 + 非交易时段 | 1 小时 | 数据不会变化 |
-| 历史日期 | 1 小时 | 数据固定不变 |
-
-### 4.4 请求去重机制
-
-```javascript
-const fetchKlineData = async (stockCode, eventTime) => {
-  const cacheKey = getCacheKey(stockCode, eventTime);
-
-  // 1️⃣ 检查缓存
-  if (klineDataCache.has(cacheKey) && !shouldRefreshData(cacheKey)) {
-    return klineDataCache.get(cacheKey);  // 直接返回缓存
-  }
-
-  // 2️⃣ 检查是否有进行中的请求（防止重复请求）
-  if (pendingRequests.has(cacheKey)) {
-    return pendingRequests.get(cacheKey);  // 返回同一个 Promise
-  }
-
-  // 3️⃣ 发起新请求
-  const requestPromise = stockService
-    .getKlineData(stockCode, 'timeline', eventTime)
-    .then((res) => {
-      const data = Array.isArray(res?.data) ? res.data : [];
-      // 更新缓存
-      klineDataCache.set(cacheKey, data);
-      lastRequestTime.set(cacheKey, Date.now());
-      // 清除 pending 状态
-      pendingRequests.delete(cacheKey);
-      return data;
-    })
-    .catch((error) => {
-      pendingRequests.delete(cacheKey);
-      // 如果有旧缓存，返回旧数据
-      if (klineDataCache.has(cacheKey)) {
-        return klineDataCache.get(cacheKey);
-      }
-      return [];
-    });
-
-  // 保存到 pending
-  pendingRequests.set(cacheKey, requestPromise);
-  return requestPromise;
-};
-```
-
-**去重效果**:
- 同时有 10 个组件请求同一只股票的同一天数据
- 实际只会发出 **1 个 API 请求**
- 其他 9 个请求共享同一个 Promise
-
-### 4.5 MiniTimelineChart 使用缓存
-
-```javascript
-const MiniTimelineChart = ({ stockCode, eventTime }) => {
-  useEffect(() => {
-    // 检查缓存
-    const cacheKey = getCacheKey(stockCode, eventTime);
-    const cachedData = klineDataCache.get(cacheKey);
-
-    if (cachedData && cachedData.length > 0) {
-      setData(cachedData);  // 使用缓存
-      return;
-    }
-
-    // 无缓存，发起请求
-    fetchKlineData(stockCode, eventTime)
-      .then(result => setData(result));
-  }, [stockCode, eventTime]);
-};
-```
-
---
-
-## 5. 自选股管理
-
-### 5.1 加载自选股列表
-
-```javascript
-const loadWatchlist = async () => {
-  const apiBase = getApiBase();  // 根据环境获取 API base URL
-
-  const response = await fetch(`${apiBase}/api/account/watchlist`, {
-    credentials: 'include'  // ⚠️ 关键: 发送 cookies 进行认证
-  });
-
-  const data = await response.json();
-
-  if (data.success && data.data) {
-    // 转换为 Set 数据结构，便于快速查找
-    const watchlistSet = new Set(data.data.map(item => item.stock_code));
-    setWatchlistStocks(watchlistSet);
-  }
-};
-```
-
-**API 响应格式**:
-```json
-{
-  "success": true,
-  "data": [
-    {"stock_code": "600000.SH", "stock_name": "浦发银行"},
-    {"stock_code": "000001.SZ", "stock_name": "平安银行"}
-  ]
-}
-```
-
-### 5.2 添加/移除自选股
-
-```javascript
-const handleWatchlistToggle = async (stockCode, isInWatchlist) => {
-  const apiBase = getApiBase();
-
-  let response;
-
-  if (isInWatchlist) {
-    // 🗑️ 删除操作
-    response = await fetch(`${apiBase}/api/account/watchlist/${stockCode}`, {
-      method: 'DELETE',
-      headers: { 'Content-Type': 'application/json' },
-      credentials: 'include'
-    });
-  } else {
-    // ➕ 添加操作
-    const stockInfo = relatedStocks.find(s => s.stock_code === stockCode);
-
-    response = await fetch(`${apiBase}/api/account/watchlist`, {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      credentials: 'include',
-      body: JSON.stringify({
-        stock_code: stockCode,
-        stock_name: stockInfo?.stock_name || stockCode
-      })
-    });
-  }
-
-  const data = await response.json();
-
-  if (data.success) {
-    message.success(isInWatchlist ? '已从自选股移除' : '已加入自选股');
-
-    // 更新本地状态（乐观更新）
-    setWatchlistStocks(prev => {
-      const newSet = new Set(prev);
-      isInWatchlist ? newSet.delete(stockCode) : newSet.add(stockCode);
-      return newSet;
-    });
-  } else {
-    message.error(data.error || '操作失败');
-  }
-};
-```
-
-### 5.3 UI 集成
-
-```javascript
-// 在 StockTable 的"操作"列中
-{
-  title: '操作',
-  render: (_, record) => {
-    const isInWatchlist = watchlistStocks.has(record.stock_code);
-
-    return (
-      <Button
-        type={isInWatchlist ? 'default' : 'primary'}
-        icon={isInWatchlist ? <StarFilled /> : <StarOutlined />}
-        onClick={(e) => {
-          e.stopPropagation();  // 防止触发行点击
-          handleWatchlistToggle(record.stock_code, isInWatchlist);
-        }}
-      >
-        {isInWatchlist ? '已关注' : '加自选'}
-      </Button>
-    );
-  }
-}
-```
-
---
-
-## 6. 实时监控功能
-
-### 6.1 监控机制
-
-```javascript
-const [isMonitoring, setIsMonitoring] = useState(false);
-const monitoringIntervalRef = useRef(null);
-
-useEffect(() => {
-  // 清理旧定时器
-  if (monitoringIntervalRef.current) {
-    clearInterval(monitoringIntervalRef.current);
-    monitoringIntervalRef.current = null;
-  }
-
-  if (isMonitoring && relatedStocks.length > 0) {
-    // 定义更新函数
-    const updateQuotes = () => {
-      const codes = relatedStocks.map(s => s.stock_code);
-      stockService.getQuotes(codes, event?.created_at)
-        .then(quotes => setStockQuotes(quotes))
-        .catch(error => logger.error('...', error));
-    };
-
-    // 立即执行一次
-    updateQuotes();
-
-    // 设置定时器: 每 5 秒刷新
-    monitoringIntervalRef.current = setInterval(updateQuotes, 5000);
-  }
-
-  // 清理函数
-  return () => {
-    if (monitoringIntervalRef.current) {
-      clearInterval(monitoringIntervalRef.current);
-      monitoringIntervalRef.current = null;
-    }
-  };
-}, [isMonitoring, relatedStocks, event]);
-```
-
-### 6.2 监控控制
-
-```javascript
-const handleMonitoringToggle = () => {
-  setIsMonitoring(prev => !prev);
-};
-```
-
-**UI 表现**:
-```javascript
-<Button
-  className={`monitoring-button ${isMonitoring ? 'monitoring' : ''}`}
-  onClick={handleMonitoringToggle}
->
-  {isMonitoring ? '停止监控' : '实时监控'}
-</Button>
-<div>每5秒自动更新行情数据</div>
-```
-
-### 6.3 组件卸载清理
-
-```javascript
-useEffect(() => {
-  return () => {
-    // 组件卸载时清理定时器，防止内存泄漏
-    if (monitoringIntervalRef.current) {
-      clearInterval(monitoringIntervalRef.current);
-    }
-  };
-}, []);
-```
-
---
-
-## 7. 搜索和过滤
-
-### 7.1 搜索状态
-
-```javascript
-const [searchText, setSearchText] = useState('');
-const [filteredStocks, setFilteredStocks] = useState([]);
-```
-
-### 7.2 过滤逻辑
-
-```javascript
-useEffect(() => {
-  if (!searchText.trim()) {
-    setFilteredStocks(relatedStocks);  // 无搜索词，显示全部
-  } else {
-    const filtered = relatedStocks.filter(stock =>
-      stock.stock_code.toLowerCase().includes(searchText.toLowerCase()) ||
-      stock.stock_name.toLowerCase().includes(searchText.toLowerCase())
-    );
-    setFilteredStocks(filtered);
-  }
-}, [searchText, relatedStocks]);
-```
-
-**搜索特性**:
- 不区分大小写
- 同时匹配股票代码和股票名称
- 实时过滤（每次输入都触发）
-
-### 7.3 搜索 UI
-
-```javascript
-<Input
-  placeholder="搜索股票代码或名称..."
-  value={searchText}
-  onChange={(e) => setSearchText(e.target.value)}
-  allowClear  // 显示清除按钮
-/>
-```
-
---
-
-## 8. UI 交互逻辑
-
-### 8.1 Tab 切换
-
-```javascript
-const [activeTab, setActiveTab] = useState('stocks');
-
-<AntdTabs
-  activeKey={activeTab}
-  onChange={setActiveTab}  // 直接设置，无拦截
-  items={tabItems}
-/>
-```
-
-**Tab 列表**:
-```javascript
-const tabItems = [
-  { key: 'stocks', label: '相关标的', children: ... },
-  { key: 'concepts', label: '相关概念', children: ... },
-  { key: 'historical', label: '历史事件对比', children: ... },
-  { key: 'chain', label: '传导链分析', children: ... }
-];
-```
-
-### 8.2 固定图表管理
-
-**添加固定图表** (行点击):
-```javascript
-const handleRowEvents = (record) => ({
-  onClick: () => {
-    setFixedCharts((prev) => {
-      // 防止重复添加
-      if (prev.find(item => item.stock.stock_code === record.stock_code)) {
-        return prev;
-      }
-      return [...prev, { stock: record, chartType: 'timeline' }];
-    });
-  },
-  style: { cursor: 'pointer' }
-});
-```
-
-**移除固定图表**:
-```javascript
-const handleUnfixChart = (stock) => {
-  setFixedCharts((prev) =>
-    prev.filter(item => item.stock.stock_code !== stock.stock_code)
-  );
-};
-```
-
-**渲染固定图表**:
-```javascript
-{fixedCharts.map(({ stock }, index) => (
-  <StockChartAntdModal
-    key={`fixed-chart-${stock.stock_code}-${index}`}
-    open={true}
-    onCancel={() => handleUnfixChart(stock)}
-    stock={stock}
-    eventTime={formattedEventTime}
-    fixed={true}
-  />
-))}
-```
-
-### 8.3 行展开/收起逻辑
-
-```javascript
-const [expandedRows, setExpandedRows] = useState(new Set());
-
-const toggleRowExpand = (stockCode) => {
-  setExpandedRows(prev => {
-    const newSet = new Set(prev);
-    newSet.has(stockCode) ? newSet.delete(stockCode) : newSet.add(stockCode);
-    return newSet;
-  });
-};
-```
-
-**应用场景**: 关联描述文本过长时的展开/收起
-
-### 8.4 讨论模态框
-
-```javascript
-const [discussionModalVisible, setDiscussionModalVisible] = useState(false);
-const [discussionType, setDiscussionType] = useState('事件讨论');
-
-<Button onClick={() => {
-  setDiscussionType('事件讨论');
-  setDiscussionModalVisible(true);
-}}>
-  查看事件讨论
-</Button>
-
-<EventDiscussionModal
-  isOpen={discussionModalVisible}
-  onClose={() => setDiscussionModalVisible(false)}
-  eventId={event?.id}
-  eventTitle={event?.title}
-  discussionType={discussionType}
-/>
-```
-
---
-
-## 9. 状态管理
-
-### 9.1 状态清单
-
-| 状态名 | 类型 | 初始值 | 用途 |
-|--------|------|--------|------|
-| `activeTab` | string | `'stocks'` | 当前激活的 Tab |
-| `loading` | boolean | `false` | 相关标的加载状态 |
-| `detailLoading` | boolean | `false` | 事件详情加载状态 |
-| `relatedStocks` | Array | `[]` | 相关股票列表 |
-| `stockQuotes` | Object | `{}` | 股票行情字典 |
-| `selectedStock` | Object | `null` | 当前选中的股票（未使用） |
-| `chartData` | Object | `null` | 图表数据（未使用） |
-| `eventDetail` | Object | `null` | 事件详情 |
-| `historicalEvents` | Array | `[]` | 历史事件列表 |
-| `chainAnalysis` | Object | `null` | 传导链分析数据 |
-| `posts` | Array | `[]` | 讨论帖子（未使用） |
-| `fixedCharts` | Array | `[]` | 固定图表列表 |
-| `searchText` | string | `''` | 搜索文本 |
-| `isMonitoring` | boolean | `false` | 实时监控开关 |
-| `filteredStocks` | Array | `[]` | 过滤后的股票列表 |
-| `expectationScore` | Object | `null` | 超预期得分 |
-| `watchlistStocks` | Set | `new Set()` | 自选股集合 |
-| `discussionModalVisible` | boolean | `false` | 讨论模态框可见性 |
-| `discussionType` | string | `'事件讨论'` | 讨论类型 |
-| `upgradeModalOpen` | boolean | `false` | 升级模态框可见性 |
-| `upgradeFeature` | string | `''` | 需要升级的功能 |
-
-### 9.2 Ref 引用
-
-| Ref 名 | 用途 |
-|--------|------|
-| `monitoringIntervalRef` | 存储监控定时器 ID |
-| `tableRef` | Table 组件引用（未使用） |
-
---
-
-## 10. API 端点清单
-
-### 10.1 事件相关 API
-
-| API | 方法 | 参数 | 返回数据 | 用途 |
-|-----|------|------|---------|------|
-| `eventService.getRelatedStocks(eventId)` | GET | 事件ID | `{ success, data: Stock[] }` | 获取相关股票 |
-| `eventService.getEventDetail(eventId)` | GET | 事件ID | `{ success, data: EventDetail }` | 获取事件详情 |
-| `eventService.getHistoricalEvents(eventId)` | GET | 事件ID | `{ success, data: Event[] }` | 获取历史事件 |
-| `eventService.getTransmissionChainAnalysis(eventId)` | GET | 事件ID | `{ success, data: ChainAnalysis }` | 获取传导链分析 |
-| `eventService.getExpectationScore(eventId)` | GET | 事件ID | `{ success, data: Score }` | 获取超预期得分 |
-
-### 10.2 股票相关 API
-
-| API | 方法 | 参数 | 返回数据 | 用途 |
-|-----|------|------|---------|------|
-| `stockService.getQuotes(codes[], eventTime)` | GET | 股票代码数组, 事件时间 | `{ [code]: Quote }` | 批量获取行情 |
-| `stockService.getKlineData(code, type, eventTime)` | GET | 股票代码, K线类型, 事件时间 | `{ success, data: Kline[] }` | 获取K线数据 |
-
-**K线类型**: `'timeline'` (分时), `'daily'` (日K), `'weekly'` (周K), `'monthly'` (月K)
-
-### 10.3 自选股 API
-
-| API | 方法 | 请求体 | 返回数据 | 用途 |
-|-----|------|--------|---------|------|
-| `GET /api/account/watchlist` | GET | - | `{ success, data: Watchlist[] }` | 获取自选股列表 |
-| `POST /api/account/watchlist` | POST | `{ stock_code, stock_name }` | `{ success }` | 添加自选股 |
-| `DELETE /api/account/watchlist/:code` | DELETE | - | `{ success }` | 移除自选股 |
-
-**认证方式**: 所有 API 都使用 `credentials: 'include'` 携带 cookies
-
---
-
-## 📝 附录
-
-### A. 数据结构定义
-
-#### Stock (股票)
-```typescript
-interface Stock {
-  stock_code: string;        // 股票代码, 如 "600000.SH"
-  stock_name: string;        // 股票名称, 如 "浦发银行"
-  relation_desc: string | {  // 关联描述
-    data: Array<{
-      query_part?: string;
-      sentences?: string;
-    }>
-  };
-}
-```
-
-#### Quote (行情)
-```typescript
-interface Quote {
-  change: number;       // 涨跌幅 (百分比)
-  price: number;        // 当前价格
-  volume: number;       // 成交量
-  // ... 其他字段
-}
-```
-
-#### Event (事件)
-```typescript
-interface Event {
-  id: string;           // 事件 ID
-  title: string;        // 事件标题
-  start_time: string;   // 事件开始时间 (ISO 8601)
-  created_at: string;   // 创建时间
-  // ... 其他字段
-}
-```
-
-### B. 性能优化要点
-
-1. **请求去重**: 使用 `pendingRequests` Map 防止重复请求
-2. **智能缓存**: 根据交易时段动态调整刷新策略
-3. **并发加载**: 5 个 API 请求并发执行
-4. **乐观更新**: 自选股操作立即更新 UI，无需等待后端响应
-5. **定时器清理**: 组件卸载时清理定时器，防止内存泄漏
-
-### C. 安全要点
-
-1. **认证**: 所有 API 请求携带 credentials: 'include'
-2. **权限检查**: 每个 Tab 渲染前检查用户权限
-3. **错误处理**: 所有 API 调用都有 catch 错误处理
-4. **日志记录**: 使用 logger 记录关键操作和错误
-
---
-
-**文档结束**
-
-> 该文档记录了重构前 StockDetailPanel.js 的完整业务逻辑，可作为重构验证的参考基准。
--- a/docs/StockDetailPanel_REFACTORING_COMPARISON.md
+++ b/docs/StockDetailPanel_REFACTORING_COMPARISON.md
@@ -1,740 +0,0 @@
-# StockDetailPanel 重构前后对比文档
-
-> **重构日期**: 2025-10-30
-> **重构目标**: 从 1067 行单体组件优化到模块化架构
-> **架构模式**: Redux + Custom Hooks + Atomic Components
-
---
-
-## 📊 核心指标对比
-
-| 指标 | 重构前 | 重构后 | 改进 |
-|------|--------|--------|------|
-| **主文件行数** | 1067 行 | 347 行 | ⬇️ **67.5%** (减少 720 行) |
-| **文件数量** | 1 个 | 12 个 | ➕ 11 个新文件 |
-| **组件复杂度** | 超高 | 低 | ✅ 单一职责 |
-| **状态管理** | 20+ 本地 state | 8 个 Redux + 8 个本地 | ✅ 分层清晰 |
-| **代码复用性** | 无 | 高 | ✅ 可复用组件 |
-| **可测试性** | 困难 | 容易 | ✅ 独立模块 |
-| **可维护性** | 低 | 高 | ✅ 关注点分离 |
-
---
-
-## 🏗️ 架构对比
-
-### 重构前：单体架构
-
-```
-StockDetailPanel.js (1067 行)
-├── 全局工具函数 (25-113 行)
-│   ├── getCacheKey
-│   ├── shouldRefreshData
-│   └── fetchKlineData
-├── MiniTimelineChart 组件 (115-274 行)
-├── StockDetailModal 组件 (276-290 行)
-├── 主组件 StockDetailPanel (292-1066 行)
-│   ├── 20+ 个 useState
-│   ├── 8+ 个 useEffect
-│   ├── 15+ 个事件处理函数
-│   ├── stockColumns 表格列定义 (150+ 行)
-│   ├── tabItems 配置 (200+ 行)
-│   └── JSX 渲染 (100+ 行)
-```
-
-**问题**:
- ❌ 单文件超过 1000 行，难以维护
- ❌ 所有逻辑耦合在一起
- ❌ 组件无法复用
- ❌ 难以单元测试
- ❌ 协作开发容易冲突
-
-### 重构后：模块化架构
-
-```
-StockDetailPanel/
-├── StockDetailPanel.js (347 行) ← 主组件
-│   └── 使用 Redux Hooks + Custom Hooks + UI 组件
-│
-├── store/slices/
-│   └── stockSlice.js (450 行) ← Redux 状态管理
-│       ├── 8 个 AsyncThunks
-│       ├── 三层缓存策略
-│       └── 请求去重机制
-│
-├── hooks/ ← 业务逻辑层
-│   ├── useEventStocks.js (130 行)
-│   │   └── 统一数据加载，自动合并行情
-│   ├── useWatchlist.js (110 行)
-│   │   └── 自选股 CRUD，批量操作
-│   └── useStockMonitoring.js (150 行)
-│       └── 实时监控，自动清理
-│
-├── utils/ ← 工具层
-│   └── klineDataCache.js (160 行)
-│       └── K 线缓存，智能刷新
-│
-└── components/ ← UI 组件层
-    ├── index.js (6 行)
-    ├── MiniTimelineChart.js (175 行)
-    ├── StockSearchBar.js (50 行)
-    ├── StockTable.js (230 行)
-    ├── LockedContent.js (50 行)
-    └── RelatedStocksTab.js (110 行)
-```
-
-**优势**:
- ✅ 关注点分离（UI / 业务逻辑 / 数据管理）
- ✅ 组件可独立开发和测试
- ✅ 代码复用性高
- ✅ 便于协作开发
- ✅ 易于扩展新功能
-
---
-
-## 🔄 状态管理对比
-
-### 重构前：20+ 本地 State
-
-```javascript
-// 全部在 StockDetailPanel 组件内
-const [activeTab, setActiveTab] = useState('stocks');
-const [loading, setLoading] = useState(false);
-const [detailLoading, setDetailLoading] = useState(false);
-const [relatedStocks, setRelatedStocks] = useState([]);
-const [stockQuotes, setStockQuotes] = useState({});
-const [selectedStock, setSelectedStock] = useState(null);
-const [chartData, setChartData] = useState(null);
-const [eventDetail, setEventDetail] = useState(null);
-const [historicalEvents, setHistoricalEvents] = useState([]);
-const [chainAnalysis, setChainAnalysis] = useState(null);
-const [posts, setPosts] = useState([]);
-const [fixedCharts, setFixedCharts] = useState([]);
-const [searchText, setSearchText] = useState('');
-const [isMonitoring, setIsMonitoring] = useState(false);
-const [filteredStocks, setFilteredStocks] = useState([]);
-const [expectationScore, setExpectationScore] = useState(null);
-const [watchlistStocks, setWatchlistStocks] = useState(new Set());
-const [discussionModalVisible, setDiscussionModalVisible] = useState(false);
-const [discussionType, setDiscussionType] = useState('事件讨论');
-const [upgradeModalOpen, setUpgradeModalOpen] = useState(false);
-const [upgradeFeature, setUpgradeFeature] = useState('');
-```
-
-**问题**:
- ❌ 状态分散，难以追踪
- ❌ 数据跨组件共享困难
- ❌ 没有持久化机制
- ❌ 每次重新加载都需要重新请求
-
-### 重构后：分层状态管理
-
-#### 1️⃣ Redux State (全局共享数据)
-
-```javascript
-// store/slices/stockSlice.js
-{
-  eventStocksCache: {},      // { [eventId]: stocks[] }
-  quotes: {},                // { [stockCode]: quote }
-  eventDetailsCache: {},     // { [eventId]: detail }
-  historicalEventsCache: {}, // { [eventId]: events[] }
-  chainAnalysisCache: {},    // { [eventId]: analysis }
-  expectationScores: {},     // { [eventId]: score }
-  watchlist: [],             // 自选股列表
-  loading: { ... }           // 细粒度加载状态
-}
-```
-
-**优势**:
- ✅ 三层缓存：Redux → LocalStorage → API
- ✅ 跨组件共享，无需 prop drilling
- ✅ 数据持久化到 LocalStorage
- ✅ 请求去重，避免重复调用
-
-#### 2️⃣ Custom Hooks (封装业务逻辑)
-
-```javascript
-// hooks/useEventStocks.js
-const {
-  stocks,              // 从 Redux 获取
-  stocksWithQuotes,    // 自动合并行情
-  quotes,
-  eventDetail,
-  loading,
-  refreshAllData       // 强制刷新
-} = useEventStocks(eventId, eventTime);
-
-// hooks/useWatchlist.js
-const {
-  watchlistSet,        // Set 结构，O(1) 查询
-  toggleWatchlist,     // 一键切换
-  isInWatchlist        // 快速检查
-} = useWatchlist();
-
-// hooks/useStockMonitoring.js
-const {
-  isMonitoring,
-  toggleMonitoring,    // 自动管理定时器
-  manualRefresh
-} = useStockMonitoring(stocks, eventTime);
-```
-
-**优势**:
- ✅ 业务逻辑可复用
- ✅ 自动清理副作用
- ✅ 易于单元测试
-
-#### 3️⃣ Local State (UI 临时状态)
-
-```javascript
-// StockDetailPanel.js - 仅 8 个本地状态
-const [activeTab, setActiveTab] = useState('stocks');
-const [searchText, setSearchText] = useState('');
-const [filteredStocks, setFilteredStocks] = useState([]);
-const [fixedCharts, setFixedCharts] = useState([]);
-const [discussionModalVisible, setDiscussionModalVisible] = useState(false);
-const [discussionType, setDiscussionType] = useState('事件讨论');
-const [upgradeModalOpen, setUpgradeModalOpen] = useState(false);
-const [upgradeFeature, setUpgradeFeature] = useState('');
-```
-
-**特点**:
- ✅ 仅存储 UI 临时状态
- ✅ 不需要持久化
- ✅ 组件卸载即销毁
-
---
-
-## 🔌 数据流对比
-
-### 重构前：组件内部直接调用 API
-
-```javascript
-// 所有逻辑都在组件内
-const loadAllData = () => {
-  setLoading(true);
-
-  // API 调用 1
-  eventService.getRelatedStocks(event.id)
-    .then(res => {
-      setRelatedStocks(res.data);
-
-      // 连锁调用 API 2
-      stockService.getQuotes(codes, event.created_at)
-        .then(quotes => setStockQuotes(quotes));
-    })
-    .finally(() => setLoading(false));
-
-  // API 调用 3
-  eventService.getEventDetail(event.id)
-    .then(res => setEventDetail(res.data));
-
-  // API 调用 4
-  eventService.getHistoricalEvents(event.id)
-    .then(res => setHistoricalEvents(res.data));
-
-  // API 调用 5
-  eventService.getTransmissionChainAnalysis(event.id)
-    .then(res => setChainAnalysis(res.data));
-
-  // API 调用 6
-  eventService.getExpectationScore(event.id)
-    .then(res => setExpectationScore(res.data));
-};
-```
-
-**问题**:
- ❌ 没有缓存，每次切换都重新请求
- ❌ 没有去重，可能重复请求
- ❌ 错误处理分散
- ❌ 加载状态管理复杂
-
-### 重构后：Redux + Hooks 统一管理
-
-```javascript
-// 1️⃣ 组件层：简洁的 Hook 调用
-const {
-  stocks,
-  quotes,
-  eventDetail,
-  loading,
-  refreshAllData
-} = useEventStocks(eventId, eventTime);
-
-// 2️⃣ Hook 层：自动加载和合并
-useEffect(() => {
-  if (eventId) {
-    dispatch(fetchEventStocks({ eventId }));
-    dispatch(fetchStockQuotes({ codes, eventTime }));
-    dispatch(fetchEventDetail({ eventId }));
-    // ...
-  }
-}, [eventId]);
-
-// 3️⃣ Redux 层：三层缓存 + 去重
-export const fetchEventStocks = createAsyncThunk(
-  'stock/fetchEventStocks',
-  async ({ eventId, forceRefresh }, { getState }) => {
-    // 检查 Redux 缓存
-    if (!forceRefresh && getState().stock.eventStocksCache[eventId]) {
-      return { eventId, stocks: cached };
-    }
-
-    // 检查 LocalStorage 缓存
-    const localCached = localCacheManager.get(key);
-    if (!forceRefresh && localCached) {
-      return { eventId, stocks: localCached };
-    }
-
-    // 发起 API 请求
-    const res = await eventService.getRelatedStocks(eventId);
-    localCacheManager.set(key, res.data);
-    return { eventId, stocks: res.data };
-  }
-);
-```
-
-**优势**:
- ✅ 自动缓存，切换 Tab 无需重新请求
- ✅ 请求去重，pendingRequests Map
- ✅ 统一错误处理
- ✅ 细粒度 loading 状态
-
---
-
-## 📦 组件复用性对比
-
-### 重构前：无复用性
-
-```javascript
-// MiniTimelineChart 内嵌在 StockDetailPanel.js 中
-// 无法在其他组件中使用
-// 表格列定义、Tab 配置都耦合在主组件
-```
-
-### 重构后：高度可复用
-
-```javascript
-// 1️⃣ MiniTimelineChart - 可在任何地方使用
-import { MiniTimelineChart } from './components';
-
-<MiniTimelineChart
-  stockCode="600000.SH"
-  eventTime="2024-10-30 14:30"
-/>
-
-// 2️⃣ StockTable - 可独立使用
-import { StockTable } from './components';
-
-<StockTable
-  stocks={stocks}
-  quotes={quotes}
-  watchlistSet={watchlistSet}
-  onWatchlistToggle={handleToggle}
-/>
-
-// 3️⃣ StockSearchBar - 通用搜索组件
-import { StockSearchBar } from './components';
-
-<StockSearchBar
-  searchText={searchText}
-  onSearch={setSearchText}
-  onRefresh={refresh}
-/>
-
-// 4️⃣ LockedContent - 权限锁定 UI
-import { LockedContent } from './components';
-
-<LockedContent
-  description="高级功能"
-  isProRequired={false}
-  onUpgradeClick={handleUpgrade}
-/>
-```
-
-**应用场景**:
- ✅ 可用于公司详情页
- ✅ 可用于自选股页面
- ✅ 可用于行业分析页面
- ✅ 可用于其他需要股票列表的地方
-
---
-
-## 🧪 可测试性对比
-
-### 重构前：难以测试
-
-```javascript
-// 无法单独测试业务逻辑
-// 必须挂载整个 1067 行的组件
-// Mock 复杂度高
-
-describe('StockDetailPanel', () => {
-  it('should load stocks', () => {
-    // 需要 mock 所有依赖
-    const wrapper = mount(
-      <Provider store={store}>
-        <StockDetailPanel
-          visible={true}
-          event={mockEvent}
-          onClose={mockClose}
-        />
-      </Provider>
-    );
-
-    // 测试逻辑深埋在组件内部，难以验证
-  });
-});
-```
-
-### 重构后：易于测试
-
-```javascript
-// ✅ 测试 Hook
-describe('useEventStocks', () => {
-  it('should fetch stocks on mount', () => {
-    const { result } = renderHook(() =>
-      useEventStocks('event-123', '2024-10-30')
-    );
-
-    expect(result.current.loading.stocks).toBe(true);
-    // ...
-  });
-
-  it('should merge stocks with quotes', () => {
-    // ...
-  });
-});
-
-// ✅ 测试 Redux Slice
-describe('stockSlice', () => {
-  it('should cache event stocks', () => {
-    const state = stockReducer(
-      initialState,
-      fetchEventStocks.fulfilled({ eventId: '123', stocks: [] })
-    );
-
-    expect(state.eventStocksCache['123']).toEqual([]);
-  });
-});
-
-// ✅ 测试组件
-describe('StockTable', () => {
-  it('should render stocks', () => {
-    const { getByText } = render(
-      <StockTable
-        stocks={mockStocks}
-        quotes={mockQuotes}
-        watchlistSet={new Set()}
-      />
-    );
-
-    expect(getByText('600000.SH')).toBeInTheDocument();
-  });
-});
-
-// ✅ 测试工具函数
-describe('klineDataCache', () => {
-  it('should return cached data', () => {
-    const key = getCacheKey('600000.SH', '2024-10-30');
-    klineDataCache.set(key, mockData);
-
-    const result = fetchKlineData('600000.SH', '2024-10-30');
-    expect(result).toBe(mockData);
-  });
-});
-```
-
---
-
-## ⚡ 性能优化对比
-
-### 重构前
-
-| 场景 | 行为 | 性能问题 |
-|------|------|---------|
-| 切换 Tab | 无缓存，重新请求 | ❌ 网络开销大 |
-| 多次点击同一股票 | 重复请求 K 线数据 | ❌ 重复请求 |
-| 实时监控 | 定时器可能未清理 | ❌ 内存泄漏 |
-| 组件卸载 | 可能遗留副作用 | ❌ 内存泄漏 |
-
-### 重构后
-
-| 场景 | 行为 | 性能优化 |
-|------|------|---------|
-| 切换 Tab | Redux + LocalStorage 缓存 | ✅ 即时响应 |
-| 多次点击同一股票 | pendingRequests 去重 | ✅ 单次请求 |
-| 实时监控 | Hook 自动清理定时器 | ✅ 无泄漏 |
-| 组件卸载 | useEffect 清理函数 | ✅ 完全清理 |
-| K 线缓存 | 智能刷新（交易时段 30s） | ✅ 减少请求 |
-| 行情更新 | 批量请求，单次返回 | ✅ 减少请求次数 |
-
-**性能提升**:
- 🚀 页面切换速度提升 **80%**（缓存命中）
- 🚀 API 请求减少 **60%**（缓存 + 去重）
- 🚀 内存占用降低 **40%**（及时清理）
-
---
-
-## 🛠️ 维护性对比
-
-### 重构前：维护困难
-
-**场景 1: 修改自选股逻辑**
-```javascript
-// 需要在 1067 行中找到相关代码
-// handleWatchlistToggle 函数在 417-467 行
-// 表格列定义在 606-757 行
-// UI 渲染在 741-752 行
-// 分散在 3 个位置，容易遗漏
-```
-
-**场景 2: 添加新功能**
-```javascript
-// 需要在庞大的组件中添加代码
-// 容易破坏现有逻辑
-// Git 冲突概率高
-```
-
-**场景 3: 代码审查**
-```javascript
-// Pull Request 显示 1067 行 diff
-// 审查者难以理解上下文
-// 容易遗漏问题
-```
-
-### 重构后：易于维护
-
-**场景 1: 修改自选股逻辑**
-```javascript
-// 直接打开 hooks/useWatchlist.js (110 行)
-// 所有自选股逻辑集中在此文件
-// 修改后只需测试这一个 Hook
-```
-
-**场景 2: 添加新功能**
-```javascript
-// 创建新的 Hook 或组件
-// 在主组件中引入即可
-// 不影响现有代码
-```
-
-**场景 3: 代码审查**
-```javascript
-// Pull Request 每个文件独立 diff
-// components/NewFeature.js (+150 行)
-// 审查者可专注单一功能
-// 容易发现问题
-```
-
---
-
-## 📋 代码质量对比
-
-### 代码行数分布
-
-| 文件类型 | 重构前 | 重构后 | 说明 |
-|---------|--------|--------|------|
-| **主组件** | 1067 行 | 347 行 | 67.5% 减少 |
-| **Redux Slice** | 0 行 | 450 行 | 状态管理层 |
-| **Custom Hooks** | 0 行 | 390 行 | 业务逻辑层 |
-| **UI 组件** | 0 行 | 615 行 | 可复用组件 |
-| **工具模块** | 0 行 | 160 行 | 缓存工具 |
-| **总计** | 1067 行 | 1962 行 | +895 行（但模块化） |
-
-**说明**: 虽然总行数增加，但代码质量显著提升：
- ✅ 每个文件职责单一
- ✅ 可读性大幅提高
- ✅ 可维护性显著增强
- ✅ 可复用性从 0 到 100%
-
-### ESLint / 代码规范
-
-| 指标 | 重构前 | 重构后 |
-|------|--------|--------|
-| **函数平均行数** | ~50 行 | ~15 行 |
-| **最大函数行数** | 200+ 行 | 60 行 |
-| **嵌套层级** | 最深 6 层 | 最深 3 层 |
-| **循环复杂度** | 高 | 低 |
-
---
-
-## ✅ 业务逻辑保留验证
-
-### 权限控制 ✅ 完全保留
-
-| 功能 | 重构前 | 重构后 | 状态 |
-|------|--------|--------|------|
-| `hasFeatureAccess` 检查 | ✅ | ✅ | 保留 |
-| `getUpgradeRecommendation` | ✅ | ✅ | 保留 |
-| Tab 锁定图标显示 | ✅ | ✅ | 保留 |
-| LockedContent UI | ✅ | ✅ | 提取为组件 |
-| SubscriptionUpgradeModal | ✅ | ✅ | 保留 |
-
-### 数据加载 ✅ 完全保留
-
-| API 调用 | 重构前 | 重构后 | 状态 |
-|---------|--------|--------|------|
-| getRelatedStocks | ✅ | ✅ | 移至 Redux |
-| getStockQuotes | ✅ | ✅ | 移至 Redux |
-| getEventDetail | ✅ | ✅ | 移至 Redux |
-| getHistoricalEvents | ✅ | ✅ | 移至 Redux |
-| getTransmissionChainAnalysis | ✅ | ✅ | 移至 Redux |
-| getExpectationScore | ✅ | ✅ | 移至 Redux |
-
-### K 线缓存 ✅ 完全保留
-
-| 功能 | 重构前 | 重构后 | 状态 |
-|------|--------|--------|------|
-| klineDataCache Map | ✅ | ✅ | 移至 utils/ |
-| pendingRequests 去重 | ✅ | ✅ | 移至 utils/ |
-| 智能刷新策略 | ✅ | ✅ | 移至 utils/ |
-| 交易时段检测 | ✅ | ✅ | 移至 utils/ |
-
-### 自选股管理 ✅ 完全保留
-
-| 功能 | 重构前 | 重构后 | 状态 |
-|------|--------|--------|------|
-| loadWatchlist | ✅ | ✅ | 移至 Hook |
-| handleWatchlistToggle | ✅ | ✅ | 移至 Hook |
-| API: GET /watchlist | ✅ | ✅ | 保留 |
-| API: POST /watchlist | ✅ | ✅ | 保留 |
-| API: DELETE /watchlist/:code | ✅ | ✅ | 保留 |
-| credentials: 'include' | ✅ | ✅ | 保留 |
-
-### 实时监控 ✅ 完全保留
-
-| 功能 | 重构前 | 重构后 | 状态 |
-|------|--------|--------|------|
-| 5 秒定时刷新 | ✅ | ✅ | 移至 Hook |
-| 定时器清理 | ✅ | ✅ | Hook 自动清理 |
-| 监控开关 | ✅ | ✅ | 保留 |
-| 立即执行一次 | ✅ | ✅ | 保留 |
-
-### UI 交互 ✅ 完全保留
-
-| 功能 | 重构前 | 重构后 | 状态 |
-|------|--------|--------|------|
-| Tab 切换 | ✅ | ✅ | 保留 |
-| 搜索过滤 | ✅ | ✅ | 保留 |
-| 行点击固定图表 | ✅ | ✅ | 保留 |
-| 关联描述展开/收起 | ✅ | ✅ | 移至 StockTable |
-| 讨论模态框 | ✅ | ✅ | 保留 |
-| 升级模态框 | ✅ | ✅ | 保留 |
-
---
-
-## 🎯 重构收益总结
-
-### 技术收益
-
-| 维度 | 收益 | 量化指标 |
-|------|------|---------|
-| **代码质量** | 显著提升 | 主文件行数 ⬇️ 67.5% |
-| **可维护性** | 显著提升 | 模块化，单一职责 |
-| **可测试性** | 从困难到容易 | 可独立测试每个模块 |
-| **可复用性** | 从 0 到 100% | 5 个可复用组件 |
-| **性能** | 提升 60-80% | 缓存命中率高 |
-| **开发效率** | 提升 40% | 并行开发，减少冲突 |
-
-### 业务收益
-
-| 维度 | 收益 |
-|------|------|
-| **功能完整性** | ✅ 100% 保留原有功能 |
-| **用户体验** | ✅ 页面响应速度提升 |
-| **稳定性** | ✅ 减少内存泄漏风险 |
-| **扩展性** | ✅ 易于添加新功能 |
-
-### 团队收益
-
-| 维度 | 收益 |
-|------|------|
-| **协作效率** | ✅ 减少代码冲突 |
-| **代码审查** | ✅ 更容易 review |
-| **知识传递** | ✅ 新人易于理解 |
-| **长期维护** | ✅ 降低维护成本 |
-
---
-
-## 📝 重构最佳实践总结
-
-本次重构遵循的原则：
-
-### 1. **关注点分离** (Separation of Concerns)
- ✅ UI 组件只负责渲染
- ✅ Custom Hooks 负责业务逻辑
- ✅ Redux 负责状态管理
- ✅ Utils 负责工具函数
-
-### 2. **单一职责** (Single Responsibility)
- ✅ 每个文件只做一件事
- ✅ 每个函数只有一个职责
- ✅ 组件职责清晰
-
-### 3. **开闭原则** (Open-Closed)
- ✅ 对扩展开放：易于添加新功能
- ✅ 对修改封闭：不破坏现有功能
-
-### 4. **DRY 原则** (Don't Repeat Yourself)
- ✅ 提取可复用组件
- ✅ 封装通用逻辑
- ✅ 避免代码重复
-
-### 5. **可测试性优先**
- ✅ 每个模块独立可测
- ✅ 纯函数易于测试
- ✅ Mock 依赖简单
-
---
-
-## 🚀 后续优化建议
-
-虽然本次重构已大幅改善代码质量，但仍有优化空间：
-
-### 短期优化 (1-2 周)
-
-1. **添加单元测试**
-   - [ ] useEventStocks 测试覆盖率 > 80%
-   - [ ] stockSlice 测试覆盖率 > 90%
-   - [ ] 组件快照测试
-
-2. **性能监控**
-   - [ ] 添加 React.memo 优化渲染
-   - [ ] 监控 API 调用次数
-   - [ ] 监控缓存命中率
-
-3. **文档完善**
-   - [ ] 组件 API 文档
-   - [ ] Hook 使用指南
-   - [ ] Storybook 示例
-
-### 中期优化 (1-2 月)
-
-1. **TypeScript 迁移**
-   - [ ] 添加类型定义
-   - [ ] 提升类型安全
-
-2. **Error Boundary**
-   - [ ] 添加错误边界
-   - [ ] 优雅降级
-
-3. **国际化支持**
-   - [ ] 提取文案
-   - [ ] 支持多语言
-
-### 长期优化 (3-6 月)
-
-1. **微前端拆分**
-   - [ ] 股票模块独立部署
-   - [ ] 按需加载
-
-2. **性能极致优化**
-   - [ ] 虚拟滚动
-   - [ ] Web Worker 计算
-   - [ ] Service Worker 缓存
-
---
-
-**文档结束**
-
-> 本次重构是一次成功的工程实践，在保持 100% 功能完整性的前提下，实现了代码质量的质的飞跃。
--- a/docs/StockDetailPanel_USER_FLOW_COMPARISON.md
+++ b/docs/StockDetailPanel_USER_FLOW_COMPARISON.md
--- a/docs/TEST_RESULTS.md
+++ b/docs/TEST_RESULTS.md
@@ -1,117 +0,0 @@
-# 登录/注册弹窗测试记录
-
-> **测试日期**: 2025-10-14
-> **测试人员**:
-> **测试环境**: http://localhost:3000
-
---
-
-## 测试结果统计
-
- **总测试用例**: 13 个（基础核心测试）
- **通过**: 0
- **失败**: 0
- **待测**: 13
-
---
-
-## 详细测试记录
-
-### 第一组：基础弹窗测试
-
-| 编号 | 测试项 | 状态 | 备注 |
-|------|--------|------|------|
-| T1 | 登录弹窗基础功能 | ⏳ 待测 | |
-| T2 | 注册弹窗基础功能 | ⏳ 待测 | |
-| T3 | 弹窗切换功能 | ⏳ 待测 | |
-| T4 | 关闭弹窗 | ⏳ 待测 | |
-
-### 第二组：验证码功能测试
-
-| 编号 | 测试项 | 状态 | 备注 |
-|------|--------|------|------|
-| T5 | 发送验证码（手机号为空） | ⏳ 待测 | |
-| T6 | 发送验证码（手机号格式错误） | ⏳ 待测 | |
-| T7 | 发送验证码（正确手机号） | ⏳ 待测 | 需要真实短信服务 |
-| T8 | 倒计时功能 | ⏳ 待测 | |
-
-### 第三组：表单提交测试
-
-| 编号 | 测试项 | 状态 | 备注 |
-|------|--------|------|------|
-| T9 | 登录提交（字段为空） | ⏳ 待测 | |
-| T10 | 注册提交（不填昵称） | ⏳ 待测 | |
-
-### 第四组：UI 响应式测试
-
-| 编号 | 测试项 | 状态 | 备注 |
-|------|--------|------|------|
-| T11 | 桌面端显示 | ⏳ 待测 | |
-| T12 | 移动端显示 | ⏳ 待测 | |
-
-### 第五组：微信登录测试
-
-| 编号 | 测试项 | 状态 | 备注 |
-|------|--------|------|------|
-| T13 | 微信二维码显示 | ⏳ 待测 | |
-
---
-
-## 问题记录
-
-### 问题 #1
- **测试项**:
- **描述**:
- **重现步骤**:
- **预期行为**:
- **实际行为**:
- **优先级**: 🔴高 / 🟡中 / 🟢低
- **状态**: ⏳待修复 / ✅已修复
-
-### 问题 #2
- **测试项**:
- **描述**:
- **重现步骤**:
- **预期行为**:
- **实际行为**:
- **优先级**:
- **状态**:
-
---
-
-## 浏览器兼容性测试
-
-| 浏览器 | 版本 | 状态 | 备注 |
-|--------|------|------|------|
-| Chrome | | ⏳ 待测 | |
-| Safari | | ⏳ 待测 | |
-| Firefox | | ⏳ 待测 | |
-| Edge | | ⏳ 待测 | |
-
---
-
-## 性能测试
-
-| 测试项 | 指标 | 实际值 | 状态 |
-|--------|------|--------|------|
-| 弹窗打开速度 | < 300ms | | ⏳ 待测 |
-| 弹窗切换速度 | < 200ms | | ⏳ 待测 |
-| 验证码倒计时准确性 | 误差 < 1s | | ⏳ 待测 |
-
---
-
-## 测试总结
-
-### 主要发现
-
-
-### 建议改进
-
-
-### 下一步计划
-
-
---
-
-**测试完成日期**:
-**测试结论**: ⏳ 测试中 / ✅ 通过 / ❌ 未通过
--- a/docs/TRACKING_VALIDATION_CHECKLIST.md
+++ b/docs/TRACKING_VALIDATION_CHECKLIST.md
@@ -1,484 +0,0 @@
-# PostHog 事件追踪验证清单
-
-## 📋 验证目的
-
-本清单用于验证所有PostHog事件追踪是否正常工作。建议在以下场景使用：
- ✅ 开发环境集成后的验证
- ✅ 上线前的最终检查
- ✅ 定期追踪健康度检查
- ✅ 新功能上线后的验证
-
---
-
-## 🔧 验证准备
-
-### 1. 环境检查
- [ ] PostHog已正确配置（检查.env文件）
- [ ] PostHog控制台可以访问
- [ ] 开发者工具Network面板可以看到PostHog请求
- [ ] 浏览器Console没有PostHog相关错误
-
-### 2. 验证工具
- [ ] 打开浏览器开发者工具（F12）
- [ ] 切换到Network标签
- [ ] 过滤器设置为：`posthog` 或 `api/events`
- [ ] 打开Console标签查看logger.debug输出
-
-### 3. PostHog控制台
- [ ] 登录 https://app.posthog.com
- [ ] 进入项目
- [ ] 打开 "Live events" 视图
- [ ] 准备监控实时事件
-
---
-
-## ✅ 功能模块验证
-
-### 🔐 认证模块（useAuthEvents）
-
-#### 注册流程
- [ ] 打开注册页面
- [ ] 填写手机号和密码
- [ ] 点击注册按钮
- [ ] **验证事件**: `USER_SIGNED_UP`
-  - 检查属性：`signup_method`, `user_id`
-
-#### 登录流程
- [ ] 打开登录页面
- [ ] 使用密码登录
- [ ] **验证事件**: `USER_LOGGED_IN`
-  - 检查属性：`login_method: 'password'`
- [ ] 退出登录
- [ ] 使用微信登录
- [ ] **验证事件**: `USER_LOGGED_IN`
-  - 检查属性：`login_method: 'wechat'`
-
-#### 登出
- [ ] 点击退出登录
- [ ] **验证事件**: `USER_LOGGED_OUT`
-
---
-
-### 🏠 社区模块（useCommunityEvents）
-
-#### 页面浏览
- [ ] 访问社区页面 `/community`
- [ ] **验证事件**: `Community Page Viewed`
- [ ] **验证事件**: `News List Viewed`
-  - 检查属性：`total_count`, `sort_by`, `importance_filter`
-
-#### 新闻点击
- [ ] 点击任一新闻事件
- [ ] **验证事件**: `NEWS_ARTICLE_CLICKED`
-  - 检查属性：`event_id`, `event_title`, `importance`
-
-#### 搜索功能
- [ ] 在搜索框输入关键词
- [ ] 点击搜索
- [ ] **验证事件**: `SEARCH_QUERY_SUBMITTED`
-  - 检查属性：`query`, `result_count`, `context: 'community'`
-
-#### 筛选功能
- [ ] 切换重要性筛选
- [ ] **验证事件**: `SEARCH_FILTER_APPLIED`
-  - 检查属性：`filter_type: 'importance'`
- [ ] 切换排序方式
- [ ] **验证事件**: `SEARCH_FILTER_APPLIED`
-  - 检查属性：`filter_type: 'sort'`
-
---
-
-### 📰 事件详情模块（useEventDetailEvents）
-
-#### 页面浏览
- [ ] 点击任一事件进入详情页
- [ ] **验证事件**: `EVENT_DETAIL_VIEWED`
-  - 检查属性：`event_id`, `event_title`, `importance`
-
-#### 分析查看
- [ ] 页面加载完成后
- [ ] **验证事件**: `EVENT_ANALYSIS_VIEWED`
-  - 检查属性：`analysis_type`, `related_stock_count`
-
-#### 标签切换
- [ ] 点击"相关股票"标签
- [ ] **验证事件**: `NEWS_TAB_CLICKED`
-  - 检查属性：`tab_name: 'related_stocks'`
-
-#### 相关股票点击
- [ ] 点击任一相关股票
- [ ] **验证事件**: `STOCK_CLICKED`
-  - 检查属性：`stock_code`, `source: 'event_detail_related_stocks'`
-
-#### 社交互动
- [ ] 点击评论点赞按钮
- [ ] **验证事件**: `Comment Liked` 或 `Comment Unliked`
-  - 检查属性：`comment_id`, `event_id`, `action`
- [ ] 输入评论内容
- [ ] 点击发表评论
- [ ] **验证事件**: `Comment Added`
-  - 检查属性：`comment_id`, `event_id`, `content_length`
- [ ] 删除自己的评论（如果有）
- [ ] **验证事件**: `Comment Deleted`
-  - 检查属性：`comment_id`
-
---
-
-### 📊 仪表板模块（useDashboardEvents）
-
-#### 页面浏览
- [ ] 访问个人中心 `/dashboard/center`
- [ ] **验证事件**: `DASHBOARD_CENTER_VIEWED`
-  - 检查属性：`page_type: 'center'`
-
-#### 自选股
- [ ] 查看自选股列表
- [ ] **验证事件**: `Watchlist Viewed`
-  - 检查属性：`stock_count`, `has_stocks`
-
-#### 关注的事件
- [ ] 查看关注的事件列表
- [ ] **验证事件**: `Following Events Viewed`
-  - 检查属性：`event_count`
-
-#### 评论管理
- [ ] 查看我的评论
- [ ] **验证事件**: `Comments Viewed`
-  - 检查属性：`comment_count`
-
---
-
-### 💹 模拟盘模块（useTradingSimulationEvents）
-
-#### 进入模拟盘
- [ ] 访问模拟盘页面 `/trading-simulation`
- [ ] **验证事件**: `TRADING_SIMULATION_ENTERED`
-  - 检查属性：`total_value`, `available_cash`, `holdings_count`
-
-#### 搜索股票
- [ ] 在搜索框输入股票代码/名称
- [ ] **验证事件**: `Simulation Stock Searched`
-  - 检查属性：`query`
-
-#### 下单操作
- [ ] 选择一只股票
- [ ] 输入数量和价格
- [ ] 点击买入/卖出
- [ ] **验证事件**: `Simulation Order Placed`
-  - 检查属性：`stock_code`, `order_type`, `quantity`, `price`
-
-#### 持仓查看
- [ ] 切换到持仓标签
- [ ] **验证事件**: `Simulation Holdings Viewed`
-  - 检查属性：`holdings_count`, `total_value`
-
---
-
-### 🔍 搜索模块（useSearchEvents）
-
-#### 搜索发起
- [ ] 点击搜索框获得焦点
- [ ] **验证事件**: `SEARCH_INITIATED`
-  - 检查属性：`context: 'community'`
-
-#### 搜索提交
- [ ] 输入搜索词
- [ ] 按回车或点击搜索
- [ ] **验证事件**: `SEARCH_QUERY_SUBMITTED`
-  - 检查属性：`query`, `result_count`, `has_results`
-
-#### 无结果追踪
- [ ] 搜索一个不存在的词
- [ ] **验证事件**: `SEARCH_NO_RESULTS`
-  - 检查属性：`query`, `context`
-
---
-
-### 🧭 导航模块（useNavigationEvents）
-
-#### Logo点击
- [ ] 点击页面左上角Logo
- [ ] **验证事件**: `Logo Clicked`
-  - 检查属性：`component: 'main_navbar'`
-
-#### 主题切换
- [ ] 点击主题切换按钮
- [ ] **验证事件**: `Theme Changed`
-  - 检查属性：`from_theme`, `to_theme`
-
-#### 顶部导航
- [ ] 点击"高频跟踪"下拉菜单
- [ ] 点击"事件中心"
- [ ] **验证事件**: `MENU_ITEM_CLICKED`
-  - 检查属性：`item_name: '事件中心'`, `menu_type: 'dropdown'`
-
-#### 二级导航
- [ ] 在二级导航栏点击任一菜单
- [ ] **验证事件**: `SIDEBAR_MENU_CLICKED`
-  - 检查属性：`item_name`, `path`, `level: 2`
-
---
-
-### 👤 个人资料模块（useProfileEvents）
-
-#### 个人资料页面
- [ ] 访问个人资料页 `/profile`
- [ ] 点击编辑按钮
- [ ] **验证事件**: `Profile Field Edit Started`
-
-#### 更新资料
- [ ] 修改昵称或其他信息
- [ ] 点击保存
- [ ] **验证事件**: `PROFILE_UPDATED`
-  - 检查属性：`updated_fields`, `field_count`
-
-#### 上传头像
- [ ] 点击头像上传
- [ ] 选择图片
- [ ] **验证事件**: `Avatar Uploaded`
-  - 检查属性：`upload_method`, `file_size`
-
-#### 设置页面
- [ ] 访问设置页 `/settings`
- [ ] 点击修改密码
- [ ] 输入当前密码和新密码
- [ ] 提交
- [ ] **验证事件**: `Password Changed`
-  - 检查属性：`success: true`
-
-#### 通知设置
- [ ] 切换通知开关
- [ ] 点击保存
- [ ] **验证事件**: `Notification Preferences Changed`
-  - 检查属性：`email_enabled`, `push_enabled`, `sms_enabled`
-
-#### 账号绑定
- [ ] 输入邮箱地址
- [ ] 获取验证码
- [ ] 输入验证码绑定
- [ ] **验证事件**: `Account Bound`
-  - 检查属性：`account_type: 'email'`, `success: true`
-
---
-
-### 💳 订阅支付模块（useSubscriptionEvents）
-
-#### 订阅页面查看
- [ ] 打开订阅管理页面
- [ ] **验证事件**: `SUBSCRIPTION_PAGE_VIEWED`
-  - 检查属性：`current_plan`, `subscription_status`
-
-#### 定价方案查看
- [ ] 浏览不同的定价方案
- [ ] **验证事件**: `Pricing Plan Viewed`
-  - 检查属性：`plan_name`, `price`
-
-#### 选择方案
- [ ] 选择月付/年付
- [ ] 点击"立即订阅"
- [ ] **验证事件**: `Pricing Plan Selected`
-  - 检查属性：`plan_name`, `billing_cycle`, `price`
-
-#### 查看支付页面
- [ ] 进入支付页面
- [ ] **验证事件**: `PAYMENT_PAGE_VIEWED`
-  - 检查属性：`plan_name`, `amount`
-
-#### 支付流程
- [ ] 选择支付方式（微信支付）
- [ ] **验证事件**: `PAYMENT_METHOD_SELECTED`
-  - 检查属性：`payment_method: 'wechat_pay'`
- [ ] 点击创建订单
- [ ] **验证事件**: `PAYMENT_INITIATED`
-  - 检查属性：`plan_name`, `amount`, `payment_method`
-
-#### 支付成功（需要完成支付）
- [ ] 完成微信支付
- [ ] **验证事件**: `PAYMENT_SUCCESSFUL`
-  - 检查属性：`order_id`, `transaction_id`
- [ ] **验证事件**: `SUBSCRIPTION_CREATED`
-  - 检查属性：`plan`, `billing_cycle`, `start_date`
-
---
-
-## 🎯 关键漏斗验证
-
-### 注册激活漏斗
-1. [ ] `PAGE_VIEWED` (注册页)
-2. [ ] `USER_SIGNED_UP`
-3. [ ] `USER_LOGGED_IN`
-4. [ ] `PROFILE_UPDATED` (完善资料)
-
-### 内容消费漏斗
-1. [ ] `Community Page Viewed`
-2. [ ] `News List Viewed`
-3. [ ] `NEWS_ARTICLE_CLICKED`
-4. [ ] `EVENT_DETAIL_VIEWED`
-5. [ ] `Comment Added` (深度互动)
-
-### 付费转化漏斗
-1. [ ] `PAYWALL_SHOWN` (触发付费墙)
-2. [ ] `SUBSCRIPTION_PAGE_VIEWED`
-3. [ ] `Pricing Plan Selected`
-4. [ ] `PAYMENT_INITIATED`
-5. [ ] `PAYMENT_SUCCESSFUL`
-6. [ ] `SUBSCRIPTION_CREATED`
-
-### 模拟盘转化漏斗
-1. [ ] `TRADING_SIMULATION_ENTERED`
-2. [ ] `Simulation Stock Searched`
-3. [ ] `Simulation Order Placed`
-4. [ ] `Simulation Holdings Viewed`
-
---
-
-## 🐛 错误场景验证
-
-### 失败追踪验证
- [ ] 密码修改失败
-  - **验证事件**: `Password Changed` (success: false)
- [ ] 支付失败
-  - **验证事件**: `PAYMENT_FAILED`
-  - 检查属性：`error_reason`
- [ ] 个人资料更新失败
-  - **验证事件**: `Profile Update Failed`
-  - 检查属性：`attempted_fields`, `error_message`
-
---
-
-## 📊 PostHog控制台验证
-
-### 实时事件检查
- [ ] 登录PostHog控制台
- [ ] 进入 "Live events" 页面
- [ ] 执行上述操作
- [ ] 确认每个操作都有对应事件出现
- [ ] 检查事件属性完整性
-
-### 用户属性检查
- [ ] 进入 "Persons" 页面
- [ ] 找到测试用户
- [ ] 验证用户属性：
-  - [ ] `user_id`
-  - [ ] `email` (如果有)
-  - [ ] `subscription_tier`
-  - [ ] `role`
-
-### 事件属性检查
-对于每个验证的事件，确认以下属性存在：
- [ ] `timestamp` - 时间戳
- [ ] 事件特定属性（如 event_id, stock_code 等）
- [ ] 上下文属性（如 context, page_type 等）
-
---
-
-## 🔍 开发者工具验证
-
-### Network 面板
- [ ] 找到 PostHog API 请求
- [ ] 检查请求URL: `https://app.posthog.com/e/`
- [ ] 检查请求Method: POST
- [ ] 检查Response Status: 200
- [ ] 检查Request Payload包含事件数据
-
-### Console 面板
- [ ] 查找 logger.debug 输出
- [ ] 格式如：`[useFeatureEvents] 📊 Action Tracked`
- [ ] 验证输出的事件名称和参数正确
-
---
-
-## ✅ 验证通过标准
-
-### 单个事件验证通过
- ✅ Network面板能看到PostHog请求
- ✅ Console能看到logger.debug输出
- ✅ PostHog Live events能看到事件
- ✅ 事件名称正确
- ✅ 事件属性完整且准确
-
-### 整体验证通过
- ✅ 所有核心功能模块至少验证了主要流程
- ✅ 关键漏斗的每一步都能追踪到
- ✅ 成功和失败场景都有追踪
- ✅ 没有JavaScript错误
- ✅ 所有事件在PostHog控制台可见
-
---
-
-## 📝 验证记录
-
-### 验证信息
- **验证日期**: _______________
- **验证人员**: _______________
- **验证环境**: [ ] 开发环境 [ ] 测试环境 [ ] 生产环境
- **PostHog项目**: _______________
-
-### 验证结果
- **总验证项**: _____
- **通过项**: _____
- **失败项**: _____
- **通过率**: _____%
-
-### 发现的问题
-| 问题描述 | 严重程度 | 状态 | 备注 |
-|---------|---------|------|------|
-| | | | |
-| | | | |
-
-### 验证结论
- [ ] ✅ 全部通过，可以上线
- [ ] ⚠️ 有轻微问题，可以上线但需修复
- [ ] ❌ 有严重问题，需要修复后重新验证
-
---
-
-## 🔧 常见问题排查
-
-### 问题1: 看不到PostHog请求
-**可能原因**:
- PostHog未正确初始化
- API Key配置错误
- 网络被拦截
-
-**排查步骤**:
-1. 检查 `.env` 文件中的 `REACT_APP_POSTHOG_KEY`
-2. 检查浏览器Console是否有错误
-3. 检查网络代理设置
-
-### 问题2: 事件属性缺失
-**可能原因**:
- 传参时属性名拼写错误
- 某些数据为undefined
- Hook未正确初始化
-
-**排查步骤**:
-1. 查看Console的logger.debug输出
-2. 检查Hook初始化时传入的参数
-3. 检查调用追踪方法时的参数
-
-### 问题3: 事件未在PostHog显示
-**可能原因**:
- 数据同步延迟（通常<1分钟）
- PostHog项目选择错误
- 事件被过滤
-
-**排查步骤**:
-1. 等待1-2分钟后刷新
-2. 确认选择了正确的项目
-3. 检查PostHog的事件过滤器设置
-
---
-
-## 📚 相关资源
-
- [PostHog 官方文档](https://posthog.com/docs)
- [POSTHOG_TRACKING_GUIDE.md](./POSTHOG_TRACKING_GUIDE.md) - 开发者指南
- [POSTHOG_INTEGRATION.md](./POSTHOG_INTEGRATION.md) - 集成说明
- [constants.js](./src/lib/constants.js) - 事件常量定义
-
---
-
-**文档版本**: v1.0
-**最后更新**: 2025-10-29
-**维护者**: 开发团队
--- a/docs/WEBSOCKET_INTEGRATION_GUIDE.md
+++ b/docs/WEBSOCKET_INTEGRATION_GUIDE.md
@@ -1,546 +0,0 @@
-# WebSocket 事件实时推送 - 前端集成指南
-
-## 📦 已创建的文件
-
-1. **`src/services/socketService.js`** - WebSocket 服务（已扩展）
-2. **`src/hooks/useEventNotifications.js`** - React Hook
-3. **`test_websocket.html`** - 测试页面
-4. **`test_create_event.py`** - 测试脚本
-
---
-
-## 🚀 快速开始
-
-### 方案 1：使用 React Hook（推荐）
-
-在任何 React 组件中使用：
-
-```jsx
-import { useEventNotifications } from 'hooks/useEventNotifications';
-import { useToast } from '@chakra-ui/react';
-
-function EventsPage() {
-  const toast = useToast();
-
-  // 订阅事件推送
-  const { newEvent, isConnected } = useEventNotifications({
-    eventType: 'all',      // 'all' | 'policy' | 'market' | 'tech' | ...
-    importance: 'all',     // 'all' | 'S' | 'A' | 'B' | 'C'
-    enabled: true,         // 是否启用订阅
-    onNewEvent: (event) => {
-      // 收到新事件时的处理
-      console.log('🔔 收到新事件:', event);
-
-      // 显示 Toast 通知
-      toast({
-        title: '新事件提醒',
-        description: event.title,
-        status: 'info',
-        duration: 5000,
-        isClosable: true,
-        position: 'top-right',
-      });
-    }
-  });
-
-  return (
-    <Box>
-      <Text>连接状态: {isConnected ? '已连接 ✅' : '未连接 ❌'}</Text>
-      {/* 你的事件列表 */}
-    </Box>
-  );
-}
-```
-
---
-
-### 方案 2：在事件列表页面集成（完整示例）
-
-**在 `src/views/Community/components/EventList.js` 中集成：**
-
-```jsx
-import React, { useState, useEffect } from 'react';
-import { Box, Text, Badge, useToast } from '@chakra-ui/react';
-import { useEventNotifications } from 'hooks/useEventNotifications';
-
-function EventList() {
-  const [events, setEvents] = useState([]);
-  const [loading, setLoading] = useState(true);
-  const toast = useToast();
-
-  // 1️⃣ 初始加载事件列表（REST API）
-  useEffect(() => {
-    fetchEvents();
-  }, []);
-
-  const fetchEvents = async () => {
-    try {
-      const response = await fetch('/api/events?per_page=20');
-      const data = await response.json();
-
-      if (data.success) {
-        setEvents(data.data.events);
-      }
-    } catch (error) {
-      console.error('加载事件失败:', error);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  // 2️⃣ 订阅 WebSocket 实时推送
-  const { newEvent, isConnected } = useEventNotifications({
-    eventType: 'all',
-    importance: 'all',
-    enabled: true,  // 可以根据用户设置控制是否启用
-    onNewEvent: (event) => {
-      console.log('🔔 收到新事件:', event);
-
-      // 显示通知
-      toast({
-        title: '📰 新事件发布',
-        description: `${event.title}`,
-        status: 'info',
-        duration: 6000,
-        isClosable: true,
-        position: 'top-right',
-      });
-
-      // 将新事件添加到列表顶部
-      setEvents((prevEvents) => {
-        // 检查是否已存在（防止重复）
-        const exists = prevEvents.some(e => e.id === event.id);
-        if (exists) {
-          return prevEvents;
-        }
-        // 添加到顶部，最多保留 100 个
-        return [event, ...prevEvents].slice(0, 100);
-      });
-    }
-  });
-
-  return (
-    <Box>
-      {/* 连接状态指示器 */}
-      <Box mb={4} display="flex" alignItems="center" gap={2}>
-        <Badge colorScheme={isConnected ? 'green' : 'red'}>
-          {isConnected ? '实时推送已开启' : '实时推送未连接'}
-        </Badge>
-      </Box>
-
-      {/* 事件列表 */}
-      {loading ? (
-        <Text>加载中...</Text>
-      ) : (
-        <Box>
-          {events.map((event) => (
-            <EventCard key={event.id} event={event} />
-          ))}
-        </Box>
-      )}
-    </Box>
-  );
-}
-
-export default EventList;
-```
-
---
-
-### 方案 3：只订阅重要事件（S 和 A 级）
-
-```jsx
-import { useImportantEventNotifications } from 'hooks/useEventNotifications';
-
-function Dashboard() {
-  const { importantEvents, isConnected } = useImportantEventNotifications((event) => {
-    // 只会收到 S 和 A 级别的重要事件
-    console.log('⚠️ 重要事件:', event);
-
-    // 播放提示音
-    new Audio('/notification.mp3').play();
-  });
-
-  return (
-    <Box>
-      <Heading>重要事件通知</Heading>
-      {importantEvents.map(event => (
-        <Alert key={event.id} status="warning">
-          <AlertIcon />
-          {event.title}
-        </Alert>
-      ))}
-    </Box>
-  );
-}
-```
-
---
-
-### 方案 4：直接使用 Service（不用 Hook）
-
-```jsx
-import { useEffect } from 'react';
-import socketService from 'services/socketService';
-
-function MyComponent() {
-  useEffect(() => {
-    // 连接
-    socketService.connect();
-
-    // 订阅
-    const unsubscribe = socketService.subscribeToAllEvents((event) => {
-      console.log('新事件:', event);
-    });
-
-    // 清理
-    return () => {
-      unsubscribe();
-      socketService.disconnect();
-    };
-  }, []);
-
-  return <div>...</div>;
-}
-```
-
---
-
-## 🎨 UI 集成示例
-
-### 1. Toast 通知（Chakra UI）
-
-```jsx
-import { useToast } from '@chakra-ui/react';
-
-const toast = useToast();
-
-// 在 onNewEvent 回调中
-onNewEvent: (event) => {
-  toast({
-    title: '新事件',
-    description: event.title,
-    status: 'info',
-    duration: 5000,
-    isClosable: true,
-    position: 'top-right',
-  });
-}
-```
-
---
-
-### 2. 顶部通知栏
-
-```jsx
-import { Alert, AlertIcon, CloseButton } from '@chakra-ui/react';
-
-function EventNotificationBanner() {
-  const [showNotification, setShowNotification] = useState(false);
-  const [latestEvent, setLatestEvent] = useState(null);
-
-  useEventNotifications({
-    eventType: 'all',
-    onNewEvent: (event) => {
-      setLatestEvent(event);
-      setShowNotification(true);
-    }
-  });
-
-  if (!showNotification || !latestEvent) return null;
-
-  return (
-    <Alert status="info" variant="solid">
-      <AlertIcon />
-      新事件：{latestEvent.title}
-      <CloseButton
-        position="absolute"
-        right="8px"
-        top="8px"
-        onClick={() => setShowNotification(false)}
-      />
-    </Alert>
-  );
-}
-```
-
---
-
-### 3. 角标提示（红点）
-
-```jsx
-import { Badge } from '@chakra-ui/react';
-
-function EventsMenuItem() {
-  const [unreadCount, setUnreadCount] = useState(0);
-
-  useEventNotifications({
-    eventType: 'all',
-    onNewEvent: () => {
-      setUnreadCount(prev => prev + 1);
-    }
-  });
-
-  return (
-    <MenuItem position="relative">
-      事件中心
-      {unreadCount > 0 && (
-        <Badge
-          colorScheme="red"
-          position="absolute"
-          top="-5px"
-          right="-5px"
-          borderRadius="full"
-        >
-          {unreadCount > 99 ? '99+' : unreadCount}
-        </Badge>
-      )}
-    </MenuItem>
-  );
-}
-```
-
---
-
-### 4. 浮动通知卡片
-
-```jsx
-import { Box, Slide, useDisclosure } from '@chakra-ui/react';
-
-function FloatingEventNotification() {
-  const { isOpen, onClose, onOpen } = useDisclosure();
-  const [event, setEvent] = useState(null);
-
-  useEventNotifications({
-    eventType: 'all',
-    onNewEvent: (newEvent) => {
-      setEvent(newEvent);
-      onOpen();
-
-      // 5秒后自动关闭
-      setTimeout(onClose, 5000);
-    }
-  });
-
-  return (
-    <Slide direction="bottom" in={isOpen} style={{ zIndex: 10 }}>
-      <Box
-        p="40px"
-        color="white"
-        bg="blue.500"
-        rounded="md"
-        shadow="md"
-        m={4}
-      >
-        <Text fontWeight="bold">{event?.title}</Text>
-        <Text fontSize="sm">{event?.description}</Text>
-        <Button size="sm" mt={2} onClick={onClose}>
-          关闭
-        </Button>
-      </Box>
-    </Slide>
-  );
-}
-```
-
---
-
-## 📋 API 参考
-
-### `useEventNotifications(options)`
-
-**参数：**
-| 参数 | 类型 | 默认值 | 说明 |
-|------|------|--------|------|
-| `eventType` | string | `'all'` | 事件类型：`'all'` / `'policy'` / `'market'` / `'tech'` 等 |
-| `importance` | string | `'all'` | 重要性：`'all'` / `'S'` / `'A'` / `'B'` / `'C'` |
-| `enabled` | boolean | `true` | 是否启用订阅 |
-| `onNewEvent` | function | - | 收到新事件时的回调函数 |
-
-**返回值：**
-| 属性 | 类型 | 说明 |
-|------|------|------|
-| `newEvent` | object | 最新收到的事件对象 |
-| `isConnected` | boolean | WebSocket 连接状态 |
-| `error` | object | 错误信息 |
-| `clearNewEvent` | function | 清除新事件状态 |
-
---
-
-### `socketService` API
-
-```javascript
-// 连接
-socketService.connect(options)
-
-// 断开
-socketService.disconnect()
-
-// 订阅所有事件
-socketService.subscribeToAllEvents(callback)
-
-// 订阅特定类型
-socketService.subscribeToEventType('tech', callback)
-
-// 订阅特定重要性
-socketService.subscribeToImportantEvents('S', callback)
-
-// 取消订阅
-socketService.unsubscribeFromEvents({ eventType: 'all' })
-
-// 检查连接状态
-socketService.isConnected()
-```
-
---
-
-## 🔧 事件数据结构
-
-收到的 `event` 对象包含：
-
-```javascript
-{
-  id: 123,
-  title: "事件标题",
-  description: "事件描述",
-  event_type: "tech",           // 类型
-  importance: "S",              // 重要性
-  status: "active",
-  created_at: "2025-01-21T14:30:00",
-  hot_score: 85.5,
-  view_count: 1234,
-  related_avg_chg: 5.2,         // 平均涨幅
-  related_max_chg: 15.8,        // 最大涨幅
-  keywords: ["AI", "芯片"],      // 关键词
-}
-```
-
---
-
-## ⚙️ 高级配置
-
-### 1. 条件订阅（用户设置）
-
-```jsx
-function EventsPage() {
-  const [enableNotifications, setEnableNotifications] = useState(
-    localStorage.getItem('enableEventNotifications') === 'true'
-  );
-
-  useEventNotifications({
-    eventType: 'all',
-    enabled: enableNotifications,  // 根据用户设置控制
-    onNewEvent: handleNewEvent
-  });
-
-  return (
-    <Switch
-      isChecked={enableNotifications}
-      onChange={(e) => {
-        const enabled = e.target.checked;
-        setEnableNotifications(enabled);
-        localStorage.setItem('enableEventNotifications', enabled);
-      }}
-    >
-      启用事件实时通知
-    </Switch>
-  );
-}
-```
-
---
-
-### 2. 多个订阅（不同类型）
-
-```jsx
-function MultiSubscriptionExample() {
-  // 订阅科技类事件
-  useEventNotifications({
-    eventType: 'tech',
-    onNewEvent: (event) => console.log('科技事件:', event)
-  });
-
-  // 订阅政策类事件
-  useEventNotifications({
-    eventType: 'policy',
-    onNewEvent: (event) => console.log('政策事件:', event)
-  });
-
-  return <div>...</div>;
-}
-```
-
---
-
-### 3. 防抖处理（避免通知过多）
-
-```jsx
-import { debounce } from 'lodash';
-
-const debouncedNotify = debounce((event) => {
-  toast({
-    title: '新事件',
-    description: event.title,
-  });
-}, 1000);
-
-useEventNotifications({
-  eventType: 'all',
-  onNewEvent: debouncedNotify
-});
-```
-
---
-
-## 🧪 测试步骤
-
-1. **启动 Flask 服务**
-   ```bash
-   python app.py
-   ```
-
-2. **启动 React 应用**
-   ```bash
-   npm start
-   ```
-
-3. **创建测试事件**
-   ```bash
-   python test_create_event.py
-   ```
-
-4. **观察结果**
-   - 最多等待 30 秒
-   - 前端页面应该显示通知
-   - 控制台输出日志
-
---
-
-## 🐛 常见问题
-
-### Q: 没有收到推送？
-**A:** 检查：
-1. Flask 服务是否启动
-2. 浏览器控制台是否有连接错误
-3. 后端日志是否显示 `[轮询] 发现 X 个新事件`
-
-### Q: 连接一直失败？
-**A:** 检查：
-1. API_BASE_URL 配置是否正确
-2. CORS 配置是否包含前端域名
-3. 防火墙/代理设置
-
-### Q: 收到重复通知？
-**A:** 检查是否多次调用了 Hook，确保只在需要的地方订阅一次。
-
---
-
-## 📚 更多资源
-
- Socket.IO 文档: https://socket.io/docs/v4/
- Chakra UI Toast: https://chakra-ui.com/docs/components/toast
- React Hooks: https://react.dev/reference/react
-
---
-
-**完成！🎉** 现在你的前端可以实时接收事件推送了！
--- a/email_sender.py
+++ b/email_sender.py
@@ -1,64 +0,0 @@
-#!/usr/bin/env python3
-# -*- coding: utf-8 -*-
-"""
-独立的邮件发送脚本（绕过 eventlet DNS 问题）
-
-使用方式：
-    python email_sender.py <to_email> <subject> <body> <smtp_server> <smtp_port> <username> <password> <use_ssl>
-
-返回值：
-    成功返回 0，失败返回 1
-"""
-
-import sys
-import smtplib
-from email.mime.text import MIMEText
-from email.mime.multipart import MIMEMultipart
-
-
-def send_email(to_email, subject, body, smtp_server, smtp_port, username, password, use_ssl):
-    """发送邮件"""
-    try:
-        # 创建邮件
-        msg = MIMEMultipart()
-        msg['From'] = username
-        msg['To'] = to_email
-        msg['Subject'] = subject
-        msg.attach(MIMEText(body, 'plain', 'utf-8'))
-
-        # 连接 SMTP 服务器
-        if use_ssl:
-            server = smtplib.SMTP_SSL(smtp_server, smtp_port, timeout=30)
-        else:
-            server = smtplib.SMTP(smtp_server, smtp_port, timeout=30)
-            server.starttls()
-
-        # 登录并发送
-        server.login(username, password)
-        server.sendmail(username, [to_email], msg.as_string())
-        server.quit()
-
-        print(f"Email sent successfully to {to_email}")
-        return True
-
-    except Exception as e:
-        print(f"Email Error: {type(e).__name__}: {e}")
-        return False
-
-
-if __name__ == "__main__":
-    if len(sys.argv) != 9:
-        print("Usage: python email_sender.py <to_email> <subject> <body> <smtp_server> <smtp_port> <username> <password> <use_ssl>")
-        sys.exit(1)
-
-    to_email = sys.argv[1]
-    subject = sys.argv[2]
-    body = sys.argv[3]
-    smtp_server = sys.argv[4]
-    smtp_port = int(sys.argv[5])
-    username = sys.argv[6]
-    password = sys.argv[7]
-    use_ssl = sys.argv[8].lower() == 'true'
-
-    success = send_email(to_email, subject, body, smtp_server, smtp_port, username, password, use_ssl)
-    sys.exit(0 if success else 1)
--- a/eslint-local-rules/index.js
+++ b/eslint-local-rules/index.js
@@ -1,9 +0,0 @@
-/**
- * 本地 ESLint 规则
- *
- * eslint-plugin-local-rules 需要直接导出规则对象
- * 在 .eslintrc.js 中通过 'local-rules/no-hardcoded-fui-colors' 使用
- */
-module.exports = {
-  'no-hardcoded-fui-colors': require('./no-hardcoded-fui-colors'),
-};
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
zzlgreat	f3ec5fb98d	update	2025-11-05 13:05:07 +08:00
zzlgreat	66885021ca	update	2025-11-05 13:03:53 +08:00
zzlgreat	aa9912d50e	update ip	2025-11-05 12:52:23 +08:00
zzlgreat	051b38f7ce	Merge branch 'origin_production/fixed_1105' of https://git.valuefrontier.cn/vf/vf_react into origin_production/fixed_1105	2025-11-05 11:22:50 +08:00
zzlgreat	da8122e887	update ip	2025-11-05 11:21:15 +08:00
root	96d98902c9	updated	2025-11-05 11:14:41 +08:00
zzlgreat	fc37df4385	init	2025-11-05 10:56:56 +08:00
				`@@ -1 +0,0 @@`
				`MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAkBfIjOiu8vfmOSq1BXcjDsAqQ+xtwGO0aCn0VrhVzc0T70nDchaW/TJ4nW8qlRMBlgfTi00jDGFiW4ND9JHc4aES8yiDSNeaBW4gLQhC1isvpOndyu4YgDc+2lMfghv9+6D8uFl9VS8Vk6o7D+5SiE7F8aBn49rrLyvsmdN5i6eLxIuY9NM58/o0xVG5f3ktGqfFKzhtclPbt8ej39EgziCiNFbIk2FnZp9dB56vtmCKht4t3STDpM0RfC8YlQ2WpGu9okLJYSy1rfynhh0hlOy/9y4cYl50wthoQVxH/Hm9abiTMo2u6xWESreavtdDZ8ByKVltnUrRvzDQ4tVkYwIDAQAB`
				`@@ -1 +0,0 @@`
				MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQCQF8iM6K7y9+Y5KrUFdyMOwCpD7G3AY7RoKfRWuFXNzRPvScNyFpb9MnidbyqVEwGWB9OLTSMMYWJbg0P0kdzhoRLzKINI15oFbiAtCELWKy+k6d3K7hiANz7aUx+CG/37oPy4WX1VLxWTqjsP7lKITsXxoGfj2usvK+yZ03mLp4vEi5j00znz+jTFUbl/eS0ap8UrOG1yU9u3x6Pf0SDOIKI0VsiTYWdmn10Hnq+2YIqG3i3dJMOkzRF8LxiVDZaka72iQslhLLWt/KeGHSGU7L/3LhxiXnTC2GhBXEf8eb1puJMyja7rFYRKt5q+10NnwHIpWW2dStG/MNDi1WRjAgMBAAECggEAHQ8+2fQfPE70djj/su94+YOVwocPB0rUWmGDrm2UmGGwkISezwZxQvUH0DBYNSJVIo3HgwN2ewu0y2HotY0pL7PNX46fE3Sv0kKIaKyO1iR1glvL6B4mgM0jduJmq1W73iB0dzVNCn3paxNcv/S/XlAMqZNBAHnpDmVcXRWCIMDG1yRN3l5NbfgPoQZI4MfAdthjIcIQmEVjNWy69swsdNndj8yrIu9E9RlWly/xqB/BJ6O53i0n+jyviy2grgHxo9VgWKv89qZiczioLT7aAJITpcMofUkGImZy+DHlf+6GU762UkwbLykYN2RRkw5TPvWt4ZUXeON4flr3ig02yQKBgQDMh82rc3TklOZSCw3lwYE58eeYxe9PXpZzcOyrSZZhCs0y528dmwYbm0mPlpVti1MGKnn2eGVKeGQ8a5CbJCi2T+VwIILWM9U2+h82nJW5KD6CYaE86KK/PlzhTGwmpecv8hafkpn51zvyjI3UkKbv/Ep+Mfy89PLumvh5Ze+EfwKBgQC0Wn1o0JCjgCt3K39tahavBuCPDvk7oLA6JLp2W9437YFeuh9L/gYdAtJU79WpmOfgr228cOlExdGGpHqLPSDFpN3ssx1pkUJ6RlTN8YInc+dbAkC6gsm5XR0Jvj4YqghyWHKhxXErnFGDof2EQq7ghHK9pokpBFPowwlzkpOeHQKBgFbqVwJG/COvCvlObUd3pbzECdEoO/wUjAbetBROHzN57Z12MAf6uuu8X9Q+/50fmdaC8nVE0HaHFsF+TGNBSHPBHBU8G51/RVopjF4eyJl4eqfZaTWC/rYagEnVuhfqZIZBcE+7cudzCayXAiaUmfxd0CI0h9yckyfGf1THdrNtAoGASMtNWwTznEqbQJpZ8HuldDe+Y3+TsTGGb7FrYWJrKv+9+9H719xL82G0K3wyLSX+UX39ONYKESwXCdVRcOnXVG7a9DLHaFitEFVa3VThR7NMajtajO1FJoAivFABGEto5V41xn2+0+9gJ1U20i9oDk7nUQzqx5drlsNCCVfcJTECgYEAlEYIQ3AiVqx0RqZjfbg+nyZQmoUfHPASY2Hu9pJWvLwXsQWSPh1gf03galXzZ46wrCaeLygGaoHXW7W8WwsYBR1tG7voQeSe8mmlWgiscmvmvqSowJ10BnsdWwpOTZ8O6rKy8HdyI8gFJyfJgfz+6KekcdGEnQbmwCvB8j+Y7IQ=