nav: 三级导航分页结构 + 中国地区索引

- 02-game-design 地图结构重写：洲→国家→城市，3x3棋盘分页
- 中国 40 城按 8 地区分组（华北/东北/华东/华中/华南/西南/西北/港澳）
- 导航索引数据：continents/index + asia + regions/china + pagination工具

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

docs/02-game-design.md

@@ -75,38 +75,160 @@
 
 ## 2. 地图结构
 
-### 2.1 导航层级（MVP 简化为二级）
+### 2.1 导航层级
 
 ```
-MVP 首版：直接进入亚洲城市页（跳过洲选择页）
-  城市选择（3x3 棋盘） → 城市关卡（单局游戏）
-
-V1.1 扩展第二个洲后：
-  洲选择（3x3 棋盘） → 城市选择（3x3 棋盘） → 城市关卡
+洲（3x3 棋盘）
+  └── 国家（3x3 棋盘，超过 9 国分页）
+       └── 城市（3x3 棋盘，超过 9 城分页）
+            └── 关卡（单局游戏）
 ```
 
-预留洲选择页的代码入口但 MVP 不显示。
+中国因城市数量多（40 城），额外增加"地区"层级：
 
-### 2.2 主页面设计
+```
+亚洲 → 中国 → 地区（3x3）→ 城市（3x3）→ 关卡
+亚洲 → 日本 → 城市（3x3）→ 关卡
+```
 
-- MVP 直接显示亚洲城市 3x3 棋盘，顶部标题"亚洲"
-- V1.1 扩展第二个洲后再开启洲选择页
+### 2.2 洲选择页（第 1 级）
 
-### 2.3 洲内页面设计
+1 页，3×3 棋盘：
 
-- 3x3 棋盘布局，每格代表一个城市
-- 城市封面：特色猫猫头像 + 城市名
-- 已通关城市：猫猫头像点亮 + 通关星级
-- 未解锁城市：灰色剪影 + 锁图标
-- 解锁规则：顺序解锁（通关前一个解锁下一个），第 1 个城市默认解锁
+```
+┌────────┬────────┬────────┐
+│  亚洲  │  欧洲  │ 北美洲 │
+├────────┼────────┼────────┤
+│ 南美洲 │  非洲  │ 大洋洲 │
+├────────┼────────┼────────┤
+│        │        │        │
+└────────┴────────┴────────┘
+```
 
-### 2.4 城市关卡结构
+6 个洲，3 个空位留给未来扩展。MVP 只开放亚洲，其余显示锁定 + "即将开放"。
 
-每个城市包含 **6 个基础关卡**，全部通关才算"通关该城市"。
+每个洲的封面：洲标志性图案 + 解锁进度（如"6/70 城市已解锁"）。
 
-- 每关使用该城市 12-15 个特色元素中的 8-12 个
-- 难度递增：关 1 用 6 种元素各 3 个，关 6 用 10 种元素，各 3 或 6 个（混合配置） + 更深堆叠
-- 通关后获得该城市的猫猫收集卡
+### 2.3 国家选择页（第 2 级）
+
+#### 亚洲 — 2 页
+
+Page 1:
+```
+┌────────┬────────┬────────┐
+│  中国  │  日本  │  韩国  │
+├────────┼────────┼────────┤
+│  泰国  │ 新加坡 │  越南  │
+├────────┼────────┼────────┤
+│马来西亚│印度尼西亚│ 菲律宾│
+└────────┴────────┴────────┘
+```
+
+Page 2:
+```
+┌────────┬────────┬────────┐
+│  印度  │ 阿联酋 │ 土耳其 │
+├────────┼────────┼────────┤
+│ 以色列 │ 尼泊尔 │ 柬埔寨 │
+├────────┼────────┼────────┤
+│斯里兰卡│  缅甸  │  蒙古  │
+└────────┴────────┴────────┘
+```
+
+#### 欧洲 — 2 页
+
+Page 1:
+```
+法国、英国、意大利、西班牙、德国、荷兰、瑞士、奥地利、捷克
+```
+
+Page 2:
+```
+希腊、俄罗斯、葡萄牙、挪威、瑞典、丹麦、芬兰、冰岛、匈牙利
+```
+
+#### 北美洲 — 1 页
+```
+美国、加拿大、墨西哥 + 6 空位
+```
+
+#### 南美洲 — 1 页
+```
+巴西、阿根廷、秘鲁、智利、哥伦比亚 + 4 空位
+```
+
+#### 非洲 — 1 页
+```
+埃及、南非、摩洛哥、肯尼亚 + 5 空位
+```
+
+#### 大洋洲 — 1 页
+```
+澳大利亚、新西兰 + 7 空位
+```
+
+### 2.4 中国地区选择页（第 3 级，仅中国）
+
+中国 40 个城市按地区分组，1 页 3×3：
+
+```
+┌────────┬────────┬────────┐
+│  华北  │  东北  │  华东  │
+├────────┼────────┼────────┤
+│  华中  │  华南  │  西南  │
+├────────┼────────┼────────┤
+│  西北  │  港澳  │        │
+└────────┴────────┴────────┘
+```
+
+各地区包含城市：
+
+| 地区 | 城市 | 数量 | 页数 |
+|------|------|------|------|
+| 华北 | 北京、天津、石家庄、太原、呼和浩特 | 5 | 1 |
+| 东北 | 沈阳、长春、哈尔滨、大连 | 4 | 1 |
+| 华东 | 上海、南京、杭州、合肥、福州、南昌、济南、苏州、厦门、青岛、宁波 | 11 | 2 |
+| 华中 | 郑州、武汉、长沙 | 3 | 1 |
+| 华南 | 广州、深圳、南宁、海口、三亚 | 5 | 1 |
+| 西南 | 成都、重庆、贵阳、昆明、拉萨 | 5 | 1 |
+| 西北 | 西安、兰州、西宁、银川、乌鲁木齐 | 5 | 1 |
+| 港澳 | 香港、澳门 | 2 | 1 |
+
+### 2.5 城市选择页（第 3/4 级）
+
+#### 其他国家（非中国）— 直接展示城市
+
+| 国家 | 城市数 | 页数 |
+|------|--------|------|
+| 日本 | 4（东京、大阪、京都、札幌） | 1 |
+| 韩国 | 3（首尔、釜山、济州） | 1 |
+| 泰国 | 3（曼谷、清迈、普吉） | 1 |
+| 美国 | 7（纽约、洛杉矶、旧金山、拉斯维加斯、华盛顿、芝加哥、迈阿密） | 1 |
+| 意大利 | 4（罗马、米兰、威尼斯、佛罗伦萨） | 1 |
+| 其他国家 | 1-3 | 1 |
+
+所有国家的城市数均 ≤ 9，无需分页（除华东 11 城需 2 页外）。
+
+### 2.6 城市封面设计
+
+每个格子显示：
+- 该城市/国家/洲的特色猫猫头像（已解锁：彩色，未解锁：灰色剪影）
+- 名称（中文）
+- 进度信息（已解锁："X/6 关"，未解锁："🔒"）
+
+### 2.7 分页交互
+
+- 左右滑动翻页，底部圆点指示器
+- 首次进入默认第 1 页
+- 翻页动画 0.3s 弹性过渡
+
+### 2.8 解锁规则
+
+- 同一层级内顺序解锁（通关前一个解锁下一个）
+- 第一个项目默认解锁
+- 跨层级：通关一个国家所有城市后，解锁下一个国家
+- 中国地区内：通关华北所有城市后解锁东北，以此类推
+- MVP 只开放亚洲洲，亚洲内只开放中国（北京）和已有 MVP 城市
 
 ---