dsh-config-manager 0.1.76 → 0.1.78

package/src/client/config-manager.module.css

@@ -31,7 +31,7 @@
   height: 100%;
   min-height: 0;
   font-family: var(--dsw-font-family);
-  font-size: 12.5px;
+  font-size: var(--cm-fs-base);
   line-height: 1.5;
   color: var(--dsw-alias-label-primary);
   /* 弹窗内容区内的滚动包容：本组件自己管理滚动，不外溢 */
@@ -89,26 +89,77 @@ body {
   --cm-accent-fill: var(--dsw-alias-button-info-fill);
   --cm-accent-hover: var(--dsw-alias-button-info-hover);
   --cm-ok: var(--dsw-alias-state-success-primary);
-  --cm-info: var(--dsw-alias-state-info-primary);
+  /* 2026-10-17 修正：DSH 主题**没有** --dsw-alias-state-info-primary 这个 token
+     （已对 ui-theme 产物逐条核对：四态只有 business / success / warn / error / idle）。
+     原来指向它 ⇒ 自定义属性「无效于计算值」⇒ 三处 var(--cm-info) 消费点（任务面板底色、
+     状态点、行首色条）静默退化成 unset/currentColor。DSH 的 info 语义就是 business 主色
+     （原生 Tag 的 info tone 用的也是 --dsw-alias-state-business-primary），故按同义别名接线。 */
+  --cm-info: var(--cm-accent);
   --cm-warn: var(--dsw-alias-state-warn-primary);
   --cm-error: var(--dsw-alias-state-error-primary);
-  /* 字号 scale（4 档） */
-  --cm-fs-meta: 11px;
-  --cm-fs-table: 12px;
+  /* 原生「空转/中性」状态色（原生 StateDot 的 idle 档）与品牌色（原生 checkbox 的 accent-color） */
+  --cm-idle: var(--dsw-alias-state-idle-primary, var(--dsw-alias-label-tertiary));
+  --cm-brand: var(--dsw-alias-brand-primary, var(--cm-accent));
+  /* 深色 toast 表面上的警示文字色（原生为「toast 常驻深色」单独发布的 token） */
+  --cm-warn-label: var(--dsw-alias-state-warn-label, var(--cm-warn));
+  /* 字号 scale（4 档）—— **全部取自 DSH 原生字体 token**（2026-10-17 对齐原生）：
+     · meta / table / title = 原生 11 / 12 / 13 档（--dsw-font-xxxs-11 / xxs-12 / xs-13），
+       与 §3 的 4 档一一对应，取值未变（换的是来源，不是数值）；
+     · base = 12.5px —— **本插件唯一一处刻意低于原生档的字号**：原生最小正文档是 13px
+       （--dsw-font-xs-13），而插件画布只有 564×720、要装下高密度表格与清单，
+       故取「比原生最小正文再密半档」。它**不跟随**宿主的「内容字号」轴：那条轴属于
+       宿主正文档位（默认 14），面板正文跟着放大反而会撑破画布。
+       （聊天内回退入口是另一回事：那里镜像宿主气泡，必须跟随宿主轴 —— 见 §15b。）
+       改这一档 = 全站字号地震，非必要不动（chat-entry-view.test.ts ③ 钉住了这一点）。 */
+  --cm-fs-meta: var(--dsw-font-xxxs-11-font-size, 11px);
+  --cm-fs-table: var(--dsw-font-xxs-12-font-size, 12px);
   --cm-fs-base: 12.5px;
-  --cm-fs-title: 13px;
+  --cm-fs-title: var(--dsw-font-xs-13-font-size, 13px);
   /* 间距 scale（9 档） */
   --cm-sp-1: 2px; --cm-sp-2: 4px; --cm-sp-3: 6px; --cm-sp-4: 8px; --cm-sp-5: 10px;
   --cm-sp-6: 12px; --cm-sp-7: 14px; --cm-sp-8: 16px; --cm-sp-9: 24px;
-  /* 圆角 scale（4 档） */
-  --cm-r-1: 4px; --cm-r-2: 6px; --cm-r-3: 8px; --cm-r-pill: 999px;
+  /* 圆角 scale（5 档）—— 派生自原生 control-radius scale（--dsw-radius-*），按**角色**挑档：
+     r-1 小标记（原生 radius-xs 4px）· r-2 紧凑控件（原生 radius-sm 8px，= 原生 .button.sm）·
+     r-3 行/卡片/输入（原生 radius-md 12px，= 原生菜单项与设置页输入框）·
+     r-surface 浮层表面（原生 radius-lg 16px，= 原生 MenuSurface）· r-pill 药丸。 */
+  --cm-r-1: var(--dsw-radius-xs, 4px);
+  --cm-r-2: var(--dsw-radius-sm, 8px);
+  --cm-r-3: var(--dsw-radius-md, 12px);
+  --cm-r-surface: var(--dsw-radius-lg, 16px);
+  --cm-r-pill: 999px;
   /* 控件高（3 档） */
   --cm-h-sm: 24px; --cm-h-md: 28px; --cm-h-lg: 32px;
-  /* 阴影与焦点环 */
-  --cm-shadow-1: 0 10px 26px color-mix(in srgb, var(--dsw-alias-bg-base) 45%, transparent);
-  --cm-shadow-2: 0 12px 32px color-mix(in srgb, var(--dsw-alias-bg-base) 40%, transparent);
-  --cm-ring: 0 0 0 2px color-mix(in srgb, var(--cm-accent) 18%, transparent);
-  --cm-ring-strong: 0 0 0 2px color-mix(in srgb, var(--cm-accent) 55%, transparent);
+  /* —— 原生表面与交互态 token（2026-10-17 对齐原生）——
+     浮层表面（菜单/提示/通知/遮罩）与交互态（hover/active/danger/ghost-active）
+     一律取 DSH 原生同源 token：原生把这些语义各自发布了独立 token，
+     直用它们才能在主题/皮肤切换时与宿主同步，而不是自己 mix 一个近似色。 */
+  --cm-menu-surface: var(--dsw-menu-surface-fill, var(--dsw-alias-bg-layer-2));
+  --cm-menu-backdrop: var(--dsw-menu-backdrop-filter, none);
+  --cm-menu-icon: var(--dsw-alias-menu-icon, var(--dsw-alias-label-secondary));
+  --cm-tooltip-bg: var(--dsw-alias-tooltip-bg, var(--dsw-alias-bg-layer-2));
+  --cm-tooltip-fg: var(--dsw-static-neutral-bluish-00, var(--dsw-alias-label-primary));
+  --cm-toast-bg: var(--dsw-alias-toast-bg, var(--dsw-alias-bg-layer-2));
+  --cm-toast-fg: var(--dsw-alias-toast-label, var(--dsw-alias-label-primary));
+  --cm-mask: var(--dsw-alias-bg-mask-1, color-mix(in srgb, var(--dsw-alias-bg-base) 55%, transparent));
+  --cm-mask-blur: var(--dsw-mask-blur, none);
+  --cm-skeleton: var(--dsw-alias-bg-skeleton, color-mix(in srgb, var(--dsw-alias-label-tertiary) 14%, transparent));
+  --cm-hover: var(--dsw-alias-interactive-bg-hover);
+  --cm-active: var(--dsw-alias-interactive-bg-active, var(--dsw-alias-interactive-bg-hover));
+  --cm-hover-danger: var(--dsw-alias-interactive-bg-hover-danger, color-mix(in srgb, var(--cm-error) 12%, transparent));
+  --cm-ghost-active-fill: var(--dsw-alias-button-ghost-active-fill, color-mix(in srgb, var(--cm-accent) 16%, transparent));
+  --cm-ghost-active-border: var(--dsw-alias-button-ghost-active-border, color-mix(in srgb, var(--cm-accent) 45%, transparent));
+  --cm-primary-fill: var(--dsw-alias-button-primary-fill, var(--cm-accent-fill));
+  --cm-primary-hover: var(--dsw-alias-button-primary-hover, var(--cm-accent-hover));
+  /* 阴影与焦点环（原生 elevation / focus-ring token 同源） */
+  --cm-shadow-1: var(--dsw-elevation-soft, 0 10px 26px color-mix(in srgb, var(--dsw-alias-bg-base) 45%, transparent));
+  --cm-shadow-2: var(--dsw-elevation-prominent, 0 12px 32px color-mix(in srgb, var(--dsw-alias-bg-base) 40%, transparent));
+  /* 焦点环 = 宿主全局 :focus-visible 规则的**同一枚 token**：
+     宿主在指针输入模态下把 --dsw-focus-ring-color 置为 transparent
+     （html[data-input-modality=pointer] body :focus-visible:not(:read-write)），
+     所以鼠标点击不画环、键盘导航才画 —— 与原生组件完全一致；
+     老宿主没有该 token 时回落主色 2px 环，不会丢掉可见焦点（可访问性兜底）。 */
+  --cm-focus-width: var(--dsw-focus-ring-width, 2px);
+  --cm-focus-color: var(--dsw-focus-ring-color, var(--cm-accent));
   /* 层级（6 档语义） */
   --cm-z-raise: 1; --cm-z-sticky: 2; --cm-z-task: 90; --cm-z-mask: 100;
   --cm-z-modal: 101; --cm-z-pop: 110; --cm-z-toast: 120;
@@ -133,7 +184,7 @@ body {
 
 /* 键盘焦点环：仅键盘导航（:focus-visible）触发 */
 .section :is(button, a, input, select, textarea, [role='tab']):focus-visible {
-  outline: 2px solid var(--cm-accent);
+  outline: var(--cm-focus-width) solid var(--cm-focus-color);
   outline-offset: 2px;
 }
 
@@ -172,9 +223,9 @@ body {
   flex: 1 1 auto;
   min-width: 0;
   padding: 2px;
-  border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
-  background: var(--dsw-alias-bg-layer-2);
+  border: none;
+  border-radius: var(--cm-r-3);
+  background: var(--cm-hover);
   /* 不横向滚动：放不下的项由 ui/nav-model.ts 移进「更多 ▾」，不会藏在视口外。
      overflow: hidden 只是防极端情况（量测失败）撑破宿主布局，正常路径下从不触发。 */
   overflow: hidden;
@@ -196,10 +247,10 @@ body {
   height: 24px;
   padding: 0 10px;
   border: none;
-  border-radius: 6px;
+  border-radius: var(--cm-r-2);
   background: none;
   font: inherit;
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   font-weight: 500;
   color: var(--dsw-alias-label-secondary);
   cursor: pointer;
@@ -214,15 +265,15 @@ body {
 
 .navTab:focus-visible,
 .navMore:focus-visible {
-  outline: 2px solid var(--cm-accent);
+  outline: var(--cm-focus-width) solid var(--cm-focus-color);
   outline-offset: 1px;
-  border-radius: 6px;
+  border-radius: var(--cm-r-2);
 }
 
 .navTab[data-active],
 .navMore[data-active] {
-  background: color-mix(in srgb, var(--cm-accent) 16%, transparent);
-  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cm-accent) 45%, transparent);
+  background: var(--cm-ghost-active-fill);
+  box-shadow: inset 0 0 0 1px var(--cm-ghost-active-border);
   color: var(--dsw-alias-label-primary);
   font-weight: 600;
 }
@@ -278,14 +329,14 @@ body {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 26px;
-  height: 26px;
+  width: 28px;
+  height: 28px;
   padding: 0;
   border: none;
-  border-radius: 6px;
+  border-radius: var(--cm-r-2);
   background: none;
   font: inherit;
-  font-size: 13px;
+  font-size: var(--cm-fs-title);
   line-height: 1.25;
   color: var(--dsw-alias-label-secondary);
   cursor: pointer;
@@ -293,17 +344,17 @@ body {
 }
 
 .iconBtn:hover {
-  background: var(--dsw-alias-interactive-bg-hover);
+  background: var(--cm-hover);
   color: var(--dsw-alias-label-primary);
 }
 
 .iconBtn:focus-visible {
-  outline: 2px solid var(--cm-accent);
+  outline: var(--cm-focus-width) solid var(--cm-focus-color);
   outline-offset: 1px;
 }
 
 .iconBtn:disabled {
-  opacity: 0.45;
+  opacity: 0.4;
   cursor: default;
 }
 
@@ -312,11 +363,12 @@ body {
 .iconBtn[data-size='sm'] {
   width: 18px;
   height: 18px;
-  border-radius: 4px;
+  border-radius: var(--cm-r-1);
 }
 
 .iconBtn[data-active] {
-  background: color-mix(in srgb, var(--cm-accent) 14%, transparent);
+  background: var(--cm-ghost-active-fill);
+  box-shadow: inset 0 0 0 1px var(--cm-ghost-active-border);
   color: var(--cm-accent);
 }
 
@@ -469,7 +521,7 @@ body {
 }
 
 .taskTitle {
-  font-size: 13px;
+  font-size: var(--cm-fs-title);
   font-weight: 700;
   color: var(--dsw-alias-label-primary);
   min-width: 0;
@@ -500,9 +552,9 @@ body {
   margin: 0 8px 8px;
   padding: 0 10px;
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-layer-2);
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
   white-space: nowrap;
   overflow: hidden;
@@ -562,35 +614,46 @@ body {
 
 .statusDot {
   display: inline-block;
-  width: 7px;
-  height: 7px;
+  width: 10px;
+  height: 10px;
   border-radius: 50%;
-  background: var(--dsw-alias-label-tertiary);
+  /* 原生 StateDot 几何：10px 槽位里画一枚 6px 实心核（inset 20%），色走 currentColor */
+  color: var(--cm-idle);
   flex: none;
   /* 状态色随任务起停切换（idle → info → ok）：瞬变像「闪了一下」。 */
-  transition: background-color var(--cm-motion-fast) ease;
+  transition: color var(--cm-motion-fast) ease;
 }
 
 .statusDot[data-kind='ok'] {
-  background: var(--cm-ok);
+  color: var(--cm-ok);
 }
 
 .statusDot[data-kind='info'] {
-  background: var(--cm-accent);
+  color: var(--cm-accent);
 }
 
 .statusDot[data-kind='warn'] {
-  background: var(--cm-warn);
+  color: var(--cm-warn);
 }
 
 .statusDot[data-kind='error'] {
-  background: var(--cm-error);
+  color: var(--cm-error);
 }
 
 .statusDot[data-pulse] {
   animation: statusPulse 1.2s ease-in-out infinite;
 }
 
+.statusDot::after {
+  content: '';
+  display: block;
+  width: 60%;
+  height: 60%;
+  margin: 20%;
+  border-radius: 50%;
+  background: currentColor;
+}
+
 @keyframes statusPulse {
   0%, 100% { opacity: 1; }
   50% { opacity: 0.35; }
@@ -621,14 +684,14 @@ body {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  gap: 6px;
+  gap: 4px;
   height: 28px;
-  padding: 0 12px;
-  border-radius: 6px;
-  border: 1px solid transparent;
+  padding: 0 10px;
+  border-radius: var(--cm-r-2);
+  border: 0.5px solid transparent;
   font: inherit;
-  font-size: 12.5px;
-  font-weight: 600;
+  font-size: var(--cm-fs-table);
+  font-weight: 500;
   line-height: 1.25;
   white-space: nowrap;
   cursor: pointer;
@@ -636,22 +699,27 @@ body {
 }
 
 .primaryButton {
-  background: var(--cm-accent-fill);
+  background: var(--cm-primary-fill);
   color: var(--cm-text-on-accent);
 }
 
 .primaryButton:hover:not(:disabled) {
-  background: var(--cm-accent-hover);
+  background: var(--cm-primary-hover);
 }
 
 .ghostButton {
   background: transparent;
-  border-color: var(--dsw-alias-border-l2);
+  border-color: var(--dsw-alias-border-l3);
   color: var(--dsw-alias-label-primary);
 }
 
 .ghostButton:hover:not(:disabled) {
-  background: var(--dsw-alias-interactive-bg-hover);
+  background: var(--cm-hover);
+}
+
+/* 按下态：原生 .button.ghost:active 的 interactive-bg-active */
+.ghostButton:active:not(:disabled) {
+  background: var(--cm-active);
 }
 
 .dangerButton {
@@ -661,21 +729,21 @@ body {
 }
 
 .dangerButton:hover:not(:disabled) {
-  background: color-mix(in srgb, var(--cm-error) 12%, transparent);
+  background: var(--cm-hover-danger);
   border-color: var(--cm-error);
 }
 
 .primaryButton:focus-visible,
 .ghostButton:focus-visible,
 .dangerButton:focus-visible {
-  outline: 2px solid var(--cm-accent);
+  outline: var(--cm-focus-width) solid var(--cm-focus-color);
   outline-offset: 1px;
 }
 
 .primaryButton:disabled,
 .ghostButton:disabled,
 .dangerButton:disabled {
-  opacity: 0.45;
+  opacity: 0.4;
   cursor: default;
 }
 
@@ -685,19 +753,19 @@ body {
 .dangerButton[data-size='sm'] {
   height: 24px;
   padding: 0 8px;
-  font-size: 11px;
-  border-radius: 6px;
+  font-size: var(--cm-fs-meta);
+  border-radius: var(--cm-r-2);
 }
 
 /* —— 输入 / 选择 —— */
 .input {
   height: 28px;
   padding: 0 8px;
-  border: 1px solid var(--dsw-alias-border-l2);
-  border-radius: 6px;
+  border: 0.5px solid var(--dsw-alias-border-l4);
+  border-radius: var(--cm-r-2);
   background: var(--dsw-specific-input-major);
   font: inherit;
-  font-size: 12.5px;
+  font-size: var(--cm-fs-base);
   color: var(--dsw-alias-label-primary);
   box-sizing: border-box;
 }
@@ -713,7 +781,7 @@ body {
 }
 
 .input::placeholder {
-  color: var(--dsw-alias-label-tertiary);
+  color: var(--dsw-alias-label-dimmed);
 }
 
 .input:hover {
@@ -723,18 +791,17 @@ body {
 .input:focus {
   outline: none;
   border-color: var(--cm-accent);
-  box-shadow: 0 0 0 2px color-mix(in srgb, var(--cm-accent) 18%, transparent);
 }
 
 .input:disabled {
-  opacity: 0.5;
+  color: var(--dsw-alias-label-tertiary);
   cursor: default;
 }
 
 /* 密码/路径输入（等宽利于核对） */
 .input[type='password'] {
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
 }
 
 /* —— 自定义下拉（common/Select.tsx） ——
@@ -748,7 +815,7 @@ body {
   max-width: 100%;
   min-width: 0;
   vertical-align: middle;
-  font-size: 12.5px;
+  font-size: var(--cm-fs-base);
 }
 
 .selectTrigger {
@@ -759,11 +826,11 @@ body {
   height: 28px;
   padding: 0 8px;
   box-sizing: border-box;
-  border: 1px solid var(--dsw-alias-border-l2);
-  border-radius: 6px;
+  border: 0.5px solid var(--dsw-alias-border-l4);
+  border-radius: var(--cm-r-2);
   background: var(--dsw-specific-input-major);
   font: inherit;
-  font-size: 12.5px;
+  font-size: var(--cm-fs-base);
   color: var(--dsw-alias-label-primary);
   text-align: left;
   cursor: pointer;
@@ -781,11 +848,10 @@ body {
 .selectRoot[data-open] .selectTrigger {
   outline: none;
   border-color: var(--cm-accent);
-  box-shadow: 0 0 0 2px color-mix(in srgb, var(--cm-accent) 18%, transparent);
 }
 
 .selectTrigger:disabled {
-  opacity: 0.5;
+  color: var(--dsw-alias-label-tertiary);
   cursor: default;
 }
 
@@ -828,10 +894,11 @@ body {
   overflow-y: auto;
   overscroll-behavior: contain;
   padding: 4px;
-  border: 1px solid var(--dsw-alias-border-l2);
-  border-radius: 8px;
-  background: var(--dsw-alias-bg-layer-2);
-  box-shadow: 0 10px 26px color-mix(in srgb, var(--dsw-alias-bg-base) 45%, transparent);
+  border: 0;
+  border-radius: var(--cm-r-surface);
+  background: var(--cm-menu-surface);
+  backdrop-filter: var(--cm-menu-backdrop);
+  box-shadow: var(--cm-shadow-2);
   transform-origin: top center;
   animation: selectMenuIn var(--cm-motion-fast) var(--cm-motion-ease-out);
 }
@@ -878,14 +945,14 @@ body {
   align-items: center;
   gap: 8px;
   padding: 6px 8px;
-  border-radius: 6px;
-  font-size: 12.5px;
+  border-radius: var(--cm-r-3);
+  font-size: var(--cm-fs-base);
   color: var(--dsw-alias-label-primary);
   cursor: pointer;
 }
 
 .selectOption[data-active] {
-  background: var(--dsw-alias-interactive-bg-hover);
+  background: var(--cm-hover);
 }
 
 /* 选中项：主色文字 + 左侧主色竖条（此前用右侧对勾，用户要求移除该图标）。
@@ -894,12 +961,12 @@ body {
 .selectOption[aria-checked='true'] {
   color: var(--cm-accent);
   font-weight: 600;
-  background: color-mix(in srgb, var(--cm-accent) 10%, transparent);
+  background: var(--cm-ghost-active-fill);
   box-shadow: inset 2px 0 0 var(--cm-accent);
 }
 
 .selectOption[data-disabled] {
-  opacity: 0.45;
+  opacity: 0.4;
   cursor: default;
 }
 
@@ -920,7 +987,7 @@ body {
   margin-top: 8px;
   padding: 2px;
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-layer-2);
   overflow: hidden;
 }
@@ -933,10 +1000,10 @@ body {
   height: 24px;
   padding: 0 8px;
   border: none;
-  border-radius: 6px;
+  border-radius: var(--cm-r-2);
   background: none;
   font: inherit;
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   color: var(--dsw-alias-label-secondary);
   cursor: pointer;
   white-space: nowrap;
@@ -955,7 +1022,7 @@ body {
 
 /* 计数：只在对应来源加载成功后渲染（加载中/失败时整个不出现，绝不显示 0） */
 .libraryFilterCount {
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
 }
 
@@ -971,10 +1038,10 @@ body {
   margin-top: 8px;
   padding: 0 8px;
   border: 1px solid var(--dsw-alias-border-l2);
-  border-radius: 6px;
+  border-radius: var(--cm-r-2);
   background: var(--dsw-specific-input-major);
   font: inherit;
-  font-size: 12.5px;
+  font-size: var(--cm-fs-base);
   color: var(--dsw-alias-label-primary);
 }
 
@@ -996,7 +1063,7 @@ body {
 }
 
 .libraryCount {
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   color: var(--dsw-alias-label-secondary);
 }
 
@@ -1066,14 +1133,14 @@ body {
   height: 20px;
   padding: 0;
   border: none;
-  border-radius: 4px;
+  border-radius: var(--cm-r-1);
   background: none;
   color: var(--dsw-alias-label-secondary);
   cursor: pointer;
 }
 
 .artifactExpand:focus-visible {
-  outline: 2px solid var(--cm-accent);
+  outline: var(--cm-focus-width) solid var(--cm-focus-color);
   outline-offset: 1px;
 }
 
@@ -1090,7 +1157,7 @@ body {
 }
 
 .artifactName {
-  font-size: 12.5px;
+  font-size: var(--cm-fs-base);
   font-weight: 600;
   color: var(--dsw-alias-label-primary);
   overflow: hidden;
@@ -1100,7 +1167,7 @@ body {
 
 .artifactMeta {
   margin-top: 2px;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1169,10 +1236,10 @@ body {
   height: 32px;
   padding: 0 10px;
   border: 1px solid var(--dsw-alias-border-l2);
-  border-radius: 6px;
+  border-radius: var(--cm-r-2);
   background: var(--dsw-specific-input-major);
   font: inherit;
-  font-size: 13px;
+  font-size: var(--cm-fs-title);
   color: var(--dsw-alias-label-primary);
 }
 
@@ -1196,7 +1263,7 @@ body {
    所以比条目更小、更淡、不可选中，且每个非首组先起一条分隔线 —— 标题与条目不再同节奏排列。 */
 .paletteGroup {
   padding: 8px 8px 4px;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   font-weight: 500;
   letter-spacing: 0.02em;
   color: var(--dsw-alias-label-tertiary);
@@ -1213,8 +1280,8 @@ body {
   align-items: center;
   gap: 8px;
   padding: 6px 8px;
-  border-radius: 6px;
-  font-size: 12.5px;
+  border-radius: var(--cm-r-2);
+  font-size: var(--cm-fs-base);
   color: var(--dsw-alias-label-primary);
   cursor: pointer;
 }
@@ -1239,13 +1306,13 @@ body {
 
 .paletteItemGroup {
   flex: none;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
 }
 
 .paletteEmpty {
   padding: 10px 8px;
-  font-size: 12.5px;
+  font-size: var(--cm-fs-base);
   color: var(--dsw-alias-label-tertiary);
 }
 
@@ -1253,7 +1320,7 @@ body {
   margin-top: 8px;
   padding-top: 6px;
   border-top: 1px solid var(--dsw-alias-border-l1);
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
 }
 
@@ -1264,23 +1331,23 @@ body {
   align-items: flex-start;
   gap: 6px;
   cursor: pointer;
-  font-size: 12.5px;
+  font-size: var(--cm-fs-base);
   color: var(--dsw-alias-label-primary);
 }
 
 .checkboxRow input,
 .radioLabel input {
-  width: 14px;
-  height: 14px;
+  width: 16px;
+  height: 16px;
   margin: 2px 0 0;
-  accent-color: var(--cm-accent);
+  accent-color: var(--cm-brand);
   cursor: pointer;
   flex: none;
 }
 
 .checkboxRow input:focus-visible,
 .radioLabel input:focus-visible {
-  outline: 2px solid var(--cm-accent);
+  outline: var(--cm-focus-width) solid var(--cm-focus-color);
   outline-offset: 2px;
 }
 
@@ -1289,15 +1356,44 @@ body {
   display: inline-flex;
   align-items: center;
   gap: 4px;
-  height: 18px;
-  padding: 0 6px;
-  border-radius: 8px;
-  font-size: 11px;
-  font-weight: 600;
+  height: 19px;
+  padding: 0 8px;
+  border-radius: var(--cm-r-pill);
+  font-size: var(--cm-fs-meta);
+  font-weight: 500;
   line-height: 1.25;
   white-space: nowrap;
-  border: 1px solid var(--dsw-alias-border-l2);
-  color: var(--dsw-alias-label-secondary);
+  border: none;
+  color: var(--dsw-alias-label-tertiary);
+}
+
+/* 四态 tone：与原生 Tag 同口径（同色 10% tint 作底，warning 用 12%）。
+   此前 ui.tsx 计算的 badgeOk/badgeInfo/... 类名在本表里**从未存在**，四态徽章看起来完全一样。 */
+.badge[data-kind='ok'] {
+  background: color-mix(in srgb, var(--cm-ok) 10%, transparent);
+  color: var(--cm-ok);
+}
+
+.badge[data-kind='info'] {
+  background: color-mix(in srgb, var(--cm-accent) 10%, transparent);
+  color: var(--cm-accent);
+}
+
+.badge[data-kind='warn'] {
+  background: color-mix(in srgb, var(--cm-warn) 12%, transparent);
+  color: var(--cm-warn);
+}
+
+.badge[data-kind='error'] {
+  background: color-mix(in srgb, var(--cm-error) 10%, transparent);
+  color: var(--cm-error);
+}
+
+/* 原生 Tag 路径下的 wrapper：只为承载 title 悬停提示（原生 Tag 不接受 title），
+   自身不产生盒模型效果（inline-flex 与 Tag 自身的 inline-flex 同形）。 */
+.badgeHost {
+  display: inline-flex;
+  align-items: center;
 }
 
 /* —— 横幅（四态；紧凑） —— */
@@ -1308,10 +1404,10 @@ body {
   flex-wrap: wrap;
   gap: 6px 10px;
   padding: 8px 12px;
-  border-radius: 8px;
-  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: var(--cm-r-3);
+  border: 0.5px solid var(--dsw-alias-border-l2);
   background: var(--dsw-alias-bg-layer-2);
-  font-size: 12.5px;
+  font-size: var(--cm-fs-base);
   margin: 0 0 10px;
   /* 通栏元素：flex 父容器（.viewBody 等）里不随内容收缩 */
   width: 100%;
@@ -1320,22 +1416,22 @@ body {
 
 .banner[data-kind='ok'] {
   border-color: color-mix(in srgb, var(--cm-ok) 35%, transparent);
-  background: color-mix(in srgb, var(--cm-ok) 9%, transparent);
+  background: color-mix(in srgb, var(--cm-ok) 10%, transparent);
 }
 
 .banner[data-kind='info'] {
   border-color: color-mix(in srgb, var(--cm-accent) 30%, transparent);
-  background: color-mix(in srgb, var(--cm-accent) 8%, transparent);
+  background: color-mix(in srgb, var(--cm-accent) 10%, transparent);
 }
 
 .banner[data-kind='warn'] {
   border-color: color-mix(in srgb, var(--cm-warn) 40%, transparent);
-  background: color-mix(in srgb, var(--cm-warn) 9%, transparent);
+  background: color-mix(in srgb, var(--cm-warn) 12%, transparent);
 }
 
 .banner[data-kind='error'] {
   border-color: color-mix(in srgb, var(--cm-error) 45%, transparent);
-  background: color-mix(in srgb, var(--cm-error) 9%, transparent);
+  background: color-mix(in srgb, var(--cm-error) 10%, transparent);
 }
 
 /* —— Spinner —— */
@@ -1387,7 +1483,7 @@ body {
 }
 
 .spinnerLabel {
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   /* 跟随所在上下文的前景色（主色按钮上是前景白），略带降权但不至于读不出来 */
   color: inherit;
   opacity: 0.85;
@@ -1414,8 +1510,8 @@ body {
 
 .skeletonBar {
   display: block;
-  border-radius: 4px;
-  background-color: color-mix(in srgb, var(--dsw-alias-label-tertiary) 14%, transparent);
+  border-radius: var(--cm-r-1);
+  background-color: var(--cm-skeleton);
   background-image: linear-gradient(
     90deg,
     transparent,
@@ -1433,10 +1529,10 @@ body {
 }
 
 /* 形态：标题 / 正文行 / 区块 / 行条目 */
-.skeletonTitle { height: 13px; width: 42%; border-radius: 6px; }
+.skeletonTitle { height: 13px; width: 42%; border-radius: var(--cm-r-2); }
 .skeletonLine { height: 11px; }
-.skeletonBlock { height: 46px; border-radius: 8px; }
-.skeletonRow { height: 30px; border-radius: 6px; }
+.skeletonBlock { height: 46px; border-radius: var(--cm-r-3); }
+.skeletonRow { height: 30px; border-radius: var(--cm-r-2); }
 
 /* 多行骨架的长短交错（全等宽看起来像表格）+ 逐条递进延迟（像正在逐块填充，而不是整块齐闪） */
 .skeletonBars > .skeletonBar:nth-child(4n + 2) { width: 92%; }
@@ -1454,7 +1550,7 @@ body {
   gap: 8px;
   padding: 12px;
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-layer-2);
 }
 
@@ -1464,7 +1560,7 @@ body {
 /* 表格骨架：行高/内边距对齐 .dataTable，三列按「名称 / 说明 / 时间」分配宽度 */
 .skeletonTable {
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   overflow: hidden;
 }
 
@@ -1495,7 +1591,7 @@ body {
 
 /* 骨架下方的可见文案（与 Spinner 的 label 同义）：加载反馈必须能被读到，不只靠色块 */
 .skeletonCaption {
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
 }
 
@@ -1503,7 +1599,7 @@ body {
 
 .card {
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-layer-2);
   padding: 12px;
   margin: 0 0 10px;
@@ -1512,7 +1608,7 @@ body {
 /* 分组标题（卡内小节头） */
 .groupLabel {
   display: block;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   font-weight: 700;
   letter-spacing: 0.02em;
   color: var(--dsw-alias-label-tertiary);
@@ -1534,7 +1630,7 @@ body {
 }
 
 .groupNote {
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
 }
 
@@ -1562,19 +1658,19 @@ body {
 }
 
 .fieldLabel {
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   font-weight: 600;
   color: var(--dsw-alias-label-secondary);
 }
 
 .hint {
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   line-height: 1.5;
   color: var(--dsw-alias-label-tertiary);
 }
 
 .formError {
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--cm-error);
 }
 
@@ -1602,7 +1698,7 @@ body {
   height: 18px;
   padding: 0;
   border: none;
-  border-radius: 4px;
+  border-radius: var(--cm-r-1);
   background: none;
   font: inherit;
   line-height: 1.25;
@@ -1623,7 +1719,7 @@ body {
    那条路径下气泡不会打开（见 InfoHint.tsx 的 onFocus）—— 于是焦点环与 data-open 同进同出：
    键盘用户 Tab 到 ⓘ 时气泡必然同时打开，焦点环照常可见，可访问性不受影响。 */
 .infoHintBtn[data-open]:focus-visible {
-  outline: 2px solid var(--cm-accent);
+  outline: var(--cm-focus-width) solid var(--cm-focus-color);
   outline-offset: 1px;
 }
 
@@ -1650,12 +1746,12 @@ body {
   max-height: min(480px, calc(100vh - 16px));
   overflow-y: auto;
   padding: 8px 10px;
-  border: 1px solid var(--dsw-alias-border-l2);
-  border-radius: 8px;
-  background: var(--dsw-alias-bg-layer-2);
-  box-shadow: 0 10px 26px color-mix(in srgb, var(--dsw-alias-bg-base) 45%, transparent);
-  color: var(--dsw-alias-label-secondary);
-  font-size: 11px;
+  border: 0;
+  border-radius: var(--cm-r-2);
+  background: var(--cm-tooltip-bg);
+  box-shadow: var(--cm-shadow-1);
+  color: var(--cm-tooltip-fg);
+  font-size: var(--cm-fs-table);
   line-height: 1.5;
   /* 多行换行：长文本折行、显式换行符保留，绝不省略号截断 */
   white-space: pre-wrap;
@@ -1711,7 +1807,7 @@ body {
 
 .sectionTitle {
   margin: 0;
-  font-size: 13px;
+  font-size: var(--cm-fs-title);
   font-weight: 700;
   line-height: 1.5;
   color: var(--dsw-alias-label-primary);
@@ -1719,7 +1815,7 @@ body {
 
 .sectionSubtitle {
   margin: 1px 0 0;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
 }
 
@@ -1733,9 +1829,9 @@ body {
   gap: 4px;
   padding: 24px 16px;
   border: 1px dashed var(--dsw-alias-border-l2);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   text-align: center;
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   color: var(--dsw-alias-label-tertiary);
   /* 通栏占位：不被 flex 父容器压成内容宽 */
   width: 100%;
@@ -1752,7 +1848,7 @@ body {
 /* —— 数据表 —— */
 .tableWrap {
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-layer-2);
   overflow: hidden;
   margin-bottom: 10px;
@@ -1774,7 +1870,7 @@ body {
 .dataTable {
   width: 100%;
   border-collapse: collapse;
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
 }
 
 .dataTable th,
@@ -1810,17 +1906,17 @@ body {
   z-index: var(--cm-z-raise);
   padding: 6px 10px;
   text-align: left;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   font-weight: 600;
   color: var(--dsw-alias-label-tertiary);
   background: var(--dsw-alias-bg-layer-2);
-  border-bottom: 1px solid var(--dsw-alias-border-l1);
+  border-bottom: 0.5px solid var(--dsw-alias-border-l2);
   white-space: nowrap;
 }
 
 .dataTable td {
   padding: 6px 10px;
-  border-bottom: 1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 55%, transparent);
+  border-bottom: 0.5px solid var(--dsw-alias-border-l2);
   vertical-align: middle;
   color: var(--dsw-alias-label-primary);
 }
@@ -1844,7 +1940,7 @@ body {
 .dataTable .num {
   text-align: right;
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   white-space: nowrap;
 }
 
@@ -1893,7 +1989,7 @@ body {
   display: inline-flex;
   align-items: center;
   gap: 6px;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
   overflow: hidden;
   min-width: 0;
@@ -1924,8 +2020,8 @@ body {
   align-items: baseline;
   gap: 10px;
   padding: 4px 0;
-  border-bottom: 1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 55%, transparent);
-  font-size: 12px;
+  border-bottom: 0.5px solid var(--dsw-alias-border-l2);
+  font-size: var(--cm-fs-table);
   min-width: 0;
 }
 
@@ -1940,11 +2036,18 @@ body {
   margin-top: 8px;
 }
 
+/* 复选框行之后紧跟的操作行：补 10px 上间距（区块间距档）。
+   与上一条同因：.checkboxRow 没有下外边距、.actionRow 只有下外边距 → 两者相邻时按钮紧贴勾选框
+   （用户实测 2026-10-17：导入向导最后一步「失败时整体回滚」与「上一步 / 确认导入」挤在一起）。 */
+.checkboxRow + .actionRow {
+  margin-top: 10px;
+}
+
 .kvKey {
   flex: none;
   width: 88px;
   color: var(--dsw-alias-label-tertiary);
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
 }
 
 .kvValue {
@@ -1954,7 +2057,7 @@ body {
 }
 
 .kvValue.mono {
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   color: var(--dsw-alias-label-secondary);
 }
 
@@ -1965,9 +2068,9 @@ body {
   align-items: center;
   gap: 2px;
   padding: 2px;
-  border: 1px solid var(--dsw-alias-border-l2);
-  border-radius: 8px;
-  background: var(--dsw-alias-bg-base);
+  border: none;
+  border-radius: var(--cm-r-3);
+  background: var(--cm-hover);
   margin: 0 0 10px;
 }
 
@@ -1976,13 +2079,13 @@ body {
   display: inline-flex;
   align-items: center;
   gap: 4px;
-  height: 22px;
-  padding: 0 8px;
+  height: 24px;
+  padding: 0 10px;
   border: none;
-  border-radius: 6px;
+  border-radius: var(--cm-r-2);
   background: none;
   font: inherit;
-  font-size: 11px;
+  font-size: var(--cm-fs-table);
   font-weight: 500;
   color: var(--dsw-alias-label-secondary);
   cursor: pointer;
@@ -1996,20 +2099,20 @@ body {
 
 .segItem:focus-visible,
 .modeTab:focus-visible {
-  outline: 2px solid var(--cm-accent);
+  outline: var(--cm-focus-width) solid var(--cm-focus-color);
   outline-offset: 1px;
 }
 
 .segItem[data-active],
 .modeTab[data-active] {
-  background: var(--dsw-alias-bg-layer-2);
+  background: var(--dsw-alias-bg-layer-1);
   color: var(--dsw-alias-label-primary);
-  font-weight: 600;
-  box-shadow: 0 0 0 1px var(--dsw-alias-border-l1);
+  font-weight: 500;
+  box-shadow: var(--cm-shadow-1);
 }
 
 .modeHint {
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
   margin: -4px 0 10px;
 }
@@ -2052,7 +2155,7 @@ body {
   height: 17px;
   border-radius: 50%;
   border: 1.5px solid var(--dsw-alias-border-l2);
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   font-weight: 700;
   color: var(--dsw-alias-label-tertiary);
   background: var(--dsw-alias-bg-layer-2);
@@ -2072,7 +2175,7 @@ body {
 }
 
 .stepperLabel {
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
   white-space: nowrap;
 }
@@ -2106,7 +2209,7 @@ body {
 .progressTrack {
   position: relative;
   height: 5px;
-  border-radius: 4px;
+  border-radius: var(--cm-r-1);
   background: color-mix(in srgb, var(--dsw-alias-border-l1) 80%, transparent);
   overflow: hidden;
 }
@@ -2114,7 +2217,7 @@ body {
 .progressBar {
   position: absolute;
   inset: 0 auto 0 0;
-  border-radius: 4px;
+  border-radius: var(--cm-r-1);
   background: var(--cm-accent);
   transition: width var(--cm-motion-slow) var(--cm-motion-ease-out);
 }
@@ -2133,7 +2236,7 @@ body {
   top: 0;
   bottom: 0;
   width: 34%;
-  border-radius: 4px;
+  border-radius: var(--cm-r-1);
   background: var(--cm-accent);
   animation: indet 1.15s var(--cm-motion-ease-in-out) infinite;
 }
@@ -2148,7 +2251,7 @@ body {
   align-items: center;
   gap: 8px;
   margin-top: 4px;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-secondary);
 }
 
@@ -2170,13 +2273,13 @@ body {
   align-items: center;
   gap: 4px;
   flex: none;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
 }
 
 .progressBadgeCount {
   padding: 0 4px;
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: color-mix(in srgb, var(--cm-info) 14%, transparent);
   color: var(--dsw-alias-label-secondary);
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
@@ -2188,7 +2291,7 @@ body {
 
 .progressDetail {
   margin-top: 2px;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
 }
 
@@ -2203,7 +2306,7 @@ body {
   overflow: auto;
   max-height: 380px;
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-base);
 }
 
@@ -2229,7 +2332,8 @@ body {
   display: flex;
   align-items: center;
   justify-content: center;
-  background: color-mix(in srgb, var(--dsw-alias-bg-base) 55%, transparent);
+  background: var(--cm-mask);
+  backdrop-filter: var(--cm-mask-blur);
   /* 遮罩淡入：Radix Dialog 只在 open 时挂载 Overlay/Content，元素创建即播放一次。 */
   animation: maskIn var(--cm-motion-fast) var(--cm-motion-ease-out);
 }
@@ -2298,16 +2402,16 @@ body {
   max-height: min(600px, calc(100vh - 64px), 92%);
   display: flex;
   flex-direction: column;
-  border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
+  border: 0;
+  border-radius: var(--cm-r-surface);
   background: var(--dsw-alias-bg-layer-2);
-  box-shadow: 0 12px 32px color-mix(in srgb, var(--dsw-alias-bg-base) 40%, transparent);
+  box-shadow: var(--cm-shadow-2);
 }
 
 .dialogHeader {
   padding: 12px 16px 0;
-  font-size: 13px;
-  font-weight: 700;
+  font-size: var(--cm-fs-title);
+  font-weight: 500;
   color: var(--dsw-alias-label-primary);
 }
 
@@ -2336,7 +2440,7 @@ body {
   min-height: 0;
   overflow-y: auto;
   padding: 8px 16px 12px;
-  font-size: 12.5px;
+  font-size: var(--cm-fs-base);
   color: var(--dsw-alias-label-secondary);
 }
 
@@ -2356,7 +2460,7 @@ body {
   gap: 8px;
   padding: 10px 16px 14px;
   margin: 0;
-  border-top: 1px solid var(--dsw-alias-border-l1);
+  border-top: 0.5px solid var(--dsw-alias-border-l2);
 }
 
 /* —— 插件自更新弹窗（「新版本 → 立即更新」，2026-10）——
@@ -2375,7 +2479,7 @@ body {
 }
 
 .updateVersionTarget {
-  font-size: 13px;
+  font-size: var(--cm-fs-title);
   font-weight: 600;
   color: var(--dsw-alias-label-primary);
 }
@@ -2411,15 +2515,15 @@ body {
   align-items: flex-start;
   gap: 8px;
   width: fit-content;
-  max-width: 340px;
-  padding: 8px 10px;
-  border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
-  background: var(--dsw-alias-bg-layer-2);
-  box-shadow: 0 8px 24px color-mix(in srgb, var(--dsw-alias-bg-base) 45%, transparent);
-  font-size: 12px;
+  max-width: 420px;
+  padding: 12px 16px;
+  border: 0;
+  border-radius: var(--cm-r-surface);
+  background: var(--cm-toast-bg);
+  box-shadow: var(--cm-shadow-2);
+  font-size: var(--cm-fs-title);
   line-height: 1.5;
-  color: var(--dsw-alias-label-primary);
+  color: var(--cm-toast-fg);
   animation: toastIn var(--cm-motion-base) var(--cm-motion-ease-out);
 }
 
@@ -2429,10 +2533,6 @@ body {
 }
 
 /* 四态语义：左侧色条 + 图标着色（复用 Badge/Banner 的 --dsw-* 状态色） */
-.toast[data-kind='ok'] {
-  border-color: color-mix(in srgb, var(--cm-ok) 40%, transparent);
-}
-
 .toast[data-kind='ok'] .toastGlyph {
   color: var(--cm-ok);
 }
@@ -2441,16 +2541,8 @@ body {
   color: var(--cm-accent);
 }
 
-.toast[data-kind='warn'] {
-  border-color: color-mix(in srgb, var(--cm-warn) 40%, transparent);
-}
-
 .toast[data-kind='warn'] .toastGlyph {
-  color: var(--cm-warn);
-}
-
-.toast[data-kind='error'] {
-  border-color: color-mix(in srgb, var(--cm-error) 45%, transparent);
+  color: var(--cm-warn-label);
 }
 
 .toast[data-kind='error'] .toastGlyph {
@@ -2512,9 +2604,9 @@ body {
 }
 
 .statusAction:focus-visible {
-  outline: 2px solid var(--cm-accent);
+  outline: var(--cm-focus-width) solid var(--cm-focus-color);
   outline-offset: 1px;
-  border-radius: 4px;
+  border-radius: var(--cm-r-1);
 }
 
 .runsCenter {
@@ -2531,7 +2623,7 @@ body {
 }
 
 .runsSummaryTitle {
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   font-weight: 700;
   color: var(--dsw-alias-label-primary);
 }
@@ -2545,7 +2637,7 @@ body {
 }
 
 .runsCardTitle {
-  font-size: 12.5px;
+  font-size: var(--cm-fs-base);
   font-weight: 600;
   color: var(--dsw-alias-label-primary);
 }
@@ -2555,9 +2647,9 @@ body {
   margin: 8px 0 0;
   padding: 6px 8px;
   border: 1px solid color-mix(in srgb, var(--cm-warn) 45%, transparent);
-  border-radius: 6px;
+  border-radius: var(--cm-r-2);
   background: color-mix(in srgb, var(--cm-warn) 10%, transparent);
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-secondary);
 }
 
@@ -2568,14 +2660,14 @@ body {
 
 .runsCardTime {
   margin-left: auto;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
   white-space: nowrap;
 }
 
 .runsCounts {
   margin: 8px 0 0;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
 }
 
@@ -2585,10 +2677,10 @@ body {
   overflow-y: auto;
   padding: 6px 8px;
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 6px;
+  border-radius: var(--cm-r-2);
   background: var(--dsw-alias-bg-base);
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   line-height: 1.5;
   color: var(--dsw-alias-label-secondary);
 }
@@ -2614,7 +2706,7 @@ body {
   margin: 0 0 8px;
   padding: 8px 10px;
   border: 1px solid var(--dsw-alias-border-l2);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-layer-2);
   font: inherit;
   color: var(--dsw-alias-label-primary);
@@ -2627,7 +2719,7 @@ body {
 }
 
 .runsOption:focus-visible {
-  outline: 2px solid var(--cm-accent);
+  outline: var(--cm-focus-width) solid var(--cm-focus-color);
   outline-offset: 1px;
 }
 
@@ -2640,19 +2732,19 @@ body {
   display: flex;
   align-items: center;
   gap: 6px;
-  font-size: 12.5px;
+  font-size: var(--cm-fs-base);
   font-weight: 600;
 }
 
 .runsOptionDesc {
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
 }
 
 .runsOptionTag {
   padding: 0 4px;
   border-radius: 999px;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   font-weight: 600;
   background: color-mix(in srgb, var(--cm-accent) 14%, transparent);
   color: var(--cm-accent);
@@ -2752,7 +2844,7 @@ body {
   gap: 0;
   min-height: 32px;
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-layer-2);
   margin-bottom: 10px;
   /* 放不下就**换行**，绝不隐藏：v1 的「隐藏滚动条 + 渐隐遮罩」已被真机判定为不可发现
@@ -2791,7 +2883,7 @@ body {
   /* 左右 8px（原 12px）：中文 5 段实测 547px > 画布可用 ~527px，收窄 20px 才回到单行（2026-10-08 真机）；
      上下 4px：仅在**折行**时让两行文字离开边框，单行时整段被 stretch 到 32px，视觉与 0 无异 */
   padding: 4px 8px;
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   font-weight: 600;
   color: var(--dsw-alias-label-primary);
   white-space: nowrap;
@@ -2804,7 +2896,7 @@ body {
   border: none;
   background: none;
   font: inherit;
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   font-weight: 600;
   cursor: pointer;
   text-align: left;
@@ -2815,9 +2907,9 @@ body {
 }
 
 .statHealthAction:focus-visible {
-  outline: 2px solid var(--cm-accent);
+  outline: var(--cm-focus-width) solid var(--cm-focus-color);
   outline-offset: -2px;
-  border-radius: 6px;
+  border-radius: var(--cm-r-2);
 }
 
 .statSeg {
@@ -2829,7 +2921,7 @@ body {
   border-left: 1px solid var(--dsw-alias-border-l1);
   background: none;
   font: inherit;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-secondary);
   white-space: nowrap;
   cursor: pointer;
@@ -2851,7 +2943,7 @@ body {
 }
 
 .statSeg:focus-visible {
-  outline: 2px solid var(--cm-accent);
+  outline: var(--cm-focus-width) solid var(--cm-focus-color);
   outline-offset: -2px;
 }
 
@@ -2883,7 +2975,7 @@ body {
 }
 
 .infoValue .mono {
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-secondary);
   overflow: hidden;
   text-overflow: ellipsis;
@@ -2899,10 +2991,10 @@ body {
   height: 20px;
   padding: 0;
   border: none;
-  border-radius: 4px;
+  border-radius: var(--cm-r-1);
   background: none;
   font: inherit;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   line-height: 1.25;
   color: var(--dsw-alias-label-tertiary);
   cursor: pointer;
@@ -2915,7 +3007,7 @@ body {
 }
 
 .copyBtn:focus-visible {
-  outline: 2px solid var(--cm-accent);
+  outline: var(--cm-focus-width) solid var(--cm-focus-color);
   outline-offset: 1px;
 }
 
@@ -2973,7 +3065,7 @@ body {
 
 .activityTitle {
   flex: 1 1 auto;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   font-weight: 700;
   letter-spacing: 0.02em;
   color: var(--dsw-alias-label-tertiary);
@@ -2987,7 +3079,7 @@ body {
   min-height: 0;
   overflow-y: auto;
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-base);
 }
 
@@ -2998,8 +3090,8 @@ body {
   align-items: center;
   gap: 10px;
   padding: 4px 10px;
-  border-bottom: 1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 55%, transparent);
-  font-size: 12px;
+  border-bottom: 0.5px solid var(--dsw-alias-border-l2);
+  font-size: var(--cm-fs-table);
   line-height: 1.5;
   min-width: 0;
 }
@@ -3013,7 +3105,7 @@ body {
   line-height: 1.5;
   color: var(--dsw-alias-label-tertiary);
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   white-space: nowrap;
 }
 
@@ -3021,7 +3113,7 @@ body {
   flex: none;
   line-height: 1.5;
   color: var(--dsw-alias-label-tertiary);
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   white-space: nowrap;
 }
 
@@ -3032,7 +3124,7 @@ body {
   align-items: center;
   gap: 6px;
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-secondary);
 }
 
@@ -3056,7 +3148,7 @@ body {
   align-items: center;
   gap: 4px;
   line-height: 1.5;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
   white-space: nowrap;
 }
@@ -3076,13 +3168,13 @@ body {
 }
 
 .factLabel {
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
   white-space: nowrap;
 }
 
 .factValue {
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   font-weight: 600;
   color: var(--dsw-alias-label-primary);
   white-space: nowrap;
@@ -3105,8 +3197,8 @@ body {
   align-items: center;
   gap: 10px;
   padding: 4px 0;
-  border-bottom: 1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 55%, transparent);
-  font-size: 12px;
+  border-bottom: 0.5px solid var(--dsw-alias-border-l2);
+  font-size: var(--cm-fs-table);
   min-width: 0;
 }
 
@@ -3117,7 +3209,7 @@ body {
 .sectionName {
   min-width: 0;
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-secondary);
   overflow: hidden;
   text-overflow: ellipsis;
@@ -3127,14 +3219,14 @@ body {
 .sectionCount {
   justify-self: end;
   color: var(--dsw-alias-label-tertiary);
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   font-variant-numeric: tabular-nums;
   white-space: nowrap;
 }
 
 .sectionSize {
   justify-self: end;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-secondary);
   font-variant-numeric: tabular-nums;
   white-space: nowrap;
@@ -3143,7 +3235,7 @@ body {
 /* 活动空态（紧凑） */
 .activityEmpty {
   padding: 16px;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
   text-align: center;
 }
@@ -3160,7 +3252,7 @@ body {
 
 .snapshotRow {
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-layer-2);
   /* T15：卡片内边距加大 —— 原先 9px 12px 让文字贴着圆角边框（用户反馈「挤在一起」） */
   padding: 12px 14px;
@@ -3179,7 +3271,7 @@ body {
   display: flex;
   align-items: center;
   gap: 8px;
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
 }
 
 .snapshotRowMain {
@@ -3204,7 +3296,7 @@ body {
 
 .snapshotRowName {
   font-weight: 500;
-  font-size: 12.5px;
+  font-size: var(--cm-fs-base);
   word-break: break-all;
   line-height: 1.5;
 }
@@ -3214,7 +3306,7 @@ body {
   align-items: center;
   gap: 10px;
   min-width: 0;
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   color: var(--dsw-alias-label-secondary);
 }
 
@@ -3369,7 +3461,7 @@ body {
   display: flex;
   align-items: center;
   justify-content: center;
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: color-mix(in srgb, var(--dsw-alias-bg-layer-2) 62%, transparent);
   backdrop-filter: blur(1px);
 }
@@ -3390,7 +3482,7 @@ body {
   overflow: auto;
   max-height: 320px;
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-layer-2);
   padding: 4px 10px;
 }
@@ -3425,7 +3517,7 @@ body {
 }
 
 .pickerGroup + .pickerGroup {
-  border-top: 1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 55%, transparent);
+  border-top: 0.5px solid var(--dsw-alias-border-l2);
 }
 
 /* 单元行缩进，视觉从属其分区 */
@@ -3438,7 +3530,7 @@ body {
 }
 
 .pickerUnitName {
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   color: var(--dsw-alias-label-primary);
   /* 长单元名（长路径 / 会话标题）不得撑宽列表（UI-16）：文本已由 tailWeightedEllipsis 中段省略，
      这里再用 CSS 省略兜底实际容器宽度，行宽始终跟随容器而不是内容。完整值走 title。 */
@@ -3473,13 +3565,35 @@ body {
   height: 18px;
 }
 
+/* 分区组标题（General / 插件与扩展 / …）：**不是选项** —— 字号更小、颜色更淡、不可选中，
+   非首组起一条分隔线（DESIGN.md §CommandPalette 同款口径：否则会被读成「灰掉的选项」）。 */
+.pickerGroupTitle {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 8px 0 4px;
+  border-top: 1px solid var(--dsw-alias-border-l2);
+}
+
+.pickerGroupTitle:first-child {
+  border-top: none;
+  padding-top: 0;
+}
+
+.pickerGroupTitleName {
+  font-size: var(--cm-fs-meta);
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  color: var(--dsw-alias-label-secondary);
+}
+
 /* 二级分组（sessions 按工作区聚合，issue：按工作区分类对话）：标题行与单元行同一缩进体系 */
 .pickerSubgroup {
   padding-left: 18px;
 }
 
 .pickerSubgroupName {
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   font-weight: 600;
   color: var(--dsw-alias-label-secondary);
   min-width: 0;
@@ -3488,9 +3602,21 @@ body {
   white-space: nowrap;
 }
 
-/* 分组内的单元：与分组行同一左缘（分组行的 chevron 位置由等宽占位顶掉） */
+/* 子树容器：**每一层子树都自带竖线 + 缩进**（逐层累加）。
+   为什么必须是「容器」而不是给叶子行加缩进（2026-10-17 用户实测两轮）：
+   只给叶子行加时，中间层（「插件」→ 某个插件 → 它的数据目录）没有竖线也没有缩进 ——
+   只要有中间层，层级就又看不出来了。容器在每个 Collapse 内部，层级因此自动逐层累加。
+   几何（2026-10-17 第二轮按用户反馈收紧）：margin-left 8px 让竖线落在父行 chevron 的中线下，
+   padding-left **4px** —— 每层只推进 13px（父行勾选框 22px → 子层 35px → 孙层 48px）。
+   第一版用 14px（每层 23px）被用户判为「子项离父项太远」：层级感由**竖线**承担，不靠大间距。 */
+.pickerChildren {
+  margin-left: 8px;
+  padding-left: 4px;
+  border-left: 1px solid var(--dsw-alias-border-l1);
+}
+
+/* 子单元行：左缘由 .pickerChildren 提供，这里只保留勾选框前的等宽占位与行内间距 */
 .pickerUnitNested {
-  padding-left: 18px;
   gap: 4px;
 }
 
@@ -3504,14 +3630,14 @@ body {
 .pickerUnitDetail {
   max-width: 220px;
   overflow: hidden;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 .pickerCount {
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
   font-variant-numeric: tabular-nums;
   white-space: nowrap;
@@ -3520,7 +3646,7 @@ body {
 .pickerFooter {
   padding-top: 6px;
   border-top: 1px solid var(--dsw-alias-border-l1);
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-secondary);
 }
 
@@ -3586,7 +3712,7 @@ body {
 }
 
 .categoryDesc {
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
   min-width: 0;
 }
@@ -3622,7 +3748,7 @@ body {
 .warnList {
   margin: 4px 0 0;
   padding-left: 18px;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-secondary);
 }
 
@@ -3649,7 +3775,7 @@ body {
 
 .conflictItem {
   border: 1px solid color-mix(in srgb, var(--cm-warn) 35%, transparent);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-layer-2);
   padding: 10px 12px;
 }
@@ -3659,7 +3785,7 @@ body {
   align-items: center;
   gap: 8px;
   margin-bottom: 6px;
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
 }
 
 .conflictId {
@@ -3692,9 +3818,9 @@ body {
   gap: 6px;
   padding: 8px 10px;
   border: 1px solid var(--dsw-alias-border-l2);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-base);
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   font-weight: 500;
   color: var(--dsw-alias-label-secondary);
   cursor: pointer;
@@ -3706,7 +3832,7 @@ body {
 }
 
 .choiceCard:focus-within {
-  outline: 2px solid var(--cm-accent);
+  outline: var(--cm-focus-width) solid var(--cm-focus-color);
   outline-offset: 1px;
 }
 
@@ -3731,10 +3857,10 @@ body {
 .conflictDetail {
   padding: 8px 10px;
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 6px;
+  border-radius: var(--cm-r-2);
   background: var(--dsw-alias-bg-base);
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-secondary);
   overflow-wrap: anywhere;
   /* 原为 <pre>（white-space:pre 不换行）→ 长配置会横向溢出并产生左右滚动条；
@@ -3757,7 +3883,7 @@ body {
 
 /* 两行之间的分割线（第一行不加，避免与容器上边框重复） */
 .conflictLine + .conflictLine {
-  border-top: 1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 55%, transparent);
+  border-top: 0.5px solid var(--dsw-alias-border-l2);
 }
 
 .conflictLineLabel {
@@ -3790,10 +3916,10 @@ body {
   gap: 8px;
   padding: 8px 10px;
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-layer-2);
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
 }
 
 .pathOld,
@@ -3806,7 +3932,7 @@ body {
   flex-direction: column;
   padding: 4px 8px;
   border: 1px solid var(--dsw-alias-border-l2);
-  border-radius: 6px;
+  border-radius: var(--cm-r-2);
   background: var(--dsw-alias-bg-base);
   overflow-wrap: anywhere;
   flex: 1 1 auto;
@@ -3864,7 +3990,7 @@ body {
 /* 导入日志面板 */
 .logPanel {
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-base);
   overflow: hidden;
   margin-bottom: 10px;
@@ -3876,7 +4002,7 @@ body {
   gap: 8px;
   padding: 6px 10px;
   border-bottom: 1px solid var(--dsw-alias-border-l1);
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   font-weight: 600;
   color: var(--dsw-alias-label-tertiary);
   background: var(--dsw-alias-bg-layer-2);
@@ -3885,7 +4011,7 @@ body {
 .logLine {
   padding: 1px 10px;
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   line-height: 1.5;
   color: var(--dsw-alias-label-secondary);
   white-space: pre-wrap;
@@ -3902,7 +4028,7 @@ body {
   border: none;
   background: none;
   font: inherit;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--cm-accent);
   cursor: pointer;
   padding: 0 4px;
@@ -3916,7 +4042,7 @@ body {
 /* 一条计划项（同 itemId 的开始/命令/收尾合并）：与相邻项之间用细分隔线分段，
    避免合并后仍读成一屏连续流水 */
 .logEntry + .logEntry {
-  border-top: 1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 55%, transparent);
+  border-top: 0.5px solid var(--dsw-alias-border-l2);
 }
 
 /* 项状态行：按级别着色（✗ 红 / ⚠ 黄 / ✓ 绿 / ⏭ 灰 / ▶ 主文本）—— 一眼看出哪些要处理 */
@@ -3944,7 +4070,7 @@ body {
 .logDetail {
   padding: 0 10px 0 22px;
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   line-height: 1.5;
   color: var(--dsw-alias-label-tertiary);
   white-space: pre-wrap;
@@ -3957,7 +4083,7 @@ body {
 
 .logEmpty {
   padding: 12px;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
   text-align: center;
 }
@@ -3967,7 +4093,7 @@ body {
   border: none;
   background: none;
   font: inherit;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--cm-accent);
   cursor: pointer;
   padding: 0 4px;
@@ -3976,7 +4102,7 @@ body {
 /* 报告 / 错误 */
 .reportView {
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-layer-2);
   overflow: hidden;
   margin-bottom: 10px;
@@ -4011,7 +4137,7 @@ body {
 .confirmItemDesc {
   flex: 1 1 200px;
   min-width: 0;
-  font-size: 12.5px;
+  font-size: var(--cm-fs-base);
   color: var(--dsw-alias-label-primary);
   overflow-wrap: anywhere;
 }
@@ -4044,14 +4170,14 @@ body {
 
 .reportProblemText {
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   color: var(--dsw-alias-label-primary);
   overflow-wrap: anywhere;
 }
 
 .reportProblemReason {
   margin-top: 2px;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   line-height: 1.5;
   color: var(--dsw-alias-label-secondary);
   overflow-wrap: anywhere;
@@ -4067,7 +4193,7 @@ body {
 
 .reportWarningRow {
   padding: 2px 10px;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   line-height: 1.5;
   color: var(--cm-warn);
   overflow-wrap: anywhere;
@@ -4076,7 +4202,7 @@ body {
 /* 完整文本报告（渐进披露）：结构化视图是主路径，这里是「逐字核对」的原文入口 */
 .reportDetails {
   margin-top: 4px;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
 }
 
@@ -4111,14 +4237,14 @@ body {
 
 /* 结构化报告的首行状态（如「备份已创建」）：比区块标题高一级，作为面板抬头 */
 .reportHeadline {
-  font-size: 12.5px;
+  font-size: var(--cm-fs-base);
   font-weight: 600;
   color: var(--dsw-alias-label-primary);
   margin-bottom: 2px;
 }
 
 .reportText {
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   color: var(--dsw-alias-label-secondary);
   /* 报告正文是纯文本块：<pre> 的 UA 默认 white-space: pre 会让长行（导入失败原因 /
      回滚项 / 警告文本）横向溢出，并被父容器 .reportView 的 overflow: hidden 直接裁掉 ——
@@ -4145,10 +4271,10 @@ body {
   gap: 8px;
   padding: 8px 12px;
   border: 1px solid color-mix(in srgb, var(--cm-error) 45%, transparent);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: color-mix(in srgb, var(--cm-error) 8%, transparent);
   margin: 0 0 10px;
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
 }
 
 .errorTitle {
@@ -4167,7 +4293,7 @@ body {
 .errorList {
   margin: 4px 0 0;
   padding-left: 18px;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
 }
 
 .errorItem {
@@ -4206,9 +4332,9 @@ body {
   align-items: center;
   height: 16px;
   padding: 0 6px;
-  border-radius: 4px;
+  border-radius: var(--cm-r-1);
   background: var(--dsw-alias-interactive-bg-hover);
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   font-weight: 600;
   color: var(--dsw-alias-label-secondary);
   white-space: nowrap;
@@ -4259,7 +4385,7 @@ body {
   gap: 8px;
   width: 100%;
   padding: 4px 6px;
-  border-radius: 6px;
+  border-radius: var(--cm-r-2);
 }
 
 .restorePlanRow {
@@ -4284,7 +4410,7 @@ body {
   flex: 1;
   min-width: 0;
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   color: var(--dsw-alias-label-primary);
   overflow: hidden;
   text-overflow: ellipsis;
@@ -4294,7 +4420,7 @@ body {
 .restorePlanStat {
   flex: none;
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
   font-variant-numeric: tabular-nums;
   white-space: nowrap;
@@ -4308,7 +4434,7 @@ body {
 
 .restorePlanNote {
   padding: 0 6px 4px 24px;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-secondary);
   overflow-wrap: anywhere;
 }
@@ -4334,7 +4460,7 @@ body {
   background: none;
   padding: 0;
   color: var(--dsw-alias-label-secondary);
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   font-weight: 700;
   cursor: pointer;
 }
@@ -4345,13 +4471,13 @@ body {
 
 .diffGroupToggle:focus-visible {
   outline: none;
-  border-radius: 4px;
+  border-radius: var(--cm-r-1);
   box-shadow: 0 0 0 2px color-mix(in srgb, var(--cm-accent) 55%, transparent);
 }
 
 .diffStatTotal {
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   font-variant-numeric: tabular-nums;
 }
 
@@ -4383,7 +4509,7 @@ body {
   padding: 2px 6px;
   border-bottom: 1px solid var(--dsw-alias-border-l1);
   /* 与差异正文同一档字号：文件头是这半张表的标题，不应比正文小一号 */
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   line-height: 1.5;
 }
 
@@ -4453,7 +4579,7 @@ body {
   /* 编辑器式行节奏（2026-10-14 用户要求按参考图对齐）：12px × 1.5 + 单元格上下 1px 内边距
      ⇒ 每行 20px（参考图是 22px；845px 宽的侧栏里 24 行会折成 35 个视觉行，22px 差一行就溢出
      ⇒ 用户第二次实测「还是有滚动条」，故收到 20px 换掉那条滚动条）。 */
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   line-height: 1.5;
 }
 
@@ -4471,7 +4597,7 @@ body {
   border-bottom: 1px solid var(--dsw-alias-border-l1);
   border-right: 1px solid var(--dsw-alias-border-l1);
   color: var(--dsw-alias-label-tertiary);
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   line-height: 1.5;
   font-weight: 600;
   text-align: left;
@@ -4549,7 +4675,7 @@ body {
 
 .rollbackBox {
   border: 1px solid var(--dsw-alias-border-l2);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-base);
   padding: 8px 10px;
   margin-bottom: 10px;
@@ -4589,7 +4715,7 @@ body {
 .cliName,
 .cliCommand {
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
 }
 
 .cliCommand {
@@ -4614,8 +4740,8 @@ body {
   /* 左右内边距：行位于 .historyScroll（带边框的滚动容器）内，此前 padding 只有纵向
      → 时间/摘要文字紧贴容器左边框（实测仅 1px，即边框本身）。 */
   padding: 6px 8px;
-  border-bottom: 1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 55%, transparent);
-  font-size: 12px;
+  border-bottom: 0.5px solid var(--dsw-alias-border-l2);
+  font-size: var(--cm-fs-table);
 }
 
 .historyRow:last-child {
@@ -4645,19 +4771,19 @@ body {
 .historyTime {
   flex: none;
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
   padding-top: 1px;
 }
 
 .historySections {
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
 }
 
 .profileRow {
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-layer-2);
   padding: 8px 12px;
   margin-bottom: 6px;
@@ -4672,7 +4798,7 @@ body {
   display: flex;
   align-items: center;
   gap: 8px;
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
 }
 
 .profileRowMain {
@@ -4720,7 +4846,7 @@ button.profileRowMain {
 .profileRowMeta {
   display: block;
   max-width: 100%;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   font-weight: 400;
   color: var(--dsw-alias-label-tertiary);
   overflow: hidden;
@@ -4733,7 +4859,7 @@ button.profileRowMain {
   display: flex;
   flex-direction: column;
   gap: 2px;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   min-width: 0;
 }
 
@@ -4782,7 +4908,7 @@ button.profileRowMain:hover {
 /* 作者名外链（AboutPanel）：该组件一直在引用本类，但此前从未定义 ——
    作者名因此落回浏览器默认 <a> 样式（下划线 + 字号/行高与相邻标签不一致）。 */
 .aboutAuthor {
-  font-size: 12.5px;
+  font-size: var(--cm-fs-base);
   font-weight: 600;
   color: var(--cm-accent);
   text-decoration: none;
@@ -4794,15 +4920,15 @@ button.profileRowMain:hover {
 }
 
 .aboutAuthor:focus-visible {
-  outline: 2px solid var(--cm-accent);
+  outline: var(--cm-focus-width) solid var(--cm-focus-color);
   outline-offset: 1px;
-  border-radius: 4px;
+  border-radius: var(--cm-r-1);
 }
 
 .consultDimension {
   padding: 6px 0;
-  border-bottom: 1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 55%, transparent);
-  font-size: 12px;
+  border-bottom: 0.5px solid var(--dsw-alias-border-l2);
+  font-size: var(--cm-fs-table);
 }
 
 .consultDimension:last-child {
@@ -4909,7 +5035,7 @@ button.profileRowMain:hover {
 
 .marketReviewScroll {
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-base);
   padding: 6px 10px;
 }
@@ -5023,7 +5149,7 @@ button.profileRowMain:hover {
   gap: 8px;
   padding: 8px 10px;
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-layer-2);
   min-width: 0;
 }
@@ -5053,7 +5179,7 @@ button.profileRowMain:hover {
 }
 
 .sourceRowName {
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   font-weight: 600;
   color: var(--dsw-alias-label-primary);
   min-width: 0;
@@ -5071,7 +5197,7 @@ button.profileRowMain:hover {
   display: block;
   margin-top: 4px;
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   line-height: 1.5;
   color: var(--dsw-alias-label-tertiary);
   overflow-wrap: anywhere;
@@ -5084,7 +5210,7 @@ button.profileRowMain:hover {
   gap: 4px;
   margin: 6px 0 0;
   padding: 0;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-secondary);
 }
 
@@ -5102,9 +5228,9 @@ button.profileRowMain:hover {
 .skipCode {
   flex: none;
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   padding: 1px 4px;
-  border-radius: 4px;
+  border-radius: var(--cm-r-1);
   background: color-mix(in srgb, var(--dsw-alias-label-tertiary) 12%, transparent);
   color: var(--dsw-alias-label-secondary);
   white-space: nowrap;
@@ -5120,7 +5246,7 @@ button.profileRowMain:hover {
 /* 未迁移项的计数与来源（如「来源：claude-code · 3 项」）：仍是文本，但比解释低一级 */
 .skipMeta {
   flex: none;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
   font-variant-numeric: tabular-nums;
 }
@@ -5130,11 +5256,18 @@ button.profileRowMain:hover {
    定位：本插件**接管** ui-chat 的 conversation.chat.node / user 渲染器后，自己渲染的用户消息气泡。
    它渲染在**插件设置页子树之外**（聊天流里，不是 .section 的 DOM 子树），因此 §1 定义在 .section
    上的 --cm-* token 在这里**不会继承** —— .chatEntryScope 把用到的那一小撮就地重声明一次。
-   ⚠️ 这里**不新增 token 档位**（字号/间距/圆角全部复用 §1 已冻结的档位）：
-   宿主用户气泡用的是 --dsw-radius-xl / --dsw-specific-bubble / 14px，本仓库 token 层没有这三档
-   （**底色是唯一必须跟随宿主的**：2026-10-15 修「浅色下气泡看不见」—— 见 --cm-chat-bubble 的定义行），
-   剩余差异是**已知且如实登记**的（圆角 8px < 宿主 14px、字号 12.5px < 宿主 14px），
-   如需逐像素一致必须先改 DESIGN.md §3–§5 —— 本任务明确不做。
+   ⚠️ 这里**不新增 scale 档位**（间距/圆角全部复用 §1 已冻结的档位；字号/行高/限宽是**跟随宿主的活值**，
+   见下面 --cm-fs-base / --cm-lh-base 的定义行 —— 那不是新档位，是宿主同一个变量的镜像）。
+   **必须跟随宿主的四档**（逐条都在 §15b 的规则里注明理由）：
+   · 底色 --dsw-specific-bubble（2026-10-15 修「浅色下气泡看不见」）；
+   · 字号 --dsh-content-font-size（2026-10-17 修 issue #93「用户气泡字号写死 12.5px，不跟随内容字号」）；
+   · 行高 calc(22px + --dsh-content-font-delta)（同上，宿主 .bubble 同一条公式）；
+   · 限宽 calc(--dsh-chat-content-width * .702)（同上，宿主 .userStack 同一条公式）。
+   **2026-10-17（用户要求「与 DSH 原生气泡完全一致」）**：不再留「近似档」—— 圆角/内边距/间距/
+   动作行几何/文件卡/引用行全部改成宿主 MessageItem + MessageIconActions 的同一条取值（见
+   .chatEntryScope 里那组镜像 token 的注释）。已登记的上一版近似档（圆角 8px、动作行 24px、
+   时间 11px、附件行 gap 4px）**全部收回**；仍未做的是**时间文案**（宿主按「今天/昨天」自动切换，
+   我们只显示 HH:mm）与 rest 块的 JsonBlock 外观。
 
    类名与审查口径：
    · .chatBubble 负责「用户消息绝不消失」的**可见文本**承载（white-space: pre-wrap 保留换行/空白）；
@@ -5151,7 +5284,38 @@ button.profileRowMain:hover {
   --cm-line-1: var(--dsw-alias-border-l1);
   --cm-line-2: var(--dsw-alias-border-l2);
   --cm-fs-meta: 11px;
-  --cm-fs-base: 12.5px;
+  /* 正文基准**跟随宿主「内容字号」**（2026-10-17 修 issue #93）。宿主同一条气泡写的就是
+     var(--dsh-content-font-size,14px)（ui-chat 的 .bubble），而 --dsh-content-font-size 由
+     ui-layout 的 ThemePresenter 写在 **body** 上 ⇒ 聊天流里直接继承得到，这里消费即可。
+     此前写死 12.5px（= §1 的面板基准），后果是 DSH 的「内容字号」设置**在用户自己的消息上完全失效**：
+     真机（内容字号 21 / 深浅色无关）同一张截图量字形高 —— 助手正文 19px、我们的气泡 11px，比例 0.58。
+     兜底 14px = 宿主缺档时的同一取值（**不能**兜回 12.5px：那是面板档，会让这里重新脱钩）。
+     ⚠️ 只有这**一处**改：§1 body 的 --cm-fs-base 仍是 12.5px（插件面板基准），一动就全站字号地震。
+     --cm-fs-meta 也不动（时间戳 / 动作标签 / 文件卡仍是 11px 档，pinned by 本文件 §15b 的其余规则）。 */
+  --cm-fs-base: var(--dsh-content-font-size, 14px);
+  /* 行高也跟随宿主**同一条公式**（宿主 .bubble = calc(22px + var(--dsh-content-font-delta,0px))）。
+     只改字号不够：21px 下 line-height:1.5 = 31.5px，宿主是 29px（22 + delta 7）⇒ 气泡比助手正文松 2.5px/行。
+     --dsh-content-font-delta 同样由宿主定义在 body 上（= 内容字号 - 14px，缺档时 0px ⇒ 退化成 22px）。 */
+  --cm-lh-base: calc(22px + var(--dsh-content-font-delta, 0px));
+  /* —— 2026-10-17：与宿主的 MessageItem / MessageIconActions **逐值对齐**（用户要求「完全一致」）。
+     取值全部从本机 app.asar 的 ui-chat 产物抽出（MessageItem：.userRow/.userStack/.bubble/
+     .attachmentRow/.fileCard/.fileIcon/.fileContent/.fileName/.fileMeta/.referenceSummary；
+     MessageIconActions：.actions/.timeStart/.action）。与上一条同一条纪律：**这些是「宿主活值的镜像」，
+     不是我们的新 scale 档位**；凡 `--dsw-*` 只出现在本定义块里（三层单向依赖）。
+     宿主 radius 档（ui-theme 抽出）：xs 4 / sm 8 / md 12 / lg 16 / **xl 20** —— 气泡与文件卡用的是 xl。 */
+  --cm-text-2: var(--dsw-alias-label-secondary);
+  --cm-r-chat: var(--dsw-radius-xl, 20px);
+  --cm-r-act: var(--dsw-radius-sm, 8px);
+  --cm-chat-card-bg: var(--dsw-specific-input-major, transparent);
+  --cm-chat-hover-bg: var(--dsw-alias-interactive-bg-hover, var(--cm-line-1));
+  --cm-fs-second: var(--dsh-content-font-size-secondary, 13px);
+  --cm-lh-second: calc(24px + var(--dsh-content-font-delta, 0px));
+  --cm-lh-ref: calc(18px + var(--dsh-content-font-delta-secondary, 0px));
+  --cm-fs-card: 14px;
+  --cm-lh-card: 22px;
+  --cm-lh-meta: 15px;
+  --cm-chat-action: calc(28px + var(--dsh-content-font-delta, 0px));
+  --cm-chat-glyph: calc(15px + var(--dsh-content-font-delta, 0px));
   --cm-sp-2: 4px;
   --cm-sp-3: 6px;
   --cm-sp-4: 8px;
@@ -5164,7 +5328,7 @@ button.profileRowMain:hover {
   min-width: 0;
   color: var(--cm-text-1);
   font-size: var(--cm-fs-base);
-  line-height: 1.5;
+  line-height: var(--cm-lh-base);
 }
 
 /* 用户消息行：右对齐（与宿主 .userRow 同构） */
@@ -5175,24 +5339,28 @@ button.profileRowMain:hover {
   gap: var(--cm-sp-3);
 }
 
-/* 气泡列：限宽（宿主是 min(画布宽 * .702, 82%)；我们是固定近似，见文件头注释） */
+/* 气泡列：限宽 —— 与宿主 .userStack 同一条公式（2026-10-17 修 issue #93）。
+   旧值是固定近似 min(620px, 82%)：字号调大后 620px 会明显早于宿主换行（宿主同宽度下按
+   --dsh-chat-content-width * .702 算，默认 748 * .702 ≈ 525px）。兜底 748px = 宿主缺档时的同一取值。
+   ⚠️ 变量定义在 ui-conversation 的聊天 body（.body / .embeddedBody）上，本节点恒在它之下。 */
 .chatEntryStack {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   gap: var(--cm-sp-4);
   min-width: 0;
-  max-width: min(620px, 82%);
+  max-width: min(calc(var(--dsh-chat-content-width, 748px) * .702), 82%);
 }
 
-/* 用户气泡：pre-wrap 保留换行与空白（禁用! 会改文案语义），长词强制断行 */
+/* 用户气泡：与宿主 .bubble **逐值同式**（background / border-radius / max-width / padding /
+   white-space / word-break；字号与行高由 .chatEntryScope 的同名镜像给出）。
+   2026-10-17（用户要求「完全一致」）：① 圆角改成宿主那一档 `--dsw-radius-xl`（= 20px，不是此前登记的
+   8px 近似档）；② **去掉此前的 `display:flex; flex-direction:column; gap:6px`** —— 宿主那条气泡是**块**，
+   正文与技能/引用 chip 在同一行内流；flex 列会把每个 chip 挤成独立一行（消息一带技能就明显变形）。 */
 .chatBubble {
-  display: flex;
-  flex-direction: column;
-  gap: var(--cm-sp-3);
   max-width: 100%;
   padding: var(--cm-sp-5) var(--cm-sp-8);
-  border-radius: var(--cm-r-3);
+  border-radius: var(--cm-r-chat);
   background: var(--cm-chat-bubble);
   color: var(--cm-text-1);
   white-space: pre-wrap;
@@ -5209,35 +5377,57 @@ button.profileRowMain:hover {
   border-left: 2px solid var(--cm-text-1);
 }
 
-/* 附件行（图片 + 文件卡）：宿主是 .attachmentRow，横向排列、允许换行 */
+/* 附件行：宿主 .attachmentRow = flex-wrap:wrap + justify-content:flex-end + gap:8px + max-width:100% */
 .chatAttachmentRow {
   display: flex;
   flex-wrap: wrap;
-  align-items: flex-end;
   justify-content: flex-end;
-  gap: var(--cm-sp-2);
-  min-width: 0;
+  gap: var(--cm-sp-4);
+  max-width: 100%;
 }
 
-/* 文件卡：扩展名徽标 + 文件名 + 体积（宿主用 ui-primitives 的 FileTypeIcon，本仓库拿不到，
-   用扩展名徽标做**类型图标兜底** —— 不新增图标、不新增依赖） */
+/* 文件卡：与宿主 .fileCard **逐值同式**（2026-10-17「完全一致」）——
+   宿主 = flex:0 0 240px + width:240px + min-height:64px + padding:8px 12px + gap:10px +
+   radius `--dsw-radius-xl`(20px) + border .5px `--dsw-alias-border-l2` + 底 `--dsw-specific-input-major`；
+   内部 = 28px 类型图标 + 右列（文件名 14px/500/22px、元信息 12px/15px）。
+   类型图标**优先宿主的 FileTypeIcon**（帧内惰取）；拿不到才回落 .chatFileExt 扩展名徽标。 */
 .chatFileCard {
   display: inline-flex;
+  flex: 0 0 240px;
   align-items: center;
-  gap: var(--cm-sp-3);
-  max-width: 100%;
-  padding: var(--cm-sp-2) var(--cm-sp-4);
-  /* 2026-10-15 与宿主对齐：宿主文件卡 = .5px solid --dsw-alias-border-l2（浅色 #0000001a ≈ 10% 黑），
-     我们此前用 --cm-line-1（= border-l1 = #0000000a ≈ 4% 黑）—— 卡片描边比宿主淡一档。 */
+  gap: var(--cm-sp-5);
+  box-sizing: border-box;
+  width: 240px;
+  min-height: 64px;
+  padding: var(--cm-sp-4) var(--cm-sp-6);
   border: 0.5px solid var(--cm-line-2);
-  border-radius: var(--cm-r-2);
-  background: var(--cm-surface-2);
-  font-size: var(--cm-fs-meta);
+  border-radius: var(--cm-r-chat);
+  background: var(--cm-chat-card-bg);
 }
 
+/* 宿主 .fileIcon：图标固定 28px（我们的 FileTypeIcon 由组件传 size=28） */
+.chatFileIcon {
+  flex: none;
+  width: 28px;
+  height: 28px;
+}
+
+/* 宿主 .fileContent：右列（文件名 + 元信息） */
+.chatFileContent {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+}
+
+/* 类型图标兜底（宿主 FileTypeIcon 拿不到时）：占住同一个 28px 槽位，不改变卡片尺寸 */
 .chatFileExt {
+  display: inline-flex;
   flex: none;
-  padding: 0 var(--cm-sp-2);
+  align-items: center;
+  justify-content: center;
+  min-width: 28px;
+  height: 28px;
   border-radius: var(--cm-r-2);
   background: var(--cm-line-1);
   color: var(--cm-text-1);
@@ -5245,17 +5435,25 @@ button.profileRowMain:hover {
   letter-spacing: 0.02em;
 }
 
+/* 宿主 .fileName：primary / 14px / 500 / 行高 22px（宿主写死字面量，这里镜像同一个值） */
 .chatFileName {
-  min-width: 0;
   overflow: hidden;
+  color: var(--cm-text-1);
+  font-size: var(--cm-fs-card);
+  font-weight: 500;
+  line-height: var(--cm-lh-card);
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
+/* 宿主 .fileMeta：tertiary / 12px / 行高 15px */
 .chatFileMeta {
-  flex: none;
+  overflow: hidden;
   color: var(--cm-text-3);
-  font-size: var(--cm-fs-meta);
+  font-size: 12px;
+  line-height: var(--cm-lh-meta);
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 /* 未知 / rest 块：宿主是 JsonBlock，这里用原生 details + 预格式化 JSON */
@@ -5280,20 +5478,31 @@ button.profileRowMain:hover {
   word-break: break-all;
 }
 
-/* 动作行：时间 + 复制 + 回退（宿主把 MessageIconActions 与气泡并排在同一行） */
+/* 动作行：宿主 MessageIconActions = .actions（height 28px+delta / gap 8px）+ MessageItem 的
+   .actions（margin-top:4px / margin-left:-6px，用负外边距把图标行与气泡右缘对齐）。
+   ⚠️ 这块**不能**用 --cm-r-* / --cm-sp-* 的近似档：宿主写的是 calc(28px + --dsh-content-font-delta)，
+   内容字号放大时图标行跟着长高，写死 28px 会在 21px 字号下比宿主矮 7px。 */
 .chatEntryActions {
   display: flex;
   align-items: center;
-  gap: var(--cm-sp-2);
+  gap: var(--cm-sp-4);
+  height: var(--cm-chat-action);
+  margin-top: var(--cm-sp-2);
+  margin-left: calc(-1 * var(--cm-sp-3));
 }
 
+/* 时刻：宿主 .timeStart（tertiary / 13px 次级字号 / 行高 24+delta / 右侧 12px 让位给图标） */
 .chatEntryTime {
   color: var(--cm-text-3);
-  font-size: var(--cm-fs-meta);
+  font-size: var(--cm-fs-second);
+  line-height: var(--cm-lh-second);
+  white-space: nowrap;
+  padding-right: var(--cm-sp-6);
 }
 
 .chatEntryNotice {
-  max-width: min(620px, 82%);
+  /* 与 .chatEntryStack 同一口径（见上面那条注释） */
+  max-width: min(calc(var(--dsh-chat-content-width, 748px) * .702), 82%);
   color: var(--cm-text-3);
   font-size: var(--cm-fs-meta);
 }
@@ -5302,27 +5511,51 @@ button.profileRowMain:hover {
    我们只复刻这一行的**文本**；chip 外观与可点开能力仍是已登记差距（G-39）。 */
 .chatEntryReference {
   color: var(--cm-text-3);
-  font-size: var(--cm-fs-meta);
+  font-size: var(--cm-fs-second);
+  line-height: var(--cm-lh-ref);
 }
 
-/* 复制动作按钮：26px 触达区，与 IconButton 观感同源（图标走 currentColor） */
+/* 图标动作按钮：与宿主 .action 逐值同式 —— 28px+delta 触达区、padding 6px、radius-sm、
+   图标 15px+delta（宿主 `.action svg` 同一条公式）、hover 底色走宿主的 interactive-bg-hover。 */
 .chatActionBtn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 24px;
-  height: 24px;
-  padding: 0;
+  width: var(--cm-chat-action);
+  height: var(--cm-chat-action);
+  padding: var(--cm-sp-3);
   border: 0;
-  border-radius: var(--cm-r-2);
+  border-radius: var(--cm-r-act);
   background: transparent;
   color: var(--cm-text-3);
   cursor: pointer;
 }
 
+.chatActionBtn svg {
+  width: var(--cm-chat-glyph);
+  height: var(--cm-chat-glyph);
+}
+
 .chatActionBtn:hover {
-  background: var(--cm-line-1);
-  color: var(--cm-text-1);
+  background: var(--cm-chat-hover-bg);
+  color: var(--cm-text-2);
+}
+
+/* 动作行的显现语义（宿主 MessageIconActions 同一条规则）：
+   在支持 hover 的设备上，**后面还有用户/steering 消息**的那几条默认把动作行藏起来（opacity 0），
+   指针进入或键盘焦点落到这一行时显现；最后一条用户消息的动作行则常亮。
+   用宿主自己的 `data-chat-flow-kind` 祖先属性表达「后面还有一条」——本节点就渲染在那个行的内部，
+   所以这条选择器与宿主对自家 .actions 用的是同一套结构（绝不自己数 DOM 节点）。 */
+@media (hover: hover) {
+  :is([data-chat-flow-kind='user'], [data-chat-flow-kind='steering']):has(~ :is([data-chat-flow-kind='user'], [data-chat-flow-kind='steering'])) .chatEntryActions {
+    opacity: 0;
+    transition: opacity var(--cm-motion-fast);
+  }
+
+  :is([data-chat-flow-kind='user'], [data-chat-flow-kind='steering']):has(~ :is([data-chat-flow-kind='user'], [data-chat-flow-kind='steering'])):hover .chatEntryActions,
+  :is([data-chat-flow-kind='user'], [data-chat-flow-kind='steering']):has(~ :is([data-chat-flow-kind='user'], [data-chat-flow-kind='steering'])):focus-within .chatEntryActions {
+    opacity: 1;
+  }
 }
 
 /* 回退入口与复制入口共用上面这颗图标按钮（无文字标签、无边框）：
@@ -5551,7 +5784,7 @@ button.profileRowMain:hover {
 
 /* 数据摘要（「共 N 个回滚点 · M 个会话」）：机制说明进 ⓘ，屏上只留数字 */
 .rollbackSummary {
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   font-weight: 600;
   color: var(--dsw-alias-label-secondary);
   font-variant-numeric: tabular-nums;
@@ -5573,7 +5806,7 @@ button.profileRowMain:hover {
   gap: 8px;
   padding: 8px 10px;
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-layer-2);
 }
 
@@ -5588,7 +5821,7 @@ button.profileRowMain:hover {
 
 /* 会话标题：等宽（配合 .mono）+ 可断行 —— 会话 id 在 Windows 上恒为长串 */
 .rollbackGroupTitle {
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   font-weight: 600;
   color: var(--dsw-alias-label-secondary);
   overflow-wrap: anywhere;
@@ -5603,7 +5836,7 @@ button.profileRowMain:hover {
   text-overflow: ellipsis;
   white-space: nowrap;
   text-align: right;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
 }
 
@@ -5621,7 +5854,7 @@ button.profileRowMain:hover {
   padding: 8px 10px;
   border: 1px solid var(--dsw-alias-border-l1);
   border-left-width: 2px;
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-base);
 }
 
@@ -5645,7 +5878,7 @@ button.profileRowMain:hover {
 }
 
 .rollbackPointTurn {
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   font-weight: 600;
   color: var(--dsw-alias-label-primary);
   font-variant-numeric: tabular-nums;
@@ -5665,7 +5898,7 @@ button.profileRowMain:hover {
   align-items: center;
   gap: 6px;
   flex-wrap: wrap;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   line-height: 1.5;
   color: var(--dsw-alias-label-tertiary);
 }
@@ -5722,7 +5955,7 @@ button.profileRowMain:hover {
 }
 
 .rollbackSessionId {
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -5732,7 +5965,7 @@ button.profileRowMain:hover {
   display: flex;
   align-items: center;
   gap: 2px;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   line-height: 1.5;
   color: var(--dsw-alias-label-tertiary);
 }
@@ -5800,7 +6033,7 @@ button.profileRowMain:hover {
   padding: 12px 14px;
   margin: 0 0 10px;
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-layer-2);
 }
 
@@ -5819,7 +6052,7 @@ button.profileRowMain:hover {
 }
 
 .shMetricValue {
-  font-size: 13px;
+  font-size: var(--cm-fs-title);
   font-weight: 600;
   line-height: 1.25;
   color: var(--dsw-alias-label-primary);
@@ -5827,7 +6060,7 @@ button.profileRowMain:hover {
 }
 
 .shMetricLabel {
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-tertiary);
 }
 
@@ -5856,7 +6089,7 @@ button.profileRowMain:hover {
   border: 1px solid var(--dsw-alias-border-l1);
   border-radius: 999px;
   background: var(--dsw-alias-bg-base);
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   line-height: 1.5;
   color: var(--dsw-alias-label-secondary);
   white-space: nowrap;
@@ -5902,7 +6135,7 @@ button.profileRowMain:hover {
 }
 
 .shSectionTitle {
-  font-size: 13px;
+  font-size: var(--cm-fs-title);
   font-weight: 600;
   line-height: 1.25;
   color: var(--dsw-alias-label-primary);
@@ -5923,7 +6156,7 @@ button.profileRowMain:hover {
   padding: 8px 10px;
   border: 1px solid var(--dsw-alias-border-l1);
   border-left-width: 2px;
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-layer-2);
 }
 
@@ -5955,7 +6188,7 @@ button.profileRowMain:hover {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   font-weight: 600;
   color: var(--dsw-alias-label-primary);
 }
@@ -5974,7 +6207,7 @@ button.profileRowMain:hover {
   align-items: center;
   gap: 6px;
   flex-wrap: wrap;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   line-height: 1.5;
   color: var(--dsw-alias-label-tertiary);
 }
@@ -5984,7 +6217,7 @@ button.profileRowMain:hover {
   display: inline-flex;
   align-items: center;
   padding: 2px 6px;
-  border-radius: 4px;
+  border-radius: var(--cm-r-1);
   background: color-mix(in srgb, var(--dsw-alias-label-tertiary) 12%, transparent);
   color: var(--dsw-alias-label-secondary);
 }
@@ -6013,7 +6246,7 @@ button.profileRowMain:hover {
   padding: 10px 12px;
   margin: 0 0 10px;
   border: 1px solid var(--dsw-alias-border-l2);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-base);
 }
 
@@ -6031,7 +6264,7 @@ button.profileRowMain:hover {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 12px;
+  font-size: var(--cm-fs-table);
   font-weight: 600;
   color: var(--dsw-alias-label-primary);
 }
@@ -6042,7 +6275,7 @@ button.profileRowMain:hover {
   margin: 0 0 10px;
   padding: 0;
   border: 1px solid var(--dsw-alias-border-l1);
-  border-radius: 8px;
+  border-radius: var(--cm-r-3);
   background: var(--dsw-alias-bg-layer-2);
   overflow: hidden;
 }
@@ -6063,7 +6296,7 @@ button.profileRowMain:hover {
   flex: 1 1 auto;
   min-width: 0;
   overflow-wrap: anywhere;
-  font-size: 11px;
+  font-size: var(--cm-fs-meta);
   color: var(--dsw-alias-label-secondary);
 }