feat: P2 - QTE system, subtitles, save thumbnails

- QTESystem: trigger detection via timeupdate, multi-key matching, timeout handling
- QTEOverlay: SVG countdown ring + key prompts + success/fail animation
- Engine: integrate QTE (timeupdate check, conditional branching, effect application)
- Subtitles: WebVTT parsing + synchronized subtitle rendering
- GamePlayer: overlay QTE and subtitle components
- SaveSystem: DB v2 with thumbnail field, canvas snapshot at 320x180 JPEG
- SaveLoadMenu: thumbnail preview for save slots
- VideoManager: getActiveVideoElement() for canvas capture
- App.vue: QTE/subtitle integration, thumbnail capture on save
- stores: QTE state management, save list with thumbnails
- demo.json: QTE scene (right_door), subtitles, new event types
- ROADMAP: mark P2 as completed

ROADMAP.md

@@ -154,14 +154,18 @@ interface SaveData {
 - [x] `src/App.vue` — 整合 SaveLoadMenu、双 video、计时器
 - [x] 验证：条件分支走通，存档读档正常，视频切换交叉淡化
 
-### P2 进阶 — QTE + 字幕 + 多存档槽（1 周）
+### P2 进阶 — QTE + 字幕 + 多存档槽（1 周）✅ 已完成 2026-06-07
 
-- [ ] `engine/systems/QTESystem.ts` — QTE 触发、键盘监听、超时判定
-- [ ] `src/components/QTEOverlay.vue` — QTE 视觉遮罩（按键提示 + 倒计时环）
-- [ ] `src/components/Subtitles.vue` — WebVTT 解析 + 字幕渲染
-- [ ] 多存档槽位 + 存档缩略图（canvas 截图当前视频帧）
-- [ ] `engine/core/Engine.ts` — 完整事件总线（sceneChange, choiceMade, qteTriggered 等）
-- [ ] 验证：QTE 正常触发与判定，字幕同步，多存档正常工作
+- [x] `engine/systems/QTESystem.ts` — QTE 触发、键盘监听（支持多键匹配）、超时判定
+- [x] `src/components/QTEOverlay.vue` — SVG 倒计时环 + 按键提示 + 成功/失败动画
+- [x] `src/components/Subtitles.vue` — WebVTT 解析 + 字幕同步渲染
+- [x] `engine/core/Engine.ts` — 集成 QTE（timeupdate 检测 + 条件跳转 + 效果应用）
+- [x] 多存档槽位 + 存档缩略图（canvas 截图当前视频帧，320x180 JPEG）
+- [x] `engine/core/VideoManager.ts` — 新增 `getActiveVideoElement()` 供截图
+- [x] `engine/systems/SaveSystem.ts` — DB 版本升级 v2（支持 thumbnail 字段）
+- [x] `src/components/SaveLoadMenu.vue` — 存档缩略图预览
+- [x] 完整事件总线（sceneChange, choiceRequest, choiceTimer, choiceTimeout, videoEnd, qteTrigger, qteTimer, qteResult, gameEnd）
+- [x] 验证：QTE 正常触发与判定（ArrowLeft/ArrowRight/A/D 躲石块），字幕同步，存档缩略图正常
 
 ### P3 编辑器 — 可视化剧情编辑（2-3 周）