发布 SOMA 手部数据图谱：46 个数据集、100 对样例、服务器同步脚本

.gitattributes

@@ -33,3 +33,15 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+media/cocowb/9fcab59ec353483a0635_gt.jpg filter=lfs diff=lfs merge=lfs -text
+media/cocowb/9fcab59ec353483a0635_rgb.jpg filter=lfs diff=lfs merge=lfs -text
+media/genhumanego/team_gen-humanego_0_gt.jpg filter=lfs diff=lfs merge=lfs -text
+media/genhumanego/team_gen-humanego_0_rgb.jpg filter=lfs diff=lfs merge=lfs -text
+media/genhumanego/team_gen-humanego_1_gt.jpg filter=lfs diff=lfs merge=lfs -text
+media/genhumanego/team_gen-humanego_1_rgb.jpg filter=lfs diff=lfs merge=lfs -text
+media/genhumanego/team_gen-humanego_2_gt.jpg filter=lfs diff=lfs merge=lfs -text
+media/genhumanego/team_gen-humanego_2_rgb.jpg filter=lfs diff=lfs merge=lfs -text
+media/genhumanego/team_gen-humanego_3_gt.jpg filter=lfs diff=lfs merge=lfs -text
+media/genhumanego/team_gen-humanego_3_rgb.jpg filter=lfs diff=lfs merge=lfs -text
+media/mpiinzsl/mpiinzsl_047704994_01_r_native2d_gt.jpg filter=lfs diff=lfs merge=lfs -text
+media/mpiinzsl/mpiinzsl_047704994_01_r_native2d_rgb.jpg filter=lfs diff=lfs merge=lfs -text

README.md

@@ -33,6 +33,9 @@ data/previews.json    # 样例登记
 media/<id>/           # 样例图片
 tools/make_data.py    # 编辑数据集信息的地方
 tools/add_preview.py  # 添加一对 RGB / GT 叠加样例
