@qilitt-mickey/vue3-temp-skill 1.1.71 → 1.1.74

package/mapping/scenes/admin/layout.json

@@ -1,574 +1,574 @@
-{
-  "$comment": "admin 场景 · 布局模块语义 ID 全属性映射（vue3-web-temp 框架组件实证）。每条含结构定位（selector/file）、形态切换（forms）、样式映射（css_vars 优先 + custom_style_map 兜底）。style_scope 为样式必须包裹的容器类名；:root 表示全局令牌层。版本恒 1.0.0（由 SKILL.md 体系版本统一管理，不单独演进）。",
-  "meta": {
-    "layer": "scene",
-    "scene": "admin",
-    "domain": "layout",
-    "version": "1.0.0",
-    "tech_stack": "vue3 + element-plus + vue3-web-temp"
-  },
-  "mappings": {
-    "admin.layout.sidebar": {
-      "type": "module",
-      "selector": ".sidebar-container",
-      "file": "src/layout/components/lay-sidebar/NavVertical.vue",
-      "style_scope": ".sidebar-container",
-      "default_props": { "width": "var(--sidebar-width, 208px)" },
-      "children": [
-        "admin.layout.sidebar.logo_area",
-        "admin.layout.sidebar.menu",
-        "admin.layout.sidebar.collapse_trigger"
-      ],
-      "css_vars": {
-        "width": "--sidebar-width",
-        "collapsed_width": "--sidebar-collapsed-width",
-        "collapse_bar_height": "--sidebar-collapse-bar-height",
-        "menu_item_height": "--el-menu-item-height"
-      },
-      "custom_style_map": {
-        "bg": "background-color",
-        "border_right": "border-right",
-        "box_shadow": "box-shadow"
-      }
-    },
-    "admin.layout.sidebar.logo_area": {
-      "type": "element",
-      "selector": ".sidebar-logo",
-      "file": "src/layout/components/lay-sidebar/components/SidebarLogo.vue",
-      "style_scope": ".sidebar-container",
-      "visible_prop": "ShowLogo（platform-config.json / emitter logoChange）",
-      "css_vars": {
-        "height": "--vts-bar-height",
-        "bg": "--vts-theme-sidebar-logo",
-        "title_color": "--vts-theme-sub-menu-active-text"
-      },
-      "custom_style_map": {
-        "title_font_size": "font-size",
-        "title_font_weight": "font-weight"
-      }
-    },
-    "admin.layout.sidebar.menu": {
-      "type": "component",
-      "component": "ElMenu",
-      "selector": ".sidebar-container .el-menu",
-      "file": "src/layout/components/lay-sidebar/NavVertical.vue",
-      "style_scope": ".sidebar-container",
-      "forms": {
-        "pill": "整块胶囊底色高亮（sidebar.scss 消费 --vts-theme-menu-active-bg，带 !important）。suppress 必含 right_indicator_legacy——出厂 element-plus.scss 的 .el-menu-item.is-active{border-right:var(--menu-active-border-right)} 是活通道，不收口会出现左右两根竖条并存",
-        "indicator_left": "仅左竖条指示、无胶囊：先在本作用域覆写 --vts-theme-menu-active-bg: transparent 关胶囊，再于设计层新建 ::after 竖条消费 --vts-theme-menu-active-before。suppress 必含 right_indicator_legacy",
-        "indicator_right": "仅右竖条指示、无胶囊：同上关胶囊后 ::after 挂 right:0。出厂右竖条通道 --menu-active-border-right（element-plus.scss 消费、design-tokens.scss 定义为 3px solid 品牌色）是活通道，可复用也可收口后自建，二选一必须显式声明",
-        "indicator_underline": "仅底部横线指示、无胶囊：关胶囊后 ::after 挂 bottom:0（宽取 100% 或指定宽度，厚取 indicator_thickness）。suppress 必含 right_indicator_legacy",
-        "none": "无指示：胶囊与竖条均关闭，仅文字变色。suppress 必含 right_indicator_legacy",
-        "pill_indicator_left": "胶囊底色 + 左竖条**并存**复合形态（设计实证：效果图 .menu-item.active 同时声明 background:var(--primary) 与 ::before 竖条）：胶囊照 pill 走 --vts-theme-menu-active-bg；竖条照 indicator_left 走 --vts-theme-menu-active-before（设计层新建 ::after/::before 消费者）。suppress 必含 right_indicator_legacy（出厂右竖条必须收口）。⚠菜单项宿主盒必须声明 margin 横向内缩（custom_style_map margin_x），否则竖条负偏移落进容器外被 overflow 裁掉——竖条偏移值以「容器 padding − 竖条 left 偏移」为语境换算，禁止照搬外部效果图常量"
-      },
-      "suppress_rules": {
-        "pill": ["right_indicator_legacy"],
-        "indicator_left": ["right_indicator_legacy"],
-        "indicator_right": ["right_indicator_legacy"],
-        "indicator_underline": ["right_indicator_legacy"],
-        "none": ["right_indicator_legacy"],
-        "pill_indicator_left": ["right_indicator_legacy"]
-      },
-      "field_forms": {
-        "active_indicator_width": ["indicator_left", "indicator_right", "indicator_underline", "pill_indicator_left"],
-        "active_indicator_thickness": ["indicator_left", "indicator_right", "indicator_underline", "pill_indicator_left"],
-        "active_indicator_style": ["indicator_left", "indicator_right", "indicator_underline", "pill_indicator_left"],
-        "menu_active_bg": ["pill", "pill_indicator_left"]
-      },
-      "css_vars": {
-        "menu_bg": "--vts-theme-menu-bg",
-        "menu_text": "--vts-theme-menu-text",
-        "menu_hover_bg": "--vts-theme-menu-hover",
-        "menu_title_hover": "--vts-theme-menu-title-hover",
-        "sub_menu_bg": "--vts-theme-sub-menu-bg",
-        "sub_menu_active_text": "--vts-theme-sub-menu-active-text",
-        "menu_active_bg": "--vts-theme-menu-active-bg",
-        "menu_active_indicator": "--vts-theme-menu-active-before",
-        "right_indicator_legacy": "--menu-active-border-right",
-        "sidebar_border": "--vts-sidebar-border-color",
-        "item_height": "--el-menu-item-height"
-      },
-      "custom_style_map": {
-        "active_indicator_width": "width",
-        "active_indicator_thickness": "height",
-        "active_indicator_style": "border-radius",
-        "padding_y": "padding-block",
-        "margin_x": "margin-inline",
-        "font_size": "font-size",
-        "font_weight": "font-weight",
-        "text_color": "color"
-      },
-      "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_* 形态必须成对落地「关胶囊令牌 + 新建消费者」，只改色值不建消费者 = 未施工。",
-        "激活态作用层级（active_scope，默认 leaf）：胶囊与指示条**只作用于叶子菜单项**（.el-menu-item.is-active）。可展开分组的标题（.el-sub-menu__title）在「其下有激活子项」时会被 EP 打上 is-active，**不得**继承胶囊与指示条——否则分组标题同时长出胶囊、竖条并与右侧展开箭头叠压。设计层写激活态时必须把选择器锚定叶子项，禁止把 .el-sub-menu.is-active > .el-sub-menu__title 与 .el-menu-item.is-active 并列写成同一组激活声明。"
-      ],
-      "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_* / pill_indicator_left 时必须在本条目 style_scope 内成对落地两件事才算施工完成——① 竖条消费者（form 不含 pill 时另需覆写 --vts-theme-menu-active-bg: transparent 关胶囊）；② 在设计层文件（不可写出厂 sidebar.scss）新建 ::after/::before 消费者引用 var(--vts-theme-menu-active-before)。缺任一项 = 「映射了却没效果」。所有几何参数（方位/粗细/长度/圆角/内缩）取自变更集 style 字段，禁止写死 left:0 / 3px 等常量。⚠field_forms 硬闸（parser G7 机检）：style 声明的字段必须被当前 form 消费——如 active_indicator_* 只在 indicator_* / pill_indicator_left 形态下有消费者，声明 pill 却带竖条字段 = 字段被静默丢弃（如声明 pill 却带 active_indicator_* 竖条字段，竖条令牌会被设计层置透明 → 效果图要求的左竖条消失）。"
-    },
-    "admin.layout.sidebar.menu_item_icon": {
-      "type": "element",
-      "selector": ".sidebar-container .el-menu-item .el-icon, .sidebar-container .el-menu-item .el-menu-item__icon",
-      "file": "src/layout/components/lay-sidebar/NavVertical.vue（菜单图标，el-menu-item 内 svg-icon）",
-      "style_scope": ".sidebar-container",
-      "css_vars": {},
-      "custom_style_map": {
-        "icon_size": "font-size",
-        "icon_color": "color"
-      },
-      "anchors": [
-        { "kind": "class", "layer": "inner", "target": ".sidebar-container .el-menu-item .el-icon" }
-      ],
-      "$note": "菜单图标 16×16px（unified-framework §6.17 / §1 导航栏「图标 16×16px」）。图标为 font-icon，尺寸经 font-size 承载、颜色经 color 承载，落 inner 层（图标元素本身）。"
-    },
-    "admin.layout.sidebar.collapse_trigger": {
-      "type": "element",
-      "selector": ".left-collapse / .center-collapse",
-      "file": "src/layout/components/lay-sidebar/components/SidebarLeftCollapse.vue + SidebarCenterCollapse.vue",
-      "style_scope": ".sidebar-container",
-      "forms": {
-        "bottom_bar": "SidebarLeftCollapse（底部条，出厂默认）",
-        "center_edge": "SidebarCenterCollapse（侧缘中点，折叠/悬停时显示）"
-      },
-      "suppress_rules": {
-        "center_edge": ["bottom_bar"],
-        "bottom_bar": ["center_edge"]
-      },
-      "css_vars": {
-        "bar_height": "--sidebar-collapse-bar-height"
-      },
-      "custom_style_map": {
-        "trigger_width": "width",
-        "trigger_height": "height",
-        "trigger_color": "color"
-      }
-    },
-    "admin.layout.header": {
-      "type": "module",
-      "selector": ".navbar",
-      "file": "src/layout/components/lay-navbar/index.vue",
-      "style_scope": ".navbar",
-      "default_props": { "height": "var(--vts-bar-height)" },
-      "children": [
-        "admin.layout.header.collapse_trigger",
-        "admin.layout.header.logo_area",
-        "admin.layout.header.breadcrumb",
-        "admin.layout.header.lang_switch",
-        "admin.layout.header.fullscreen",
-        "admin.layout.header.setting_button",
-        "admin.layout.header.user_profile"
-      ],
-      "css_vars": {
-        "height": "--header-height",
-        "padding_x": "--header-padding-x"
-      },
-      "custom_style_map": {
-        "bg": "background-color",
-        "box_shadow": "box-shadow",
-        "gap": "gap",
-        "border_color": "border-color",
-        "align_items": "align-items"
-      },
-      "preconditions": [
-        "顶栏内容垂直居中：--header-height 变更（如 54px）后，宿主 .navbar 必须显式 align-items: center——出厂顶栏内元素高度不一（折叠钮 40px / 文字行 / 头像），不显式声明会整体偏上。"
-      ]
-    },
-    "admin.layout.header.logo_area": {
-      "type": "element",
-      "selector": ".navbar .siderLogo",
-      "file": "src/layout/components/lay-sidebar/components/SidebarLogo.vue（navbar 内复用）",
-      "style_scope": ".navbar",
-      "visible_note": "仅 horizontal 布局在顶栏渲染 logo（v-if layout==='horizontal' && showLogo）",
-      "css_vars": {},
-      "custom_style_map": {
-        "min_width": "min-width",
-        "height": "height"
-      }
-    },
-    "admin.layout.header.breadcrumb": {
-      "type": "component",
-      "component": "SidebarBreadCrumb",
-      "selector": ".navbar-breadcrumb-wrap",
-      "file": "src/layout/components/lay-sidebar/components/SidebarBreadCrumb.vue",
-      "style_scope": ".navbar",
-      "visible_note": "v-if layout!=='mix' && layout!=='horizontal' && device!=='mobile'",
-      "css_vars": {
-        "text_color": "--el-text-color-regular"
-      },
-      "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": {
-      "type": "component",
-      "component": "ReLanguageSwitch（ElDropdown 包裹）",
-      "selector": ".navbar .language-trigger",
-      "file": "src/components/ReLanguageSwitch/src/index.vue",
-      "style_scope": ".navbar",
-      "forms": {
-        "icon_only": "出厂现状：纯图标触发器（.language-trigger > .language-icon），下拉菜单选语言",
-        "inline_switch": "并排切换形态：中 / EN 平铺在触发器内，点击即切换。**落地必须成套三件事**——① 显并排文字（.language-text 由隐藏改可见）；② 收口图标（suppress icon_only）；③ **收口下拉浮层**（suppress dropdown_popper：出厂 ElDropdown 的 popper 必须不再弹出，否则点触发器会从下方展开 English/中文 浮层遮挡页签栏）。缺③ = 形态未落地（只加了文字、交互仍是下拉）"
-      },
-      "suppress_rules": {
-        "inline_switch": ["icon_only", "dropdown_popper"]
-      },
-      "structure_ops_required": {
-        "inline_switch": ["收口 ElDropdown 触发（改 trigger 为不可弹出 / 移除 dropdown 插槽消费 / 用保形 v-if 切换为直选按钮任一），使点击不再产生浮层"]
-      },
-      "preconditions": [
-        "语言切换的形态由 form 决定，且 form 是「加法 + 减法」成对语义：inline_switch 不仅要新增并排文字，还必须收口出厂的下拉浮层与图标形态。只加不减时，浮层仍会弹出（触发器与浮层二者并存），视觉上从触发器下方展开的浮层会压住页签栏。",
-        "浮层属 teleport 到 body 的 popper，样式层无法收口（.language-trigger 上的规则管不到 popper）；必须从结构层收口 ElDropdown 的触发行为。"
-      ],
-      "css_vars": {
-        "icon_color": "--el-text-color-regular",
-        "hover_bg": "--el-fill-color-light"
-      },
-      "sub_selectors": {
-        "icon": ".language-trigger .language-icon",
-        "text": ".language-trigger .language-text"
-      },
-      "custom_style_map": {
-        "icon_size": "font-size",
-        "gap": "gap",
-        "text_font_size": "font-size",
-        "text_color": "color"
-      },
-      "$note": "inline_switch 并排切换形态：下拉项平铺为触发器旁切换组，按 v-if 保形切换增量插入，不删原代码；同时收口图标形态与下拉浮层（浮层属 teleport popper，样式层管不到，必须结构收口）。"
-    },
-    "admin.layout.header.collapse_trigger": {
-      "type": "element",
-      "selector": ".navbar .header-collapse-btn",
-      "file": "src/layout/components/lay-navbar/index.vue（顶栏内嵌形态为增量插入；出厂折叠按钮位于侧栏，见 admin.layout.sidebar.collapse_trigger）",
-      "style_scope": ".navbar",
-      "forms": {
-        "header_inline": "顶栏内嵌折叠按钮：40×40 纯图标、与首页页签左对齐、hover 仅文字加深（出厂无此元素，v-if 保形插入机制落地）",
-        "sidebar_bottom": "出厂现状：侧栏底部折叠条（SidebarLeftCollapse）",
-        "sidebar_center": "侧栏侧缘中点（SidebarCenterCollapse）"
-      },
-      "suppress_rules": {
-        "header_inline": ["sidebar_bottom", "sidebar_center"]
-      },
-      "css_vars": {
-        "icon_color": "--el-text-color-regular",
-        "hover_bg": "--el-fill-color-light"
-      },
-      "custom_style_map": {
-        "btn_width": "width",
-        "btn_height": "height",
-        "icon_size": "font-size",
-        "border_radius": "border-radius"
-      },
-      "$note": "form=header_inline 时 AI 增量插入顶栏按钮片段（useApp isCollapse 切换），样式全部走 custom_style_map 生成的 :deep 隔离规则；出厂 sidebar_bottom 形态代码保留不删（显隐≠删除），设计侧 visible:false 时隐藏侧栏折叠条避免双按钮并存"
-    },
-    "admin.layout.header.fullscreen": {
-      "type": "component",
-      "component": "SidebarFullScreen",
-      "selector": "#full-screen",
-      "file": "src/layout/components/lay-sidebar/components/SidebarFullScreen.vue",
-      "style_scope": ".navbar",
-      "css_vars": {
-        "text_color": "--el-text-color-primary",
-        "hover_bg": "--el-fill-color-light"
-      },
-      "custom_style_map": {
-        "icon_size": "font-size",
-        "width": "width"
-      }
-    },
-    "admin.layout.header.setting_button": {
-      "type": "element",
-      "selector": ".set-icon",
-      "file": "src/layout/components/lay-navbar/index.vue",
-      "style_scope": ".navbar",
-      "visible_prop": "无出厂配置开关（出厂常显）",
-      "css_vars": {
-        "height": "--vts-bar-height"
-      },
-      "custom_style_map": {
-        "icon_size": "font-size",
-        "width": "width",
-        "hover_bg": "background-color",
-        "text_color": "color"
-      },
-      "$note": "存在性收口默认对象：效果图未出现该按钮时，变更集以 visible:false 声明 → 落地为设计层文件内 .navbar .set-icon { display:none }（禁止删出厂代码行、禁止直接改 lay-navbar/index.vue 表达「这张图不要按钮」）。反向：设计需要该按钮时不声明即可（出厂已常显）。同一 DOM（含 v-tippy 提示）通用，图标/尺寸经本条目 style 字段动态覆盖。"
-    },
-    "admin.layout.header.user_profile": {
-      "type": "component",
-      "component": "ElDropdown",
-      "selector": ".navbar-right .el-dropdown-link",
-      "file": "src/layout/components/lay-navbar/index.vue",
-      "style_scope": ".navbar",
-      "forms": {
-        "avatar_name": "出厂默认：22×22 头像 + 用户名（window.userName），无问候语",
-        "greeting_avatar_name": "问候语 + 用户名 + 头像（问候节点出厂不存在 → 由 AI 按本 form 在 lay-navbar 用户区增量插入，属结构通道施工）",
-        "greeting_name": "问候语 + 用户名，无头像",
-        "avatar_only": "仅头像",
-        "name_only": "仅用户名"
-      },
-      "suppress_rules": {
-        "greeting_name": ["avatar_name"],
-        "avatar_only": ["avatar_name"],
-        "name_only": ["avatar_name"]
-      },
-      "sub_selectors": {
-        "$comment": "avatar/name 为点位内部部件，不设独立语义 ID（符合 4 段 ID 上限）；样式字段按前缀路由到对应选择器。form 含 greeting 时新增节点统一用 class 前缀 vts-header-greeting / vts-header-username（插入前先查重名）",
-        "avatar": ".navbar-right .el-dropdown-link img",
-        "name": ".navbar-right .el-dropdown-link p"
-      },
-      "css_vars": {
-        "height": "--vts-bar-height",
-        "text_color": "--el-text-color-primary"
-      },
-      "custom_style_map": {
-        "avatar_width": "width",
-        "avatar_height": "height",
-        "avatar_radius": "border-radius",
-        "name_font_size": "font-size",
-        "name_font_weight": "font-weight",
-        "greeting_font_size": "font-size",
-        "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": {
-      "type": "module",
-      "selector": ".tags-view",
-      "file": "src/layout/components/lay-tag/index.vue",
-      "style_scope": ".tags-view",
-      "visible_prop": "HideTabs（platform-config.json）",
-      "children": ["admin.layout.tabs.home_tab", "admin.layout.tabs.item", "admin.layout.tabs.context_menu"],
-      "forms": {
-        "chrome": "谷歌页签（出厂 ShowModel=chrome）：SVG 梯形外形 + .chrome-tab-divider（1px×14px 深色）+ 关闭钮 16px 主色；激活态白字 + box-shadow",
-        "card": "卡片页签（ShowModel=card）：圆角卡片底 + --vts-tag-card-* 整组令牌 + 关闭钮 hover 才显现（出厂 opacity:0）",
-        "flat": "平面页签（设计规范口径，出厂无此形态）：ShowModel 仍设 card（复用 card 结构 = 图标槽 + 关闭钮 + resolveCardTabIcon 数据驱动），平面观感全部由设计层覆写达成 —— ① --vts-tag-card-idle-bg/hover-bg/active-bg 置 transparent；② --vts-tag-card-radius 与 --vts-tag-card-gap 置 0；③ 激活态仅文字/图标变主色 + font-weight 500，不加 border-bottom / box-shadow；④ 关闭钮 opacity 覆写为常显值（出厂 card 为 0）；⑤ 首页页签项宽=高=--vts-tag-card-height 居中呈方块；⑥ 页签间 1px×100% 贯穿分割线（card 无该元素，需设计层 ::after/::before 新建）。几何与色值一律取自变更集 style 字段，禁止写死常量"
-      },
-      "suppress_rules": {
-        "flat": [
-          "card_idle_bg",
-          "card_active_bg",
-          "card_hover_bg",
-          "card_radius",
-          "card_gap",
-          "card_active_text",
-          "card_idle_text",
-          "card_close_color"
-        ]
-      },
-      "css_vars": {
-        "height": "--tabs-height",
-        "chrome_inset_top": "--vts-tag-chrome-inset-top",
-        "card_height": "--vts-tag-card-height",
-        "card_radius": "--vts-tag-card-radius",
-        "card_gap": "--vts-tag-card-gap",
-        "card_idle_bg": "--vts-tag-card-idle-bg",
-        "card_active_bg": "--vts-tag-card-active-bg",
-        "card_hover_bg": "--vts-tag-card-hover-bg",
-        "card_active_text": "--vts-tag-card-active-text",
-        "card_idle_text": "--vts-tag-card-idle-text",
-        "card_close_color": "--vts-tag-card-close-color"
-      },
-      "custom_style_map": {
-        "bg": "background-color",
-        "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，不声明即保留出厂值（这是「首页页签不贴左缘」的根因）。",
-        "⚠ShowModel 运行时缓存坑：showModel 经 responsive-storage 持久化于 localStorage（命名空间 responsive-），platform-config.json 改 ShowModel 后**旧缓存仍生效**——项目侧施工 ShowModel 时必须同步清 localStorage（或 Version++ 触发响应式存储失效），否则模板代码已换、运行时仍渲染旧形态，页签「样式完全不对」多半是缓存残留而非映射失败。施工后验证口径：浏览器 DevTools Application→Local Storage 清 responsive-* 键后刷新再比对。",
-        "⚠ShowModel 三分支运行时兜底：useTags.ts 实证 showModel 读取链 = localStorage → fallback **'smart'**（platform-config 的 ShowModel 只在 storage 初始化时生效）；而模板 DOM 只实现 chrome / card 两分支（v-if / v-else-if），smart 落入 v-else 裸分支——**无 .card-item / .card-tab 类**，锚定 card 结构的设计层规则全部不命中，仅锚定 .scroll-item 的规则（分割线等）命中 → 同一页签栏「半新半旧」混合观感（如底色块残留 + 分割线在）。因此 form=flat 施工必须**三分支全覆盖**：① 锚定 .card-item / .card-tab 的规则之外，同步给出锚定 .scroll-item 直系（不限形态类）的兜底规则（盒几何/底色透明/激活态），或在词典 preconditions 声明「ShowModel 须确保运行时为 card」（清缓存 + platform-config 双写）——二选一必须做，只写 card 锚点 = smart 残余分支裸奔。",
-        "⚠ShowModel 三件套硬闸（G4 T 通道施工必须项）：仅改 platform-config.ShowModel **不生效**——showModel 读 localStorage，而 localStorage 只在 platform-config.Version 变化时经 responsive.ts invalidateStorageIfConfigVersionChanged 重灌（只改 ShowModel=card 而 Version 未变，浏览器会残留 chrome 形态缓存 → card/smart 兜底规则双双不命中、页签零变化）。form 涉及页签形态时施工三件套缺一不可：① platform-config.ShowModel = form 对应值（flat→card）；② platform-config.Version 自增一位（0.0.5→0.0.6，触发缓存失效重灌）；③ 渲染取证断言 .scroll-item.card-item 实际挂载（DevTools 或 DOM 断言），不许只看代码改没改。漏②=代码对但运行时仍旧形态；漏③=无渲染证据自嗨绿。"
-      ],
-      "priority": {
-        "strategy": "deep_qualified",
-        "reason": "容器内边距规则写在组件 scoped 内，与设计层同权重，需显式提权。"
-      },
-      "$note": "showModel 由 platform-config.json ShowModel 字段声明、但运行时实值由 localStorage 决定（Version++ 才重灌）——施工按 preconditions 三件套执行；smart/line 模板未实现，映射层按 chrome/card 两形态处理"
-    },
-    "admin.layout.tabs.home_tab": {
-      "type": "element",
-      "selector": ".tags-view .scroll-item:nth-child(1)",
-      "file": "src/layout/components/lay-tag/index.vue（首页页签 = multiTags 首项；真实 DOM 无 .home-item 类）",
-      "style_scope": ".tags-view",
-      "forms": {
-        "icon_only": "出厂默认：首位渲染 home 图标（meta.icon 缺省回退 'home'），无标题文字。**落地必须成对：显图标 + 隐标题**——项宽固定 40px，图标与标题共存时标题会被挤成截断（如「工作台」→「工…」）。隐标题经 text_visible 字段（display）落 .card-tab 标题元素；只显图标不收标题 = 形态未落地",
-        "text": "纯文字首位页签（隐藏图标且不占位）"
-      },
-      "$comment": "真实 DOM：.scroll-item（首项）> .card-tab，图标经 resolveCardTabIcon 渲染 svg-icon.card-tab-icon。出厂解析规则是数据驱动的：index===0 回退 'home'，其余按 meta.icon 有无渲染（空则不渲染不占位）——因此「有无图标」是-menu 数据/变更集可动态决定的，不是源码常量。尺寸类意图（如 40×40）由变更集 style 字段给出，词典不预设具体设计值。",
-      "css_vars": {
-        "width": "--vts-tag-card-height",
-        "height": "--vts-tag-card-height"
-      },
-  "sub_selectors": {
-    "icon": ".card-tab .card-tab-icon",
-    "title": ".card-tab .tag-title"
-  },
-      "custom_style_map": {
-        "icon_size": "font-size",
-        "icon_color": "color",
-        "divider_color": "border-left-color",
-        "text_visible": "display"
-      },
-      "$note": "divider（首页页签与首个业务页签间的 1px 竖线分割）属子元素结构样式，设计侧通过 divider_color 表达视觉意图。落地口径：首页页签项宽=高=--vts-tag-card-height(40px) 居中，经 .tags-view .scroll-item:nth-child(1) 覆写 padding 实现正方形图标钮；icon_only 形态必须同时把标题收口（text_visible=none），否则 40px 内图标+标题并存、标题被截断。"
-    },
-    "admin.layout.tabs.item": {
-      "type": "element",
-      "selector": ".tags-view .scroll-item:not(:nth-child(1))",
-      "file": "src/layout/components/lay-tag/index.vue（业务页签 = multiTags 非首项；真实 DOM 无 .tags-view-item 类）",
-      "style_scope": ".tags-view",
-      "forms": {
-        "text_only": "出厂默认：业务页签纯文字（meta.icon 为空 → 不渲染不占位）",
-        "with_icon": "业务页签带图标（由路由 meta.icon 驱动显示）"
-      },
-      "$comment": "真实 DOM：.scroll-item.is-closable > .card-tab（title + el-icon-close），激活态类 .is-active。⚠出厂中性基线：图标显隐由 resolveCardTabIcon 按 meta.icon 数据驱动，不是源码写死；「某张图要求业务页签无图标」必须以 form=text_only 显式声明后由变更集落地（隐藏 .card-tab-icon 且不占位），词典不预置任何设计的结论。间距/关闭钮尺寸/激活态表现等参数一律由当次变更集 style 字段给出。",
-      "css_vars": {
-        "card_height": "--vts-tag-card-height",
-        "card_radius": "--vts-tag-card-radius",
-        "card_gap": "--vts-tag-card-gap",
-        "card_idle_bg": "--vts-tag-card-idle-bg",
-        "card_active_bg": "--vts-tag-card-active-bg",
-        "card_hover_bg": "--vts-tag-card-hover-bg",
-        "card_active_text": "--vts-tag-card-active-text",
-        "card_idle_text": "--vts-tag-card-idle-text",
-        "card_close_color": "--vts-tag-card-close-color"
-      },
-      "custom_style_map": {
-        "padding_x": "padding-inline",
-        "divider_color": "border-left-color",
-        "title_gap": "gap",
-        "close_size": "font-size",
-        "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": {
-      "type": "element",
-      "selector": ".tags-view .scroll-item.is-active",
-      "file": "src/layout/components/lay-tag/index.vue",
-      "style_scope": ".tags-view",
-      "forms": {
-        "text_color_only": "仅文字/图标变色 + 字重加重（设计规范口径，unified-framework §6.46：font-weight 500、无下划线、无 border-bottom、无 box-shadow）",
-        "with_bg": "带底色块（出厂 card 形态即此：--vts-tag-card-active-bg）",
-        "with_underline": "带下划线/底线（出厂未实现，需设计层 ::after 新建并取变更集几何字段）"
-      },
-      "sub_selectors": {
-        "title": ".tags-view .scroll-item.is-active .tag-title",
-        "icon": ".tags-view .scroll-item.is-active .card-tab-icon"
-      },
-      "css_vars": {
-        "active_text": "--vts-tag-card-active-text",
-        "active_bg": "--vts-tag-card-active-bg"
-      },
-      "custom_style_map": {
-        "text_color": "color",
-        "font_weight": "font-weight",
-        "underline_height": "height",
-        "underline_color": "background-color"
-      },
-      "$note": "⚠出厂中性基线：chrome 形态激活态 = 白字 + box-shadow + 主色底（.scroll-item.is-active:not(.card-item)），card 形态 = --vts-tag-card-active-bg 底 + active-text 文字；**两者都不等于设计规范的「仅文字变色 + 字重 500、无下划线」**。form=text_color_only 时必须在设计层显式覆写出厂的 box-shadow / 背景块，缺任一项 = 激活态样式不对。card 形态专属令牌挂在父级 admin.layout.tabs 的 css_vars（整组切换）。"
-    },
-    "admin.layout.tabs.divider": {
-      "type": "element",
-      "selector": "chrome 形态：.chrome-tab .chrome-tab-divider；card / flat 形态：无独立元素（需设计层新建）",
-      "file": "src/layout/components/lay-tag/index.vue",
-      "style_scope": ".tags-view",
-      "$comment": "真实 DOM：chrome 形态有 .chrome-tab-divider（position:absolute; right:7px; width:1px; height:14px; background-color:#2b2d2f；激活时 opacity:0），card 形态无分割线元素、用 --vts-tag-card-gap 间距代替。设计规范要求页签之间 1px×100% 贯穿分割线（unified-framework §6.47），与出厂两种形态都不符。",
-      "css_vars": {},
-      "custom_style_map": {
-        "width": "width",
-        "height": "height",
-        "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": {
-      "type": "element",
-      "selector": ".tags-view .el-dropdown-menu（页签栏右侧 arrow-down 触发的下拉菜单；el-dropdown 挂 body）",
-      "file": "src/layout/components/lay-tag/index.vue（右侧功能按钮 el-dropdown @command=handleCommand）",
-      "style_scope": ":global（popper 挂 body，需全局作用域 + .translation 类限定）",
-      "$comment": "真实 DOM：el-dropdown（trigger=click placement=bottom-end）+ el-dropdown-menu（class=translation）。设计意图：宽 160px、圆角 8px",
-      "css_vars": {
-        "radius": "--el-popper-border-radius",
-        "item_height": "--el-dropdown-menuItem-height"
-      },
-      "custom_style_map": {
-        "width": "width",
-        "bg": "background-color",
-        "item_font_size": "font-size"
-      },
-      "$note": "item_height 若 EP 未暴露 popper 级变量，AI 施工时以 .translation.el-dropdown-menu li { height } 自定义实现并回写本条目——两层机制天然兜底。作用域注意：dropdown 挂 body，样式不得写 scoped，需全局样式 + .translation 类限定防泄漏"
-    },
-    "admin.layout.content": {
-      "type": "module",
-      "selector": ".app-main",
-      "file": "src/layout/components/lay-content/index.vue",
-      "style_scope": ".app-main",
-      "css_vars": {
-        "padding": "--layout-content-padding"
-      },
-      "custom_style_map": {
-        "bg": "background-color"
-      },
-      "$note": "内容区高度链为壳层定高体系（vts-page-card/vts-page-fill），业务页面布局语义见 content.* 语义 ID"
-    },
-    "admin.layout.footer": {
-      "type": "module",
-      "selector": ".main-content 之后的 footer 区（出厂未常驻渲染）",
-      "file": "—",
-      "style_scope": ":root",
-      "visible_prop": "HideFooter（platform-config.json）",
-      "css_vars": {
-        "height": "--layout-footer-height"
-      },
-      "custom_style_map": {}
-    }
-  }
-}
+{
+  "$comment": "admin 场景 · 布局模块语义 ID 全属性映射（vue3-web-temp 框架组件实证）。每条含结构定位（selector/file）、形态切换（forms）、样式映射（css_vars 优先 + custom_style_map 兜底）。style_scope 为样式必须包裹的容器类名；:root 表示全局令牌层。版本恒 1.0.0（由 SKILL.md 体系版本统一管理，不单独演进）。",
+  "meta": {
+    "layer": "scene",
+    "scene": "admin",
+    "domain": "layout",
+    "version": "1.0.0",
+    "tech_stack": "vue3 + element-plus + vue3-web-temp"
+  },
+  "mappings": {
+    "admin.layout.sidebar": {
+      "type": "module",
+      "selector": ".sidebar-container",
+      "file": "src/layout/components/lay-sidebar/NavVertical.vue",
+      "style_scope": ".sidebar-container",
+      "default_props": { "width": "var(--sidebar-width, 208px)" },
+      "children": [
+        "admin.layout.sidebar.logo_area",
+        "admin.layout.sidebar.menu",
+        "admin.layout.sidebar.collapse_trigger"
+      ],
+      "css_vars": {
+        "width": "--sidebar-width",
+        "collapsed_width": "--sidebar-collapsed-width",
+        "collapse_bar_height": "--sidebar-collapse-bar-height",
+        "menu_item_height": "--el-menu-item-height"
+      },
+      "custom_style_map": {
+        "bg": "background-color",
+        "border_right": "border-right",
+        "box_shadow": "box-shadow"
+      }
+    },
+    "admin.layout.sidebar.logo_area": {
+      "type": "element",
+      "selector": ".sidebar-logo",
+      "file": "src/layout/components/lay-sidebar/components/SidebarLogo.vue",
+      "style_scope": ".sidebar-container",
+      "visible_prop": "ShowLogo（platform-config.json / emitter logoChange）",
+      "css_vars": {
+        "height": "--vts-bar-height",
+        "bg": "--vts-theme-sidebar-logo",
+        "title_color": "--vts-theme-sub-menu-active-text"
+      },
+      "custom_style_map": {
+        "title_font_size": "font-size",
+        "title_font_weight": "font-weight"
+      }
+    },
+    "admin.layout.sidebar.menu": {
+      "type": "component",
+      "component": "ElMenu",
+      "selector": ".sidebar-container .el-menu",
+      "file": "src/layout/components/lay-sidebar/NavVertical.vue",
+      "style_scope": ".sidebar-container",
+      "forms": {
+        "pill": "整块胶囊底色高亮（sidebar.scss 消费 --vts-theme-menu-active-bg，带 !important）。suppress 必含 right_indicator_legacy——出厂 element-plus.scss 的 .el-menu-item.is-active{border-right:var(--menu-active-border-right)} 是活通道，不收口会出现左右两根竖条并存",
+        "indicator_left": "仅左竖条指示、无胶囊：先在本作用域覆写 --vts-theme-menu-active-bg: transparent 关胶囊，再于设计层新建 ::after 竖条消费 --vts-theme-menu-active-before。suppress 必含 right_indicator_legacy",
+        "indicator_right": "仅右竖条指示、无胶囊：同上关胶囊后 ::after 挂 right:0。出厂右竖条通道 --menu-active-border-right（element-plus.scss 消费、design-tokens.scss 定义为 3px solid 品牌色）是活通道，可复用也可收口后自建，二选一必须显式声明",
+        "indicator_underline": "仅底部横线指示、无胶囊：关胶囊后 ::after 挂 bottom:0（宽取 100% 或指定宽度，厚取 indicator_thickness）。suppress 必含 right_indicator_legacy",
+        "none": "无指示：胶囊与竖条均关闭，仅文字变色。suppress 必含 right_indicator_legacy",
+        "pill_indicator_left": "胶囊底色 + 左竖条**并存**复合形态（设计实证：效果图 .menu-item.active 同时声明 background:var(--primary) 与 ::before 竖条）：胶囊照 pill 走 --vts-theme-menu-active-bg；竖条照 indicator_left 走 --vts-theme-menu-active-before（设计层新建 ::after/::before 消费者）。suppress 必含 right_indicator_legacy（出厂右竖条必须收口）。⚠菜单项宿主盒必须声明 margin 横向内缩（custom_style_map margin_x），否则竖条负偏移落进容器外被 overflow 裁掉——竖条偏移值以「容器 padding − 竖条 left 偏移」为语境换算，禁止照搬外部效果图常量"
+      },
+      "suppress_rules": {
+        "pill": ["right_indicator_legacy"],
+        "indicator_left": ["right_indicator_legacy"],
+        "indicator_right": ["right_indicator_legacy"],
+        "indicator_underline": ["right_indicator_legacy"],
+        "none": ["right_indicator_legacy"],
+        "pill_indicator_left": ["right_indicator_legacy"]
+      },
+      "field_forms": {
+        "active_indicator_width": ["indicator_left", "indicator_right", "indicator_underline", "pill_indicator_left"],
+        "active_indicator_thickness": ["indicator_left", "indicator_right", "indicator_underline", "pill_indicator_left"],
+        "active_indicator_style": ["indicator_left", "indicator_right", "indicator_underline", "pill_indicator_left"],
+        "menu_active_bg": ["pill", "pill_indicator_left"]
+      },
+      "css_vars": {
+        "menu_bg": "--vts-theme-menu-bg",
+        "menu_text": "--vts-theme-menu-text",
+        "menu_hover_bg": "--vts-theme-menu-hover",
+        "menu_title_hover": "--vts-theme-menu-title-hover",
+        "sub_menu_bg": "--vts-theme-sub-menu-bg",
+        "sub_menu_active_text": "--vts-theme-sub-menu-active-text",
+        "menu_active_bg": "--vts-theme-menu-active-bg",
+        "menu_active_indicator": "--vts-theme-menu-active-before",
+        "right_indicator_legacy": "--menu-active-border-right",
+        "sidebar_border": "--vts-sidebar-border-color",
+        "item_height": "--el-menu-item-height"
+      },
+      "custom_style_map": {
+        "active_indicator_width": "width",
+        "active_indicator_thickness": "height",
+        "active_indicator_style": "border-radius",
+        "padding_y": "padding-block",
+        "margin_x": "margin-inline",
+        "font_size": "font-size",
+        "font_weight": "font-weight",
+        "text_color": "color"
+      },
+      "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_* 形态必须成对落地「关胶囊令牌 + 新建消费者」，只改色值不建消费者 = 未施工。",
+        "激活态作用层级（active_scope，默认 leaf）：胶囊与指示条**只作用于叶子菜单项**（.el-menu-item.is-active）。可展开分组的标题（.el-sub-menu__title）在「其下有激活子项」时会被 EP 打上 is-active，**不得**继承胶囊与指示条——否则分组标题同时长出胶囊、竖条并与右侧展开箭头叠压。设计层写激活态时必须把选择器锚定叶子项，禁止把 .el-sub-menu.is-active > .el-sub-menu__title 与 .el-menu-item.is-active 并列写成同一组激活声明。"
+      ],
+      "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_* / pill_indicator_left 时必须在本条目 style_scope 内成对落地两件事才算施工完成——① 竖条消费者（form 不含 pill 时另需覆写 --vts-theme-menu-active-bg: transparent 关胶囊）；② 在设计层文件（不可写出厂 sidebar.scss）新建 ::after/::before 消费者引用 var(--vts-theme-menu-active-before)。缺任一项 = 「映射了却没效果」。所有几何参数（方位/粗细/长度/圆角/内缩）取自变更集 style 字段，禁止写死 left:0 / 3px 等常量。⚠field_forms 硬闸（parser G7 机检）：style 声明的字段必须被当前 form 消费——如 active_indicator_* 只在 indicator_* / pill_indicator_left 形态下有消费者，声明 pill 却带竖条字段 = 字段被静默丢弃（如声明 pill 却带 active_indicator_* 竖条字段，竖条令牌会被设计层置透明 → 效果图要求的左竖条消失）。"
+    },
+    "admin.layout.sidebar.menu_item_icon": {
+      "type": "element",
+      "selector": ".sidebar-container .el-menu-item .el-icon, .sidebar-container .el-menu-item .el-menu-item__icon",
+      "file": "src/layout/components/lay-sidebar/NavVertical.vue（菜单图标，el-menu-item 内 svg-icon）",
+      "style_scope": ".sidebar-container",
+      "css_vars": {},
+      "custom_style_map": {
+        "icon_size": "font-size",
+        "icon_color": "color"
+      },
+      "anchors": [
+        { "kind": "class", "layer": "inner", "target": ".sidebar-container .el-menu-item .el-icon" }
+      ],
+      "$note": "菜单图标 16×16px（unified-framework §6.17 / §1 导航栏「图标 16×16px」）。图标为 font-icon，尺寸经 font-size 承载、颜色经 color 承载，落 inner 层（图标元素本身）。"
+    },
+    "admin.layout.sidebar.collapse_trigger": {
+      "type": "element",
+      "selector": ".left-collapse / .center-collapse",
+      "file": "src/layout/components/lay-sidebar/components/SidebarLeftCollapse.vue + SidebarCenterCollapse.vue",
+      "style_scope": ".sidebar-container",
+      "forms": {
+        "bottom_bar": "SidebarLeftCollapse（底部条，出厂默认）",
+        "center_edge": "SidebarCenterCollapse（侧缘中点，折叠/悬停时显示）"
+      },
+      "suppress_rules": {
+        "center_edge": ["bottom_bar"],
+        "bottom_bar": ["center_edge"]
+      },
+      "css_vars": {
+        "bar_height": "--sidebar-collapse-bar-height"
+      },
+      "custom_style_map": {
+        "trigger_width": "width",
+        "trigger_height": "height",
+        "trigger_color": "color"
+      }
+    },
+    "admin.layout.header": {
+      "type": "module",
+      "selector": ".navbar",
+      "file": "src/layout/components/lay-navbar/index.vue",
+      "style_scope": ".navbar",
+      "default_props": { "height": "var(--vts-bar-height)" },
+      "children": [
+        "admin.layout.header.collapse_trigger",
+        "admin.layout.header.logo_area",
+        "admin.layout.header.breadcrumb",
+        "admin.layout.header.lang_switch",
+        "admin.layout.header.fullscreen",
+        "admin.layout.header.setting_button",
+        "admin.layout.header.user_profile"
+      ],
+      "css_vars": {
+        "height": "--header-height",
+        "padding_x": "--header-padding-x"
+      },
+      "custom_style_map": {
+        "bg": "background-color",
+        "box_shadow": "box-shadow",
+        "gap": "gap",
+        "border_color": "border-color",
+        "align_items": "align-items"
+      },
+      "preconditions": [
+        "顶栏内容垂直居中：--header-height 变更（如 54px）后，宿主 .navbar 必须显式 align-items: center——出厂顶栏内元素高度不一（折叠钮 40px / 文字行 / 头像），不显式声明会整体偏上。"
+      ]
+    },
+    "admin.layout.header.logo_area": {
+      "type": "element",
+      "selector": ".navbar .siderLogo",
+      "file": "src/layout/components/lay-sidebar/components/SidebarLogo.vue（navbar 内复用）",
+      "style_scope": ".navbar",
+      "visible_note": "仅 horizontal 布局在顶栏渲染 logo（v-if layout==='horizontal' && showLogo）",
+      "css_vars": {},
+      "custom_style_map": {
+        "min_width": "min-width",
+        "height": "height"
+      }
+    },
+    "admin.layout.header.breadcrumb": {
+      "type": "component",
+      "component": "SidebarBreadCrumb",
+      "selector": ".navbar-breadcrumb-wrap",
+      "file": "src/layout/components/lay-sidebar/components/SidebarBreadCrumb.vue",
+      "style_scope": ".navbar",
+      "visible_note": "v-if layout!=='mix' && layout!=='horizontal' && device!=='mobile'",
+      "css_vars": {
+        "text_color": "--el-text-color-regular"
+      },
+      "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": {
+      "type": "component",
+      "component": "ReLanguageSwitch（ElDropdown 包裹）",
+      "selector": ".navbar .language-trigger",
+      "file": "src/components/ReLanguageSwitch/src/index.vue",
+      "style_scope": ".navbar",
+      "forms": {
+        "icon_only": "出厂现状：纯图标触发器（.language-trigger > .language-icon），下拉菜单选语言",
+        "inline_switch": "并排切换形态：中 / EN 平铺在触发器内，点击即切换。**落地必须成套三件事**——① 显并排文字（.language-text 由隐藏改可见）；② 收口图标（suppress icon_only）；③ **收口下拉浮层**（suppress dropdown_popper：出厂 ElDropdown 的 popper 必须不再弹出，否则点触发器会从下方展开 English/中文 浮层遮挡页签栏）。缺③ = 形态未落地（只加了文字、交互仍是下拉）"
+      },
+      "suppress_rules": {
+        "inline_switch": ["icon_only", "dropdown_popper"]
+      },
+      "structure_ops_required": {
+        "inline_switch": ["收口 ElDropdown 触发（改 trigger 为不可弹出 / 移除 dropdown 插槽消费 / 用保形 v-if 切换为直选按钮任一），使点击不再产生浮层"]
+      },
+      "preconditions": [
+        "语言切换的形态由 form 决定，且 form 是「加法 + 减法」成对语义：inline_switch 不仅要新增并排文字，还必须收口出厂的下拉浮层与图标形态。只加不减时，浮层仍会弹出（触发器与浮层二者并存），视觉上从触发器下方展开的浮层会压住页签栏。",
+        "浮层属 teleport 到 body 的 popper，样式层无法收口（.language-trigger 上的规则管不到 popper）；必须从结构层收口 ElDropdown 的触发行为。"
+      ],
+      "css_vars": {
+        "icon_color": "--el-text-color-regular",
+        "hover_bg": "--el-fill-color-light"
+      },
+      "sub_selectors": {
+        "icon": ".language-trigger .language-icon",
+        "text": ".language-trigger .language-text"
+      },
+      "custom_style_map": {
+        "icon_size": "font-size",
+        "gap": "gap",
+        "text_font_size": "font-size",
+        "text_color": "color"
+      },
+      "$note": "inline_switch 并排切换形态：下拉项平铺为触发器旁切换组，按 v-if 保形切换增量插入，不删原代码；同时收口图标形态与下拉浮层（浮层属 teleport popper，样式层管不到，必须结构收口）。"
+    },
+    "admin.layout.header.collapse_trigger": {
+      "type": "element",
+      "selector": ".navbar .header-collapse-btn",
+      "file": "src/layout/components/lay-navbar/index.vue（顶栏内嵌形态为增量插入；出厂折叠按钮位于侧栏，见 admin.layout.sidebar.collapse_trigger）",
+      "style_scope": ".navbar",
+      "forms": {
+        "header_inline": "顶栏内嵌折叠按钮：40×40 纯图标、与首页页签左对齐、hover 仅文字加深（出厂无此元素，v-if 保形插入机制落地）",
+        "sidebar_bottom": "出厂现状：侧栏底部折叠条（SidebarLeftCollapse）",
+        "sidebar_center": "侧栏侧缘中点（SidebarCenterCollapse）"
+      },
+      "suppress_rules": {
+        "header_inline": ["sidebar_bottom", "sidebar_center"]
+      },
+      "css_vars": {
+        "icon_color": "--el-text-color-regular",
+        "hover_bg": "--el-fill-color-light"
+      },
+      "custom_style_map": {
+        "btn_width": "width",
+        "btn_height": "height",
+        "icon_size": "font-size",
+        "border_radius": "border-radius"
+      },
+      "$note": "form=header_inline 时 AI 增量插入顶栏按钮片段（useApp isCollapse 切换），样式全部走 custom_style_map 生成的 :deep 隔离规则；出厂 sidebar_bottom 形态代码保留不删（显隐≠删除），设计侧 visible:false 时隐藏侧栏折叠条避免双按钮并存"
+    },
+    "admin.layout.header.fullscreen": {
+      "type": "component",
+      "component": "SidebarFullScreen",
+      "selector": "#full-screen",
+      "file": "src/layout/components/lay-sidebar/components/SidebarFullScreen.vue",
+      "style_scope": ".navbar",
+      "css_vars": {
+        "text_color": "--el-text-color-primary",
+        "hover_bg": "--el-fill-color-light"
+      },
+      "custom_style_map": {
+        "icon_size": "font-size",
+        "width": "width"
+      }
+    },
+    "admin.layout.header.setting_button": {
+      "type": "element",
+      "selector": ".set-icon",
+      "file": "src/layout/components/lay-navbar/index.vue",
+      "style_scope": ".navbar",
+      "visible_prop": "无出厂配置开关（出厂常显）",
+      "css_vars": {
+        "height": "--vts-bar-height"
+      },
+      "custom_style_map": {
+        "icon_size": "font-size",
+        "width": "width",
+        "hover_bg": "background-color",
+        "text_color": "color"
+      },
+      "$note": "存在性收口默认对象：效果图未出现该按钮时，变更集以 visible:false 声明 → 落地为设计层文件内 .navbar .set-icon { display:none }（禁止删出厂代码行、禁止直接改 lay-navbar/index.vue 表达「这张图不要按钮」）。反向：设计需要该按钮时不声明即可（出厂已常显）。同一 DOM（含 v-tippy 提示）通用，图标/尺寸经本条目 style 字段动态覆盖。"
+    },
+    "admin.layout.header.user_profile": {
+      "type": "component",
+      "component": "ElDropdown",
+      "selector": ".navbar-right .el-dropdown-link",
+      "file": "src/layout/components/lay-navbar/index.vue",
+      "style_scope": ".navbar",
+      "forms": {
+        "avatar_name": "出厂默认：22×22 头像 + 用户名（window.userName），无问候语",
+        "greeting_avatar_name": "问候语 + 用户名 + 头像（问候节点出厂不存在 → 由 AI 按本 form 在 lay-navbar 用户区增量插入，属结构通道施工）",
+        "greeting_name": "问候语 + 用户名，无头像",
+        "avatar_only": "仅头像",
+        "name_only": "仅用户名"
+      },
+      "suppress_rules": {
+        "greeting_name": ["avatar_name"],
+        "avatar_only": ["avatar_name"],
+        "name_only": ["avatar_name"]
+      },
+      "sub_selectors": {
+        "$comment": "avatar/name 为点位内部部件，不设独立语义 ID（符合 4 段 ID 上限）；样式字段按前缀路由到对应选择器。form 含 greeting 时新增节点统一用 class 前缀 vts-header-greeting / vts-header-username（插入前先查重名）",
+        "avatar": ".navbar-right .el-dropdown-link img",
+        "name": ".navbar-right .el-dropdown-link p"
+      },
+      "css_vars": {
+        "height": "--vts-bar-height",
+        "text_color": "--el-text-color-primary"
+      },
+      "custom_style_map": {
+        "avatar_width": "width",
+        "avatar_height": "height",
+        "avatar_radius": "border-radius",
+        "name_font_size": "font-size",
+        "name_font_weight": "font-weight",
+        "greeting_font_size": "font-size",
+        "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": {
+      "type": "module",
+      "selector": ".tags-view",
+      "file": "src/layout/components/lay-tag/index.vue",
+      "style_scope": ".tags-view",
+      "visible_prop": "HideTabs（platform-config.json）",
+      "children": ["admin.layout.tabs.home_tab", "admin.layout.tabs.item", "admin.layout.tabs.context_menu"],
+      "forms": {
+        "chrome": "谷歌页签（出厂 ShowModel=chrome）：SVG 梯形外形 + .chrome-tab-divider（1px×14px 深色）+ 关闭钮 16px 主色；激活态白字 + box-shadow",
+        "card": "卡片页签（ShowModel=card）：圆角卡片底 + --vts-tag-card-* 整组令牌 + 关闭钮 hover 才显现（出厂 opacity:0）",
+        "flat": "平面页签（设计规范口径，出厂无此形态）：ShowModel 仍设 card（复用 card 结构 = 图标槽 + 关闭钮 + resolveCardTabIcon 数据驱动），平面观感全部由设计层覆写达成 —— ① --vts-tag-card-idle-bg/hover-bg/active-bg 置 transparent；② --vts-tag-card-radius 与 --vts-tag-card-gap 置 0；③ 激活态仅文字/图标变主色 + font-weight 500，不加 border-bottom / box-shadow；④ 关闭钮 opacity 覆写为常显值（出厂 card 为 0）；⑤ 首页页签项宽=高=--vts-tag-card-height 居中呈方块；⑥ 页签间 1px×100% 贯穿分割线（card 无该元素，需设计层 ::after/::before 新建）。几何与色值一律取自变更集 style 字段，禁止写死常量"
+      },
+      "suppress_rules": {
+        "flat": [
+          "card_idle_bg",
+          "card_active_bg",
+          "card_hover_bg",
+          "card_radius",
+          "card_gap",
+          "card_active_text",
+          "card_idle_text",
+          "card_close_color"
+        ]
+      },
+      "css_vars": {
+        "height": "--tabs-height",
+        "chrome_inset_top": "--vts-tag-chrome-inset-top",
+        "card_height": "--vts-tag-card-height",
+        "card_radius": "--vts-tag-card-radius",
+        "card_gap": "--vts-tag-card-gap",
+        "card_idle_bg": "--vts-tag-card-idle-bg",
+        "card_active_bg": "--vts-tag-card-active-bg",
+        "card_hover_bg": "--vts-tag-card-hover-bg",
+        "card_active_text": "--vts-tag-card-active-text",
+        "card_idle_text": "--vts-tag-card-idle-text",
+        "card_close_color": "--vts-tag-card-close-color"
+      },
+      "custom_style_map": {
+        "bg": "background-color",
+        "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，不声明即保留出厂值（这是「首页页签不贴左缘」的根因）。",
+        "⚠ShowModel 运行时缓存坑：showModel 经 responsive-storage 持久化于 localStorage（命名空间 responsive-），platform-config.json 改 ShowModel 后**旧缓存仍生效**——项目侧施工 ShowModel 时必须同步清 localStorage（或 Version++ 触发响应式存储失效），否则模板代码已换、运行时仍渲染旧形态，页签「样式完全不对」多半是缓存残留而非映射失败。施工后验证口径：浏览器 DevTools Application→Local Storage 清 responsive-* 键后刷新再比对。",
+        "⚠ShowModel 三分支运行时兜底：useTags.ts 实证 showModel 读取链 = localStorage → fallback **'smart'**（platform-config 的 ShowModel 只在 storage 初始化时生效）；而模板 DOM 只实现 chrome / card 两分支（v-if / v-else-if），smart 落入 v-else 裸分支——**无 .card-item / .card-tab 类**，锚定 card 结构的设计层规则全部不命中，仅锚定 .scroll-item 的规则（分割线等）命中 → 同一页签栏「半新半旧」混合观感（如底色块残留 + 分割线在）。因此 form=flat 施工必须**三分支全覆盖**：① 锚定 .card-item / .card-tab 的规则之外，同步给出锚定 .scroll-item 直系（不限形态类）的兜底规则（盒几何/底色透明/激活态），或在词典 preconditions 声明「ShowModel 须确保运行时为 card」（清缓存 + platform-config 双写）——二选一必须做，只写 card 锚点 = smart 残余分支裸奔。",
+        "⚠ShowModel 三件套硬闸（G4 T 通道施工必须项）：仅改 platform-config.ShowModel **不生效**——showModel 读 localStorage，而 localStorage 只在 platform-config.Version 变化时经 responsive.ts invalidateStorageIfConfigVersionChanged 重灌（只改 ShowModel=card 而 Version 未变，浏览器会残留 chrome 形态缓存 → card/smart 兜底规则双双不命中、页签零变化）。form 涉及页签形态时施工三件套缺一不可：① platform-config.ShowModel = form 对应值（flat→card）；② platform-config.Version 自增一位（0.0.5→0.0.6，触发缓存失效重灌）；③ 渲染取证断言 .scroll-item.card-item 实际挂载（DevTools 或 DOM 断言），不许只看代码改没改。漏②=代码对但运行时仍旧形态；漏③=无渲染证据自嗨绿。"
+      ],
+      "priority": {
+        "strategy": "deep_qualified",
+        "reason": "容器内边距规则写在组件 scoped 内，与设计层同权重，需显式提权。"
+      },
+      "$note": "showModel 由 platform-config.json ShowModel 字段声明、但运行时实值由 localStorage 决定（Version++ 才重灌）——施工按 preconditions 三件套执行；smart/line 模板未实现，映射层按 chrome/card 两形态处理"
+    },
+    "admin.layout.tabs.home_tab": {
+      "type": "element",
+      "selector": ".tags-view .scroll-item:nth-child(1)",
+      "file": "src/layout/components/lay-tag/index.vue（首页页签 = multiTags 首项；真实 DOM 无 .home-item 类）",
+      "style_scope": ".tags-view",
+      "forms": {
+        "icon_only": "出厂默认：首位渲染 home 图标（meta.icon 缺省回退 'home'），无标题文字。**落地必须成对：显图标 + 隐标题**——项宽固定 40px，图标与标题共存时标题会被挤成截断（如「工作台」→「工…」）。隐标题经 text_visible 字段（display）落 .card-tab 标题元素；只显图标不收标题 = 形态未落地",
+        "text": "纯文字首位页签（隐藏图标且不占位）"
+      },
+      "$comment": "真实 DOM：.scroll-item（首项）> .card-tab，图标经 resolveCardTabIcon 渲染 svg-icon.card-tab-icon。出厂解析规则是数据驱动的：index===0 回退 'home'，其余按 meta.icon 有无渲染（空则不渲染不占位）——因此「有无图标」是-menu 数据/变更集可动态决定的，不是源码常量。尺寸类意图（如 40×40）由变更集 style 字段给出，词典不预设具体设计值。",
+      "css_vars": {
+        "width": "--vts-tag-card-height",
+        "height": "--vts-tag-card-height"
+      },
+  "sub_selectors": {
+    "icon": ".card-tab .card-tab-icon",
+    "title": ".card-tab .tag-title"
+  },
+      "custom_style_map": {
+        "icon_size": "font-size",
+        "icon_color": "color",
+        "divider_color": "border-left-color",
+        "text_visible": "display"
+      },
+      "$note": "divider（首页页签与首个业务页签间的 1px 竖线分割）属子元素结构样式，设计侧通过 divider_color 表达视觉意图。落地口径：首页页签项宽=高=--vts-tag-card-height(40px) 居中，经 .tags-view .scroll-item:nth-child(1) 覆写 padding 实现正方形图标钮；icon_only 形态必须同时把标题收口（text_visible=none），否则 40px 内图标+标题并存、标题被截断。"
+    },
+    "admin.layout.tabs.item": {
+      "type": "element",
+      "selector": ".tags-view .scroll-item:not(:nth-child(1))",
+      "file": "src/layout/components/lay-tag/index.vue（业务页签 = multiTags 非首项；真实 DOM 无 .tags-view-item 类）",
+      "style_scope": ".tags-view",
+      "forms": {
+        "text_only": "出厂默认：业务页签纯文字（meta.icon 为空 → 不渲染不占位）",
+        "with_icon": "业务页签带图标（由路由 meta.icon 驱动显示）"
+      },
+      "$comment": "真实 DOM：.scroll-item.is-closable > .card-tab（title + el-icon-close），激活态类 .is-active。⚠出厂中性基线：图标显隐由 resolveCardTabIcon 按 meta.icon 数据驱动，不是源码写死；「某张图要求业务页签无图标」必须以 form=text_only 显式声明后由变更集落地（隐藏 .card-tab-icon 且不占位），词典不预置任何设计的结论。间距/关闭钮尺寸/激活态表现等参数一律由当次变更集 style 字段给出。",
+      "css_vars": {
+        "card_height": "--vts-tag-card-height",
+        "card_radius": "--vts-tag-card-radius",
+        "card_gap": "--vts-tag-card-gap",
+        "card_idle_bg": "--vts-tag-card-idle-bg",
+        "card_active_bg": "--vts-tag-card-active-bg",
+        "card_hover_bg": "--vts-tag-card-hover-bg",
+        "card_active_text": "--vts-tag-card-active-text",
+        "card_idle_text": "--vts-tag-card-idle-text",
+        "card_close_color": "--vts-tag-card-close-color"
+      },
+      "custom_style_map": {
+        "padding_x": "padding-inline",
+        "divider_color": "border-left-color",
+        "title_gap": "gap",
+        "close_size": "font-size",
+        "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": {
+      "type": "element",
+      "selector": ".tags-view .scroll-item.is-active",
+      "file": "src/layout/components/lay-tag/index.vue",
+      "style_scope": ".tags-view",
+      "forms": {
+        "text_color_only": "仅文字/图标变色 + 字重加重（设计规范口径，unified-framework §6.46：font-weight 500、无下划线、无 border-bottom、无 box-shadow）",
+        "with_bg": "带底色块（出厂 card 形态即此：--vts-tag-card-active-bg）",
+        "with_underline": "带下划线/底线（出厂未实现，需设计层 ::after 新建并取变更集几何字段）"
+      },
+      "sub_selectors": {
+        "title": ".tags-view .scroll-item.is-active .tag-title",
+        "icon": ".tags-view .scroll-item.is-active .card-tab-icon"
+      },
+      "css_vars": {
+        "active_text": "--vts-tag-card-active-text",
+        "active_bg": "--vts-tag-card-active-bg"
+      },
+      "custom_style_map": {
+        "text_color": "color",
+        "font_weight": "font-weight",
+        "underline_height": "height",
+        "underline_color": "background-color"
+      },
+      "$note": "⚠出厂中性基线：chrome 形态激活态 = 白字 + box-shadow + 主色底（.scroll-item.is-active:not(.card-item)），card 形态 = --vts-tag-card-active-bg 底 + active-text 文字；**两者都不等于设计规范的「仅文字变色 + 字重 500、无下划线」**。form=text_color_only 时必须在设计层显式覆写出厂的 box-shadow / 背景块，缺任一项 = 激活态样式不对。card 形态专属令牌挂在父级 admin.layout.tabs 的 css_vars（整组切换）。"
+    },
+    "admin.layout.tabs.divider": {
+      "type": "element",
+      "selector": "chrome 形态：.chrome-tab .chrome-tab-divider；card / flat 形态：无独立元素（需设计层新建）",
+      "file": "src/layout/components/lay-tag/index.vue",
+      "style_scope": ".tags-view",
+      "$comment": "真实 DOM：chrome 形态有 .chrome-tab-divider（position:absolute; right:7px; width:1px; height:14px; background-color:#2b2d2f；激活时 opacity:0），card 形态无分割线元素、用 --vts-tag-card-gap 间距代替。设计规范要求页签之间 1px×100% 贯穿分割线（unified-framework §6.47），与出厂两种形态都不符。",
+      "css_vars": {},
+      "custom_style_map": {
+        "width": "width",
+        "height": "height",
+        "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": {
+      "type": "element",
+      "selector": ".tags-view .el-dropdown-menu（页签栏右侧 arrow-down 触发的下拉菜单；el-dropdown 挂 body）",
+      "file": "src/layout/components/lay-tag/index.vue（右侧功能按钮 el-dropdown @command=handleCommand）",
+      "style_scope": ":global（popper 挂 body，需全局作用域 + .translation 类限定）",
+      "$comment": "真实 DOM：el-dropdown（trigger=click placement=bottom-end）+ el-dropdown-menu（class=translation）。设计意图：宽 160px、圆角 8px",
+      "css_vars": {
+        "radius": "--el-popper-border-radius",
+        "item_height": "--el-dropdown-menuItem-height"
+      },
+      "custom_style_map": {
+        "width": "width",
+        "bg": "background-color",
+        "item_font_size": "font-size"
+      },
+      "$note": "item_height 若 EP 未暴露 popper 级变量，AI 施工时以 .translation.el-dropdown-menu li { height } 自定义实现并回写本条目——两层机制天然兜底。作用域注意：dropdown 挂 body，样式不得写 scoped，需全局样式 + .translation 类限定防泄漏"
+    },
+    "admin.layout.content": {
+      "type": "module",
+      "selector": ".app-main",
+      "file": "src/layout/components/lay-content/index.vue",
+      "style_scope": ".app-main",
+      "css_vars": {
+        "padding": "--layout-content-padding"
+      },
+      "custom_style_map": {
+        "bg": "background-color"
+      },
+      "$note": "内容区高度链为壳层定高体系（vts-page-card/vts-page-fill），业务页面布局语义见 content.* 语义 ID"
+    },
+    "admin.layout.footer": {
+      "type": "module",
+      "selector": ".main-content 之后的 footer 区（出厂未常驻渲染）",
+      "file": "—",
+      "style_scope": ":root",
+      "visible_prop": "HideFooter（platform-config.json）",
+      "css_vars": {
+        "height": "--layout-footer-height"
+      },
+      "custom_style_map": {}
+    }
+  }
+}