任务计划（Roadmap）
本项目分为五个阶段，当前仅完成文档交付，等待指令后再实施。
阶段 0：文档
- 产出：
./trae/design.md、./trae/prd.md、./trae/tasks/* - 状态：已完成
阶段 1：项目脚手架
- 使用 Vite + React + TypeScript 初始化项目
- 集成 TailwindCSS 与 shadcn/ui 组件库
- 基础目录搭建：
src/components、src/utils/codecs
阶段 2：判定模块（utils/codecs）
- 封装 WebCodecs 判定逻辑：
detectAll、checkAVC、checkHEVC - 设计类型与返回结构，记录判定详情（环境、检查、错误、时间戳）
阶段 3：UI 页面实现
- 单页 App：渲染判定结果卡片、操作按钮、详情折叠
- 统一状态色与文案，提供复制详情能力（可选）
阶段 4：验证与交付
- 基本跨浏览器验证（Chrome/Edge/Safari/Firefox）
- 打包与静态部署（如
dist/）
环境准备
- Node.js >= 18
- 包管理器：npm 或 pnpm
- 浏览器：最新版 Chrome/Edge/Safari/Firefox
执行顺序与里程碑
- 初始化项目与 UI 库（Task01）
- 封装判定模块（Task02）
- 实现单页 UI（后续 Task）
- 验证与交付（后续 Task）