# 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. 一级菜单保留 Material Symbols Rounded 图标;所有二级菜单图标置空。 2. 开发库幂等执行后通过 `/admin/auth/menus` 检查一级图标存在、二级 icon 为空。 3. 菜单管理只允许目录菜单选择图标,保存子菜单时强制清空。 4. 一级菜单行高 44,二级菜单行高 40;父子文字统一落在 42px 基线。 5. 二级菜单不渲染图标、不保留图标空位,折叠态和 popper 同样只显示文字。 ## 短剧编辑弹窗 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。