# SkillQuest 页面截图

> 所有截图均存储在仓库 `docs/screenshots/` 目录中，点击图片可查看原始大图。

---

## 1. 公共页面

### 1.1 首页 (`/`)
[![首页](screenshots/01-homepage.png)](screenshots/01-homepage.png)

### 1.2 登录页 (`/login`)
[![登录页](screenshots/02-login.png)](screenshots/02-login.png)

### 1.3 注册页 (`/register`)
[![注册页](screenshots/03-register.png)](screenshots/03-register.png)

### 1.4 平台初始化 (`/setup-vendor`)
[![平台初始化](screenshots/04-setup-vendor.png)](screenshots/04-setup-vendor.png)

---

## 2. 学员端 (LEARNER)

### 2.1 学员仪表盘 (`/dashboard`)
[![学员仪表盘](screenshots/05-dashboard.png)](screenshots/05-dashboard.png)

### 2.2 闯关地图 (`/map`)
[![闯关地图](screenshots/06-map.png)](screenshots/06-map.png)

### 2.3 排行榜 (`/leaderboard`)
[![排行榜](screenshots/07-leaderboard.png)](screenshots/07-leaderboard.png)

### 2.4 成就系统 (`/achievements`)
[![成就系统](screenshots/10-achievements.png)](screenshots/10-achievements.png)

### 2.5 个人资料 (`/profile`)
[![个人资料](screenshots/11-profile.png)](screenshots/11-profile.png)

### 2.6 学习分析 (`/analytics`)
[![学习分析](screenshots/12-analytics.png)](screenshots/12-analytics.png)

### 2.7 学习路径 (`/learning-path`)
[![学习路径](screenshots/13-learning-path.png)](screenshots/13-learning-path.png)

---

## 3. 游戏关卡

### 3.1 关卡知识普及 (`/level/1`)
[![关卡知识普及](screenshots/24-level-briefing.png)](screenshots/24-level-briefing.png)

### 3.2 关卡答题 (Canvas 游戏界面)
[![关卡答题](screenshots/25-level-play.png)](screenshots/25-level-play.png)

### 3.3 结算页 (`/results`)
[![结算页](screenshots/23-results.png)](screenshots/23-results.png)

### 3.4 专家对比复盘 (`/replay`)
[![专家对比复盘](screenshots/26-replay.png)](screenshots/26-replay.png)

---

## 4. 管理端 (ADMIN)

### 4.1 课程管理后台 (`/courses`)
[![课程管理后台](screenshots/08-courses.png)](screenshots/08-courses.png)

### 4.2 管理端数据看板 (`/admin/dashboard`)
[![管理端数据看板](screenshots/14-admin-dashboard.png)](screenshots/14-admin-dashboard.png)

### 4.3 审核中心 - 列表 (`/admin/review`)
[![审核中心列表](screenshots/15-admin-review.png)](screenshots/15-admin-review.png)

### 4.4 审核中心 - 详情 (双Agent验证 + RAG原文引用)
[![审核中心详情](screenshots/16-admin-review-detail.png)](screenshots/16-admin-review-detail.png)

### 4.5 数据看板 (`/admin/analytics`)
[![数据看板](screenshots/17-admin-analytics.png)](screenshots/17-admin-analytics.png)

### 4.6 用户管理 (`/admin/users`)
[![用户管理](screenshots/18-admin-users.png)](screenshots/18-admin-users.png)

### 4.7 团队管理 (`/admin/partners`)
[![团队管理](screenshots/19-admin-partners.png)](screenshots/19-admin-partners.png)

### 4.8 课程管理 (`/admin/courses`)
[![课程管理](screenshots/20-admin-courses.png)](screenshots/20-admin-courses.png)

---

## 5. TRAINER 端

### 5.1 代理商课程管理 (`/courses/agency`)
[![代理商课程管理](screenshots/09-courses-agency.png)](screenshots/09-courses-agency.png)

---

## 6. 展示与特殊页面

### 6.1 产品介绍 (`/showcase`)
[![产品介绍](screenshots/21-showcase.png)](screenshots/21-showcase.png)

### 6.2 ZBS 数据分布仿真 (`/data-gravity`)

> **定位变更**：原为独立物理仿真 Demo，现已作为 ZBS 分布式存储关卡 (l2) 的前置互动预习页面。
> 所有 UI 术语已改为 ZBS 知识点语义（副本锚定、网络隔离、节点故障注入等），详见 `SkillQuest/docs/ARCHITECTURE.md` 变更日志。

[![ZBS 数据分布仿真](screenshots/22-data-gravity.png)](screenshots/22-data-gravity.png)