schema: spec-driven

context: |
    - 交流、文档、注释、提交信息使用中文，代码命名使用英文
    - 纯前端展示原型项目（非功能原型），无后端交互，供内部开发人员参考UI界面使用，目标在于展示页面布局、样式和组件能力
    - 允许轻量级交互展示（如表单验证、弹框），状态展示策略：不重叠的状态通过静态数据驱动展示，重叠/覆盖类状态（弹框、下拉、抽屉等）允许简单交互切换
    - 示例数据应精心设计，展示不同的页面元素状态
    - 不引入UI库，使用当前SCSS样式方案
    - 使用pnpm作为包管理器，javascript作为开发语言，不引入typescript或eslint
    - 不构建测试，使用pnpm build验证打包即可，AI禁止运行pnpm dev（会挂起流程）
    - 不做性能优化，保持vite-plugin-singlefile单文件打包
    - 不做安全防御性编程，eval/dangerouslySetInnerHTML等按需使用
    - README.md是项目的开发文档，记录代码结构和关键开发模式，优先读取获取上下文
    - 涉及页面/路由/组件/功能模块变更或技术栈调整时，同步更新README.md
    - Git提交: 仅中文; 格式为"类型: 简短描述",类型可选: feat(新功能)/fix(修复)/refactor(重构)/docs(文档)/style(格式)/test(测试)/chore(构建/工具); 多行描述空行后加详细说明; 禁创建git操作task