+tools/import_team_previews.py  # 从团队 Space 导入已有叠加样例
+tools/server_sync.py  # 在数据服务器上批量生成样例，传到 HF Dataset 仓库并登记
+tools/render_overlay.py  # 把 MANO / SOMA 网格投影到 RGB 上生成叠加图
 tools/build.py        # 由 src/page.html 生成 index.html
 ```
 
@@ -46,6 +49,13 @@ vim tools/make_data.py && python tools/make_data.py
 python tools/add_preview.py hograspnet --rgb s01_rgb.png --gt s01_gt.png \
     --caption "受试者 01，侧捏" --source "官方 MANO → SOMA"
 
+# 在数据服务器上批量同步样例（推荐，见 tools/server_sync.py 顶部说明）
+export HF_TOKEN=hf_xxx
+python tools/server_sync.py manifest.jsonl --replace
+
+# 从团队图册同步已有样例
+python tools/import_team_previews.py --per 4
+
 # 改了页面源码后
 python tools/build.py
 

data/datasets.json

@@ -1012,6 +1012,7 @@
     "depth": true
    },
    "fills": "手与表面接触的压力，带第一视角。",
+   "risk": "HaMeR 初始化后用多视角 RGB-D、分割、压力和时序约束拟合 MANO，手上没有 marker。",
    "links": [
     {
      "label": "论文 arXiv:2409.02224",
@@ -1024,7 +1025,6 @@
      "url": "https://yangzijing-nine-source-hand-data-browser.static.hf.space/egocentric_embodied_datasets_20261020/index.html"
     }
    ],
-   "risk": "",
    "subjects": "",
    "scale": ""
   },
@@ -1038,15 +1038,14 @@
    ],
    "source": "ego",
    "method": "marker",
-   "gt": "手部 3D（光学动捕）",
+   "gt": "MANO（光捕 marker 经 markers2mano 拟合）",
    "tier": "S2",
    "route": "R1",
-   "camera": "第一视角 + 26 相机光学动捕",
+   "camera": "头戴 GoPro 60 FPS + 26 相机光学动捕",
    "rig": {
     "ego": true
    },
    "fills": "第一视角与肌电同步，光学动捕真值。",
-   "risk": "手部模型格式待核。",
    "links": [
     {
      "label": "论文 arXiv:2605.05712",
@@ -1059,6 +1058,7 @@
      "url": "https://yangzijing-nine-source-hand-data-browser.static.hf.space/egocentric_embodied_datasets_20261020/index.html"
     }
    ],
+   "risk": "",
    "subjects": "",
    "scale": ""
   },
@@ -1075,14 +1075,14 @@
    "gt": "MANO",
    "tier": "S3",
    "route": "R1",
-   "camera": "多台 RGB-D + 头显第一视角",
+   "camera": "多台 RGB-D + HoloLens 第一视角 RGB",
    "rig": {
     "ego": true,
     "exo": 8,
     "depth": true
    },
    "fills": "手物交互，含第一视角。",
-   "risk": "标注细节待核。",
+   "risk": "多视角 RGB-D 与关键点约束拟合 MANO，不使用光捕。",
    "team": [
     {
      "label": "团队图册：第一人称具身数据集",
@@ -1112,7 +1112,7 @@
     "exo": 12
    },
    "fills": "双手使用工具的交互。",
-   "risk": "标注方式待核，暂归入关键点三角化。",
+   "risk": "多视角 MMPose 三角化后做 MANO 接触与时序拟合，手上没有光捕。",
    "team": [
     {
      "label": "团队图册：第一人称具身数据集",
@@ -1720,10 +1720,10 @@
     "第一人称图册"
    ],
    "source": "norgb",
-   "method": "pseudo",
-   "gt": "自动标注为主",
-   "tier": "S5",
-   "route": "R7",
+   "method": "mvkp",
+   "gt": "UmeTrack（另提供 MANO / MHR 转换）",
+   "tier": "S4",
+   "route": "R1",
    "camera": "黑白鱼眼",
    "rig": {
     "ego": true,
@@ -1731,7 +1731,7 @@
     "mono": true
    },
    "fills": "团队已排除。",
-   "risk": "主标注自动生成，人工核验子集不具代表性；黑白鱼眼不满足真实 RGB 条件。",
+   "risk": "无标记多视角自动拟合，人工核验子集不具代表性；黑白鱼眼不满足真实 RGB 条件。",
    "team": [
     {
      "label": "团队图册：第一人称具身数据集",

data/previews.json

@@ -1 +1,652 @@
-{}
+{
+ "egodex": [
+  {
+   "rgb": "media/egodex/team_egodex_0_rgb.jpg",
+   "gt": "media/egodex/team_egodex_0_gt.jpg",
+   "caption": "test/stock_unstock_fridge/1 / frame 201 · Vision Pro RGB · Apple EgoDex · 来源 CC-BY-NC-ND 4.0 · 复用已有研究对照画面",
+   "source": "RGB + 官方 ARKit 3D 骨架投影（估计标签）（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/egodex/team_egodex_1_rgb.jpg",
+   "gt": "media/egodex/team_egodex_1_gt.jpg",
+   "caption": "test/stock_unstock_fridge/1 / frame 321 · Vision Pro RGB · Apple EgoDex · 来源 CC-BY-NC-ND 4.0 · 复用已有研究对照画面",
+   "source": "RGB + 官方 ARKit 3D 骨架投影（估计标签）（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/egodex/team_egodex_2_rgb.jpg",
+   "gt": "media/egodex/team_egodex_2_gt.jpg",
+   "caption": "test/braid_unbraid/3 / frame 413 · Vision Pro RGB · Apple EgoDex · 来源 CC-BY-NC-ND 4.0 · 复用已有研究对照画面",
+   "source": "RGB + 官方 ARKit 3D 骨架投影（估计标签）（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/egodex/team_egodex_3_rgb.jpg",
+   "gt": "media/egodex/team_egodex_3_gt.jpg",
+   "caption": "test/braid_unbraid/3 / frame 533 · Vision Pro RGB · Apple EgoDex · 来源 CC-BY-NC-ND 4.0 · 复用已有研究对照画面",
+   "source": "RGB + 官方 ARKit 3D 骨架投影（估计标签）（团队图册 2026-10-22）"
+  }
+ ],
+ "egoemg": [
+  {
+   "rgb": "media/egoemg/team_egoemg_0_rgb.jpg",
+   "gt": "media/egoemg/team_egoemg_0_gt.jpg",
+   "caption": "episode_000028 · frame 600 · 10.00 s · 头戴 GoPro · 60 FPS · CC-BY-NC-4.0（论文 A.3）；作者公开旧版镜像；本页作抽帧、缩放和 MANO 叠加",
+   "source": "RGB + 光捕重建 MANO（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/egoemg/team_egoemg_1_rgb.jpg",
+   "gt": "media/egoemg/team_egoemg_1_gt.jpg",
+   "caption": "episode_000000 · frame 25139 · 418.98 s · gesture ID 40 · 头戴 GoPro · 60 FPS · CC-BY-NC-4.0（论文 A.3）；Ziheng Xi et al.；作者公开旧版镜像；抽帧、缩放和 MANO 叠加",
+   "source": "RGB + 光捕重建 MANO（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/egoemg/team_egoemg_2_rgb.jpg",
+   "gt": "media/egoemg/team_egoemg_2_gt.jpg",
+   "caption": "episode_000023 · frame 41250 · 687.50 s · gesture ID 12 · 头戴 GoPro · 60 FPS · CC-BY-NC-4.0（论文 A.3）；Ziheng Xi et al.；作者公开旧版镜像；抽帧、缩放和 MANO 叠加",
+   "source": "RGB + 光捕重建 MANO（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/egoemg/team_egoemg_3_rgb.jpg",
+   "gt": "media/egoemg/team_egoemg_3_gt.jpg",
+   "caption": "episode_000037 · frame 50260 · 837.67 s · gesture ID 59 · 手指姿态不贴合（原因未确认） · 头戴 GoPro · 60 FPS · CC-BY-NC-4.0（论文 A.3）；Ziheng Xi et al.；作者公开旧版镜像；抽帧、缩放和 MANO 叠加",
+   "source": "RGB + 光捕重建 MANO（团队图册 2026-10-22）"
+  }
+ ],
+ "egopressure": [
+  {
+   "rgb": "media/egopressure/team_egopressure_0_rgb.jpg",
+   "gt": "media/egopressure/team_egopressure_0_gt.jpg",
+   "caption": "p_001_index_press_low_x5_left · frame 28 · cam-d · 头戴 RGB-D 相机 · CC-BY-NC-SA-4.0；Zhao, Kwon, Streli, Pollefeys, Holz；MANO: Romero et al.；仅渲染图",
+   "source": "RGB + 官方拟合 MANO 网格（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/egopressure/team_egopressure_1_rgb.jpg",
+   "gt": "media/egopressure/team_egopressure_1_gt.jpg",
+   "caption": "p_002_pinch_thumb-down_high_5x_left · frame 248 · cam-d · 头戴 RGB-D 相机 · CC-BY-NC-SA-4.0；Zhao, Kwon, Streli, Pollefeys, Holz；MANO: Romero et al.；仅渲染图",
+   "source": "RGB + 官方拟合 MANO 网格（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/egopressure/team_egopressure_2_rgb.jpg",
+   "gt": "media/egopressure/team_egopressure_2_gt.jpg",
+   "caption": "p_003_press_fingers_high_5x_right · frame 115 · cam-d · 头戴 RGB-D 相机 · CC-BY-NC-SA-4.0；Zhao, Kwon, Streli, Pollefeys, Holz；MANO: Romero et al.；仅渲染图",
+   "source": "RGB + 官方拟合 MANO 网格（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/egopressure/team_egopressure_3_rgb.jpg",
+   "gt": "media/egopressure/team_egopressure_3_gt.jpg",
+   "caption": "p_004_type_ipad_5x_right · frame 291 · cam-d · 头戴 RGB-D 相机 · CC-BY-NC-SA-4.0；Zhao, Kwon, Streli, Pollefeys, Holz；MANO: Romero et al.；仅渲染图",
+   "source": "RGB + 官方拟合 MANO 网格（团队图册 2026-10-22）"
+  }
+ ],
+ "egoverse": [
+  {
+   "rgb": "media/egoverse/team_egoverse_0_rgb.jpg",
+   "gt": "media/egoverse/team_egoverse_0_gt.jpg",
+   "caption": "2025-09-20-18-44-29-000000 / frame 60 · Aria · front_1 · CC BY-SA 4.0 · RL2 / EgoVerse",
+   "source": "RGB + 官方 Aria 3D 关键点投影（估计标签）（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/egoverse/team_egoverse_1_rgb.jpg",
+   "gt": "media/egoverse/team_egoverse_1_gt.jpg",
+   "caption": "2025-09-20-18-44-29-000000 / frame 150 · Aria · front_1 · CC BY-SA 4.0 · RL2 / EgoVerse",
+   "source": "RGB + 官方 Aria 3D 关键点投影（估计标签）（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/egoverse/team_egoverse_2_rgb.jpg",
+   "gt": "media/egoverse/team_egoverse_2_gt.jpg",
+   "caption": "2025-09-20-18-44-29-000000 / frame 300 · Aria · front_1 · CC BY-SA 4.0 · RL2 / EgoVerse",
+   "source": "RGB + 官方 Aria 3D 关键点投影（估计标签）（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/egoverse/team_egoverse_3_rgb.jpg",
+   "gt": "media/egoverse/team_egoverse_3_gt.jpg",
+   "caption": "2025-09-20-18-44-29-000000 / frame 600 · Aria · front_1 · CC BY-SA 4.0 · RL2 / EgoVerse",
+   "source": "RGB + 官方 Aria 3D 关键点投影（估计标签）（团队图册 2026-10-22）"
+  }
+ ],
+ "hocap": [
+  {
+   "rgb": "media/hocap/team_hocap_0_rgb.jpg",
+   "gt": "media/hocap/team_hocap_0_gt.jpg",
+   "caption": "subject_7-20231022_192832 · frame 45 · HoloLens 第一视角 RGB · CC-BY-4.0；署名 Jikai Wang 等；已抽帧并叠加",
+   "source": "RGB + 官方 MANO 拟合标注（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/hocap/team_hocap_1_rgb.jpg",
+   "gt": "media/hocap/team_hocap_1_gt.jpg",
+   "caption": "subject_7-20231022_192832 · frame 175 · HoloLens 第一视角 RGB · CC-BY-4.0；署名 Jikai Wang 等；已抽帧并叠加",
+   "source": "RGB + 官方 MANO 拟合标注（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/hocap/team_hocap_2_rgb.jpg",
+   "gt": "media/hocap/team_hocap_2_gt.jpg",
+   "caption": "subject_7-20231022_192832 · frame 240 · HoloLens 第一视角 RGB · CC-BY-4.0；署名 Jikai Wang 等；已抽帧并叠加",
+   "source": "RGB + 官方 MANO 拟合标注（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/hocap/team_hocap_3_rgb.jpg",
+   "gt": "media/hocap/team_hocap_3_gt.jpg",
+   "caption": "subject_7-20231022_192832 · frame 370 · HoloLens 第一视角 RGB · CC-BY-4.0；署名 Jikai Wang 等；已抽帧并叠加",
+   "source": "RGB + 官方 MANO 拟合标注（团队图册 2026-10-22）"
+  }
+ ],
+ "interhand": [
+  {
+   "rgb": "media/interhand/interhand_test_C1_f27268_right_cam400375_rgb.jpg",
+   "gt": "media/interhand/interhand_test_C1_f27268_right_cam400375_gt.jpg",
+   "caption": "ROM07_Rt_Finger_Occlusions · 帧 27268 · 右手 · test",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/interhand/interhand_test_C1_f27502_right_cam400375_rgb.jpg",
+   "gt": "media/interhand/interhand_test_C1_f27502_right_cam400375_gt.jpg",
+   "caption": "ROM07_Rt_Finger_Occlusions · 帧 27502 · 右手 · test",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/interhand/interhand_test_C1_f28108_right_cam400285_rgb.jpg",
+   "gt": "media/interhand/interhand_test_C1_f28108_right_cam400285_gt.jpg",
+   "caption": "ROM07_Rt_Finger_Occlusions · 帧 28108 · 右手 · test",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/interhand/interhand_test_C1_f27376_right_cam400285_rgb.jpg",
+   "gt": "media/interhand/interhand_test_C1_f27376_right_cam400285_gt.jpg",
+   "caption": "ROM07_Rt_Finger_Occlusions · 帧 27376 · 右手 · test",
+   "source": "MANO（团队图册 2026-10-13）"
+  }
+ ],
+ "mpiinzsl": [
+  {
+   "rgb": "media/mpiinzsl/mpiinzsl_025270786_01_l_native2d_rgb.jpg",
+   "gt": "media/mpiinzsl/mpiinzsl_025270786_01_l_native2d_gt.jpg",
+   "caption": "静态图像 · 帧 025270786.jpg · 左手 · manual_train",
+   "source": "2D（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/mpiinzsl/mpiinzsl_047704994_01_r_native2d_rgb.jpg",
+   "gt": "media/mpiinzsl/mpiinzsl_047704994_01_r_native2d_gt.jpg",
+   "caption": "静态图像 · 帧 047704994.jpg · 右手 · manual_train",
+   "source": "2D（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/mpiinzsl/mpiinzsl_Ricki_unit_8_flv_000040_l_native2d_rgb.jpg",
+   "gt": "media/mpiinzsl/mpiinzsl_Ricki_unit_8_flv_000040_l_native2d_gt.jpg",
+   "caption": "静态图像 · 帧 Ricki_unit_8.flv_000040 · 左手 · manual_train",
+   "source": "2D（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/mpiinzsl/mpiinzsl_Jackie_unit_10_flv_000118_r_native2d_rgb.jpg",
+   "gt": "media/mpiinzsl/mpiinzsl_Jackie_unit_10_flv_000118_r_native2d_gt.jpg",
+   "caption": "静态图像 · 帧 Jackie_unit_10.flv_000118 · 右手 · manual_train",
+   "source": "2D（团队图册 2026-10-13）"
+  }
+ ],
+ "openaoe": [
+  {
+   "rgb": "media/openaoe/team_openaoe_0_rgb.jpg",
+   "gt": "media/openaoe/team_openaoe_0_gt.jpg",
+   "caption": "aoe_20260131_193028_p000 · frame 400 · 第一视角 RGB（官方去畸变） · Open-AoE Dataset License；仅发布抽帧与叠加图",
+   "source": "RGB + 官方 MANO 拟合标注（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/openaoe/team_openaoe_1_rgb.jpg",
+   "gt": "media/openaoe/team_openaoe_1_gt.jpg",
+   "caption": "aoe_20260131_193028_p000 · frame 1800 · 第一视角 RGB（官方去畸变） · Open-AoE Dataset License；仅发布抽帧与叠加图",
+   "source": "RGB + 官方 MANO 拟合标注（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/openaoe/team_openaoe_2_rgb.jpg",
+   "gt": "media/openaoe/team_openaoe_2_gt.jpg",
+   "caption": "aoe_20260131_193028_p000 · frame 2600 · 第一视角 RGB（官方去畸变） · Open-AoE Dataset License；仅发布抽帧与叠加图",
+   "source": "RGB + 官方 MANO 拟合标注（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/openaoe/team_openaoe_3_rgb.jpg",
+   "gt": "media/openaoe/team_openaoe_3_gt.jpg",
+   "caption": "aoe_20260131_193028_p000 · frame 4300 · 第一视角 RGB（官方去畸变） · Open-AoE Dataset License；仅发布抽帧与叠加图",
+   "source": "RGB + 官方 MANO 拟合标注（团队图册 2026-10-22）"
+  }
+ ],
+ "show3d": [
+  {
+   "rgb": "media/show3d/team_show3d_0_rgb.jpg",
+   "gt": "media/show3d/team_show3d_0_gt.jpg",
+   "caption": "ASC023/aria_inspecting_f5e9 · frame 100 · headset0 · CC-BY-NC-4.0；缩放/裁出对应相机",
+   "source": "原图 + 官方 MANO mesh（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/show3d/team_show3d_1_rgb.jpg",
+   "gt": "media/show3d/team_show3d_1_gt.jpg",
+   "caption": "LSU826/cancoke_opening_d68c · frame 1492 · headset0 · 单色 ego · CC-BY-NC-4.0；Meta SHOW3D；裁出对应相机、缩放",
+   "source": "原图 + 官方 MANO mesh（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/show3d/team_show3d_2_rgb.jpg",
+   "gt": "media/show3d/team_show3d_2_gt.jpg",
+   "caption": "HLU829/keyboard2_clean-keyboard_1d3c · frame 2088 · headset1 · 单色 ego · CC-BY-NC-4.0；Meta SHOW3D；裁出对应相机、缩放",
+   "source": "原图 + 官方 MANO mesh（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/show3d/team_show3d_3_rgb.jpg",
+   "gt": "media/show3d/team_show3d_3_gt.jpg",
+   "caption": "PRI519/balandabowl_covering-uncovering_1178 · frame 2386 · headset1 · 单色 ego · CC-BY-NC-4.0；Meta SHOW3D；裁出对应相机、缩放",
+   "source": "原图 + 官方 MANO mesh（团队图册 2026-10-22）"
+  }
+ ],
+ "taco": [
+  {
+   "rgb": "media/taco/team_taco_0_rgb.jpg",
+   "gt": "media/taco/team_taco_0_gt.jpg",
+   "caption": "(brush, brush, box) · 20230930_038 · frame 26 · 头戴 ego RGB · CC-BY-4.0；署名 Yun Liu 等；已抽帧并叠加",
+   "source": "RGB + 官方 MANO 拟合标注（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/taco/team_taco_1_rgb.jpg",
+   "gt": "media/taco/team_taco_1_gt.jpg",
+   "caption": "(brush, brush, box) · 20230930_038 · frame 106 · 头戴 ego RGB · CC-BY-4.0；署名 Yun Liu 等；已抽帧并叠加",
+   "source": "RGB + 官方 MANO 拟合标注（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/taco/team_taco_2_rgb.jpg",
+   "gt": "media/taco/team_taco_2_gt.jpg",
+   "caption": "(stir, spoon, bowl) · 20231104_190 · frame 26 · 头戴 ego RGB · CC-BY-4.0；署名 Yun Liu 等；已抽帧并叠加",
+   "source": "RGB + 官方 MANO 拟合标注（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/taco/team_taco_3_rgb.jpg",
+   "gt": "media/taco/team_taco_3_gt.jpg",
+   "caption": "(stir, spoon, bowl) · 20231104_190 · frame 105 · 头戴 ego RGB · CC-BY-4.0；署名 Yun Liu 等；已抽帧并叠加",
+   "source": "RGB + 官方 MANO 拟合标注（团队图册 2026-10-22）"
+  }
+ ],
+ "xperience": [
+  {
+   "rgb": "media/xperience/team_xperience_0_rgb.jpg",
+   "gt": "media/xperience/team_xperience_0_gt.jpg",
+   "caption": "coffee sample · frame 500 · stereo_left · CC-BY-NC-4.0；MANO 解码/投影",
+   "source": "RGB + 官方 MANO mesh（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/xperience/team_xperience_1_rgb.jpg",
+   "gt": "media/xperience/team_xperience_1_gt.jpg",
+   "caption": "coffee sample · frame 1500 · stereo_left · CC-BY-NC-4.0；MANO 解码/投影",
+   "source": "RGB + 官方 MANO mesh（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/xperience/team_xperience_2_rgb.jpg",
+   "gt": "media/xperience/team_xperience_2_gt.jpg",
+   "caption": "coffee sample · frame 3000 · stereo_left · CC-BY-NC-4.0；MANO 解码/投影",
+   "source": "RGB + 官方 MANO mesh（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/xperience/team_xperience_3_rgb.jpg",
+   "gt": "media/xperience/team_xperience_3_gt.jpg",
+   "caption": "coffee sample · frame 4500 · stereo_left · CC-BY-NC-4.0；MANO 解码/投影",
+   "source": "RGB + 官方 MANO mesh（团队图册 2026-10-22）"
+  }
+ ],
+ "arctic": [
+  {
+   "rgb": "media/arctic/a213dd95256ccccad7bc_rgb.jpg",
+   "gt": "media/arctic/a213dd95256ccccad7bc_gt.jpg",
+   "caption": "s02/ketchup_use_02 · 帧 212 · 左手 · train",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/arctic/6057bab38e74308c02be_rgb.jpg",
+   "gt": "media/arctic/6057bab38e74308c02be_gt.jpg",
+   "caption": "s06/ketchup_use_01 · 帧 511 · 右手 · train",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/arctic/c4d53a1b79549c84e96d_rgb.jpg",
+   "gt": "media/arctic/c4d53a1b79549c84e96d_gt.jpg",
+   "caption": "s08/ketchup_use_01 · 帧 451 · 右手 · train",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/arctic/e68425daa275c68f6f5d_rgb.jpg",
+   "gt": "media/arctic/e68425daa275c68f6f5d_gt.jpg",
+   "caption": "s10/ketchup_use_01 · 帧 451 · 右手 · train",
+   "source": "MANO（团队图册 2026-10-13）"
+  }
+ ],
+ "cocowb": [
+  {
+   "rgb": "media/cocowb/f59aa0ba82e64839e596_rgb.jpg",
+   "gt": "media/cocowb/f59aa0ba82e64839e596_gt.jpg",
+   "caption": "COCO validation · 帧 785 · 右手 · official validation example; not WiLoR processed train members; excluded from training candidates",
+   "source": "2D（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/cocowb/9fcab59ec353483a0635_rgb.jpg",
+   "gt": "media/cocowb/9fcab59ec353483a0635_gt.jpg",
+   "caption": "COCO validation · 帧 1000 · 左手 · official validation example; not WiLoR processed train members; excluded from training candidates",
+   "source": "2D（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/cocowb/780684ce08a2af76ddc4_rgb.jpg",
+   "gt": "media/cocowb/780684ce08a2af76ddc4_gt.jpg",
+   "caption": "COCO validation · 帧 196141 · 左手 · official validation example; not WiLoR processed train members; excluded from training candidates",
+   "source": "2D（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/cocowb/7e7716c112039185cc5e_rgb.jpg",
+   "gt": "media/cocowb/7e7716c112039185cc5e_gt.jpg",
+   "caption": "COCO validation · 帧 197388 · 左手 · official validation example; not WiLoR processed train members; excluded from training candidates",
+   "source": "2D（团队图册 2026-10-13）"
+  }
+ ],
+ "dexycb": [
+  {
+   "rgb": "media/dexycb/a128fbe7b45844ebb4e8_rgb.jpg",
+   "gt": "media/dexycb/a128fbe7b45844ebb4e8_gt.jpg",
+   "caption": "20200709-subject-01/20200709_141841 · 帧 36 · 右手 · official_s0_train_proxy",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/dexycb/8ffc14f49fff4b06cc73_rgb.jpg",
+   "gt": "media/dexycb/8ffc14f49fff4b06cc73_gt.jpg",
+   "caption": "20200820-subject-03/20200820_144644 · 帧 62 · 左手 · official_s0_train_proxy",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/dexycb/6df9d4ead4d92a187a28_rgb.jpg",
+   "gt": "media/dexycb/6df9d4ead4d92a187a28_gt.jpg",
+   "caption": "20200903-subject-04/20200903_105306 · 帧 60 · 左手 · official_s0_train_proxy",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/dexycb/7e32dcf09cb0a2254256_rgb.jpg",
+   "gt": "media/dexycb/7e32dcf09cb0a2254256_gt.jpg",
+   "caption": "20200928-subject-07/20200928_155118 · 帧 62 · 左手 · official_s0_train_proxy",
+   "source": "MANO（团队图册 2026-10-13）"
+  }
+ ],
+ "egorenderer": [
+  {
+   "rgb": "media/egorenderer/egorenderer_v005_s7_camera_browse_1_110_rgb.jpg",
+   "gt": "media/egorenderer/egorenderer_v005_s7_camera_browse_1_110_gt.jpg",
+   "caption": "s7/camera_browse_1 · 帧 110 · 已交付合成数据",
+   "source": "MANO 拟合（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/egorenderer/egorenderer_v005_s1_mug_drink_1_233_rgb.jpg",
+   "gt": "media/egorenderer/egorenderer_v005_s1_mug_drink_1_233_gt.jpg",
+   "caption": "s1/mug_drink_1 · 帧 233 · 已交付合成数据",
+   "source": "MANO 拟合（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/egorenderer/egorenderer_v005_s6_banana_peel_1_104_rgb.jpg",
+   "gt": "media/egorenderer/egorenderer_v005_s6_banana_peel_1_104_gt.jpg",
+   "caption": "s6/banana_peel_1 · 帧 104 · 已交付合成数据",
+   "source": "MANO 拟合（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/egorenderer/egorenderer_v005_s2_banana_peel_1_197_rgb.jpg",
+   "gt": "media/egorenderer/egorenderer_v005_s2_banana_peel_1_197_gt.jpg",
+   "caption": "s2/banana_peel_1 · 帧 197 · 已交付合成数据",
+   "source": "MANO 拟合（团队图册 2026-10-13）"
+  }
+ ],
+ "freihand": [
+  {
+   "rgb": "media/freihand/57c00fd54a204e690012_rgb.jpg",
+   "gt": "media/freihand/57c00fd54a204e690012_gt.jpg",
+   "caption": "image_6909 · 帧 6909 · 右手 · official_v2_training_proxy",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/freihand/f66e6163a5a36bdd5ece_rgb.jpg",
+   "gt": "media/freihand/f66e6163a5a36bdd5ece_gt.jpg",
+   "caption": "image_17057 · 帧 17057 · 右手 · official_v2_training_proxy",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/freihand/0172018ef83c148a9a1c_rgb.jpg",
+   "gt": "media/freihand/0172018ef83c148a9a1c_gt.jpg",
+   "caption": "image_8002 · 帧 8002 · 右手 · official_v2_training_proxy",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/freihand/5d4682d7be033bd1ed70_rgb.jpg",
+   "gt": "media/freihand/5d4682d7be033bd1ed70_gt.jpg",
+   "caption": "image_8614 · 帧 8614 · 右手 · official_v2_training_proxy",
+   "source": "MANO（团队图册 2026-10-13）"
+  }
+ ],
+ "genhumanego": [
+  {
+   "rgb": "media/genhumanego/team_gen-humanego_0_rgb.jpg",
+   "gt": "media/genhumanego/team_gen-humanego_0_gt.jpg",
+   "caption": "ee7adccdba994d8fbc1405d6e3f04edf · frame 30 · 1779872474945466000 ns · camera0 · CC-BY-SA-4.0；MANO 解码/投影/缩放",
+   "source": "RGB + 官方预测 MANO mesh（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/genhumanego/team_gen-humanego_1_rgb.jpg",
+   "gt": "media/genhumanego/team_gen-humanego_1_gt.jpg",
+   "caption": "ee7adccdba994d8fbc1405d6e3f04edf · frame 30 · 1779872474945456000 ns · camera2 · CC-BY-SA-4.0；MANO 解码/投影/缩放",
+   "source": "RGB + 官方预测 MANO mesh（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/genhumanego/team_gen-humanego_2_rgb.jpg",
+   "gt": "media/genhumanego/team_gen-humanego_2_gt.jpg",
+   "caption": "ee7adccdba994d8fbc1405d6e3f04edf · frame 150 · 1779872478945455000 ns · camera2 · CC-BY-SA-4.0；MANO 解码/投影/缩放",
+   "source": "RGB + 官方预测 MANO mesh（团队图册 2026-10-22）"
+  },
+  {
+   "rgb": "media/genhumanego/team_gen-humanego_3_rgb.jpg",
+   "gt": "media/genhumanego/team_gen-humanego_3_gt.jpg",
+   "caption": "ee7adccdba994d8fbc1405d6e3f04edf · frame 150 · 1779872478912150000 ns · camera4 · CC-BY-SA-4.0；MANO 解码/投影/缩放",
+   "source": "RGB + 官方预测 MANO mesh（团队图册 2026-10-22）"
+  }
+ ],
+ "h2o": [
+  {
+   "rgb": "media/h2o/a11122e7dd03fe259404_rgb.jpg",
+   "gt": "media/h2o/a11122e7dd03fe259404_gt.jpg",
+   "caption": "subject1/h2/6/cam4 · 帧 159 · 右手 · train",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/h2o/09a705df66acd8de1d4c_rgb.jpg",
+   "gt": "media/h2o/09a705df66acd8de1d4c_gt.jpg",
+   "caption": "subject1/o1/4/cam4 · 帧 138 · 右手 · train",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/h2o/f7c2550200511fea07b1_rgb.jpg",
+   "gt": "media/h2o/f7c2550200511fea07b1_gt.jpg",
+   "caption": "subject1/o1/7/cam4 · 帧 688 · 右手 · train",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/h2o/a2a8c1c9e2b969d45ef4_rgb.jpg",
+   "gt": "media/h2o/a2a8c1c9e2b969d45ef4_gt.jpg",
+   "caption": "subject1/o2/0/cam4 · 帧 30 · 左手 · train",
+   "source": "MANO（团队图册 2026-10-13）"
+  }
+ ],
+ "h2o3d": [
+  {
+   "rgb": "media/h2o3d/h2o3d_train_MBC1_0104_rgb.jpg",
+   "gt": "media/h2o3d/h2o3d_train_MBC1_0104_gt.jpg",
+   "caption": "MBC1 · 帧 0104 · train",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/h2o3d/h2o3d_train_SHM0_0179_rgb.jpg",
+   "gt": "media/h2o3d/h2o3d_train_SHM0_0179_gt.jpg",
+   "caption": "SHM0 · 帧 0179 · train",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/h2o3d/h2o3d_train_SMB20_0218_rgb.jpg",
+   "gt": "media/h2o3d/h2o3d_train_SMB20_0218_gt.jpg",
+   "caption": "SMB20 · 帧 0218 · train",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/h2o3d/h2o3d_train_SSPD0_0427_rgb.jpg",
+   "gt": "media/h2o3d/h2o3d_train_SSPD0_0427_gt.jpg",
+   "caption": "SSPD0 · 帧 0427 · train",
+   "source": "MANO（团队图册 2026-10-13）"
+  }
+ ],
+ "halpe": [
+  {
+   "rgb": "media/halpe/halpe_val_398905_485625_left_native2d_rgb.jpg",
+   "gt": "media/halpe/halpe_val_398905_485625_left_native2d_gt.jpg",
+   "caption": "静态图像 · 帧 398905 · 左手 · validation",
+   "source": "2D（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/halpe/halpe_val_281032_458683_left_native2d_rgb.jpg",
+   "gt": "media/halpe/halpe_val_281032_458683_left_native2d_gt.jpg",
+   "caption": "静态图像 · 帧 281032 · 左手 · validation",
+   "source": "2D（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/halpe/halpe_val_465179_514707_right_native2d_rgb.jpg",
+   "gt": "media/halpe/halpe_val_465179_514707_right_native2d_gt.jpg",
+   "caption": "静态图像 · 帧 465179 · 右手 · validation",
+   "source": "2D（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/halpe/halpe_val_3156_477234_right_native2d_rgb.jpg",
+   "gt": "media/halpe/halpe_val_3156_477234_right_native2d_gt.jpg",
+   "caption": "静态图像 · 帧 3156 · 右手 · validation",
+   "source": "2D（团队图册 2026-10-13）"
+  }
+ ],
+ "ho3d": [
+  {
+   "rgb": "media/ho3d/0d33dbb3cbe2379785a2_rgb.jpg",
+   "gt": "media/ho3d/0d33dbb3cbe2379785a2_gt.jpg",
+   "caption": "BB1 · 帧 572 · 右手 · v3_train_proxy",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/ho3d/fa5f136813986a79dd61_rgb.jpg",
+   "gt": "media/ho3d/fa5f136813986a79dd61_gt.jpg",
+   "caption": "MC · 帧 0 · 右手 · v3_train_proxy",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/ho3d/95d8470bf5dd56fde1c2_rgb.jpg",
+   "gt": "media/ho3d/95d8470bf5dd56fde1c2_gt.jpg",
+   "caption": "ND · 帧 703 · 右手 · v3_train_proxy",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/ho3d/377560e17ccaf120f789_rgb.jpg",
+   "gt": "media/ho3d/377560e17ccaf120f789_gt.jpg",
+   "caption": "SMu · 帧 1264 · 右手 · v3_train_proxy",
+   "source": "MANO（团队图册 2026-10-13）"
+  }
+ ],
+ "hot3d": [
+  {
+   "rgb": "media/hot3d/e240c578abc5d1f941da_rgb.jpg",
+   "gt": "media/hot3d/e240c578abc5d1f941da_gt.jpg",
+   "caption": "P0002_59a84a3a · 帧 3416 · 左手 · train",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/hot3d/9984faeda44316bef1a4_rgb.jpg",
+   "gt": "media/hot3d/9984faeda44316bef1a4_gt.jpg",
+   "caption": "P0012_af3dab9a · 帧 3470 · 左手 · train",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/hot3d/cff8bd8ba9c8484f34a8_rgb.jpg",
+   "gt": "media/hot3d/cff8bd8ba9c8484f34a8_gt.jpg",
+   "caption": "P0015_3f46732d · 帧 1705 · 左手 · train",
+   "source": "MANO（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/hot3d/b0bdc415670d0451624f_rgb.jpg",
+   "gt": "media/hot3d/b0bdc415670d0451624f_gt.jpg",
+   "caption": "P0015_53358a64 · 帧 3146 · 右手 · train",
+   "source": "MANO（团队图册 2026-10-13）"
+  }
+ ],
+ "mtc": [
+  {
+   "rgb": "media/mtc/mtc_171204_pose2_f00023680_p4_right_0_rgb.jpg",
+   "gt": "media/mtc/mtc_171204_pose2_f00023680_p4_right_0_gt.jpg",
+   "caption": "171204_pose2 · 帧 23680 · 右手 · training_data",
+   "source": "3D → 2D（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/mtc/mtc_171204_pose2_f00023680_p4_right_6_rgb.jpg",
+   "gt": "media/mtc/mtc_171204_pose2_f00023680_p4_right_6_gt.jpg",
+   "caption": "171204_pose2 · 帧 23680 · 右手 · training_data",
+   "source": "3D → 2D（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/mtc/mtc_171204_pose2_f00028165_p5_right_3_rgb.jpg",
+   "gt": "media/mtc/mtc_171204_pose2_f00028165_p5_right_3_gt.jpg",
+   "caption": "171204_pose2 · 帧 28165 · 右手 · training_data",
+   "source": "3D → 2D（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/mtc/mtc_171204_pose2_f00028165_p5_right_12_rgb.jpg",
+   "gt": "media/mtc/mtc_171204_pose2_f00028165_p5_right_12_gt.jpg",
+   "caption": "171204_pose2 · 帧 28165 · 右手 · training_data",
+   "source": "3D → 2D（团队图册 2026-10-13）"
+  }
+ ],
+ "reinterhand": [
+  {
+   "rgb": "media/reinterhand/reinter_train_c0_f175271_right_400503_rgb.jpg",
+   "gt": "media/reinterhand/reinter_train_c0_f175271_right_400503_gt.jpg",
+   "caption": "m--20210701--1058--0000000--pilot--relightablehandsy--participant0--two-hands · 帧 175271 · 右手 · train",
+   "source": "3D → 2D（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/reinterhand/reinter_train_c0_f202212_right_400503_rgb.jpg",
+   "gt": "media/reinterhand/reinter_train_c0_f202212_right_400503_gt.jpg",
+   "caption": "m--20210701--1058--0000000--pilot--relightablehandsy--participant0--two-hands · 帧 202212 · 右手 · train",
+   "source": "3D → 2D（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/reinterhand/reinter_train_c0_f292944_right_400503_rgb.jpg",
+   "gt": "media/reinterhand/reinter_train_c0_f292944_right_400503_gt.jpg",
+   "caption": "m--20210701--1058--0000000--pilot--relightablehandsy--participant0--two-hands · 帧 292944 · 右手 · train",
+   "source": "3D → 2D（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/reinterhand/reinter_train_c0_f303030_right_400503_rgb.jpg",
+   "gt": "media/reinterhand/reinter_train_c0_f303030_right_400503_gt.jpg",
+   "caption": "m--20210701--1058--0000000--pilot--relightablehandsy--participant0--two-hands · 帧 303030 · 右手 · train",
+   "source": "3D → 2D（团队图册 2026-10-13）"
+  }
+ ],
+ "rhd": [
+  {
+   "rgb": "media/rhd/5807bcc820cac79abd07_rgb.jpg",
+   "gt": "media/rhd/5807bcc820cac79abd07_gt.jpg",
+   "caption": "image_30087 · 帧 30087 · 左手 · official_v1.1_training_proxy",
+   "source": "3D → 2D（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/rhd/0941a85c7723f23e66bc_rgb.jpg",
+   "gt": "media/rhd/0941a85c7723f23e66bc_gt.jpg",
+   "caption": "image_33342 · 帧 33342 · 右手 · official_v1.1_training_proxy",
+   "source": "3D → 2D（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/rhd/a8db512d6c52ae380d21_rgb.jpg",
+   "gt": "media/rhd/a8db512d6c52ae380d21_gt.jpg",
+   "caption": "image_13893 · 帧 13893 · 左手 · official_v1.1_training_proxy",
+   "source": "3D → 2D（团队图册 2026-10-13）"
+  },
+  {
+   "rgb": "media/rhd/14514fa31d01d7d4624b_rgb.jpg",
+   "gt": "media/rhd/14514fa31d01d7d4624b_gt.jpg",
+   "caption": "image_29917 · 帧 29917 · 左手 · official_v1.1_training_proxy",
+   "source": "3D → 2D（团队图册 2026-10-13）"
+  }
+ ]
+}

index.html

@@ -10,7 +10,7 @@
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700&family=Noto+Serif+SC:wght@600;700&display=swap">
 <style>
-/* 布局：顶部标签导航 + 单栏工作区；总览是「标注方法 × 数据来源」矩阵，行按 shape 真值可信度从高到低排 */
+/* 布局：顶部标签导航 + 单栏工作区；每页先给结论（一句话 + 关键字段），再分组给细节 */
 :root {
   --bg: #f4f6f8;
   --surface: #ffffff;
@@ -18,7 +18,7 @@
   --ink: #17212b;
   --muted: #5a6573;
   --line: #d9dfe6;
-  --accent: #a8560a;          /* 反光 marker 的琥珀色，用于 P0 和当前项 */
+  --accent: #a8560a;          /* 反光 marker 的琥珀色：P0 与当前项 */
   --accent-soft: #fbead7;
   --link: #1d4f8f;
   --t1: #0c3d5c; --t2: #1f6488; --t3: #4d8fb0; --t4: #8bbbd2; --t5: #c9dde8; --ty: #7a6aa8; --t0: #c3c9d1;
@@ -50,13 +50,15 @@ body::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-a
 a { color: var(--link); text-underline-offset: 2px; }
 a:focus-visible, button:focus-visible, select:focus-visible, input:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
 h1, h2, h3 { text-wrap: balance; margin: 0; }
-h1 { font-family: var(--f-display); font-size: 1.75rem; line-height: 1.3; }
-h2 { font-family: var(--f-display); font-size: 1.3rem; line-height: 1.35; }
-h3 { font-size: 1.02rem; font-weight: 700; }
+h1 { font-family: var(--f-display); font-size: 1.7rem; line-height: 1.3; }
+h2 { font-family: var(--f-display); font-size: 1.2rem; line-height: 1.35; }
+h3 { font-size: 0.98rem; font-weight: 700; }
 p { margin: 0; }
+ul { margin: 0; }
 .mono { font-family: var(--f-mono); font-variant-numeric: tabular-nums; }
 .muted { color: var(--muted); }
 .small { font-size: 0.86rem; }
+.label { font-size: 0.74rem; color: var(--muted); letter-spacing: 0.04em; }
 
 /* 顶栏 */
 .top { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 5; background: var(--surface); border-bottom: 1px solid var(--line); }
@@ -69,9 +71,12 @@ nav.tabs a { display: block; padding: 8px 12px 10px; color: var(--muted); text-d
 nav.tabs a:hover { color: var(--ink); }
 nav.tabs a[aria-current="page"] { color: var(--ink); border-bottom-color: var(--accent); }
 
-main { max-width: 1240px; margin: 0 auto; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); padding-block: 28px 64px; display: grid; gap: 28px; }
-section.view { display: grid; gap: 24px; min-width: 0; }
-.lead { max-width: 68ch; display: grid; gap: 8px; }
+main { max-width: 1240px; margin: 0 auto; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); padding-block: 28px 64px; display: grid; gap: 32px; }
+section.view { display: grid; gap: 32px; min-width: 0; }
+.part { display: grid; gap: 12px; min-width: 0; }
+.part-h { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
+.part-h p { color: var(--muted); font-size: 0.86rem; }
+.lead { max-width: 70ch; display: grid; gap: 8px; }
 .lead p { color: var(--muted); }
 
 /* 标签 */
@@ -83,6 +88,7 @@ section.view { display: grid; gap: 24px; min-width: 0; }
 .st-p2 { background: transparent; color: var(--ink); border: 1px dashed var(--accent); }
 .st-own { background: var(--ink); color: var(--surface); font-weight: 700; }
 .st-no { background: transparent; color: var(--muted); border-color: var(--line); text-decoration: line-through; }
+.tag { background: transparent; color: var(--muted); border-color: var(--line); }
 .tier { display: inline-flex; align-items: center; justify-content: center; min-width: 2.4em; padding: 0 6px; border-radius: 4px; font-family: var(--f-mono); font-size: 0.78rem; font-weight: 500; line-height: 1.7; }
 .tier-S1 { background: var(--t1); color: var(--t-on-dark); }
 .tier-S2 { background: var(--t2); color: var(--t-on-dark); }
@@ -91,13 +97,15 @@ section.view { display: grid; gap: 24px; min-width: 0; }
 .tier-S5 { background: var(--t5); color: var(--t-on-light); }
 .tier-SY { background: var(--ty); color: var(--t-on-dark); }
 .tier-- { background: var(--t0); color: var(--t-on-light); }
+.chips { display: flex; flex-wrap: wrap; gap: 6px; }
+.dchip { text-decoration: none; }
+.dchip:hover { text-decoration: underline; }
+.dchip .n { font-family: var(--f-mono); opacity: 0.75; }
 
 /* 总览 */
-.stats { display: flex; flex-wrap: wrap; gap: 8px 18px; }
+.stats { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; }
 .stats div { display: flex; align-items: baseline; gap: 6px; }
-.stats b { font-family: var(--f-mono); font-size: 1.05rem; }
-.legend { display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 0.84rem; color: var(--muted); }
-.legend span { display: inline-flex; align-items: center; gap: 6px; }
+.stats b { font-family: var(--f-mono); font-size: 1.02rem; }
 .scroll-x { overflow-x: auto; min-width: 0; border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); }
 table.matrix { border-collapse: collapse; width: 100%; min-width: 980px; font-size: 0.86rem; }
 .matrix th, .matrix td { border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); padding: 8px; vertical-align: top; text-align: left; }
@@ -105,118 +113,129 @@ table.matrix { border-collapse: collapse; width: 100%; min-width: 980px; font-si
 .matrix tbody tr:last-child > * { border-bottom: 0; }
 .matrix thead th { background: var(--sunk); font-weight: 700; font-size: 0.82rem; }
 .matrix thead th small { display: block; font-weight: 400; color: var(--muted); }
-.matrix tbody th { width: 168px; background: var(--sunk); }
-.matrix tbody th a { color: var(--ink); text-decoration: none; font-weight: 700; }
+.matrix tbody th { width: 160px; background: var(--sunk); }
+.matrix tbody th a { color: var(--ink); text-decoration: none; font-weight: 700; display: block; }
 .matrix tbody th a:hover { text-decoration: underline; }
 .matrix tbody th .tier { margin-top: 4px; }
-.cell { display: flex; flex-wrap: wrap; gap: 4px; }
-.dchip { text-decoration: none; }
-.dchip:hover { filter: brightness(0.95); text-decoration: underline; }
+.matrix .chips { gap: 4px; }
 .empty-cell { color: var(--line); }
-
-.cols2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; }
-.block { display: grid; gap: 10px; min-width: 0; }
+.legend { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; font-size: 0.8rem; color: var(--muted); }
+.cols2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 32px; }
 .tierbar { display: grid; gap: 6px; }
 .tierbar div { display: grid; grid-template-columns: 2.8em 7.5em 1fr; gap: 10px; align-items: center; font-size: 0.88rem; }
-ol.p0 { margin: 0; padding-left: 1.3em; display: grid; gap: 6px; }
+.pick { display: grid; gap: 10px; }
+.pick a { display: grid; grid-template-columns: auto 1fr; gap: 2px 10px; padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); text-decoration: none; color: inherit; }
+.pick a:hover { border-color: var(--accent); }
+.pick b { font-size: 0.95rem; }
+.pick span.d { grid-column: 1 / -1; font-size: 0.86rem; color: var(--muted); }
 
 /* 目录 */
 .filters { display: flex; flex-wrap: wrap; gap: 10px 12px; align-items: end; padding: 14px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); }
-.filters label { display: grid; gap: 3px; font-size: 0.78rem; color: var(--muted); min-width: 0; }
-.filters select, .filters input { width: 100%; font: inherit; font-size: 0.88rem; color: var(--ink); background: var(--bg); border: 1px solid var(--line); border-radius: 4px; padding: 5px 8px; max-width: 100%; }
-.filters label:has(input) { width: 15em; }
+.filters label { display: grid; gap: 3px; font-size: 0.78rem; color: var(--muted); min-width: 0; flex: 1 1 150px; max-width: 240px; }
+.filters label.q { max-width: 320px; flex-basis: 200px; }
+.filters label.ck { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; font-size: 0.86rem; color: var(--ink); padding-bottom: 6px; }
+.filters select, .filters input[type="search"] { width: 100%; font: inherit; font-size: 0.88rem; color: var(--ink); background: var(--bg); border: 1px solid var(--line); border-radius: 4px; padding: 5px 8px; }
 .filters button { font: inherit; font-size: 0.86rem; background: none; border: 1px solid var(--line); border-radius: 4px; padding: 5px 10px; color: var(--ink); cursor: pointer; }
 .count { font-size: 0.86rem; color: var(--muted); }
+.groups { display: grid; gap: 28px; }
+.group { display: grid; gap: 8px; }
+.group-h { display: flex; align-items: center; gap: 10px; }
+.group-h .muted { font-size: 0.84rem; }
 .rows { display: grid; border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); overflow: hidden; }
-.row-h, .row { display: grid; grid-template-columns: minmax(170px, 1.6fr) 1fr 1.1fr 1.1fr 4.2em minmax(140px, 1.6fr) 6.5em; gap: 12px; padding: 10px 14px; align-items: start; border-bottom: 1px solid var(--line); }
-.row-h { background: var(--sunk); font-size: 0.78rem; color: var(--muted); font-weight: 500; }
-.row { text-decoration: none; color: inherit; font-size: 0.88rem; }
+.row { display: grid; grid-template-columns: 96px minmax(150px, 1.3fr) minmax(150px, 1.3fr) minmax(120px, 1fr) minmax(140px, 1.4fr); gap: 14px; padding: 10px 14px; align-items: center; border-bottom: 1px solid var(--line); text-decoration: none; color: inherit; font-size: 0.88rem; }
 .row:last-child { border-bottom: 0; }
 .row:hover { background: var(--sunk); }
-.row .nm b { display: block; }
-.row .nm span { font-size: 0.78rem; color: var(--muted); }
 .row > * { min-width: 0; }
-.row .lab { display: none; }
+.thumb { width: 96px; aspect-ratio: 16 / 10; max-width: 100%; border-radius: 4px; background: var(--sunk); border: 1px solid var(--line); object-fit: cover; display: block; }
+.thumb.none { display: grid; place-items: center; font-size: 0.7rem; color: var(--muted); }
+.row .nm b { display: block; font-size: 0.95rem; }
+.row .two span { display: block; }
+.row .clip { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
+
+/* 详情 */
+.crumb { font-size: 0.86rem; }
+.dhead { display: grid; gap: 10px; }
+.keys { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); }
+.keys > div { padding: 12px 14px; border-right: 1px solid var(--line); display: grid; gap: 4px; align-content: start; min-width: 0; }
+.keys > div:last-child { border-right: 0; }
+.keys .v { font-size: 0.92rem; }
+.panel { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); padding: 18px; display: grid; gap: 14px; min-width: 0; align-content: start; }
+.dgrid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: start; }
+.facts { display: grid; grid-template-columns: 5em 1fr; gap: 8px 14px; font-size: 0.92rem; margin: 0; }
+.facts dt { color: var(--muted); }
+.facts dd { margin: 0; min-width: 0; }
+.note { border-left: 3px solid var(--accent); padding-left: 12px; display: grid; gap: 2px; font-size: 0.92rem; }
+.rig { width: 100%; max-width: 380px; height: auto; display: block; }
+.rig text { font-family: var(--f-body); }
+.gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 500px), 1fr)); gap: 18px 24px; }
+.sample { display: grid; gap: 6px; align-content: start; min-width: 0; }
+.pair { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
+.pair figure { margin: 0; display: grid; gap: 3px; }
+.pair img { width: 100%; border-radius: 4px; border: 1px solid var(--line); background: var(--sunk); }
+.pair figcaption { font-size: 0.74rem; color: var(--muted); }
+.empty { border: 1px dashed var(--line); border-radius: var(--r); padding: 14px; font-size: 0.9rem; color: var(--muted); display: grid; gap: 6px; }
+.links { display: grid; gap: 6px; padding: 0; list-style: none; font-size: 0.92rem; }
+.pager { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 0.9rem; border-top: 1px solid var(--line); padding-top: 14px; }
 
 /* 方法 */
-.method { display: grid; gap: 12px; padding: 18px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); scroll-margin-top: 90px; }
-.method-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
+.toc { display: flex; flex-wrap: wrap; gap: 6px; }
+.toc a { font-size: 0.85rem; padding: 3px 10px; border: 1px solid var(--line); border-radius: 999px; text-decoration: none; color: var(--ink); background: var(--surface); }
+.toc a:hover { border-color: var(--accent); }
+.method { display: grid; gap: 14px; padding: 18px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); scroll-margin-top: 90px; }
+.method-h { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
 .flow { display: flex; flex-wrap: wrap; align-items: stretch; gap: 6px; }
-.flow .step { background: var(--sunk); border: 1px solid var(--line); border-radius: 4px; padding: 6px 10px; font-size: 0.85rem; max-width: 100%; }
+.flow .step { background: var(--sunk); border: 1px solid var(--line); border-radius: 4px; padding: 5px 10px; font-size: 0.85rem; max-width: 100%; }
 .flow .arr { color: var(--muted); align-self: center; font-family: var(--f-mono); }
-.kv { display: grid; grid-template-columns: 6.5em 1fr; gap: 6px 12px; font-size: 0.9rem; }
+.mgrid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 20px; }
+.kv { display: grid; grid-template-columns: 5.5em 1fr; gap: 6px 12px; font-size: 0.9rem; margin: 0; }
 .kv dt { color: var(--muted); }
 .kv dd { margin: 0; min-width: 0; }
 
 /* SOMA */
-.pipe { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); overflow: hidden; }
+.pipe { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); overflow: hidden; }
 .pipe > div { padding: 14px; border-right: 1px solid var(--line); display: grid; gap: 6px; align-content: start; }
 .pipe > div:last-child { border-right: 0; }
-.pipe h3 { font-size: 0.82rem; color: var(--muted); font-weight: 500; letter-spacing: 0.04em; }
-.pipe ul { margin: 0; padding-left: 1.1em; font-size: 0.88rem; }
-.routes { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
+.pipe ul { padding-left: 1.1em; font-size: 0.88rem; }
+.routes { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 12px; }
 .route { padding: 14px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); display: grid; gap: 8px; align-content: start; }
 .route-h { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
 .route-h .mono { color: var(--accent); font-weight: 500; }
 .yes { color: var(--t2); font-weight: 700; }
 .nop { color: var(--muted); }
+.bul { padding-left: 1.2em; display: grid; gap: 6px; font-size: 0.9rem; }
 
-/* 详情 */
-.crumb { font-size: 0.86rem; }
-.dhead { display: grid; gap: 8px; }
-.dhead .chips { display: flex; flex-wrap: wrap; gap: 6px; }
-.dgrid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 24px; align-items: start; }
-.panel { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); padding: 18px; display: grid; gap: 14px; min-width: 0; }
-.panel > h2 { font-size: 1.05rem; }
-.facts { display: grid; grid-template-columns: 7em 1fr; gap: 8px 14px; font-size: 0.92rem; margin: 0; }
-.facts dt { color: var(--muted); }
-.facts dd { margin: 0; min-width: 0; }
-.note { border-left: 3px solid var(--line); padding-left: 12px; display: grid; gap: 2px; }
-.note.warn { border-left-color: var(--accent); }
-.note b { font-size: 0.8rem; color: var(--muted); font-weight: 500; letter-spacing: 0.04em; }
-.rig { width: 100%; max-width: 360px; height: auto; display: block; }
-.rig text { font-family: var(--f-body); }
-.gallery { display: grid; gap: 14px; }
-.pair { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
-.pair figure { margin: 0; display: grid; gap: 4px; }
-.pair img { width: 100%; border-radius: 4px; border: 1px solid var(--line); background: var(--sunk); }
-.pair figcaption { font-size: 0.78rem; color: var(--muted); }
-.empty { border: 1px dashed var(--line); border-radius: var(--r); padding: 16px; display: grid; gap: 8px; font-size: 0.9rem; color: var(--muted); }
-.links { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; font-size: 0.92rem; }
-.pager { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 0.9rem; }
-
-pre.code { background: var(--sunk); border: 1px solid var(--line); border-radius: var(--r); padding: 12px 14px; overflow-x: auto; font-family: var(--f-mono); font-size: 0.82rem; line-height: 1.6; margin: 0; }
-.tbl-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); }
-table.plain { border-collapse: collapse; width: 100%; font-size: 0.88rem; min-width: 560px; }
-.plain th, .plain td { padding: 8px 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
-.plain th { background: var(--sunk); font-size: 0.8rem; color: var(--muted); font-weight: 500; }
-.plain tr:last-child td { border-bottom: 0; }
+/* 样例来源 */
+.ways { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 14px; }
+.way { padding: 16px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); display: grid; gap: 10px; align-content: start; min-width: 0; }
+.way.rec { border-color: var(--accent); }
+pre.code { background: var(--sunk); border: 1px solid var(--line); border-radius: var(--r); padding: 10px 12px; overflow-x: auto; font-family: var(--f-mono); font-size: 0.8rem; line-height: 1.6; margin: 0; }
 .err { padding: 16px; border: 1px solid var(--accent); border-radius: var(--r); background: var(--accent-soft); }
 footer { font-size: 0.8rem; color: var(--muted); border-top: 1px solid var(--line); padding-top: 16px; }
 
-@media (max-width: 900px) {
-  .dgrid { grid-template-columns: 1fr; }
+@media (max-width: 960px) {
+  .keys { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .keys > div { border-bottom: 1px solid var(--line); }
+  .keys > div:nth-child(2n) { border-right: 0; }
+  .keys > div:last-child { grid-column: 1 / -1; border-bottom: 0; }
+  .dgrid, .mgrid { grid-template-columns: 1fr; }
   .pipe { grid-template-columns: 1fr 1fr; }
   .pipe > div:nth-child(2) { border-right: 0; }
   .pipe > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
-  .row-h { display: none; }
-  .row { grid-template-columns: 1fr 1fr; gap: 6px 12px; }
-  .row .nm { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 8px; }
-  .row .lab { display: block; font-size: 0.74rem; color: var(--muted); }
-  .row .st { order: -1; }
-  .filters label { flex: 1 1 140px; }
-  .filters input { width: 100%; }
+  .row { grid-template-columns: 84px minmax(0, 1fr); gap: 4px 12px; align-items: start; }
+  .row .thumb { grid-row: span 4; width: 84px; }
+  .row .two span { display: inline; }
+  .row .two span + span::before { content: " · "; color: var(--muted); }
 }
 @media (max-width: 520px) {
-  h1 { font-size: 1.45rem; }
+  h1 { font-size: 1.42rem; }
   .pipe { grid-template-columns: 1fr; }
   .pipe > div { border-right: 0; border-bottom: 1px solid var(--line); }
   .pipe > div:last-child { border-bottom: 0; }
-  .pair { grid-template-columns: 1fr; }
-  .facts, .kv { grid-template-columns: 1fr; gap: 2px 0; }
+  .facts, .kv { grid-template-columns: 1fr; gap: 0; }
   .facts dd, .kv dd { margin-bottom: 8px; }
-  .filters input { width: 100%; }
-  .filters label { flex: 1 1 140px; }
+  .filters label, .filters label.q { max-width: none; flex-basis: 100%; }
+  .row { grid-template-columns: 72px minmax(0, 1fr); }
+  .row .thumb { width: 72px; }
 }
 @media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; } }
 </style>
@@ -229,10 +248,10 @@ footer { font-size: 0.8rem; color: var(--muted); border-top: 1px solid var(--lin
     <div class="brand"><b>SOMA 手部数据图谱</b><span id="upd"></span></div>
     <nav class="tabs" aria-label="页面">
       <a href="#overview" data-v="overview">总览</a>
-      <a href="#catalog" data-v="catalog">数据集目录</a>
+      <a href="#catalog" data-v="catalog">数据集</a>
       <a href="#methods" data-v="methods">标注方法</a>
-      <a href="#soma" data-v="soma">SOMA 转换</a>
-      <a href="#samples" data-v="samples">样例素材</a>
+      <a href="#soma" data-v="soma">转到 SOMA</a>
+      <a href="#samples" data-v="samples">样例</a>
     </nav>
   </div>
 </header>
@@ -246,17 +265,24 @@ footer { font-size: 0.8rem; color: var(--muted); border-top: 1px solid var(--lin
   "use strict";
   var DATA = null, PREV = {}, BYID = {}, M = {};
   var app = document.getElementById("app");
-  var filt = { source: "", method: "", tier: "", status: "", q: "" };
+  var filt = { source: "", method: "", tier: "", q: "", hasPrev: false };
+  var ORDER = ["own", "p0", "p1", "p2", "used", "surveyed", "no"];
+  var TIER_OF = { scan: "S1", marker: "S2", rgbd: "S3", mvkp: "S4", device: "-", synth: "SY", manual2d: "-", pseudo: "S5" };
 
   function esc(s) { return String(s == null ? "" : s).replace(/[&<>"']/g, function (c) { return { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }[c]; }); }
   function by(list) { var o = {}; list.forEach(function (x) { o[x.id] = x; }); return o; }
-  function stChip(id) { var s = M.status[id]; return '<span class="chip st-' + id + '">' + esc(s.name) + "</span>"; }
-  function tierChip(id, title) { var t = M.tier[id]; return '<span class="tier tier-' + id + '" title="' + esc((title || t.name) + "：" + t.desc) + '">' + esc(id === "-" ? "—" : id) + "</span>"; }
-  function dsLink(d, cls) { return '<a class="chip dchip st-' + d.status + (cls ? " " + cls : "") + '" href="#ds-' + d.id + '">' + esc(d.name) + "</a>"; }
-  function statusOrder(s) { return ["own", "p0", "p1", "p2", "used", "surveyed", "no"].indexOf(s); }
-  function sorted(list) { return list.slice().sort(function (a, b) { return statusOrder(a.status) - statusOrder(b.status) || a.name.localeCompare(b.name); }); }
+  function stChip(id) { return '<span class="chip st-' + id + '" title="' + esc(M.status[id].desc) + '">' + esc(M.status[id].name) + "</span>"; }
+  function tierChip(id) { var t = M.tier[id]; return '<span class="tier tier-' + id + '" title="' + esc(t.name + "：" + t.desc) + '">' + (id === "-" ? "—" : esc(id)) + "</span>"; }
+  function nPrev(d) { return (PREV[d.id] || []).length; }
+  function dsLink(d, showN) { var n = nPrev(d); return '<a class="chip dchip st-' + d.status + '" href="#ds-' + d.id + '">' + esc(d.name) + (showN && n ? ' <span class="n">' + n + "</span>" : "") + "</a>"; }
+  function sorted(list) { return list.slice().sort(function (a, b) { return ORDER.indexOf(a.status) - ORDER.indexOf(b.status) || a.name.localeCompare(b.name); }); }
+  function partHead(title, note) { return '<div class="part-h"><h2>' + esc(title) + "</h2>" + (note ? "<p>" + note + "</p>" : "") + "</div>"; }
+  function thumb(d) {
+    var p = (PREV[d.id] || [])[0];
+    return p ? '<img class="thumb" loading="lazy" src="' + esc(p.gt) + '" alt="">' : '<span class="thumb none">暂无样例</span>';
+  }
 
-  /* ---------- 采集装置示意图 ---------- */
+  /* ---------- 采集装置示意 ---------- */
   function rigSvg(d) {
     var r = d.rig || {}, W = 320, H = 200, cx = 160, cy = 118, out = [];
     out.push('<svg class="rig" viewBox="0 0 ' + W + " " + H + '" role="img" aria-label="' + esc(d.name + " 采集装置示意") + '">');
@@ -288,7 +314,6 @@ footer { font-size: 0.8rem; color: var(--muted); border-top: 1px solid var(--lin
       out.push('<rect x="' + (hx - 6) + '" y="' + (hy + 10) + '" width="12" height="8" rx="1.5" fill="' + col + '"/>');
       out.push('<text x="12" y="22" font-size="12" fill="var(--muted)">' + (r.pseudoEgo ? "固定于眼高（模拟第一视角）" : (r.fisheye ? "第一视角 · 宽视场" : "第一视角")) + (r.mono ? " · 黑白" : "") + "</text>");
     }
-    // 手
     var hx2 = cx, hy2 = cy + 10;
     out.push('<g fill="var(--surface)" stroke="var(--ink)" stroke-width="1.4" stroke-linejoin="round">');
     out.push('<path d="M' + (hx2 - 15) + " " + (hy2 + 22) + " Q" + (hx2 - 19) + " " + (hy2 + 2) + " " + (hx2 - 14) + " " + (hy2 - 6) + " L" + (hx2 + 14) + " " + (hy2 - 6) + " Q" + (hx2 + 19) + " " + (hy2 + 4) + " " + (hx2 + 15) + " " + (hy2 + 22) + ' Z"/>');
@@ -301,194 +326,191 @@ footer { font-size: 0.8rem; color: var(--muted); border-top: 1px solid var(--lin
       out.push('<g transform="translate(40 40)"><rect x="-12" y="-9" width="22" height="18" rx="2" fill="none" stroke="var(--muted)" stroke-width="1.5"/><line x1="-16" y1="-14" x2="16" y2="14" stroke="var(--accent)" stroke-width="2"/></g>');
       out.push('<text x="62" y="45" font-size="12" fill="var(--muted)">��� RGB 图像</text>');
     }
-    if (r.synth) out.push('<text x="12" y="' + (H - 12) + '" font-size="12" fill="var(--muted)">渲染生成</text>');
-    if (r.wild && !r.ego) out.push('<text x="12" y="' + (H - 12) + '" font-size="12" fill="var(--muted)">网络 / 日常图像</text>');
-    if (r.scanner) out.push('<text x="12" y="' + (H - 12) + '" font-size="12" fill="var(--muted)">扫描仪多相机环</text>');
+    var foot = r.synth ? "渲染生成" : (r.wild && !r.ego) ? "网络 / 日常图像" : r.scanner ? "扫描仪多相机环" : "";
+    if (foot) out.push('<text x="12" y="' + (H - 12) + '" font-size="12" fill="var(--muted)">' + foot + "</text>");
     out.push("</svg>");
     return out.join("");
   }
+  function flow(steps) { return '<div class="flow">' + steps.map(function (s, i) { return (i ? '<span class="arr" aria-hidden="true">→</span>' : "") + '<span class="step">' + esc(s) + "</span>"; }).join("") + "</div>"; }
 
-  function flow(steps) {
-    return '<div class="flow">' + steps.map(function (s, i) { return (i ? '<span class="arr" aria-hidden="true">→</span>' : "") + '<span class="step">' + esc(s) + "</span>"; }).join("") + "</div>";
-  }
-
-  /* ---------- 视图：总览 ---------- */
+  /* ---------- 总览 ---------- */
   function vOverview() {
     var ds = DATA.datasets, cnt = {};
     ds.forEach(function (d) { cnt[d.status] = (cnt[d.status] || 0) + 1; });
-    var h = [];
-    h.push('<section class="view"><div class="lead"><h1>按数据来源和标注方法看手部数据</h1><p>' + esc(DATA.meta.goal) + " 矩阵的行按 shape 真值的可信度从高到低排列，列是数据来源；点任一数据集看详情、采集示意和样例。</p></div>");
-    h.push('<div class="stats">' + DATA.meta.statuses.map(function (s) { return "<div>" + stChip(s.id) + '<b>' + (cnt[s.id] || 0) + "</b></div>"; }).join("") + '<div class="muted small">共 <b class="mono">' + ds.length + "</b> 个</div></div>");
-    h.push('<div class="scroll-x"><table class="matrix"><thead><tr><th>标注方法 ＼ 数据来源</th>');
+    var withPrev = ds.filter(function (d) { return nPrev(d); }).length;
+    var h = ['<section class="view">'];
+    h.push('<div class="lead"><h1>手部数据集，按来源和标注方法分类</h1><p>' + esc(DATA.meta.goal) + "</p></div>");
+    h.push('<div class="stats"><div><b>' + ds.length + '</b><span class="muted">个数据集</span></div><div><b>' + withPrev + '</b><span class="muted">个有样例</span></div>' + ORDER.map(function (s) { return "<div>" + stChip(s) + "<b>" + (cnt[s] || 0) + "</b></div>"; }).join("") + "</div>");
+
+    h.push('<div class="part">' + partHead("分布矩阵", "行是标注方法，按 shape 真值可信度从高到低；列是数据来源。点名称看详情。"));
+    h.push('<div class="scroll-x"><table class="matrix"><thead><tr><th>标注方法</th>');
     DATA.meta.sources.forEach(function (s) { h.push("<th>" + esc(s.name) + "<small>" + esc(s.desc) + "</small></th>"); });
     h.push("</tr></thead><tbody>");
-    var tierOf = { scan: "S1", marker: "S2", rgbd: "S3", mvkp: "S4", device: "-", synth: "SY", manual2d: "-", pseudo: "S5" };
     DATA.meta.methods.forEach(function (m) {
-      h.push('<tr><th><a href="#methods" data-jump="m-' + m.id + '">' + esc(m.name) + "</a><br>" + tierChip(tierOf[m.id]) + "</th>");
+      h.push('<tr><th><a href="#methods" data-jump="m-' + m.id + '">' + esc(m.name) + "</a>" + tierChip(TIER_OF[m.id]) + "</th>");
       DATA.meta.sources.forEach(function (s) {
         var list = sorted(ds.filter(function (d) { return d.method === m.id && d.source === s.id; }));
-        h.push("<td>" + (list.length ? '<div class="cell">' + list.map(function (d) { return dsLink(d); }).join("") + "</div>" : '<span class="empty-cell" aria-label="无">·</span>') + "</td>");
+        h.push("<td>" + (list.length ? '<div class="chips">' + list.map(function (d) { return dsLink(d); }).join("") + "</div>" : '<span class="empty-cell" aria-label="无">·</span>') + "</td>");
       });
       h.push("</tr>");
     });
-    h.push("</tbody></table></div>");
-    h.push('<div class="legend"><span>标签颜色表示状态：</span>' + DATA.meta.statuses.map(function (s) { return "<span>" + stChip(s.id) + esc(s.desc) + "</span>"; }).join("") + "</div>");
+    h.push('</tbody></table></div><div class="legend"><span>状态：</span>' + ORDER.map(stChip).join("") + "</div></div>");
 
-    h.push('<div class="cols2"><div class="block"><h2>shape 真值分层</h2><p class="muted small">大部分数据集的 β 是从图像或关键点拟合的。监督 SOMA shape 时只用 S1 到 S3 和合成数据，S4 当弱监督，S5 和“—”不参与 shape。</p><div class="tierbar">');
-    DATA.meta.tiers.forEach(function (t) { h.push("<div>" + tierChip(t.id) + "<b>" + esc(t.name) + '</b><span class="muted">' + esc(t.desc) + "</span></div>"); });
-    h.push("</div></div>");
     var p0 = ds.filter(function (d) { return d.status === "p0"; });
-    h.push('<div class="block"><h2>建议先接入</h2><ol class="p0">');
-    p0.forEach(function (d) { h.push('<li><a href="#ds-' + d.id + '"><b>' + esc(d.name) + "</b></a>　" + esc(d.fills) + "</li>"); });
-    h.push('</ol><p class="muted small">完整理由和其余新增项见<a href="#catalog">数据集目录</a>，状态筛选选「P0 新增」到「P2 新增」。</p></div></div>');
-    h.push("</section>");
+    h.push('<div class="cols2"><div class="part">' + partHead("建议先接入") + '<div class="pick">');
+    p0.forEach(function (d) { h.push('<a href="#ds-' + d.id + '">' + stChip(d.status) + "<b>" + esc(d.name) + '</b><span class="d">' + esc(d.fills) + "</span></a>"); });
+    h.push("</div></div>");
+    h.push('<div class="part">' + partHead("shape 真值分层", "只有 S1 到 S3 和合成数据用来监督 SOMA shape。") + '<div class="tierbar">');
+    DATA.meta.tiers.forEach(function (t) { h.push("<div>" + tierChip(t.id) + "<b>" + esc(t.name) + '</b><span class="muted">' + esc(t.desc) + "</span></div>"); });
+    h.push("</div></div></div></section>");
     return h.join("");
   }
 
-  /* ---------- 视图：目录 ---------- */
+  /* ---------- 数据集目录 ---------- */
   function opts(list, cur, all) { return '<option value="">' + all + "</option>" + list.map(function (x) { return '<option value="' + x.id + '"' + (x.id === cur ? " selected" : "") + ">" + esc(x.name) + "</option>"; }).join(""); }
   function vCatalog() {
-    var h = [];
-    h.push('<section class="view"><div class="lead"><h1>数据集目录</h1><p>按数据来源、标注方法、shape 层级和状态筛选。每行是一个数据集，点开看完整信息。</p></div>');
-    h.push('<form class="filters" id="ff" role="search">');
-    h.push('<label for="f-source">数据来源<select id="f-source">' + opts(DATA.meta.sources, filt.source, "全部来源") + "</select></label>");
-    h.push('<label for="f-method">标注方法<select id="f-method">' + opts(DATA.meta.methods, filt.method, "全部方法") + "</select></label>");
-    h.push('<label for="f-tier">shape 层级<select id="f-tier">' + opts(DATA.meta.tiers.map(function (t) { return { id: t.id, name: (t.id === "-" ? "—" : t.id) + " " + t.name }; }), filt.tier, "全部层级") + "</select></label>");
-    h.push('<label for="f-status">状态<select id="f-status">' + opts(DATA.meta.statuses, filt.status, "全部状态") + "</select></label>");
-    h.push('<label for="f-q">搜索<input id="f-q" type="search" placeholder="名称、相机、真值…" value="' + esc(filt.q) + '"></label>');
-    h.push('<button type="button" id="f-reset">清除筛选</button></form>');
-    h.push('<p class="count" id="cnt" aria-live="polite"></p><div class="rows" id="rows"></div></section>');
+    var h = ['<section class="view"><div class="lead"><h1>数据集</h1><p>按状态分组。缩略图是 GT 叠加样例，点开看完整信息。</p></div>'];
+    h.push('<div class="part"><form class="filters" id="ff" role="search">');
+    h.push('<label for="f-source">数据来源<select id="f-source">' + opts(DATA.meta.sources, filt.source, "全部") + "</select></label>");
+    h.push('<label for="f-method">标注方法<select id="f-method">' + opts(DATA.meta.methods, filt.method, "全部") + "</select></label>");
+    h.push('<label for="f-tier">shape 层级<select id="f-tier">' + opts(DATA.meta.tiers.map(function (t) { return { id: t.id, name: (t.id === "-" ? "—" : t.id) + " " + t.name }; }), filt.tier, "全部") + "</select></label>");
+    h.push('<label class="q" for="f-q">搜索<input id="f-q" type="search" placeholder="名称、相机、真值…" value="' + esc(filt.q) + '"></label>');
+    h.push('<label class="ck" for="f-prev"><input id="f-prev" type="checkbox"' + (filt.hasPrev ? " checked" : "") + ">只看有样例</label>");
+    h.push('<button type="button" id="f-reset">清除</button></form><p class="count" id="cnt" aria-live="polite"></p></div>');
+    h.push('<div id="groups" class="groups"></div></section>');
     return h.join("");
   }
   function renderRows() {
     var q = filt.q.trim().toLowerCase();
-    var list = sorted(DATA.datasets.filter(function (d) {
+    var list = DATA.datasets.filter(function (d) {
       if (filt.source && d.source !== filt.source) return false;
       if (filt.method && d.method !== filt.method) return false;
       if (filt.tier && d.tier !== filt.tier) return false;
-      if (filt.status && d.status !== filt.status) return false;
+      if (filt.hasPrev && !nPrev(d)) return false;
       if (q) { var hay = [d.name, d.camera, d.gt, d.fills, d.risk, d.scale, d.subjects, (d.tags || []).join(" ")].join(" ").toLowerCase(); if (hay.indexOf(q) < 0) return false; }
       return true;
-    }));
-    document.getElementById("cnt").textContent = "显示 " + list.length + " / " + DATA.datasets.length + " 个数据集";
-    var h = ['<div class="row-h"><span>数据集</span><span>数据来源</span><span>标注方法</span><span>真值</span><span>shape</span><span>规模</span><span>状态</span></div>'];
-    if (!list.length) h.push('<div class="row"><span>没有符合条件的数据集。换一个筛选条件，或点「清除筛选」。</span></div>');
-    list.forEach(function (d) {
-      h.push('<a class="row" href="#ds-' + d.id + '">');
-      h.push('<span class="nm"><span><b>' + esc(d.name) + "</b><span>" + esc(d.year) + "</span></span></span>");
-      h.push('<span><span class="lab">数据来源</span>' + esc(M.source[d.source].name) + "</span>");
-      h.push('<span><span class="lab">标注方法</span>' + esc(M.method[d.method].name) + "</span>");
-      h.push('<span><span class="lab">真值</span>' + esc(d.gt) + "</span>");
-      h.push('<span><span class="lab">shape</span>' + tierChip(d.tier) + "</span>");
-      h.push('<span class="small"><span class="lab">规模</span>' + esc([d.subjects, d.scale].filter(Boolean).join("；") || "—") + "</span>");
-      h.push('<span class="st">' + stChip(d.status) + "</span>");
-      h.push("</a>");
     });
-    document.getElementById("rows").innerHTML = h.join("");
+    document.getElementById("cnt").textContent = "显示 " + list.length + " / " + DATA.datasets.length + " 个";
+    var h = [];
+    if (!list.length) h.push('<p class="empty">没有符合条件的数据集。换个条件，或点「清除」。</p>');
+    ORDER.forEach(function (st) {
+      var g = list.filter(function (d) { return d.status === st; }).sort(function (a, b) { return a.name.localeCompare(b.name); });
+      if (!g.length) return;
+      h.push('<div class="group"><div class="group-h">' + stChip(st) + '<span class="muted">' + esc(M.status[st].desc) + " · " + g.length + ' 个</span></div><div class="rows">');
+      g.forEach(function (d) {
+        h.push('<a class="row" href="#ds-' + d.id + '">' + thumb(d));
+        h.push('<span class="nm"><b>' + esc(d.name) + '</b><span class="muted small">' + esc(d.year) + "</span></span>");
+        h.push('<span class="two small"><span>' + esc(M.source[d.source].name) + '</span><span class="muted">' + esc(M.method[d.method].name) + "</span></span>");
+        h.push('<span class="small">' + tierChip(d.tier) + " " + esc(d.gt) + "</span>");
+        h.push('<span class="small muted clip">' + esc([d.subjects, d.scale].filter(Boolean).join("；") || "规模未列") + "</span></a>");
+      });
+      h.push("</div></div>");
+    });
+    document.getElementById("groups").innerHTML = h.join("");
   }
   function bindCatalog() {
-    ["source", "method", "tier", "status"].forEach(function (k) {
-      document.getElementById("f-" + k).addEventListener("change", function (e) { filt[k] = e.target.value; renderRows(); });
-    });
+    ["source", "method", "tier"].forEach(function (k) { document.getElementById("f-" + k).addEventListener("change", function (e) { filt[k] = e.target.value; renderRows(); }); });
     document.getElementById("f-q").addEventListener("input", function (e) { filt.q = e.target.value; renderRows(); });
+    document.getElementById("f-prev").addEventListener("change", function (e) { filt.hasPrev = e.target.checked; renderRows(); });
     document.getElementById("ff").addEventListener("submit", function (e) { e.preventDefault(); });
-    document.getElementById("f-reset").addEventListener("click", function () { filt = { source: "", method: "", tier: "", status: "", q: "" }; render(); });
+    document.getElementById("f-reset").addEventListener("click", function () { filt = { source: "", method: "", tier: "", q: "", hasPrev: false }; render(); });
     renderRows();
   }
 
-  /* ---------- 视图：标注方法 ---------- */
+  /* ---------- 详情 ---------- */
+  function vDetail(id) {
+    var d = BYID[id];
+    if (!d) return '<section class="view"><p class="err">找不到数据集「' + esc(id) + '」。回到<a href="#catalog">数据集</a>。</p></section>';
+    var m = M.method[d.method], s = M.source[d.source], rt = M.route[d.route], t = M.tier[d.tier];
+    var all = sorted(DATA.datasets), idx = all.indexOf(d), prev = all[idx - 1], next = all[idx + 1];
+    var h = ['<section class="view"><p class="crumb"><a href="#catalog">数据集</a> / ' + esc(M.status[d.status].name) + "</p>"];
+
+    h.push('<div class="dhead"><h1>' + esc(d.name) + '</h1><div class="chips">' + stChip(d.status) + (d.year ? '<span class="chip tag">' + esc(d.year) + "</span>" : "") + (d.tags || []).filter(function (x) { return x !== "新增" && x !== "不建议"; }).map(function (x) { return '<span class="chip tag">' + esc(x) + "</span>"; }).join("") + '</div><p class="lead"><span>' + esc(d.fills) + "</span></p></div>");
+
+    h.push('<div class="keys">');
+    h.push('<div><span class="label">数据来源</span><span class="v">' + esc(s.name) + "</span></div>");
+    h.push('<div><span class="label">标注方法</span><span class="v"><a href="#methods" data-jump="m-' + m.id + '">' + esc(m.name) + "</a></span></div>");
+    h.push('<div><span class="label">真值</span><span class="v">' + esc(d.gt) + "</span></div>");
+    h.push('<div><span class="label">shape 层级</span><span class="v">' + tierChip(d.tier) + " " + esc(t.name) + "</span></div>");
+    h.push('<div><span class="label">转到 SOMA</span><span class="v"><a href="#soma">' + esc(rt.id + " " + rt.name) + "</a>" + (rt.shape ? "" : '<br><span class="muted small">不监督 shape</span>') + "</span></div>");
+    h.push("</div>");
+
+    var pv = PREV[d.id] || [];
+    h.push('<div class="part">' + partHead("样例", pv.length ? "左：原始 RGB；右：GT 叠加。" : ""));
+    if (pv.length) {
+      h.push('<div class="gallery">');
+      pv.forEach(function (p, i) {
+        h.push('<div class="sample"><div class="pair"><figure><img loading="lazy" src="' + esc(p.rgb) + '" alt="' + esc(d.name + " 样例 " + (i + 1) + " RGB") + '"><figcaption>RGB</figcaption></figure><figure><img loading="lazy" src="' + esc(p.gt) + '" alt="' + esc(d.name + " 样例 " + (i + 1) + " GT 叠加") + '"><figcaption>' + esc(p.source || "GT 叠加") + "</figcaption></figure></div>" + (p.caption ? '<p class="small muted">' + esc(p.caption) + "</p>" : "") + "</div>");
+      });
+      h.push("</div>");
+    } else {
+      h.push('<div class="empty"><p>还没有样例。添加方法见<a href="#samples">样例</a>页。</p>' + ((d.team || []).length ? "<p>团队已有可视化：" + d.team.map(function (x) { return '<a href="' + esc(x.url) + '" target="_blank" rel="noopener">' + esc(x.label.replace(/^团队(图册|视频)：/, "")) + "</a>"; }).join("，") + "</p>" : "") + "</div>");
+    }
+    h.push("</div>");
+
+    h.push('<div class="dgrid"><div class="panel"><h2>相机与规模</h2><dl class="facts">');
+    h.push("<dt>相机</dt><dd>" + esc(d.camera || "未列") + "</dd>");
+    h.push("<dt>受试者</dt><dd>" + esc(d.subjects || "未列") + "</dd>");
+    h.push("<dt>规模</dt><dd>" + esc(d.scale || "未列") + "</dd></dl>");
+    if (d.risk) h.push('<div class="note"><span class="label">注意</span><p>' + esc(d.risk) + "</p></div>");
+    h.push('</div><div class="panel"><h2>采集与标注流程</h2>' + rigSvg(d) + flow(m.steps) + '<p class="small muted">按相机配置绘制的示意，不是真实画面；琥珀色圆点表示手上贴了光学 marker。</p></div></div>');
+
+    var links = (d.links || []).concat((d.team || []).map(function (x) { return { label: x.label, url: x.url }; }));
+    if (links.length) h.push('<div class="part">' + partHead("链接") + '<ul class="links">' + links.map(function (x) { return '<li><a href="' + esc(x.url) + '" target="_blank" rel="noopener">' + esc(x.label) + "</a></li>"; }).join("") + "</ul></div>");
+    h.push('<div class="pager"><span>' + (prev ? '← <a href="#ds-' + prev.id + '">' + esc(prev.name) + "</a>" : "") + "</span><span>" + (next ? '<a href="#ds-' + next.id + '">' + esc(next.name) + "</a> →" : "") + "</span></div></section>");
+    return h.join("");
+  }
+
+  /* ---------- 标注方法 ---------- */
   function vMethods() {
-    var h = ['<section class="view"><div class="lead"><h1>标注方法</h1><p>同一种标注方法得到的真值，可信度和适用范围相近。下面按 shape 真值可信度从高到低排列，每种方法给出流程、可信度、常见问题和转到 SOMA 的路线。</p></div>'];
-    var tierOf = { scan: "S1", marker: "S2", rgbd: "S3", mvkp: "S4", device: "-", synth: "SY", manual2d: "-", pseudo: "S5" };
+    var h = ['<section class="view"><div class="lead"><h1>标注方法</h1><p>按 shape 真值可信度从高到低排列。每种方法列出流程、可信度、常见问题、转到 SOMA 的路线和用到它的数据集。</p></div>'];
+    h.push('<nav class="toc" aria-label="方法目录">' + DATA.meta.methods.map(function (m) { return '<a href="#methods" data-jump="m-' + m.id + '">' + esc(m.name) + "</a>"; }).join("") + "</nav>");
     DATA.meta.methods.forEach(function (m) {
       var list = sorted(DATA.datasets.filter(function (d) { return d.method === m.id; }));
-      h.push('<article class="method" id="m-' + m.id + '"><div class="method-head"><h2>' + esc(m.name) + "</h2>" + tierChip(tierOf[m.id]) + '<span class="muted small">' + list.length + " 个数据集</span></div>");
-      h.push(flow(m.steps));
-      h.push('<dl class="kv"><dt>可信度</dt><dd>' + esc(m.trust) + "</dd><dt>常见问题</dt><dd>" + esc(m.issues) + '</dd><dt>SOMA 路线</dt><dd><a href="#soma">' + esc(m.route) + "</a></dd></dl>");
-      h.push('<div class="cell">' + list.map(function (d) { return dsLink(d); }).join("") + "</div></article>");
+      h.push('<article class="method" id="m-' + m.id + '"><div class="method-h"><h2>' + esc(m.name) + "</h2>" + tierChip(TIER_OF[m.id]) + '<span class="muted small">' + list.length + " 个数据集</span></div>" + flow(m.steps));
+      h.push('<div class="mgrid"><dl class="kv"><dt>可信度</dt><dd>' + esc(m.trust) + "</dd><dt>常见问题</dt><dd>" + esc(m.issues) + '</dd><dt>转到 SOMA</dt><dd><a href="#soma">' + esc(m.route) + '</a></dd></dl><div class="chips" style="align-content:start">' + list.map(function (d) { return dsLink(d); }).join("") + "</div></div></article>");
     });
     h.push("</section>");
     return h.join("");
   }
 
-  /* ---------- 视图：SOMA 转换 ---------- */
+  /* ---------- 转到 SOMA ---------- */
   function vSoma() {
-    var h = ['<section class="view"><div class="lead"><h1>转到 SOMA hand</h1><p>���有公开数据集原生使用 SOMA 标注。SOMA-X 的 <span class="mono">SOMAHandLayer</span> 官方支持三种手部后端：SOMA 原生（20 维手型 identity）、MANO 和 MHR，许可为 Apache-2.0。转到 SOMA 拓扑之后，要监督原生 shape 还需要再拟合一次。</p></div>'];
-    h.push('<div class="pipe">');
-    h.push('<div><h3>原始真值</h3><ul><li>扫描网格</li><li>MANO 参数或网格</li><li>SMPL-X / SMPL-H</li><li>MHR 参数</li><li>3D 关键点</li><li>2D 关键点</li></ul></div>');
-    h.push('<div><h3>映射到 SOMA 拓扑</h3><ul><li>SOMAHandLayer 的 MANO 后端</li><li>SOMAHandLayer 的 MHR 后端</li><li>SMPL-X 先取手部 MANO 部分</li><li>关键点先定关节对应</li></ul></div>');
-    h.push('<div><h3>SOMA 原生重拟合</h3><ul><li>拟合 20 维 identity 和 pose</li><li>按数据集统计顶点残差</li><li>残差超阈值的帧不监督 shape</li></ul></div>');
-    h.push('<div><h3>训练监督</h3><ul><li>shape：S1 到 S3、合成数据</li><li>pose：所有 3D 来源</li><li>2D 重投影：全部带 2D 的来源</li><li>伪标签只做弱监督</li></ul></div>');
-    h.push("</div>");
-    h.push('<h2>转换路线</h2><div class="routes">');
+    var h = ['<section class="view"><div class="lead"><h1>转到 SOMA hand</h1><p>没有公开数据集原生使用 SOMA 标注。SOMA-X 的 <span class="mono">SOMAHandLayer</span> 官方支持 SOMA 原生、MANO、MHR 三种手部后端（Apache-2.0）。映射到 SOMA 拓扑后，要监督原生 shape 还需要再拟合一次。</p></div>'];
+    h.push('<div class="part">' + partHead("四步流程") + '<div class="pipe">');
+    h.push('<div><span class="label">1 · 原始真值</span><ul><li>扫描网格</li><li>MANO 参数或网格</li><li>SMPL-X / SMPL-H</li><li>MHR 参数</li><li>3D / 2D 关键点</li></ul></div>');
+    h.push('<div><span class="label">2 · 映射到 SOMA 拓扑</span><ul><li>SOMAHandLayer 的 MANO 后端</li><li>SOMAHandLayer 的 MHR 后端</li><li>SMPL-X 先取手部</li><li>关键点先定关节对应</li></ul></div>');
+    h.push('<div><span class="label">3 · SOMA 原生重拟合</span><ul><li>拟合 20 维 identity 和 pose</li><li>按数据集统计顶点残差</li><li>残差超阈值不监督 shape</li></ul></div>');
+    h.push('<div><span class="label">4 · 训练监督</span><ul><li>shape：S1 到 S3、合成</li><li>pose：所有 3D 来源</li><li>2D 重投影：带 2D 的来源</li><li>伪标签只做弱监督</li></ul></div>');
+    h.push("</div></div>");
+    h.push('<div class="part">' + partHead("转换路线", "每张卡片对应一种原始真值格式。") + '<div class="routes">');
     DATA.meta.routes.forEach(function (r) {
-      var n = DATA.datasets.filter(function (d) { return d.route === r.id; }).length;
-      h.push('<div class="route"><div class="route-h"><span class="mono">' + r.id + "</span><h3>" + esc(r.name) + '</h3></div><p class="small muted">来源：' + esc(r.from) + "</p><p class=\"small\">" + esc(r.how) + '</p><p class="small">' + (r.shape ? '<span class="yes">可监督 shape</span>' : '<span class="nop">不监督 shape</span>') + ' · <span class="muted">' + n + " 个数据集</span></p></div>");
+      var list = DATA.datasets.filter(function (d) { return d.route === r.id; });
+      h.push('<div class="route"><div class="route-h"><span class="mono">' + r.id + "</span><h3>" + esc(r.name) + '</h3></div><p class="small">' + esc(r.how) + '</p><p class="small">' + (r.shape ? '<span class="yes">可监督 shape</span>' : '<span class="nop">不监督 shape</span>') + ' · <span class="muted">' + list.length + " 个数据集</span></p></div>");
     });
-    h.push("</div>");
-    h.push('<div class="cols2"><div class="block"><h2>需要注意</h2><ul class="small" style="margin:0;padding-left:1.2em;display:grid;gap:6px">');
-    h.push("<li>MANO 的 21 点里指尖取的是网格顶点，与 SOMA 关节定义不同，关键点类数据集必须先定对应表。</li>");
-    h.push("<li>EgoRenderer 已经做过一次原始网格到 MANO 的 778 顶点拟合，再转 SOMA 是第二次转换，残差要分开记录。</li>");
-    h.push("<li>shape 和尺度在单目里是耦合的；有内参时，shape 误差会表现为绝对尺度误差，评测时建议单独报标准姿态下的顶点误差和骨长误差。</li>");
+    h.push("</div></div>");
+    h.push('<div class="cols2"><div class="part">' + partHead("注意事项") + '<ul class="bul">');
+    h.push("<li>MANO 21 点的指尖是网格顶点，与 SOMA 关节定义不同；关键点类数据集要先定对应表。</li>");
+    h.push("<li>EgoRenderer 已经做过一次原始网格到 MANO 的拟合，再转 SOMA 是第二次，残差分开记录。</li>");
+    h.push("<li>单目下 shape 和尺度耦合；评测单独报标准姿态下的顶点误差和骨长误差。</li>");
     h.push("<li>SAM 3D Body 输出 MHR，可以走 R5 给野外图像生成伪标签；它的训练数据是否公开未查到。</li>");
-    h.push('</ul></div><div class="block"><h2>参考</h2><ul class="links"><li><a href="https://github.com/NVlabs/SOMA-X" target="_blank" rel="noopener">NVlabs/SOMA-X（代码与手部资产）</a></li><li><a href="https://arxiv.org/abs/2603.16858" target="_blank" rel="noopener">SOMA: Unifying Parametric Human Body Models，arXiv:2603.16858</a></li><li><a href="https://arxiv.org/abs/2602.15989" target="_blank" rel="noopener">SAM 3D Body，arXiv:2602.15989</a></li></ul></div></div>');
-    h.push("</section>");
+    h.push('</ul></div><div class="part">' + partHead("参考") + '<ul class="links"><li><a href="https://github.com/NVlabs/SOMA-X" target="_blank" rel="noopener">NVlabs/SOMA-X（代码与手部资产）</a></li><li><a href="https://arxiv.org/abs/2603.16858" target="_blank" rel="noopener">SOMA，arXiv:2603.16858</a></li><li><a href="https://arxiv.org/abs/2602.15989" target="_blank" rel="noopener">SAM 3D Body，arXiv:2602.15989</a></li></ul></div></div></section>');
     return h.join("");
   }
 
-  /* ---------- 视图：样例素材 ---------- */
+  /* ---------- 样例 ---------- */
   function vSamples() {
-    var h = ['<section class="view"><div class="lead"><h1>样例素材</h1><p>每个数据集的详情页会显示「RGB / GT 叠加」样例对。样例登记在 <span class="mono">data/previews.json</span>，图片放在 <span class="mono">media/&lt;数据集 id&gt;/</span>。用脚本添加，不需要改页面代码。</p></div>'];
-    h.push('<div class="cols2"><div class="block"><h2>添加一对样例</h2><pre class="code">python tools/add_preview.py hograspnet \\\n  --rgb  /data/hograspnet/s01_0042_rgb.png \\\n  --gt   /data/hograspnet/s01_0042_gt.png \\\n  --caption "受试者 01，侧捏，第一视角相机" \\\n  --source "官方 MANO，经 R1 转为 SOMA 后渲染"</pre><p class="small muted">脚本会把图片转成最长边 960 像素的 JPEG 复制到 media 目录，并追加到 previews.json。同名样例会被覆盖。</p></div>');
-    h.push('<div class="block"><h2>previews.json 格式</h2><pre class="code">{\n  "hograspnet": [\n    {\n      "rgb": "media/hograspnet/s01_0042_rgb.jpg",\n      "gt": "media/hograspnet/s01_0042_gt.jpg",\n      "caption": "受试者 01，侧捏",\n      "source": "官方 MANO → SOMA"\n    }\n  ]\n}</pre></div></div>');
-    h.push('<h2>当前样例覆盖</h2><div class="tbl-wrap"><table class="plain"><thead><tr><th>数据集</th><th>状态</th><th>本站样例</th><th>团队已有可视化</th></tr></thead><tbody>');
-    sorted(DATA.datasets).forEach(function (d) {
-      var n = (PREV[d.id] || []).length;
-      h.push('<tr><td><a href="#ds-' + d.id + '">' + esc(d.name) + "</a></td><td>" + stChip(d.status) + '</td><td class="mono">' + (n || "—") + "</td><td>" + ((d.team || []).map(function (t) { return '<a href="' + esc(t.url) + '" target="_blank" rel="noopener">' + esc(t.label.replace("团队图册：", "").replace("团队视频：", "视频：")) + "</a>"; }).join("<br>") || '<span class="muted">无</span>') + "</td></tr>");
-    });
-    h.push("</tbody></table></div></section>");
-    return h.join("");
-  }
-
-  /* ---------- 视图：详情 ---------- */
-  function vDetail(id) {
-    var d = BYID[id];
-    if (!d) return '<section class="view"><p class="err">找不到数据集「' + esc(id) + '」。回到<a href="#catalog">数据集目录</a>。</p></section>';
-    var m = M.method[d.method], s = M.source[d.source], rt = M.route[d.route], t = M.tier[d.tier];
-    var all = sorted(DATA.datasets), idx = all.indexOf(d), prev = all[idx - 1], next = all[idx + 1];
-    var h = ['<section class="view"><p class="crumb"><a href="#catalog">数据集目录</a> / ' + esc(s.name) + " / " + esc(m.name) + "</p>"];
-    h.push('<div class="dhead"><h1>' + esc(d.name) + '</h1><div class="chips">' + stChip(d.status) + (d.tags || []).map(function (x) { return '<span class="chip st-surveyed">' + esc(x) + "</span>"; }).join("") + '<span class="chip st-surveyed">' + esc(d.year) + "</span></div></div>");
-    h.push('<div class="dgrid"><div class="panel"><h2>基本信息</h2><dl class="facts">');
-    h.push("<dt>数据来源</dt><dd>" + esc(s.name) + '<br><span class="muted small">' + esc(s.desc) + "</span></dd>");
-    h.push("<dt>相机</dt><dd>" + esc(d.camera || "—") + "</dd>");
-    h.push('<dt>标注方法</dt><dd><a href="#methods" data-jump="m-' + m.id + '">' + esc(m.name) + "</a></dd>");
-    h.push("<dt>真值格式</dt><dd>" + esc(d.gt) + "</dd>");
-    h.push("<dt>shape 层级</dt><dd>" + tierChip(d.tier) + " " + esc(t.name) + '<span class="muted small">，' + esc(t.desc) + "</span></dd>");
-    h.push('<dt>SOMA 路线</dt><dd><a href="#soma">' + esc(rt.id + " " + rt.name) + "</a>" + (rt.shape ? "" : '<span class="muted small">，不监督 shape</span>') + "</dd>");
-    h.push("<dt>受试者</dt><dd>" + esc(d.subjects || "—") + "</dd>");
-    h.push("<dt>规模</dt><dd>" + esc(d.scale || "—") + "</dd></dl>");
-    h.push('<div class="note"><b>补什么</b><p>' + esc(d.fills) + "</p></div>");
-    if (d.risk) h.push('<div class="note warn"><b>注意</b><p>' + esc(d.risk) + "</p></div>");
-    h.push("</div>");
-    h.push('<div class="panel"><h2>采集与标注示意</h2>' + rigSvg(d) + flow(m.steps) + '<p class="small muted">示意图按数据集的相机配置绘制，不是真实画面。琥珀色圆点表示手上贴有光学 marker。</p></div></div>');
-    var pv = PREV[d.id] || [];
-    h.push('<div class="panel"><h2>样例：RGB 与 GT 叠加</h2>');
-    if (pv.length) {
-      h.push('<div class="gallery">');
-      pv.forEach(function (p, i) {
-        h.push('<div class="pair"><figure><img loading="lazy" src="' + esc(p.rgb) + '" alt="' + esc(d.name + " 样例 " + (i + 1) + " RGB") + '"><figcaption>RGB</figcaption></figure><figure><img loading="lazy" src="' + esc(p.gt) + '" alt="' + esc(d.name + " 样例 " + (i + 1) + " GT 叠加") + '"><figcaption>GT 叠加' + (p.source ? "：" + esc(p.source) : "") + "</figcaption></figure></div>");
-        if (p.caption) h.push('<p class="small muted">' + esc(p.caption) + "</p>");
-      });
-      h.push("</div>");
-    } else {
-      h.push('<div class="empty"><p>本站还没有这个数据集的样例。用 <span class="mono">tools/add_preview.py ' + esc(d.id) + "</span> 添加，步骤见<a href=\"#samples\">样例素材</a>。</p>");
-      if ((d.team || []).length) h.push("<p>团队已有的可视化：" + d.team.map(function (x) { return '<a href="' + esc(x.url) + '" target="_blank" rel="noopener">' + esc(x.label) + "</a>"; }).join("，") + "</p>");
-      h.push("</div>");
-    }
-    h.push("</div>");
-    if ((d.links || []).length) h.push('<div class="panel"><h2>链接</h2><ul class="links">' + d.links.map(function (x) { return '<li><a href="' + esc(x.url) + '" target="_blank" rel="noopener">' + esc(x.label) + "</a></li>"; }).join("") + "</ul></div>");
-    h.push('<div class="pager"><span>' + (prev ? '← <a href="#ds-' + prev.id + '">' + esc(prev.name) + "</a>" : "") + "</span><span>" + (next ? '<a href="#ds-' + next.id + '">' + esc(next.name) + "</a> →" : "") + "</span></div>");
-    h.push("</section>");
+    var ds = sorted(DATA.datasets), have = ds.filter(nPrev), none = ds.filter(function (d) { return !nPrev(d); });
+    var pairs = have.reduce(function (a, d) { return a + nPrev(d); }, 0);
+    var h = ['<section class="view"><div class="lead"><h1>样例</h1><p>每对样例是同一帧的原始 RGB 和 GT 叠加。图片放在独立的 HF Dataset 仓库或本站 media 目录，登记在 <span class="mono">data/previews.json</span>。</p></div>'];
+    h.push('<div class="part">' + partHead("覆盖情况", have.length + " 个数据集共 " + pairs + " 对；" + none.length + " 个还没有。") );
+    h.push('<div class="group"><span class="label">已有样例（数字为对数）</span><div class="chips">' + have.map(function (d) { return dsLink(d, true); }).join("") + "</div></div>");
+    h.push('<div class="group"><span class="label">暂无样例</span><div class="chips">' + none.map(function (d) { return dsLink(d); }).join("") + "</div></div></div>");
+    h.push('<div class="part">' + partHead("怎么添加", "三种方式，按场景选一种。") + '<div class="ways">');
+    h.push('<div class="way rec"><h3>在数据所在的服务器上批量同步（推荐）</h3><p class="small">在存放数据集的机器上运行。图片传到独立的 HF Dataset 仓库并固定版本，Space 只登记 URL，网页不依赖 SSH。可以直接给已渲染好的叠加图，也可以给原图加网格（MANO 或 SOMA）由脚本渲染。</p><pre class="code">export HF_TOKEN=hf_xxx\npython tools/server_sync.py manifest.jsonl \\\n  --media-repo DarthSoluke/EgoNetDatasetResearch-media \\\n  --space DarthSoluke/EgoNetDatasetResearch</pre><pre class="code">{"dataset": "hograspnet",\n "rgb": "/SSD/hograspnet/s01/0042.png",\n "mesh": "/SSD/hograspnet/s01/0042_soma.npz",\n "caption": "受试者 01，侧捏",\n "source": "官方 MANO → R1 → SOMA"}</pre></div>');
+    h.push('<div class="way"><h3>从团队图册导入</h3><p class="small">复用 nine-source Space 里已经做好的叠加图，每个数据集取若干对。</p><pre class="code">python tools/import_team_previews.py --per 4</pre></div>');
+    h.push('<div class="way"><h3>手动加一对</h3><p class="small">已有一张 RGB 和一张叠加图时用。</p><pre class="code">python tools/add_preview.py hograspnet \\\n  --rgb a_rgb.png --gt a_gt.png \\\n  --caption "说明" --source "GT 来源"</pre></div>');
+    h.push("</div></div></section>");
     return h.join("");
   }
 
@@ -502,7 +524,7 @@ footer { font-size: 0.8rem; color: var(--muted); border-top: 1px solid var(--lin
     else if (hash === "soma") html = vSoma();
     else if (hash === "samples") html = vSamples();
     else { html = vOverview(); view = "overview"; }
-    app.innerHTML = html + '<footer>数据整理于 ' + esc(DATA.meta.updated) + "。数值来自论文、项目页和团队已有图册；标为「待核」的字段尚未确认。修改数据请编辑 <span class=\"mono\">tools/make_data.py</span> 后重新生成。</footer>";
+    app.innerHTML = html + '<footer>整理于 ' + esc(DATA.meta.updated) + "。数值来自论文、项目页和团队图册；标「待���」的字段尚未确认。</footer>";
     document.querySelectorAll("nav.tabs a").forEach(function (a) { if (a.getAttribute("data-v") === view) a.setAttribute("aria-current", "page"); else a.removeAttribute("aria-current"); });
     if (hash === "catalog") bindCatalog();
     if (pendingJump) { var el = document.getElementById(pendingJump); pendingJump = null; if (el) { el.scrollIntoView(); return; } }
@@ -525,7 +547,7 @@ footer { font-size: 0.8rem; color: var(--muted); border-top: 1px solid var(--lin
     fetch("data/datasets.json").then(function (r) { if (!r.ok) throw new Error(r.status); return r.json(); }),
     fetch("data/previews.json").then(function (r) { return r.ok ? r.json() : {}; }).catch(function () { return {}; })
   ]).then(function (x) { boot(x[0], x[1]); }).catch(function () {
-    app.innerHTML = '<p class="err">没能读取 data/datasets.json。直接双击打开 HTML 文件时浏览器会拦截读取，请用 <span class="mono">python -m http.server</span> 在本目录启动后访问，或部署到 Hugging Face Space。</p>';
+    app.innerHTML = '<p class="err">没能读取 data/datasets.json。直接双击打开 HTML 时浏览器会拦截读取，请在本目录运行 <span class="mono">python -m http.server</span> 后访问，或部署到 Hugging Face Space。</p>';
   });
 })();
 </script>