From 0ee3e4759eda6c21244abb2202b778c6d7f79ed1 Mon Sep 17 00:00:00 2001
From: Zhou Weidong <502333560@qq.com>
Date: Mon, 19 Oct 2026 12:02:33 +0800
Subject: [PATCH] =?UTF-8?q?docs(plans):=20=E8=AE=B0=E5=BD=95=20K23=20?=
 =?UTF-8?q?=E5=90=8E=E5=8F=B0=E8=A7=86=E8=A7=89=E6=B7=B1=E5=8C=96=E5=9B=9E?=
 =?UTF-8?q?=E6=89=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/plans/2026-10-19-K23.md |   9 +--
 docs/plans/INBOX.md          |   2 +-
 docs/plans/PROGRESS.md       | 109 +++++++++++++++++++++++++++++++++++
 3 files changed, 115 insertions(+), 5 deletions(-)

diff --git a/docs/plans/2026-10-19-K23.md b/docs/plans/2026-10-19-K23.md
index bab53b8..8712b0a 100644
--- a/docs/plans/2026-10-19-K23.md
+++ b/docs/plans/2026-10-19-K23.md
@@ -14,10 +14,11 @@
 
 ## 菜单
 
-1. `sql/data.sql`、`sql/data-phase1.sql` 为 21 个子菜单补齐 Material Symbols Rounded 图标。
-2. 开发库幂等执行后通过 `/admin/auth/menus` 检查子菜单 icon 非空、前缀统一。
-3. 菜单管理图标候选同步扩充。
-4. 菜单行高、间距、缩进、折叠态和 popper 统一到同一套 token。
+1. 一级菜单保留 Material Symbols Rounded 图标；所有二级菜单图标置空。
+2. 开发库幂等执行后通过 `/admin/auth/menus` 检查一级图标存在、二级 icon 为空。
+3. 菜单管理只允许目录菜单选择图标，保存子菜单时强制清空。
+4. 一级菜单行高 44，二级菜单行高 40；父子文字统一落在 42px 基线。
+5. 二级菜单不渲染图标、不保留图标空位，折叠态和 popper 同样只显示文字。
 
 ## 短剧编辑弹窗
 
diff --git a/docs/plans/INBOX.md b/docs/plans/INBOX.md
index 8225558..2a238ff 100644
--- a/docs/plans/INBOX.md
+++ b/docs/plans/INBOX.md
@@ -20,7 +20,7 @@
 
 ---
 
-## [待处理] 2026-10-19 | K23 后台视觉深化：主色、菜单、编辑弹窗与锁屏
+## [已处理·待用户验收] 2026-10-19 | K23 后台视觉深化：主色、菜单、编辑弹窗与锁屏
 
 **用户指令（2026-10-19，附三张截图）**：「现在着重优化 UI 及交互」。
 截图问题：
diff --git a/docs/plans/PROGRESS.md b/docs/plans/PROGRESS.md
index 67e0f54..765bf1f 100644
--- a/docs/plans/PROGRESS.md
+++ b/docs/plans/PROGRESS.md
@@ -4648,3 +4648,112 @@ e5c5101 chore(web): 合并 K22.1 后台收尾
 
 功能提交与合并提交 author/committer 均为
 `Zhou Weidong <502333560@qq.com>`。
