# Tasks

- [ ] Task 1: 创建AQIDetails桌面端页面组件
  - [ ] SubTask 1.1: 创建 `src/pages/AQIDetails/` 目录
  - [ ] SubTask 1.2: 实现AQIDetails.tsx，参考ApiDetail.tsx结构
  - [ ] SubTask 1.3: 实现Hero区域（标题"空气质量查询API"）
  - [ ] SubTask 1.4: 实现文档Tab（接口信息、请求参数表、响应示例、错误码）
  - [ ] SubTask 1.5: 实现测试Tab（URL输入框、city输入框、发送按钮、响应展示）
  - [ ] SubTask 1.6: 使用useTranslation hook支持i18n
  - [ ] SubTask 1.7: 使用useNavigate hook

- [ ] Task 2: 创建AQIDetailsMobile移动端页面组件
  - [ ] SubTask 2.1: 参考ApiDetailMobile.tsx结构
  - [ ] SubTask 2.2: 实现简化布局适配移动端

- [ ] Task 3: 创建AQIDetails.css绿色主题样式
  - [ ] SubTask 3.1: 参考ApiDetail.css结构
  - [ ] SubTask 3.2: 应用绿色主题配色

- [ ] Task 4: 在App.tsx中添加路由
  - [ ] SubTask 4.1: 导入AQIDetails和AQIDetailsMobile组件
  - [ ] SubTask 4.2: 添加Route path="/api/air-quality-details"

- [ ] Task 5: 在i18n文件中添加翻译键
  - [ ] SubTask 5.1: 在zh.json中添加aqiDetails键
  - [ ] SubTask 5.2: 在en.json中添加aqiDetails键
  - [ ] SubTask 5.3: 在ja.json中添加aqiDetails键
  - [ ] SubTask 5.4: 在ko.json中添加aqiDetails键
  - [ ] SubTask 5.5: 在zh-TW.json中添加aqiDetails键
  - [ ] SubTask 5.6: 在ru.json中添加aqiDetails键

- [ ] Task 6: 更新tasks.md标记完成
  - [ ] SubTask 6.1: 标记Task 1-5为已勾选状态

# Task Dependencies
- Task 2 依赖于 Task 1 (共享组件结构理解)
- Task 4 依赖于 Task 1, Task 2 (需要组件导入)
- Task 5 独立，可并行执行