# 2026-10-19 K23 后台视觉深化 ## 基线 - ReelShortWeb `develop`: `3e8312e` - FruitServer `develop`: `9c96e18` - 只改后台视觉/交互与菜单图标种子,不改接口契约、权限和业务流程。 ## 主色 1. Element Plus 主色改为辣椒红 `#c4322a`,同步 light-3/5/7/8/9 与 dark-2。 2. 清理后台源码中的默认 Element 蓝与蓝色透明背景。 3. 验证按钮、开关、链接、选中菜单、标签页和焦点环对比度。 ## 菜单 1. `sql/data.sql`、`sql/data-phase1.sql` 为 21 个子菜单补齐 Material Symbols Rounded 图标。 2. 开发库幂等执行后通过 `/admin/auth/menus` 检查子菜单 icon 非空、前缀统一。 3. 菜单管理图标候选同步扩充。 4. 菜单行高、间距、缩进、折叠态和 popper 统一到同一套 token。 ## 短剧编辑弹窗 1. 680px 三区块表单:基础信息、付费设置、封面。 2. 表单增加 model/rules,数字输入固定 180px 且控件在右。 3. 封面改为预览卡:basename、状态、更换/移除、类型/大小校验、进度与失败提示、查看原图。 4. 保存按钮防重复,保存中与上传中禁止关闭。 ## 锁屏弹窗 1. 440px 紧凑弹窗,移除全屏入口。 2. 重做标题、说明、内容和底部按钮。 3. 支持回车锁定,删除调试日志。 ## 门禁 - 图标名逐个对照 `node_modules/@iconify/json/json/material-symbols.json`。 - `pnpm lint:eslint` 零错误。 - `pnpm build:pro` 通过。 - 浏览器自查登录页、工作台、短剧管理、锁屏;1024/375、明暗主题、控制台 0 error、0 404。