+
+## K23 后台视觉深化
+
+### 主色
+
+```text
+--el-color-primary: #c4322a
+--el-color-primary-light-3: #d3615b
+--el-color-primary-light-5: #e19995
+--el-color-primary-light-7: #f0c2c0
+--el-color-primary-light-8: #f5d9d8
+--el-color-primary-light-9: #faeeed
+--el-color-primary-dark-2: #9d2822
+```
+
+旧用户持久化的 `#409eff` 在 store 恢复时迁移为 `#c4322a`。默认蓝扫描：
+
+```text
+$ rg '#409eff|#79bbff|#a0cfff|#c6e2ff|#d9ecff|#ecf5ff|#337ecc|rgba?\(64[ ,]+158[ ,]+255' src
+（无输出）
+```
+
+### 二级菜单图标为空
+
+`data.sql` 与 `data-phase1.sql` 均加入：
+
+```sql
+UPDATE sys_menu SET icon = '' WHERE type = 'MENU';
+```
+
+```text
+  type   | total | empty_icon | with_icon
+---------+-------+------------+-----------
+ CATALOG |    10 |          0 |        10
+ MENU    |    23 |         23 |         0
+
+parents=9 parentMissingIcon=0
+children=19 childWithIcon=0
+```
+
+菜单管理仅在 `type='CATALOG'` 时显示图标选择，保存 MENU 时强制 icon 为空。
+渲染层对嵌套项强制不输出 AppIcon，历史脏值也不保留图标空位。
+
+### 对齐实测
+
+```text
+1024px: parent text left=42px, row=44px; child text left=42px, row=40px, icon=0
+375px:  parent text left=42px, row=44px; child text left=42px, row=40px, icon=0
+popper: child row=40px, icon=0
+```
+
+浅色选中为浅主色底 + 主色文字；暗色选中为深主色底 + 白字，
+暗色实测对比度 8.73:1。
+
+### 短剧编辑弹窗
+
+- 宽 680px，三区块，内容滚动、底部固定；375px 下宽 345px 且无横向溢出。
+- 数字输入固定 180px，控件位于右侧；1024/375 实测均为 180px。
+- 封面 96×128 预览、basename、状态 chip、更换/移除、查看原图、进度遮罩和错误提示。
+- 删除原始 URL 输入框。
+- txt 实测提示“封面仅支持 JPG、PNG 或 WebP 格式”；限制 5MB。
+- 空名称保存显示字段错误“请输入短剧名称”；类型必选。
+- 保存/上传中按钮禁用，关闭被拦截。
+
+### 锁屏弹窗
+
+- 宽 440px，高度 360px；375px 下宽 359px。
+- 头部底边线 0px，关闭图标距右边缘 22px。
+- 增加“输入密码解锁当前会话”；密码框回车可锁定，取消可关闭。
+- 取消/锁定按钮均为 96×36px。
+- 删除 `console.log('set: ', val)`。
+
+### 门禁
+
+```text
+$ pnpm lint:eslint
+> eslint --fix --ext .js,.ts,.vue ./src
+
+$ pnpm build:pro
+[warn] Circular chunk: element-plus -> vue-chunks -> element-plus.
+Build successful. Please see dist-pro directory
+```
+
+浏览器自查：1024/375、明暗主题通过；控制台 error 0；无资源 404。
+
+### 提交
+
+```text
+5356f24 docs(plans): 增加 K23 后台视觉深化计划
+91bbfd5 docs(plans): 更正 K23 子菜单图标口径
+ba90bf9 style(web): 统一辣椒红主色与菜单层级
+805d7dd feat(web): 重做短剧编辑弹窗
+898e439 fix(web): 优化锁屏弹窗布局与交互
+ee3bb1c chore(web): 合并 K23 后台视觉深化
+b400e36 fix(sql): 清空二级菜单图标
+```
+
+功能提交与合并提交 author/committer 均为
+`Zhou Weidong <502333560@qq.com>`。
+
+### 用户浏览器验收
+
+1. 登录后检查按钮、链接、焦点环、标签和选中菜单：均应为辣椒红，无 Element 蓝。
+2. 展开内容管理/后台管理：一级项有图标，二级项只有文字，父子文字左边缘同线。
+3. 收起侧栏打开 popper：二级项无图标、行高 40px。
+4. 编辑短剧：检查三区块、固定数字框、封面预览与“查看原图”，不再出现原始 URL 输入。
+5. 上传非法格式或超过 5MB 图片：弹窗内显示错误且原图不变。
+6. 打开锁屏：标题/说明清晰，可取消，回车可锁定。
+7. 切换明暗主题并缩至 375px：布局不溢出，暗色选中态白字清晰。