# 现代化股票分析平台

一个基于Flask + HTML/CSS/JavaScript的现代化股票分析平台，提供美观的用户界面和丰富的交互体验。

## ✨ 特性

- **🎨 现代化设计**: 玻璃拟态效果、渐变背景、流畅动画
- **📱 响应式布局**: 完美适配桌面和移动设备
- **⚡ 快速加载**: 轻量级架构，无需重型框架
- **🎯 交互丰富**: 实时图表、动态加载、键盘快捷键
- **🌙 深色模式**: 自动适配系统主题偏好

## 🚀 快速启动

### 方法一：使用启动脚本
```bash
./start_web.sh
```

### 方法二：手动启动
```bash
# 1. 激活虚拟环境
source venv/bin/activate

# 2. 安装依赖
pip install -r web/requirements.txt

# 3. 启动应用
cd web && python app.py
```

## 🌐 访问地址

启动后访问: [http://localhost:5001](http://localhost:5001)

## 📋 功能模块

### 1. 股票筛选
- 多种投资策略选择（价值投资、成长投资、技术分析）
- 可调节筛选条件（最低评分、结果数量）
- 实时图表展示（评分排行、行业分布）

### 2. 单股分析
- 股票代码输入验证
- 综合评分和投资建议
- 详细财务指标展示
- 雷达图可视化

### 3. 策略对比
- 多策略并行分析
- 对比结果可视化
- 最佳策略推荐

## ⌨️ 键盘快捷键

- `Ctrl + 1`: 切换到股票筛选
- `Ctrl + 2`: 切换到单股分析
- `Ctrl + 3`: 切换到策略对比
- `Ctrl + Enter`: 执行当前页面主要操作

## 🎨 设计特色

- **玻璃拟态**: 半透明背景 + 毛玻璃模糊效果
- **渐变主题**: 蓝紫色渐变配色方案
- **流畅动画**: 页面切换、加载状态、悬停效果
- **现代排版**: Inter 字体 + 合理的层次结构
- **智能提示**: Toast 通知 + 加载状态反馈

## 🔧 技术栈

- **前端**: HTML5 + CSS3 + Vanilla JavaScript
- **后端**: Flask (轻量级Python Web框架)
- **图表**: Chart.js
- **图标**: Font Awesome
- **字体**: Google Fonts (Inter)

## 📱 响应式适配

- **桌面**: 1200px+ (多列布局)
- **平板**: 768px-1199px (双列布局)
- **手机**: <768px (单列布局)

## 🎯 与Streamlit对比

| 特性 | Streamlit | 现代化平台 |
|------|-----------|------------|
| 设计自由度 | 受限 | 完全自定义 |
| 加载速度 | 较慢 | 快速 |
| 交互体验 | 基础 | 丰富 |
| 移动适配 | 一般 | 优秀 |
| 定制程度 | 低 | 高 |

## 🔄 项目结构

```
web/
├── app.py              # Flask后端
├── requirements.txt    # Python依赖
├── templates/
│   └── index.html     # 主页面
└── static/
    ├── css/
    │   └── style.css  # 样式文件
    └── js/
        └── app.js     # 交互脚本
```

现在你拥有了一个真正现代化的股票分析平台！🎉