@qilitt-mickey/vue3-temp-skill 1.1.42 → 1.1.44

package/SKILL.md

@@ -51,7 +51,7 @@ tags: [vue3, typescript, element-plus, pinia, vite, unocss, crud, demo, code-qua
 | `files-and-editors` | 附件、预览、下载、富文本、二维码 | `file-management.md`、`download-export.md`、`rich-text.md`、`qrcode-barcode.md` |
 | `realtime-and-mobile` | WebSocket、移动端、微信、验证码、动效 | 对应专项 reference |
 | `data-compare` | 编辑页变更对比和汇总 | `data-compare.md` |
-| `design-apply` | 设计变更集落地：语义 ID 三级匹配、结构/形态/两层样式转换、L3 新模块、合规闸门 | `design-apply.md`、`mapping/`、`parser/` |
+| `design-apply` | 设计变更集落地：语义 ID 三级匹配、结构/形态/两层样式转换、锚点与结构施工、覆写提权、渲染态验收、合规闸门 | `design-apply.md`、`mapping/`、`parser/` |
 
 ## 工作流
 
@@ -76,7 +76,7 @@ tags: [vue3, typescript, element-plus, pinia, vite, unocss, crud, demo, code-qua
 - Demo 可以最小化数据和接口，但目录、类型、命名和组件边界要能承接后续开发。
 - 新依赖先检查目标项目；缺失时说明精确版本、原因和构建接线，确认后再安装。
 - 只有目标项目确实存在排除项、占位插件或缺失接线时，才读取 `addon-enable.md` 恢复配置。
-- **输入为设计文件时**：用户给出设计技能（project-ui-design）产出的 JSON 文件（无论叫"设计方案/设计文件/变更集"）→ 不走常规闭环，改走 `design-apply.md` 协议——parser 匹配出施工坐标后按「结构先行、样式两层转换」落地，并过变更集合规闸门。
+- **输入为设计文件时**：用户给出设计技能（project-ui-design）产出的 JSON 文件（无论叫"设计方案/设计文件/变更集"）→ 不走常规闭环，改走 `design-apply.md` 协议——先跑 `node parser/index.js audit` 复核锚点（挂载点/死通道），再按「结构先行（`structure_ops`）、样式两层转换、必要时覆写提权（`priority`）」落地，最后过变更集合规闸门。变更集新增三类声明维度：`apply_via`（落点通道）/ `layer`（`host` 宿主盒 / `inner` 内层文本盒）/ `structure_ops`（数据·结构驱动点位的结构操作）；词典条目对应新增 `anchors` / `preconditions` / `priority`。
 
 ### 3b. 小白用户执行纪律（design-apply 场景）
 
@@ -92,6 +92,8 @@ tags: [vue3, typescript, element-plus, pinia, vite, unocss, crud, demo, code-qua
 
 - 对照 `references/code-quality.md` 检查类型、组件复用、API、路由、权限、安全、异常反馈、响应式和可演进性。
 - 在目标项目执行 `pnpm lint:fix`、`pnpm type-check`；改动构建配置时再执行 `pnpm build`。
+- **设计文件落地时追加渲染态验收**：变更集含 `oracle`（或效果图带 `data-sid`）时，跑 `node parser/index.js verify`——抽取项目同名 `data-sid` 元素的 computed style，与效果图期望值逐点 diff；缺口按三类归因（选择器落空 / 权重被压 / 语境错位）修正，禁止用 `!important` 掩盖。
+- **设计文件落地时核对登记表覆盖率**：变更集带登记表（`coverage.registry` 或 `--registry`）时，跑 `node parser/index.js match <cs.json> --registry <restore-registry.json>`——`C = A` 且无缺口才可交付；parser **当场以登记表为权威重算**，设计侧自报的 `coverage` 数字不参与。单独核验登记表对词典的通道就绪度用 `node parser/index.js registry <restore-registry.json>`（硬缺口 exit 1、通道缺口列出待补字段）。
 - 最终说明：命中能力组、修改文件、功能验证、命令结果、未解决问题和下一步。
 
 ## 出厂中性 · 变更集驱动（design-apply 架构红线）
@@ -127,5 +129,6 @@ tags: [vue3, typescript, element-plus, pinia, vite, unocss, crud, demo, code-qua
 - 功能：...
 - `pnpm lint:fix`：通过 | 失败（原因）
 - `pnpm type-check`：通过 | 失败（原因）
+- 设计验收：无 oracle 时 N/A | 逐点 diff 结果（命中 N / 缺口 M，归因与修正）
 - 缺口回流：无 | 仅限「设计侧未给值」的维度（列出维度名，注明已回流设计侧补齐）
 ```

package/bin/cli.js

@@ -263,7 +263,7 @@ function installSkills(targetKey, projectDir) {
   }
 
   // design-apply 能力组依赖：mapping/ 词典 + parser/ 解析器（变更集落地的运行时依赖）
-  // parser/fixtures/ 为作者侧回归夹具（A-H 八步测试数据），不随技能分发，保留在仓库
+  // parser/fixtures/ 为作者侧回归夹具（A-O 回归步骤的测试数据），不随技能分发，保留在仓库
   for (const runtimeDir of ["mapping", "parser"]) {
     const src = path.join(SKILL_DIR, runtimeDir);
     if (fs.existsSync(src)) copyDir(src, path.join(dest, runtimeDir), ["fixtures"]);

package/mapping/scenes/admin/content.json

@@ -80,6 +80,20 @@
         "batch_delete_bg": "background-color",
         "batch_disabled_opacity": "opacity"
       },
+      "anchors": [
+        { "kind": "class", "layer": "host", "target": ".vts-action-bar" },
+        { "kind": "class", "layer": "inner", "target": ".vts-action-bar .el-button" },
+        { "kind": "css_var", "target": "--action-bar-gap" },
+        { "kind": "css_var", "target": "--action-bar-padding-y" }
+      ],
+      "preconditions": [
+        "本条目选择器 .vts-action-bar 依赖页面给操作栏容器挂上该语义类；若页面用的是出厂 ReTableBar 且未挂该类，选择器在项目 DOM 里不存在，规则再准也落不下去（这是「操作栏规则写了却没生效」的根因，属挂载点缺失）。施工前须先按 structure_ops 给容器补类，或改用项目实际容器选择器并回写本条目。",
+        "gap / padding 的 CSS 变量必须在项目样式中存在消费者（var() 引用），只定义不消费 = 死通道。"
+      ],
+      "priority": {
+        "strategy": "scope_qualified",
+        "reason": "容器语义类挂上后，作用域限定即可覆盖。"
+      },
       "$note": "设计意图（list-page §4/§11.25-11.36）：flex 两端对齐、pad 20px 20px 8px、左侧批量（未选中置灰 opacity 0.4 + not-allowed）、右侧工具三件套缺一不可。分工：本条目管容器布局与置灰；批量删除红色按钮本体走 component.button.danger。demo 噪音按钮去留属业务层，交付说明申报后由项目侧业务闭环移除"
     },
     "admin.content.table.operation_column": {
@@ -107,6 +121,18 @@
         "more_arrow_size": "font-size",
         "more_arrow_gap": "gap"
       },
+      "anchors": [
+        { "kind": "class", "layer": "host", "target": ".vts-table-area .el-table__cell:has(.re-table-operate)" },
+        { "kind": "class", "layer": "inner", "target": ".vts-table-area .el-table__cell:has(.re-table-operate) > .cell" }
+      ],
+      "preconditions": [
+        "按钮之间的间距由分割线元素的左右 margin 承载，不是按钮自身 gap：必须先存在分割线元素（ReTableOperate 默认不渲染 divider，需按 structure_ops 补槽位），divider_width / divider_height / divider_margin_x 才有落点——这是「操作列按钮间距没还原」的根因。",
+        "「纯文字无图标」是数据侧结论：图标来自业务页列定义的 operateButtons[].icon，只写 form=text_link 而不移除数据里的 icon = 未落地（改 CSS 不算）。"
+      ],
+      "priority": {
+        "strategy": "scope_qualified",
+        "reason": "操作列无行内样式竞争，作用域限定即可覆盖。"
+      },
       "$note": "设计意图（list-page §5/§26.14/§11.52-11.60）：纯文字链接无图标、短分割线隔离（1px×14px、左右 margin 0 8px）、≥3 个折叠到更多（带 10px 下拉箭头、箭头↔文字 gap 2px）、列宽 160px + nowrap 禁止换行。⚠ **按钮之间的间距由分割线的 divider_margin_x 承载**（不是按钮自身 gap）——设计侧不声明该字段，项目侧无从还原图上间距，这是「操作列间距没还原」的根因。落地断言：form 即结构意图（design-apply 底线二豁免）——form=text_link 时必须删除业务页列定义 operateButtons 各项的 icon 字段，禁止只改 CSS 保留图标冒充落地；设计侧未声明 min_width/column_width 时 AI 施工必须回填出厂值 160px/nowrap 并在交付说明注明，禁止留空导致按钮换行"
     },
     "admin.content.table.header_cell": {
@@ -127,7 +153,52 @@
         "border_bottom": "border-bottom",
         "nowrap": "white-space"
       },
-      "$note": "设计意图（list-page §11.39）：高 48px、padding 16px、背景 #FAFAFA、字号 14px、**字重 500**、文字色 #000000E0、**左对齐**、底边框 1px solid #F0F0F0、nowrap、吸顶。⚠ 出厂 EP 默认表头是**居中 + 字重 400**，且只有底色/文字色可经 --el-table-* 令牌换 —— **font-weight 与 text-align 必须走本条目 custom_style_map 生成规则**，只改令牌落不了这两项，这是「表头样式不对」的根因。作用域前缀 .vts-page-card 保证只命中业务卡片内表格。"
+      "anchors": [
+        { "kind": "class", "layer": "host", "target": ".vts-table-area .el-table__header th.el-table__cell" },
+        { "kind": "class", "layer": "inner", "target": ".vts-table-area .el-table__header th.el-table__cell > .cell" },
+        { "kind": "css_var", "target": "--el-table-header-bg-color" },
+        { "kind": "css_var", "target": "--el-table-header-text-color" }
+      ],
+      "preconditions": [
+        "Element Plus 表头是「宿主 th.el-table__cell + 内层 .cell 文本盒」两层结构；EP 出厂给内层 .cell 写了 white-space: normal，因此 nowrap / text-overflow 这类文本控制必须落在 inner 层，写在宿主 th 上会被内层覆盖（这是「表头竖排换行」的根因）。高度 / padding / 背景落在 host 层。",
+        "表头单元格可能被业务页用 :header-cell-style 注入行内样式，行内样式优先级高于一切类规则；使用本条目时须确认页面未在列上写死行内表头样式，若有则在页面侧移除、改由本条目承载。"
+      ],
+      "priority": {
+        "strategy": "self_plus_important",
+        "reason": "页面可能用 :header-cell-style 注入行内样式，普通类规则无法取胜。"
+      },
+      "$note": "设计意图（list-page §11.39）：高 48px、padding 16px、背景 #FAFAFA、字号 14px、字重 500、文字色 #000000E0、左对齐、底边框 1px solid #F0F0F0、nowrap、吸顶。⚠ 出厂只有「背景色 / 文字色」可经 --el-table-* 令牌表达；字重与对齐没有对应令牌——出厂仅设了 .el-table__header th 的 font-weight，对齐沿用浏览器 th 默认，两者都**不能靠换令牌得到**，必须由本条目字段显式承载，这是「表头样式不对」的根因。⚠ 文本换行控制必须落 inner 层（见 anchors），落宿主无效。作用域前缀 .vts-page-card 保证只命中业务卡片内表格。"
+    },
+    "admin.content.table.cell": {
+      "type": "element",
+      "selector": ".vts-table-area .el-table__body td.el-table__cell",
+      "file": "src/styles/element-plus.scss（Element Plus 行单元格结构类，无业务定制类）",
+      "style_scope": ".vts-page-card",
+      "css_vars": {},
+      "custom_style_map": {
+        "padding": "padding",
+        "padding_y": "padding-block",
+        "padding_x": "padding-inline",
+        "height": "height",
+        "font_size": "font-size",
+        "font_weight": "font-weight",
+        "text_color": "color",
+        "border_bottom": "border-bottom",
+        "vertical_align": "vertical-align"
+      },
+      "anchors": [
+        { "kind": "class", "layer": "host", "target": ".vts-table-area .el-table__body td.el-table__cell" },
+        { "kind": "class", "layer": "inner", "target": ".vts-table-area .el-table__body td.el-table__cell > .cell" }
+      ],
+      "preconditions": [
+        "出厂 element-plus.scss 已给 .el-table .el-table__cell 设了 padding（var(--vts-space-xs) 0），本条目字段必须落 host 层才能覆盖它；写在 inner 层只改内层文本盒，观感上「改了没反应」。",
+        "行高由「单元格 padding + 内容行高」共同决定；声明行高档位时必须同时给出 padding 取值，只改其一会得到非预期行高。"
+      ],
+      "priority": {
+        "strategy": "scope_qualified",
+        "reason": "出厂 padding 规则与本条目同属全局样式，作用域限定到 .vts-page-card 即可覆盖。"
+      },
+      "$note": "设计意图（list-page §11.43）：padding 16px、字号 14px、字重 400、文字色 #000000E0、底边框 1px solid #F0F0F0、垂直居中。⚠ 数据单元格此前无承载点位（历史缺口：只覆盖了表头，单元格 padding 改不动），本条目即为补建的通道。不声明时项目侧保留出厂值，效果图要求的 16px 必须显式给出。"
     },
     "admin.content.table.cell_status": {
       "type": "element",
@@ -149,7 +220,19 @@
         "icon_size": "font-size",
         "radius": "border-radius"
       },
-      "$note": "设计意图（list-page §7 / §11.64-11.75）：默认 **filled** 变体，五态取值 = success #F6FFED / 1px #D9F7BE / #52C41A / check-circle；processing 主色-1 / 主色-3 / 主色-5 / sync；warning #FFFBE6 / #FFE58F / #FAAD14 / exclamation-circle；error #FFF1F0 / #FFCCC2 / #FF4D4F / close-circle；default rgba(0,0,0,0.04) / #F0F0F0 / #000000A6 / clock-circle（图标 16px）。⚠ 出厂 demo 该列多为**纯文本或 el-tag 默认色**——变体与五态配色必须由变更集显式声明，否则停留在默认蓝/灰，这是「列中状态样式不对」的根因。通用 Tag 规范见 component.tag.status；≥3 个 Tag 列时按「四选二」逐列分配（list-page §8）。"
+      "anchors": [
+        { "kind": "class", "layer": "host", "target": ".vts-table-area .el-table__cell .el-tag" },
+        { "kind": "class", "layer": "inner", "target": ".vts-table-area .el-table__cell .el-tag .el-tag__content" }
+      ],
+      "preconditions": [
+        "本条目只对「已渲染的 el-tag」生效：状态列必须在页面模板里真的渲染 el-tag（formatter 返回纯文本不会产生 el-tag）。因此 form 声明必须与 structure_ops 配对——只改样式、不改模板分支 = 声明无效（这是「列中状态样式不对」的根因）。",
+        "五态配色是「浅底 + 浅边框 + 语义色文字」三项组合，缺任一项即不是 filled 变体。"
+      ],
+      "priority": {
+        "strategy": "scope_qualified",
+        "reason": "出厂该列多为纯文本或 el-tag 默认色，作用域限定即可覆盖。"
+      },
+      "$note": "设计意图（list-page §7 / §11.64-11.75）：默认 **filled** 变体，五态取值 = success #F6FFED / 1px #D9F7BE / #52C41A / check-circle；processing 主色-1 / 主色-3 / 主色-5 / sync；warning #FFFBE6 / #FFE58F / #FAAD14 / exclamation-circle；error #FFF1F0 / #FFCCC2 / #FF4D4F / close-circle；default rgba(0,0,0,0.04) / #F0F0F0 / #000000A6 / clock-circle（图标 16px）。⚠ 出厂 demo 该列多为**纯文本或 el-tag 默认色**——变体与五态配色必须由变更集显式声明，否则停留在默认蓝/灰，这是「列中状态样式不对」的根因。⚠ 本条目**不是纯样式点位**：Tag 化本身是结构施工（见 preconditions 与 structure_ops），只声明 style 落不下去。通用 Tag 规范见 component.tag.status；≥3 个 Tag 列时按「四选二」逐列分配（list-page §8）。"
     },
     "admin.content.table.cell_amount": {
       "type": "element",
@@ -161,6 +244,19 @@
         "align": "text-align",
         "font_variant_numeric": "font-variant-numeric"
       },
+      "anchors": [
+        { "kind": "class", "layer": "host", "target": ".vts-table-area .el-table__cell.col-price" },
+        { "kind": "class", "layer": "inner", "target": ".vts-table-area .el-table__cell.col-price > .cell" },
+        { "kind": "attr", "layer": "host", "target": "td.el-table__cell.is-right" }
+      ],
+      "preconditions": [
+        "选择器依赖业务列绑定 class-name（col-price）或列 align=right（EP 渲染时给单元格加 is-right）；两者都没绑时规则永不命中。因此本条目含**结构施工要求**（列定义补 class-name / align），不是纯样式条目——只写样式不绑类名 = 声明无效（这是「金额列没右对齐」的根因）。",
+        "右对齐需与表头对齐一致，否则表头与数据错位；表头对齐由 admin.content.table.header_cell 的 text_align 承载。"
+      ],
+      "priority": {
+        "strategy": "scope_qualified",
+        "reason": "列级类名落位后，作用域限定即可覆盖 EP 默认的左对齐。"
+      },
       "$note": "设计意图（§11.110 col-price）：右对齐 + tabular-nums 等宽数字。落地手段：列定义加 class-name=col-price + align=right；「等宽数字」译为 font-variant-numeric: tabular-nums"
     },
     "admin.content.table.cell_thumb": {
@@ -175,6 +271,18 @@
         "thumb_radius": "border-radius",
         "column_width": "width"
       },
+      "anchors": [
+        { "kind": "class", "layer": "host", "target": ".vts-table-area .el-table__cell.col-thumb" },
+        { "kind": "class", "layer": "inner", "target": ".vts-table-area .el-table__cell.col-thumb .el-image" }
+      ],
+      "preconditions": [
+        "选择器依赖业务列绑定 class-name（col-thumb）；未绑定时规则永不命中——本条目含**结构施工要求**（列定义补 class-name），不是纯样式条目。",
+        "缩略盒尺寸必须真正约束到图片元素；页面若在模板里用工具类直写尺寸（如 h-30 w-30），其优先级会压过本条目，须先移除页面级尺寸再靠本条目承载。"
+      ],
+      "priority": {
+        "strategy": "self_plus_important",
+        "reason": "页面常以工具类直写图片尺寸，与设计层规则同层竞争，需显式提权。"
+      },
       "$note": "设计意图（§11.108-11.109）：列宽 72px 居中，缩略盒 40×40 圆角 6px。落地手段：列 className=col-thumb + el-image 40×40"
     },
     "admin.content.table.area": {

package/mapping/scenes/admin/layout.json

@@ -77,6 +77,20 @@
         "active_indicator_thickness": "height",
         "active_indicator_style": "border-radius"
       },
+      "anchors": [
+        { "kind": "class", "layer": "host", "target": ".sidebar-container .el-menu-item" },
+        { "kind": "class", "layer": "inner", "target": ".sidebar-container .el-menu-item > .el-menu-item__content" },
+        { "kind": "css_var", "target": "--vts-theme-menu-active-bg" },
+        { "kind": "css_var", "target": "--vts-theme-menu-active-before" }
+      ],
+      "preconditions": [
+        "出厂菜单项盒模型是「无横向 margin（margin: 4px 0）+ 胶囊用 inset 内缩」；指示条几何必须以这个宿主盒为基准计算偏移。照搬外部效果图上「依赖菜单项横向 margin」的负偏移量会落进容器外并被 overflow 裁掉（这是指示条「映射了却没效果」的根因：值搬了、让该值成立的宿主盒模型没搬）。",
+        "--vts-theme-menu-active-before 出厂为透明且全项目无消费者；声明 indicator_* 形态必须成对落地「关胶囊令牌 + 新建消费者」，只改色值不建消费者 = 未施工。"
+      ],
+      "priority": {
+        "strategy": "deep_qualified",
+        "reason": "出厂 sidebar.scss 的胶囊规则用 !important，设计层需以同等或更高权重覆盖。"
+      },
       "$note": "侧栏配色挂载点为 html[data-theme='xxx']（theme.scss 8 套预设）；设计输出深色侧栏 → Theme=default + Version++（useTheme 规则），浅色 → Theme=light。⚠文本完整性红线：菜单项名称必须完整显示（el-menu 自带 ellipsis 折叠溢出菜单），禁止改 menu 文本截断/隐藏策略；item_height 加大时确认行高不挤压文字。宽度类改动（--sidebar-width）后必须目视验证长菜单名显示。⚠激活态出厂中性基线（禁止把某张图的结论写进源码）：出厂形态 = pill 胶囊高亮；--vts-theme-menu-active-before 出厂默认 transparent 且**全项目无消费者**（死通道）。因此 form=indicator_* 时必须在本条目 style_scope 内成对落地两件事才算施工完成——① 覆写 --vts-theme-menu-active-bg: transparent 关胶囊；② 在设计层文件（不可写出厂 sidebar.scss）新建 ::after 消费者引用 var(--vts-theme-menu-active-before)。缺任一项 = 「映射了却没效果」。所有几何参数（方位/粗细/长度/圆角/内缩）取自变更集 style 字段，禁止写死 left:0 / 3px 等常量。"
     },
     "admin.layout.sidebar.collapse_trigger": {
@@ -146,6 +160,13 @@
       "custom_style_map": {
         "font_size": "font-size"
       },
+      "anchors": [
+        { "kind": "class", "layer": "host", "target": ".navbar .navbar-breadcrumb-wrap" }
+      ],
+      "priority": {
+        "strategy": "deep_qualified",
+        "reason": "出厂组件自身 scoped 规则与设计层同权重，仅靠后置加载顺序不可靠；显隐收口与样式覆盖都必须显式提权（历史缺口：display:none 被同权重 scoped 规则反压，面包屑仍显示）。"
+      },
       "$note": "分隔符为结构属性（breadcrumb separator 字符），不在样式映射范围"
     },
     "admin.layout.header.lang_switch": {
@@ -256,6 +277,15 @@
         "greeting_font_weight": "font-weight",
         "gap": "gap"
       },
+      "anchors": [
+        { "kind": "class", "layer": "host", "target": ".navbar .navbar-right .el-dropdown-link" },
+        { "kind": "class", "layer": "inner", "target": ".navbar .navbar-right .el-dropdown-link img" },
+        { "kind": "class", "layer": "inner", "target": ".navbar .navbar-right .el-dropdown-link p" }
+      ],
+      "preconditions": [
+        "出厂 DOM 只有「头像 img + 用户名 p」，任何 greeting 组合都必须**先做结构增量**再谈样式；未新增节点时 greeting_* 样式字段无落点（这是「欢迎区没出现」的根因）。",
+        "组合形态由 form 决定，样式字段按 sub_selectors 前缀路由到对应部件选择器。"
+      ],
       "$note": "⚠出厂中性基线：出厂 DOM 只有「头像 img + 用户名 p」，**没有任何问候语节点**（词典曾误记 .header-welcome 已实现，属虚假前提）。因此 form 含 greeting 时必须走结构增量新增 DOM，且节点文案模板（时段问候语 + 用户名）由业务层提供，本点位只承载组合形态与样式——禁止把具体问候文案写进组件。反向同理：设计只要纯头像/纯用户名时以 form=avatar_only/name_only 声明，出厂多余节点同样按收口处理（隐藏不删）。"
     },
     "admin.layout.tabs": {
@@ -285,7 +315,20 @@
       },
       "custom_style_map": {
         "bg": "background-color",
-        "border_bottom": "border-bottom"
+        "border_bottom": "border-bottom",
+        "padding_inline": "padding-inline",
+        "padding_block": "padding-block"
+      },
+      "anchors": [
+        { "kind": "class", "layer": "host", "target": ".tags-view" },
+        { "kind": "class", "layer": "inner", "target": ".tags-view .scroll-container" }
+      ],
+      "preconditions": [
+        "容器内边距出厂由组件样式给出（非 0），设计要求「内边距归零、首页页签与折叠按钮左对齐」时必须显式声明 padding_inline，不声明即保留出厂值（这是「首页页签不贴左缘」的根因）。"
+      ],
+      "priority": {
+        "strategy": "deep_qualified",
+        "reason": "容器内边距规则写在组件 scoped 内，与设计层同权重，需显式提权。"
       },
       "$note": "showModel 由 platform-config.json ShowModel 字段切换；smart/line 模板未实现，映射层按 chrome/card 两形态处理"
     },
@@ -339,6 +382,14 @@
         "close_opacity": "opacity",
         "close_hover_color": "color"
       },
+      "anchors": [
+        { "kind": "class", "layer": "host", "target": ".tags-view .scroll-item .card-tab" },
+        { "kind": "class", "layer": "inner", "target": ".tags-view .scroll-item .card-tab .el-icon-close" }
+      ],
+      "priority": {
+        "strategy": "deep_qualified",
+        "reason": "关闭钮透明度等出厂规则写在组件 scoped 内且权重与设计层相当，仅靠后置加载顺序不可靠（历史缺口：声明 0.45 常显，被 scoped 的 opacity:0 反压、只在 hover 才显），必须显式提权。"
+      },
       "$note": "card 形态专属令牌挂在父级 admin.layout.tabs 的 css_vars（整组切换）；本条目为页签项级字段补充。chrome 形态梯形样式为模板结构样式，不走样式映射"
     },
     "admin.layout.tabs.item_active": {
@@ -380,6 +431,13 @@
         "bg": "background-color",
         "opacity": "opacity"
       },
+      "anchors": [
+        { "kind": "class", "layer": "host", "target": ".tags-view .chrome-tab .chrome-tab-divider" },
+        { "kind": "class", "layer": "inner", "target": ".tags-view .scroll-item:not(:first-child)::before" }
+      ],
+      "preconditions": [
+        "chrome 形态自带分割线元素；card / flat 形态没有该元素，须先由结构/样式层新建 —— 元素不存在时 width / height / bg 全部无落点（这是「页签分割线声明了却不见」的根因）。"
+      ],
       "$note": "落地口径：chrome 形态可直接覆写 .chrome-tab-divider 的 background-color / height（含激活态 opacity 还原）；card / flat 形态须在设计层用 .tags-view .scroll-item:not(:first-child)::before 新建竖线并消费变更集 width/height/bg。禁止把某张图的分割线参数（如 1px×100% #F0F0F0）写进出厂源码——那是单张图的结论。"
     },
     "admin.layout.tabs.context_menu": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qilitt-mickey/vue3-temp-skill",
-  "version": "1.1.42",
+  "version": "1.1.44",
   "type": "module",
   "description": "Vue 3 企业级中后台项目开发规范技能包 — core-kernel 架构、按需功能模块",
   "bin": {

package/parser/fixtures/changeset-neg1.json

@@ -1,17 +1,8 @@
 {
-  "$comment": "端到端验证夹具 · 负例 1：缺 schema + 禁词/hex 位置违规 + 非法 ID。预期被 parser 阻断（exit 1，输出违规清单：缺 mapping_version 提示会在 schema 检查前？不会——schema 先检）。注意本夹具故意缺 schema 与 mapping_version：parser 应在第一步 schema 校验即拒绝。",
+  "$comment": "端到端验证夹具 · 负例 1：缺 schema。预期在第一步协议校验即被拒绝（exit 1）。",
   "changeset_version": "1.0.0",
   "scene": "admin",
   "changes": [
-    {
-      "id": "admin.layout.sidebar.menu",
-      "position": "left 20px margin-left .sidebar",
-      "form": "card",
-      "style": { "menu_bg": "#1d223a" }
-    },
-    {
-      "id": "admin.content.sidebar.ElMenu",
-      "style": { "bg": "红色" }
-    }
+    { "id": "admin.layout.tabs", "form": "card" }
   ]
 }

package/parser/fixtures/changeset-registry-gap.json

@@ -0,0 +1,29 @@
+{
+  "$comment": "回归夹具 · 登记表覆盖率欠声明负例。配 registry-sample.json 使用（--registry）：夹具只声明 sample#1/sample#2 两条，sample#3（金额列）与 sample#4（状态列）虽有 oracle.sids 却未声明 → 预期 match exit 1，输出含「登记表覆盖率缺口」。",
+  "schema": "design.changeset/1.0",
+  "changeset_version": "1.0.0",
+  "mapping_version": "1.0.0",
+  "scene": "admin",
+  "changes": [
+    {
+      "id": "admin.content.table.header_cell",
+      "style": { "bg": "钴蓝-9", "padding": "16px" },
+      "layer": { "bg": "host", "padding": "host" }
+    },
+    {
+      "id": "admin.content.table.cell",
+      "style": { "padding": "16px" },
+      "layer": { "padding": "host" }
+    }
+  ],
+  "oracle": {
+    "mockup": "运单管理-钴蓝.html",
+    "sids": [
+      "admin.content.table.header_cell",
+      "admin.content.table.cell",
+      "admin.content.table.cell_amount",
+      "admin.content.table.cell_status"
+    ]
+  },
+  "notes": "本夹具只用于回归登记表覆盖率细闸，不是真实设计交付件。"
+}

package/parser/fixtures/changeset-v32-fields.json

@@ -0,0 +1,63 @@
+{
+  "$comment": "V3.2 三声明维度正例（apply_via / layer / structure_ops）+ coverage 覆盖率记账。预期：match exit 0；输出含「结构施工 structure_ops」「覆写优先级 priority」「inner 层」「覆盖率 coverage」且覆盖率校验通过（C = A、gaps 为空）。",
+  "schema": "design.changeset/1.0",
+  "changeset_version": "1.0.0",
+  "mapping_version": "1.0.0",
+  "scene": "admin",
+  "changes": [
+    {
+      "id": "admin.content.table.header_cell",
+      "style": {
+        "bg": "钴蓝-9",
+        "padding": "16px",
+        "text_align": "左对齐",
+        "nowrap": "不换行"
+      },
+      "layer": {
+        "bg": "host",
+        "padding": "host",
+        "text_align": "inner",
+        "nowrap": "inner"
+      }
+    },
+    {
+      "id": "admin.content.table.cell_status",
+      "form": "filled",
+      "structure_ops": [
+        { "op": "render_branch", "node": "status_tag", "source": "row.status" }
+      ],
+      "style": {
+        "bg": "成功色",
+        "text_color": "成功色",
+        "radius": "4px"
+      }
+    },
+    {
+      "id": "admin.content.table.cell_amount",
+      "apply_via": "admin.content.table.cell_amount",
+      "structure_ops": [
+        { "op": "bind_source", "node": "amount_column", "source": "column_class_name" }
+      ],
+      "style": {
+        "align": "右对齐",
+        "font_variant_numeric": "等宽数字"
+      }
+    }
+  ],
+  "oracle": {
+    "mockup": "page-specs/styles/default/scenes/admin/mockups/list-page/运单管理-钴蓝.html",
+    "sids": [
+      "admin.content.table.header_cell",
+      "admin.content.table.cell_status",
+      "admin.content.table.cell_amount"
+    ]
+  },
+  "coverage": {
+    "registry": "restore-registry.json",
+    "registrable": 62,
+    "applicable": 3,
+    "covered": 3,
+    "gaps": []
+  },
+  "notes": "本夹具只用于回归 V3.2 三个声明维度的解析与输出，不是真实设计交付件。"
+}

package/parser/fixtures/fake-project/src/styles/app.scss

@@ -0,0 +1,5 @@
+/* audit 夹具：模拟「只写了样式、没人挂类」的历史缺口形态（挂载点可疑） */
+.vts-action-bar {
+  gap: var(--action-bar-gap);
+  padding: var(--action-bar-padding-y) 0;
+}

package/parser/fixtures/fake-project/src/views/list.vue

@@ -0,0 +1,13 @@
+<template>
+  <!-- audit 夹具：模拟「已挂载」的构图钩子（结构挂载点存在） -->
+  <div class="vts-page-card">
+    <div class="vts-filter-area"></div>
+    <div class="vts-table-area">
+      <el-table :data="rows" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+const rows: unknown[] = [];
+</script>

package/parser/fixtures/registry-bad.json

@@ -0,0 +1,11 @@
+{
+  "$comment": "回归夹具 · 登记表硬缺口负例。registry-sample.json 的姊妹负例：引用了一个词典不存在、又没标 pending 的点位 → 预期 registry 子命令 exit 1，输出含「硬缺口」。",
+  "schema": "design.restore-registry/1.0",
+  "design_scheme": "default",
+  "scene": "admin",
+  "counts": { "total": 2 },
+  "items": [
+    { "rule": "bad#1", "group": "样例·表格区", "sid": "admin.content.table.header_cell", "dims": ["padding"], "channel": ["style"], "source": "both", "always": true },
+    { "rule": "bad#2", "group": "样例·不存在的点位", "sid": "admin.layout.nonexistent_zone", "dims": ["bg"], "channel": ["style"], "source": "spec", "always": true }
+  ]
+}

package/parser/fixtures/registry-sample.json

@@ -0,0 +1,15 @@
+{
+  "$comment": "回归夹具 · 登记表样例（不是真实交付件）。6 条登记项示范粒度与字段口径：4 条 always（恒存在，必登）、1 条 pending（点位待补词典）、1 条条件项。用于 M/N 两步：M 校验覆盖率重算能报出欠声明并 exit 1，N 校验通道核验能跑通。",
+  "schema": "design.restore-registry/1.0",
+  "design_scheme": "default",
+  "scene": "admin",
+  "counts": { "total": 6 },
+  "items": [
+    { "rule": "sample#1", "group": "样例·表格区", "sid": "admin.content.table.header_cell", "dims": ["height", "padding"], "channel": ["style", "layer"], "source": "both", "always": true },
+    { "rule": "sample#2", "group": "样例·表格区", "sid": "admin.content.table.cell", "dims": ["padding", "padding_y"], "channel": ["style", "layer"], "source": "both", "always": true },
+    { "rule": "sample#3", "group": "样例·金额列", "sid": "admin.content.table.cell_amount", "dims": ["align"], "channel": ["style", "structure_ops"], "source": "spec", "always": true },
+    { "rule": "sample#4", "group": "样例·状态列", "sid": "admin.content.table.cell_status", "dims": ["form", "bg"], "channel": ["form", "structure_ops"], "source": "spec", "always": true },
+    { "rule": "sample#5", "group": "样例·选择列", "sid": "admin.content.table.selection_column", "dims": ["column_width"], "channel": ["style"], "source": "spec", "always": false, "pending": true },
+    { "rule": "sample#6", "group": "样例·状态列", "sid": "component.tag.status", "dims": ["bg_color"], "channel": ["style"], "source": "spec", "always": false }
+  ]
+}

package/parser/fixtures/verify/actual.json

@@ -0,0 +1,18 @@
+{
+  "$comment": "verify 夹具 · 项目实测（含 3 类故意缺口，用于回归）：header_cell 字重被压 + 对齐语境错位；cell_amount 选择器落空；user_profile gap 语境错位。",
+  "sids": {
+    "admin.content.table.header_cell": {
+      "padding": "16px",
+      "font-weight": "400",
+      "text-align": "center",
+      "background-color": "#fafafa"
+    },
+    "admin.layout.tabs.item_active": {
+      "font-weight": "500",
+      "color": "#245bff"
+    },
+    "admin.layout.header.user_profile": {
+      "gap": "8px"
+    }
+  }
+}

package/parser/fixtures/verify/oracle.json

@@ -0,0 +1,21 @@
+{
+  "$comment": "verify 夹具 · 效果图期望（computed style 转储外形）。真实抽取由浏览器链路完成，本文件仅用于回归。",
+  "sids": {
+    "admin.content.table.header_cell": {
+      "padding": "16px",
+      "font-weight": "500",
+      "text-align": "left",
+      "background-color": "#FAFAFA"
+    },
+    "admin.content.table.cell_amount": {
+      "text-align": "right"
+    },
+    "admin.layout.tabs.item_active": {
+      "font-weight": "500",
+      "color": "#245BFF"
+    },
+    "admin.layout.header.user_profile": {
+      "gap": "12px"
+    }
+  }
+}