中文动态网页（优化版）

## 任务目标
将提供的文件内容转换为高质量的中文动态网页，确保信息完整性和视觉冲击力。

## 核心设计规范

### 🎨 视觉风格
- **主题风格**：Aurora Gradient Hero 设计语言
- **配色方案**：
  - 主色：纯黑色背景 (#000000)
  - 强调色：特斯拉红 (#E31937) 作为唯一高亮色
  - 渐变效果：仅使用红色自身的透明度渐变 (rgba(227, 25, 55, 0.1) → rgba(227, 25, 55, 1))

### 📝 字体层级
- **中文文字**：超大号粗体，作为视觉焦点
- **英文文字**：小号字体，作为装饰性元素
- **字体来源**：优先使用 Google Fonts 中符合科技感的字体
- **视觉对比**：通过字体大小形成强烈的层级反差

## 交互体验设计

### 📱 页面结构
- **布局方式**：全屏分页滚动，每个主题独占一屏
- **滚动效果**：集成 fullpage.js 实现流畅的垂直翻页
- **动效参考**：模仿 Apple 官网的段落切屏和视差缩放效果
- **响应触发**：鼠标滚动驱动的渐进式动画

### 📊 数据可视化
- **图表工具**：Apache ECharts 5 (CDN版本)
- **图表类型**：简洁的线性图表，与整体设计风格统一
- **样式要求**：黑红配色，线条简洁，科技感突出

## 技术实现标准

### 🛠 技术栈
- **标记语言**：HTML5 语义化标签
- **样式框架**：TailwindCSS 3.0+ (CDN引入)
- **脚本语言**：原生 JavaScript + 必要的动效库
- **图标系统**：Font Awesome 或 Material Icons (CDN引入)

### ⚠️ 约束条件
- **图标使用**：严格避免 emoji，仅使用专业图标库
- **内容完整性**：不得省略或简化任何原始信息要点
- **兼容性**：确保现代浏览器的良好显示效果

## 输出要求

### ✅ 质量标准
- **信息保真**：100% 还原原文件的所有信息点
- **视觉冲击**：通过超大元素与细节元素的对比营造视觉张力
- **交互流畅**：所有动效和滚动操作应丝滑自然
- **代码规范**：结构清晰，注释完整，便于维护

请基于以上规范，生成完整的 HTML 文件代码。