refactor: 重构样式系统为五层分层架构

- 建立 tokens/core/layouts/components/pages 五层样式架构
- 所有组件采用 BEM 命名规范（.block__element--modifier）
- 16 个组件目录，每个组件独立 _index.scss
- 清理表格操作列内联样式，统一使用 .col-actions/.table-actions
- 更新 README 样式开发规范文档
- 同步 3 个 delta spec 到主 specs

Co-Authored-By: opencode <noreply@opencode.ai>

openspec/config.yaml

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