@hyzyn/dsh-docker 0.9.5 → 0.9.6

package/client-src/docker.css

@@ -7,7 +7,9 @@
  *   - 几何（圆角 / 控件高度 / 间距）统一用 --dk-* 令牌，禁止在规则里写魔法数字；
  *   - 三档层级：base（面板底）→ layer-2（栏 / 卡片底）→ layer-3（行 / 输入底）；
  *   - 交互元素必须有 hover / active / :focus-visible / :disabled 四态；
- *   - 状态色只用在徽章与进度条上，正文保持中性，避免彩色噪音。
+ *   - 状态色只用在徽章与进度条上，正文保持中性，避免彩色噪音；
+ *   - 文字角色对齐宿主设置类组件：font-size 一律配官方成对行高（11/16 · 12/18 · 13/20 · 14/20 · 16/24），
+ *     字重只用 400/500/600——标题与行名 500、强调（弹窗标题 / 选中态 / 告警）600，不用 700。
  *
  * 由 scripts/build-client.mjs 以 text loader 内联进 client.js。
  */
@@ -20,11 +22,13 @@
  * 完成替换；只在 :root 声明会永远拿到浅色值。
  */
 :where(html, body) {
-  --dk-r-xs: 4px;
-  --dk-r-sm: 6px;
-  --dk-r-md: 8px;
-  --dk-r-lg: 10px;
-  --dk-r-xl: 12px;
+  /* 圆角对齐官方六档（docs/ui-radius.zh.md）：私有名只做宿主令牌的中转，
+     不自造 6/8/10/12 这套「整体偏紧一格」的平行尺度。 */
+  --dk-r-xs: var(--dsw-radius-xs, 4px);
+  --dk-r-sm: var(--dsw-radius-sm, 8px);
+  --dk-r-md: var(--dsw-radius-md, 12px);
+  --dk-r-lg: var(--dsw-radius-lg, 16px);
+  --dk-r-xl: var(--dsw-radius-xl, 20px);
   --dk-r-pill: 999px;
   --dk-h-sm: 24px;
   --dk-h-md: 28px;
@@ -36,31 +40,54 @@
   --dk-gap-xl: 16px;
   /* 设置卡片标题行内边距：对齐 DSH 内置卡片 / 其他插件卡片（pM_pluginCard、tt_card） */
   --dk-pad-cardHead: 14px 16px;
-  --dk-mono: "SF Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
+  /* 等宽字体走宿主契约变量（--ds-font-family-code，主题所有）；宿主不在时退回本包原栈。 */
+  --dk-mono: var(--ds-font-family-code, "SF Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace);
   --dk-ease: cubic-bezier(.2, .8, .2, 1);
   --dk-dur: .16s;
-  --dk-accent: var(--dsw-alias-state-business-primary, #4d6bfe);
-  --dk-danger: var(--dsw-alias-state-error-primary, #d1242f);
-  --dk-success: var(--dsw-alias-state-success-primary, #1a7f37);
-  --dk-warn: var(--dsw-alias-state-warn-primary, #bf8700);
-  --dk-border: var(--dsw-alias-border-l1, rgba(127, 127, 127, .22));
-  --dk-border-strong: var(--dsw-alias-border-l2, rgba(127, 127, 127, .32));
-  --dk-hover: var(--dsw-alias-interactive-bg-hover, rgba(127, 127, 127, .1));
-  --dk-hover-solid: var(--dsw-alias-interactive-bg-hover-solid, rgba(127, 127, 127, .16));
-  --dk-label: var(--dsw-alias-label-primary, #1a1a1a);
-  --dk-label-2: var(--dsw-alias-label-secondary, #555);
+  /* 颜色一律只引用宿主主题令牌（--dsw-*），**不带颜色字面量兜底**：兜底只在取不到值时
+     生效，而这些令牌是存在的——所以它平时永远测不到，只会在宿主改名后安静地顶上一份
+     与主题不同的颜色。本包没有 preview harness，脱离宿主时的配色由 dev 环境的假主题
+     负责，生产 CSS 只引用主题令牌。 */
+  --dk-accent: var(--dsw-alias-state-business-primary);
+  --dk-danger: var(--dsw-alias-state-error-primary);
+  --dk-success: var(--dsw-alias-state-success-primary);
+  --dk-warn: var(--dsw-alias-state-warn-primary);
+  --dk-border: var(--dsw-alias-border-l1);
+  /* 域调色板：日志级别色（.dk_logLevel[data-level]）与终端仿真色是终端语义色，不属于
+     主题色板——它们**只在本定义位登记一次**（见下方 --dk-log-*），规则体一律 var() 读。 */
+  --dk-border-strong: var(--dsw-alias-border-l2);
+  --dk-hover: var(--dsw-alias-interactive-bg-hover);
+  --dk-hover-solid: var(--dsw-alias-interactive-bg-hover-solid);
+  --dk-label: var(--dsw-alias-label-primary);
+  --dk-label-2: var(--dsw-alias-label-secondary);
   --dk-label-dimmed: var(--dsw-alias-label-dimmed, var(--dk-label-3));
-  --dk-label-3: var(--dsw-alias-label-tertiary, #888);
-  --dk-surface: var(--dsw-alias-bg-base, #fff);
-  --dk-surface-solid: var(--dsw-alias-bg-layer-2, var(--dsw-alias-bg-base, #fff));
-  --dk-surface-2: var(--dsw-alias-bg-layer-2, #f2f2f2);
-  --dk-surface-3: var(--dsw-alias-bg-layer-3, #e8e8e8);
-  --dk-input: var(--dsw-specific-input-major, var(--dsw-alias-bg-base, #fff));
-  --dk-shadow: 0 16px 40px -12px rgba(0, 0, 0, .32), var(--dsw-shadow-lv3, 0 4px 12px rgba(0, 0, 0, .12));
-  --dk-shadow-lg: 0 32px 72px -24px rgba(0, 0, 0, .48), 0 2px 8px rgba(0, 0, 0, .16);
+  --dk-label-3: var(--dsw-alias-label-tertiary);
+  --dk-surface: var(--dsw-alias-bg-base);
+  --dk-surface-solid: var(--dsw-alias-bg-layer-2);
+  --dk-surface-2: var(--dsw-alias-bg-layer-2);
+  --dk-surface-3: var(--dsw-alias-bg-layer-3);
+  /* 设置卡片材质：与宿主 base.css 的权威卡片同源（settings-account / plugin-inventory /
+     agent-preset 三处逐字相同：`.5px solid settings-card-stroke` + radius-xl + settings-card-fill）。
+     只做宿主令牌的中转，不自带脱离宿主时的兜底配色（同上：兜底由 dev 假主题负责）。 */
+  --dk-surface-card: var(--dsw-alias-settings-card-fill);
+  --dk-stroke-card: var(--dsw-alias-settings-card-stroke);
+  --dk-input: var(--dsw-specific-input-major);
+  /* elevation 一律取宿主的三档权威令牌，本包不自造阴影配方（自造的那份是第二份 elevation
+     权威，会和主题的层级语言对不上）：
+       -panel     浮层：卡片悬停 / 菜单 / toast（本包默认浮起档）
+       -prominent 更高一层：对话框 / 悬浮按钮
+       -soft      柔光：选中态（规则里直接写 var(--dsw-elevation-soft)）。 */
+  --dk-shadow: var(--dsw-elevation-panel);
+  --dk-shadow-lg: var(--dsw-elevation-prominent);
   --dk-ring: 0 0 0 2px color-mix(in srgb, var(--dk-accent) 42%, transparent);
   --dk-log-bg: #0b0e14;
   --dk-log-fg: #d7dce5;
+  --dk-log-trace: #8a93a5;
+  --dk-log-debug: #8a93a5;
+  --dk-log-info: #6ea8fe;
+  --dk-log-warn: #e0a94a;
+  --dk-log-error: #ff6b6b;
+  --dk-log-ts: #7f8899;
 }
 
 /* ============================ 通用 ============================ */
@@ -108,6 +135,7 @@
   border-radius: var(--dk-r-md);
   color: var(--dk-label-2);
   font-size: 13px;
+  line-height: 20px;
   white-space: nowrap;
   cursor: pointer;
   user-select: none;
@@ -165,6 +193,7 @@
   align-items: center;
   gap: var(--dk-gap-xs);
   font-size: 11px;
+  line-height: 16px;
   color: var(--dk-label-3);
   font-variant-numeric: tabular-nums;
 }
@@ -173,6 +202,7 @@
   width: 6px;
   height: 6px;
   border-radius: var(--dk-r-pill);
+  corner-shape: round;
   background: var(--dk-label-3);
 }
 
@@ -190,7 +220,8 @@
   align-items: center;
   justify-content: center;
   padding: clamp(8px, 3vh, 32px);
-  background: color-mix(in srgb, #000 42%, transparent);
+  /* 宿主权威遮罩（浅 24% / 深 50%）；原来的固定 42% 浅色下更深、深色下更浅 */
+  background: var(--dsw-alias-bg-mask-1);
   backdrop-filter: blur(2px);
   animation: dk_fade var(--dk-dur) var(--dk-ease);
 }
@@ -207,13 +238,13 @@
   height: min(820px, 100%);
   min-height: 420px;
   overflow: hidden;
-  border: 1px solid var(--dk-border-strong);
+  border: 0;
   border-radius: var(--dk-r-xl);
   background: var(--dk-surface-solid);
   color: var(--dk-label);
-  box-shadow: var(--dk-shadow-lg);
+  box-shadow: var(--dsw-elevation-prominent);
   font-size: 13px;
-  line-height: 1.5;
+  line-height: 20px;
 }
 
 /*
@@ -240,7 +271,7 @@
   flex-direction: column;
   height: min(46%, 380px);
   min-height: 180px;
-  border-top: 1px solid var(--dk-border-strong);
+  border-top: 0.5px solid var(--dk-border-strong);
   background: var(--dk-surface-2);
   animation: dk_drawerIn var(--dk-dur) var(--dk-ease);
 }
@@ -285,7 +316,7 @@
   flex: 0 0 auto;
   min-height: 34px;
   padding: var(--dk-gap-xs) var(--dk-gap-lg);
-  border-bottom: 1px solid var(--dk-border);
+  border-bottom: 0.5px solid var(--dk-border);
 }
 
 .dk_drawerIcon {
@@ -297,7 +328,8 @@
 .dk_drawerTitle {
   min-width: 0;
   font-size: 12px;
-  font-weight: 600;
+  line-height: 18px;
+  font-weight: 500;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -306,7 +338,8 @@
 .dk_drawerHint {
   flex: none;
   color: var(--dk-label-3);
-  font-size: 11px;
+  font-size: 12px;
+  line-height: 18px;
   white-space: nowrap;
 }
 
@@ -326,7 +359,7 @@
   flex-wrap: wrap;
   min-height: 44px;
   padding: var(--dk-gap-sm) var(--dk-gap-lg);
-  border-bottom: 1px solid var(--dk-border);
+  border-bottom: 0.5px solid var(--dk-border);
   background: var(--dk-surface-2);
 }
 
@@ -348,7 +381,8 @@
 
 .dk_title {
   font-size: 13px;
-  font-weight: 600;
+  line-height: 20px;
+  font-weight: 500;
   letter-spacing: .2px;
 }
 
@@ -369,9 +403,12 @@
   transition: background var(--dk-dur) var(--dk-ease), color var(--dk-dur) var(--dk-ease), opacity var(--dk-dur) var(--dk-ease);
 }
 
-.dk_iconBtn:hover { background: var(--dk-hover); color: var(--dk-label); }
-.dk_iconBtn:focus-visible { outline: none; box-shadow: var(--dk-ring); }
-.dk_iconBtn:disabled { opacity: .45; cursor: not-allowed; }
+.dk_iconBtn:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover); color: var(--dk-label); }
+/* 图标按钮也补按下态：与描边/填充按钮同一套 active 语言（官方 interactive-bg-active） */
+.dk_iconBtn:active:not(:disabled) { background: var(--dsw-alias-interactive-bg-active); }
+/* 焦点环换成宿主官方那条 outline（同 .dk_btn），不再用私有 --dk-ring */
+.dk_iconBtn:focus-visible { outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary)); }
+.dk_iconBtn:disabled { opacity: .4; cursor: not-allowed; }
 
 /*
  * 刷新中的图标自己转（data-spin 由各处的 refresh 按钮按 loading 打）：
@@ -389,7 +426,7 @@
   flex: 0 0 auto;
   flex-wrap: wrap;
   padding: var(--dk-gap-md) var(--dk-gap-lg);
-  border-bottom: 1px solid var(--dk-border);
+  border-bottom: 0.5px solid var(--dk-border);
 }
 
 /*
@@ -408,11 +445,13 @@
 .dk_input {
   height: var(--dk-h-lg);
   padding: 0 var(--dk-gap-md);
-  border: 1px solid var(--dk-border-strong);
-  border-radius: var(--dk-r-sm);
+  border: 0.5px solid var(--dk-border-strong);
+  /* H32 标准控件 → R12（官方 ui-radius 组件尺寸映射） */
+  border-radius: var(--dk-r-md);
   background: var(--dk-input);
   color: var(--dk-label);
   font-size: 13px;
+  line-height: 20px;
   font-family: inherit;
   transition: border-color var(--dk-dur) var(--dk-ease), box-shadow var(--dk-dur) var(--dk-ease);
 }
@@ -443,7 +482,7 @@
 .dk_seg {
   display: inline-flex;
   padding: 2px;
-  border: 1px solid var(--dk-border);
+  border: 0.5px solid var(--dk-border);
   border-radius: var(--dk-r-md);
   background: var(--dk-surface-2);
   /*
@@ -468,6 +507,8 @@
   background: transparent;
   color: var(--dk-label-2);
   font-size: 12px;
+  /* 官方规范：字号必须与行高配对。分段按钮不是 Button 变体、尺寸不动，只补上配对的 18px */
+  line-height: 18px;
   font-family: inherit;
   cursor: pointer;
   transition: background var(--dk-dur) var(--dk-ease), color var(--dk-dur) var(--dk-ease);
@@ -487,7 +528,7 @@
   background: color-mix(in srgb, var(--dk-accent) 18%, transparent);
   color: var(--dk-label);
   font-weight: 600;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
+  box-shadow: var(--dsw-elevation-soft);
 }
 
 .dk_check {
@@ -495,15 +536,35 @@
   align-items: center;
   gap: var(--dk-gap-sm);
   font-size: 12px;
+  line-height: 18px;
   color: var(--dk-label-2);
   cursor: pointer;
   user-select: none;
 }
 
-.dk_check input { accent-color: var(--dk-accent); }
-/* 同上：复选框的 cursor 不随 label 继承（UA 样式），要单独写 */
+/*
+ * 复选框的「选中态」走宿主的中性 brand，不走 --dk-accent。
+ * 宿主 dsh-client-ui-primitives/lib/Checkbox.module.css 是 16×16 +
+ * `accent-color: var(--dsw-alias-brand-primary)`（浅色近黑、深色近白）；--dk-accent 是本包的
+ * **强调蓝**（business-primary #4176e6），它给状态与徽标用——宿主 Switch 的开启态同样是
+ * brand-primary。两个复选框共用一条规则，免得漂成两套（判据见 client-style-spec 检查十四）。
+ * cursor 要单独写：复选框的 cursor 不随 label 继承（UA 样式）。
+ */
 .dk_check input[type="checkbox"],
-.dk_capRow input[type="checkbox"] { cursor: pointer; }
+.dk_capRow input[type="checkbox"] {
+  width: 16px;
+  height: 16px;
+  margin: 0;
+  flex: none;
+  cursor: pointer;
+  accent-color: var(--dsw-alias-brand-primary);
+}
+
+.dk_check input[type="checkbox"]:focus-visible,
+.dk_capRow input[type="checkbox"]:focus-visible {
+  outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));
+  outline-offset: 2px;
+}
 
 /*
  * 工具条末尾的两个开关（含已停止 / 自动刷新）成组：它们是一个「开关簇」，工具条在宽面板里
@@ -518,39 +579,55 @@
 
 /* ============================ 按钮 ============================ */
 
+/*
+ * 描边按钮 = 宿主 Button variant="outline" size="sm"。本包控件都是 H28 档，
+ * 故取官方 sm 尺（H28 / R8 / 12px / 18px / padding 0 10px）；几何声明与下面的
+ * .dk_btnPrimary / .dk_btnDanger 逐项一致——官方要求各变体保持同尺寸同圆角。
+ */
 .dk_btn {
+  box-sizing: border-box;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  gap: var(--dk-gap-sm);
-  height: var(--dk-h-md);
-  padding: 0 var(--dk-gap-lg);
-  border: 1px solid var(--dk-border-strong);
-  border-radius: var(--dk-r-sm);
-  background: var(--dk-surface-solid);
-  color: var(--dk-label);
-  font-size: 12px;
+  gap: 4px;
+  height: 28px;
+  padding: 0 10px;
+  border: 0.5px solid var(--dsw-alias-border-l3);
+  border-radius: var(--dsw-radius-sm);
+  /* 官方 Button variant="outline"：transparent 底。实心底（--dk-surface-solid）会让
+     按钮在 --dk-surface-2 的行底上变成不透明白块——与官方「卸载」按钮观感对不上。 */
+  background: transparent;
+  color: var(--dsw-alias-label-primary);
   font-family: inherit;
-  cursor: pointer;
+  font-size: 12px;
+  line-height: 18px;
   white-space: nowrap;
+  cursor: pointer;
   transition: background var(--dk-dur) var(--dk-ease), border-color var(--dk-dur) var(--dk-ease), color var(--dk-dur) var(--dk-ease);
 }
 
-.dk_btn:hover { background: var(--dk-hover); }
-.dk_btn:active { background: var(--dk-hover-solid); }
-.dk_btn:focus-visible { outline: none; box-shadow: var(--dk-ring); }
-.dk_btn:disabled { opacity: .45; cursor: not-allowed; }
+.dk_btn:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover); }
+/* 官方 ghost 的按下态：active 用 interactive-bg-active，不是 hover-solid（那是更深的悬停灰） */
+.dk_btn:active:not(:disabled) { background: var(--dsw-alias-interactive-bg-active); }
+/*
+ * 焦点环不自造：宿主 51 处组件用的就是这条 outline。私有 --dk-ring（outline:none + box-shadow）
+ * 会把宿主全局的 :focus-visible 一并顶掉，键盘用户就没有官方那圈环了。
+ */
+.dk_btn:focus-visible { outline: var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary)); }
+.dk_btn:disabled { opacity: .4; cursor: not-allowed; }
 
 .dk_btnPrimary {
   border-color: transparent;
-  background: var(--dk-accent);
-  color: #fff;
+  background: var(--dsw-alias-button-primary-fill);
+  color: var(--dsw-alias-label-primary-foreground);
 }
 
-.dk_btnPrimary:hover { background: color-mix(in srgb, var(--dk-accent) 86%, #000); }
+/* 基线 .dk_btn:hover / :active 带 :not(:disabled)（权重同为 (0,3,0)），靠这里更靠后取胜 */
+.dk_btnPrimary:hover:not(:disabled) { background: var(--dsw-alias-button-primary-hover); }
 
-.dk_btnDanger { border-color: color-mix(in srgb, var(--dk-danger) 40%, transparent); color: var(--dk-danger); }
-.dk_btnDanger:hover { background: color-mix(in srgb, var(--dk-danger) 12%, transparent); }
+.dk_btnDanger { border-color: color-mix(in srgb, var(--dk-danger) 30%, transparent); color: var(--dk-danger); }   /* 官方 danger 是 30% 红描边 */
+/* 选择器补 :not(:disabled) 只为跟上基线 .dk_btn:hover 的权重（否则红色 hover 会被灰色盖掉）；声明未动 */
+.dk_btnDanger:hover:not(:disabled) { background: color-mix(in srgb, var(--dk-danger) 8%, transparent); }   /* 官方把 hover 底重绑成 8% 红 */
 
 /* ============================ 主体 / 容器卡片 ============================ */
 
@@ -641,10 +718,12 @@
   padding: 4px var(--dk-gap-lg);
   border: 1px solid color-mix(in srgb, var(--dk-accent) 42%, transparent);
   border-radius: var(--dk-r-pill);
+  corner-shape: round;
   background: color-mix(in srgb, var(--dk-accent) 12%, var(--dk-surface-solid));
   backdrop-filter: blur(6px);
-  box-shadow: 0 2px 10px rgba(0, 0, 0, .10);
+  box-shadow: var(--dsw-elevation-panel);
   font-size: 12px;
+  line-height: 18px;
   color: var(--dk-accent);
 }
 
@@ -687,7 +766,7 @@
   flex-direction: column;
   gap: var(--dk-gap-sm);
   padding: var(--dk-gap-lg);
-  border: 1px solid var(--dk-border);
+  border: 0.5px solid var(--dk-border);
   border-radius: var(--dk-r-lg);
   background: var(--dk-surface-solid);
   cursor: pointer;
@@ -717,7 +796,8 @@
   flex: 1 1 auto;
   min-width: 0;
   font-size: 13px;
-  font-weight: 600;
+  line-height: 20px;
+  font-weight: 500;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -736,6 +816,7 @@
   gap: var(--dk-gap-md);
   align-items: baseline;
   font-size: 12px;
+  line-height: 18px;
 }
 
 .dk_cardLabel {
@@ -756,16 +837,17 @@
   gap: var(--dk-gap-xs);
   margin-top: var(--dk-gap-sm);
   padding-top: var(--dk-gap-sm);
-  border-top: 1px solid var(--dk-border);
+  border-top: 0.5px solid var(--dk-border);
 }
 
 .dk_actionBar .dk_iconBtn {
-  border: 1px solid var(--dk-border);
+  /* 描边走官方 .outline 用的 --dsw-alias-border-l3，与它旁边的 .dk_btn 同一条线；尺寸维持不变 */
+  border: 0.5px solid var(--dsw-alias-border-l3);
   background: var(--dk-surface-2);
 }
 
 .dk_actionBar .dk_iconBtn:hover:not(:disabled) {
-  background: var(--dk-hover-solid);
+  background: var(--dsw-alias-interactive-bg-hover);
   color: var(--dk-label);
 }
 
@@ -796,11 +878,12 @@
   height: 20px;
   padding: 0 var(--dk-gap-sm);
   border-radius: var(--dk-r-pill);
-  border: 1px solid var(--dk-border-strong);
+  corner-shape: round;
+  border: 0.5px solid var(--dk-border-strong);
   background: var(--dk-surface-2);
   color: var(--dk-label-2);
   font-size: 11px;
-  line-height: 1;
+  line-height: 16px;
   white-space: nowrap;
   /* 启停后状态徽标会从「运行中」翻到「已停止」：给个过渡，别硬切 */
   transition: background-color var(--dk-dur) var(--dk-ease), border-color var(--dk-dur) var(--dk-ease), color var(--dk-dur) var(--dk-ease);
@@ -811,6 +894,7 @@
   width: 6px;
   height: 6px;
   border-radius: var(--dk-r-pill);
+  corner-shape: round;
   background: currentColor;
   opacity: .8;
 }
@@ -833,6 +917,7 @@
   background: var(--dk-surface-3);
   color: var(--dk-label-2);
   font-size: 11px;
+  line-height: 16px;
 }
 
 /* 需关注原因徽标（总览异常表） */
@@ -847,6 +932,7 @@
   background: var(--dk-surface-3);
   color: var(--dk-label-2);
   font-size: 11px;
+  line-height: 16px;
   white-space: nowrap;
 }
 
@@ -870,7 +956,8 @@
 .dk_detailTitle {
   min-width: 0;
   font-size: 13px;
-  font-weight: 600;
+  line-height: 20px;
+  font-weight: 500;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -879,7 +966,8 @@
 .dk_detailSub {
   flex: none;
   color: var(--dk-label-3);
-  font-size: 11px;
+  font-size: 12px;
+  line-height: 18px;
   font-family: var(--dk-mono);
 }
 
@@ -890,7 +978,7 @@
   flex: 0 0 auto;
   flex-wrap: wrap; /* 窄面板下过滤行换行，而不是把右侧控件裁掉（D60） */
   padding: 0 var(--dk-gap-lg);
-  border-bottom: 1px solid var(--dk-border);
+  border-bottom: 0.5px solid var(--dk-border);
 }
 
 .dk_filterBar {
@@ -923,6 +1011,7 @@
   background: transparent;
   color: var(--dk-label-2);
   font-size: 12px;
+  line-height: 18px;
   font-family: inherit;
   cursor: pointer;
 }
@@ -953,22 +1042,25 @@
 
 .dk_toolLabel {
   color: var(--dk-label-3);
-  font-size: 11px;
-  font-weight: 600;
+  font-size: 12px;
+  line-height: 18px;
+  font-weight: 500;
   letter-spacing: .4px;
 }
 
-.dk_selectSm { height: var(--dk-h-md); padding: 0 var(--dk-gap-sm); font-size: 12px; }
+.dk_selectSm { height: var(--dk-h-md); padding: 0 var(--dk-gap-sm); font-size: 12px; line-height: 18px; }
 
 .dk_pill {
   min-width: 44px;
   height: var(--dk-h-md);
   padding: 0 var(--dk-gap-md);
-  border: 1px solid var(--dk-border-strong);
+  border: 0.5px solid var(--dk-border-strong);
   border-radius: var(--dk-r-pill);
+  corner-shape: round;
   background: var(--dk-surface-2);
   color: var(--dk-label-3);
   font-size: 12px;
+  line-height: 18px;
   font-family: inherit;
   cursor: pointer;
   transition: background var(--dk-dur) var(--dk-ease), color var(--dk-dur) var(--dk-ease), border-color var(--dk-dur) var(--dk-ease);
@@ -1004,6 +1096,7 @@
   cursor: not-allowed;
 }
 
+/*
 .dk_pill:disabled:hover { background: var(--dk-surface-2); }
 
 /* FOLLOW 连接状态行：小圆点 + 文案（连接错误只在这里表达，不弹横幅刷屏） */
@@ -1013,10 +1106,11 @@
   gap: var(--dk-gap-sm);
   flex: 0 0 auto;
   padding: var(--dk-gap-xs) var(--dk-gap-lg);
-  border-bottom: 1px solid var(--dk-border);
+  border-bottom: 0.5px solid var(--dk-border);
   background: var(--dk-surface-2);
   color: var(--dk-label-3);
-  font-size: 11px;
+  font-size: 12px;
+  line-height: 18px;
 }
 
 .dk_followState::before {
@@ -1024,6 +1118,7 @@
   width: 6px;
   height: 6px;
   border-radius: 50%;
+  corner-shape: round;
   background: var(--dk-label-3);
 }
 
@@ -1040,14 +1135,16 @@
   z-index: 2;
   height: var(--dk-h-md);
   padding: 0 var(--dk-gap-md);
-  border: 1px solid var(--dk-border-strong);
+  border: 0;
   border-radius: var(--dk-r-pill);
+  corner-shape: round;
   background: var(--dk-surface-2);
   color: var(--dk-label);
-  font-size: 11px;
+  font-size: 12px;
+  line-height: 18px;
   font-family: inherit;
   cursor: pointer;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, .28);
+  box-shadow: var(--dsw-elevation-prominent);
 }
 
 .dk_backToBottom:hover { background: var(--dk-hover-solid); }
@@ -1100,7 +1197,8 @@
   transform: translateY(-50%);
   white-space: nowrap;
   color: var(--dk-label-3);
-  font-size: 11px;
+  font-size: 12px;
+  line-height: 18px;
   font-variant-numeric: tabular-nums;
 }
 
@@ -1113,7 +1211,7 @@
   color: var(--dk-log-fg);
   font-family: var(--dk-mono);
   font-size: 12px;
-  line-height: 1.6;
+  line-height: 18px;
   /*
    * 关掉浏览器的滚动锚定（D152）：窗口化会把垫高与行**成批地换掉**，Chrome 的锚定
    * 会挑一个节点把 scrollTop 拽回去，跟「贴底钉住 / 锚点修正」互相打架——表现就是
@@ -1148,7 +1246,7 @@
 .dk_logLine mark {
   background: color-mix(in srgb, var(--dk-warn) 62%, transparent);
   color: inherit;
-  border-radius: 2px;
+  border-radius: var(--dsw-radius-xs);
 }
 
 /*
@@ -1167,16 +1265,17 @@
   font-weight: 600;
 }
 
-.dk_logLevel[data-level="TRACE"] { color: #8a93a5; }
-.dk_logLevel[data-level="DEBUG"] { color: #8a93a5; }
-.dk_logLevel[data-level="INFO"] { color: #6ea8fe; }
-.dk_logLevel[data-level="WARN"] { color: #e0a94a; }
-.dk_logLevel[data-level="ERROR"] { color: #ff6b6b; }
-.dk_logLevel[data-level="FATAL"] { color: #ff6b6b; font-weight: 700; }
+/* 日志级别色：域调色板，值登记在 :where(html, body) 的 --dk-log-*（唯一登记处），这里只 var() 读 */
+.dk_logLevel[data-level="TRACE"] { color: var(--dk-log-trace); }
+.dk_logLevel[data-level="DEBUG"] { color: var(--dk-log-debug); }
+.dk_logLevel[data-level="INFO"] { color: var(--dk-log-info); }
+.dk_logLevel[data-level="WARN"] { color: var(--dk-log-warn); }
+.dk_logLevel[data-level="ERROR"] { color: var(--dk-log-error); }
+.dk_logLevel[data-level="FATAL"] { color: var(--dk-log-error); font-weight: 600; }
 
-.dk_logTs { margin-right: var(--dk-gap-sm); color: #7f8899; }
+.dk_logTs { margin-right: var(--dk-gap-sm); color: var(--dk-log-ts); }
 .dk_logText { color: inherit; }
-.dk_logMore { color: #7f8899; font-style: italic; }
+.dk_logMore { color: var(--dk-log-ts); font-style: italic; }
 
 /* ------------------------------------------------------------------ *
  * 日志 → 会话桥：右键菜单 / 预览卡片 / 失败提示
@@ -1197,20 +1296,21 @@
   min-width: 220px;
   max-width: 320px;
   padding: var(--dk-gap-xs);
-  border: 1px solid var(--dk-border-strong);
+  border: 0;
   border-radius: var(--dk-r-md);
   background: var(--dk-surface-solid);
-  box-shadow: var(--dk-shadow);
+  box-shadow: var(--dsw-elevation-prominent);
   color: var(--dk-label);
   font-size: 12px;
+  line-height: 18px;
 }
 
-.dk_menuHead { padding: 6px 8px 2px; font-weight: 600; }
+.dk_menuHead { padding: 6px 8px 2px; font-weight: 500; }
 .dk_menuSub {
   padding: 0 8px 6px;
   color: var(--dk-label-3);
-  font-size: 11px;
-  line-height: 1.5;
+  font-size: 12px;
+  line-height: 18px;
   word-break: break-all;
 }
 
@@ -1233,15 +1333,15 @@
 .dk_menuItem:focus-visible { outline: none; box-shadow: var(--dk-ring); }
 .dk_menuItem:disabled { cursor: not-allowed; }
 .dk_menuItem:disabled .dk_menuItemLabel { color: var(--dk-label-3); }
-.dk_menuItemHint { color: var(--dk-label-3); font-size: 11px; }
+.dk_menuItemHint { color: var(--dk-label-3); font-size: 12px; line-height: 18px; }
 
 .dk_menuNote {
   margin-top: var(--dk-gap-xs);
   padding: 6px 8px 2px;
-  border-top: 1px solid var(--dk-border);
+  border-top: 0.5px solid var(--dk-border);
   color: var(--dk-label-3);
-  font-size: 11px;
-  line-height: 1.5;
+  font-size: 12px;
+  line-height: 18px;
 }
 
 .dk_askToast {
@@ -1257,7 +1357,7 @@
   box-shadow: var(--dk-shadow);
   color: var(--dk-danger);
   font-size: 12px;
-  line-height: 1.6;
+  line-height: 18px;
 }
 
 /* 成功回执：同一枚 toast 换配色（默认那套是「失败」的红） */
@@ -1272,6 +1372,7 @@
   grid-template-columns: 92px 1fr;
   gap: var(--dk-gap-xs) var(--dk-gap-md);
   font-size: 12px;
+  line-height: 18px;
 }
 
 .dk_kvKey { color: var(--dk-label-3); }
@@ -1299,7 +1400,7 @@
   color: var(--dk-log-fg);
   font-family: var(--dk-mono);
   font-size: 12px;
-  line-height: 1.55;
+  line-height: 18px;
   white-space: pre-wrap;
   word-break: break-word;
   max-height: none;
@@ -1308,7 +1409,7 @@
 .dk_logBox mark {
   background: color-mix(in srgb, var(--dk-warn) 55%, transparent);
   color: inherit;
-  border-radius: 2px;
+  border-radius: var(--dsw-radius-xs);
 }
 
 /* 统计 */
@@ -1316,12 +1417,13 @@
   width: 100%;
   border-collapse: collapse;
   font-size: 12px;
+  line-height: 18px;
 }
 
 .dk_stats th,
 .dk_stats td {
   padding: var(--dk-gap-sm) var(--dk-gap-md);
-  border-bottom: 1px solid var(--dk-border);
+  border-bottom: 0.5px solid var(--dk-border);
   text-align: left;
   white-space: nowrap;
 }
@@ -1338,6 +1440,7 @@
   width: 72px;
   height: 6px;
   border-radius: var(--dk-r-pill);
+  corner-shape: round;
   background: var(--dk-surface-3);
   overflow: hidden;
 }
@@ -1346,6 +1449,7 @@
   position: absolute;
   inset: 0 auto 0 0;
   border-radius: var(--dk-r-pill);
+  corner-shape: round;
   background: var(--dk-accent);
   transition: width var(--dk-dur) var(--dk-ease);
 }
@@ -1391,12 +1495,13 @@
   width: 100%;
   border-collapse: collapse;
   font-size: 12px;
+  line-height: 18px;
 }
 
 .dk_images th,
 .dk_images td {
   padding: var(--dk-gap-sm) var(--dk-gap-md);
-  border-bottom: 1px solid var(--dk-border);
+  border-bottom: 0.5px solid var(--dk-border);
   text-align: left;
   white-space: nowrap;
 }
@@ -1419,17 +1524,18 @@
   justify-content: center;
   width: 16px;
   height: 16px;
-  border: 1px solid var(--dk-border-strong);
+  border: 0.5px solid var(--dk-border-strong);
   border-radius: var(--dk-r-xs);
   background: var(--dk-input);
   color: transparent;
   font-size: 11px;
-  line-height: 1;
+  line-height: 16px;
   transition: background var(--dk-dur) var(--dk-ease), border-color var(--dk-dur) var(--dk-ease), color var(--dk-dur) var(--dk-ease);
 }
 
 .dk_pick::after { content: '✓'; }
-.dk_pick[data-on="1"] { background: var(--dk-accent); border-color: var(--dk-accent); color: #fff; }
+/* 实心填充上的文字走宿主官方前景令牌（浅色档 #fff、深色档深墨色） */
+.dk_pick[data-on="1"] { background: var(--dk-accent); border-color: var(--dk-accent); color: var(--dsw-alias-label-primary-foreground); }
 
 /* 选择态：整张卡片就是勾选开关，动作条收起（否则一边多选一边能点到启停删） */
 .dk_card[data-pick="1"] .dk_actionBar { display: none; }
@@ -1443,7 +1549,7 @@
   gap: var(--dk-gap-sm);
   flex: 0 0 auto;
   padding: var(--dk-gap-sm) var(--dk-gap-lg);
-  border-bottom: 1px solid var(--dk-border);
+  border-bottom: 0.5px solid var(--dk-border);
   background: var(--dk-surface-2);
 }
 
@@ -1462,7 +1568,8 @@
 }
 
 .dk_pickPresetsLabel {
-  font-size: 11px;
+  font-size: 12px;
+  line-height: 18px;
   color: var(--dk-label-3);
 }
 
@@ -1470,11 +1577,13 @@
 .dk_chip {
   height: var(--dk-h-sm);
   padding: 0 var(--dk-gap-md);
-  border: 1px solid var(--dk-border-strong);
+  border: 0.5px solid var(--dk-border-strong);
   border-radius: var(--dk-r-pill);
+  corner-shape: round;
   background: var(--dk-surface-solid);
   color: var(--dk-label-2);
   font-size: 11px;
+  line-height: 16px;
   font-family: inherit;
   font-variant-numeric: tabular-nums;
   cursor: pointer;
@@ -1488,6 +1597,7 @@
 
 .dk_pickCount {
   font-size: 12px;
+  line-height: 18px;
   font-weight: 600;
   color: var(--dk-label);
   font-variant-numeric: tabular-nums;
@@ -1505,16 +1615,28 @@
 .dk_activity {
   flex: 0 0 auto;
   margin-bottom: var(--dk-gap-lg);
-  border: 1px solid var(--dk-border);
+  border: 0.5px solid var(--dk-border);
   border-radius: var(--dk-r-md);
   background: var(--dk-surface-2);
   overflow: hidden;
 }
 
+/*
+ * 头行：折叠按钮占满剩余宽度，「重连」是它的兄弟而不是子元素
+ * （按钮里嵌按钮既非法，也会把两个动作读成一个）。所以这里用 flex 行做容器，
+ * 让折叠按钮 flex:1 吃掉可用宽度，重连按钮贴右侧。
+ */
+.dk_activityHeadRow {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+}
+
 .dk_activityHead {
   display: flex;
   align-items: center;
   gap: var(--dk-gap-md);
+  flex: 1;
   width: 100%;
   min-width: 0;
   padding: var(--dk-gap-sm) var(--dk-gap-lg);
@@ -1523,13 +1645,32 @@
   color: var(--dk-label);
   font-family: inherit;
   font-size: 12px;
+  line-height: 18px;
   text-align: left;
   cursor: pointer;
 }
 
 .dk_activityHead:hover { background: var(--dk-hover); }
 .dk_activityHead:focus-visible { outline: none; box-shadow: var(--dk-ring); }
-.dk_activityTitle { flex: none; font-weight: 600; letter-spacing: .3px; }
+.dk_activityTitle { flex: none; font-weight: 500; letter-spacing: .3px; }
+
+/* 断开时的「重连」：只在终止态出现，用危险色的边框暗示「这里出事了，点它修」 */
+.dk_activityRetry {
+  flex: none;
+  margin-right: var(--dk-gap-lg);
+  padding: 2px 10px;
+  border: 1px solid var(--dk-danger);
+  border-radius: var(--dk-r-sm);
+  background: transparent;
+  color: var(--dk-danger);
+  font-family: inherit;
+  font-size: 12px;
+  line-height: 18px;
+  cursor: pointer;
+}
+
+.dk_activityRetry:hover { background: var(--dk-hover); }
+.dk_activityRetry:focus-visible { outline: none; box-shadow: var(--dk-ring); }
 
 /* 状态点沿用 .dk_followState 的语义色，但内联在标题行里、不占整行也没有下边框 */
 .dk_activityState {
@@ -1538,7 +1679,8 @@
   gap: var(--dk-gap-sm);
   flex: none;
   color: var(--dk-label-3);
-  font-size: 11px;
+  font-size: 12px;
+  line-height: 18px;
 }
 
 .dk_activityState::before {
@@ -1546,6 +1688,7 @@
   width: 6px;
   height: 6px;
   border-radius: 50%;
+  corner-shape: round;
   background: var(--dk-label-3);
 }
 
@@ -1574,7 +1717,8 @@
 .dk_activityEmpty {
   padding: 0 var(--dk-gap-lg) var(--dk-gap-md);
   color: var(--dk-label-3);
-  font-size: 11px;
+  font-size: 12px;
+  line-height: 18px;
 }
 
 .dk_activityItem {
@@ -1583,10 +1727,11 @@
   gap: var(--dk-gap-sm);
   max-width: 100%;
   padding: 2px var(--dk-gap-sm);
-  border: 1px solid var(--dk-border);
+  border: 0.5px solid var(--dk-border);
   border-radius: var(--dk-r-xs);
   background: var(--dk-surface-solid);
   font-size: 11px;
+  line-height: 16px;
 }
 
 .dk_activityTime {
@@ -1666,7 +1811,7 @@
   flex-direction: column;
   gap: var(--dk-gap-sm);
   padding: var(--dk-gap-md) var(--dk-gap-lg);
-  border: 1px solid var(--dk-border);
+  border: 0.5px solid var(--dk-border);
   border-radius: var(--dk-r-md);
   background: var(--dk-surface-solid);
   color: inherit;
@@ -1696,7 +1841,8 @@
   flex: 1 1 auto;
   min-width: 0;
   font-size: 13px;
-  font-weight: 600;
+  line-height: 20px;
+  font-weight: 500;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -1723,6 +1869,7 @@
   gap: var(--dk-gap-xs);
   min-width: 0;
   font-size: 12px;
+  line-height: 18px;
   color: var(--dk-label-3);
 }
 
@@ -1730,6 +1877,7 @@
 
 .dk_ovCountValue {
   font-size: 16px;
+  line-height: 24px;
   font-weight: 600;
   font-variant-numeric: tabular-nums;
   text-align: right;
@@ -1749,6 +1897,7 @@
   align-items: center;
   gap: var(--dk-gap-sm);
   font-size: 12px;
+  line-height: 18px;
   color: var(--dk-label-3);
 }
 
@@ -1761,6 +1910,7 @@
   gap: var(--dk-gap-sm);
   min-width: 0;
   font-size: 12px;
+  line-height: 18px;
 }
 
 /* SSH 报错是一长串：卡片里只留一行，全量在 title 里 */
@@ -1776,7 +1926,8 @@
 .dk_ovSection {
   margin: 0 0 var(--dk-gap-sm);
   font-size: 12px;
-  font-weight: 600;
+  line-height: 18px;
+  font-weight: 500;
   color: var(--dk-label-2);
 }
 
@@ -1796,8 +1947,8 @@
   text-align: center;
 }
 
-.dk_emptyTitle { font-size: 13px; color: var(--dk-label-2); }
-.dk_emptyHint { font-size: 12px; max-width: 420px; line-height: 1.6; }
+.dk_emptyTitle { font-size: 13px; line-height: 20px; color: var(--dk-label-2); }
+.dk_emptyHint { font-size: 12px; max-width: 420px; line-height: 18px; }
 
 .dk_banner {
   display: flex;
@@ -1810,7 +1961,7 @@
   background: color-mix(in srgb, var(--dk-danger) 8%, transparent);
   color: var(--dk-label);
   font-size: 12px;
-  line-height: 1.6;
+  line-height: 18px;
 }
 
 .dk_banner[data-kind="warn"] {
@@ -1837,20 +1988,20 @@
   align-items: center;
   justify-content: center;
   padding: var(--dk-gap-lg);
-  background: color-mix(in srgb, #000 40%, transparent);
+  background: var(--dsw-alias-bg-mask-1);
 }
 
 .dk_confirm {
   width: min(420px, 100%);
   padding: var(--dk-gap-xl);
-  border: 1px solid var(--dk-border-strong);
+  border: 0;
   border-radius: var(--dk-r-lg);
   background: var(--dk-surface-solid);
-  box-shadow: var(--dk-shadow-lg);
+  box-shadow: var(--dsw-elevation-prominent);
 }
 
-.dk_confirmTitle { font-size: 13px; font-weight: 600; margin-bottom: var(--dk-gap-md); }
-.dk_confirmText { font-size: 12px; color: var(--dk-label-2); line-height: 1.7; margin-bottom: var(--dk-gap-lg); }
+.dk_confirmTitle { font-size: 13px; line-height: 20px; font-weight: 600; margin-bottom: var(--dk-gap-md); }
+.dk_confirmText { font-size: 12px; color: var(--dk-label-2); line-height: 18px; margin-bottom: var(--dk-gap-lg); }
 .dk_confirmActions { display: flex; justify-content: flex-end; gap: var(--dk-gap-md); }
 
 /* ============================ 设置卡片 ============================ */
@@ -1866,14 +2017,17 @@
 
 .dk_settingsCard {
   list-style: none;
-  border: 1px solid var(--dk-border-strong);
-  border-radius: var(--dk-r-xl);
-  background: var(--dk-surface-3);
+  /* 与宿主设置卡片同材质：.5px 发丝描边 + settings-card 底 + radius-xl。
+     原先的 1px border-l2 + 12px 圆角 + bg-layer-3 是「另一套」——宿主自己三张卡片都不这么写。 */
+  border: .5px solid var(--dk-stroke-card);
+  border-radius: var(--dsw-radius-xl);
+  background: var(--dk-surface-card);
   transition: border-color var(--dk-dur) var(--dk-ease), background var(--dk-dur) var(--dk-ease);
 }
 
 .dk_settingsCard:hover { border-color: var(--dk-label-dimmed); }
-.dk_settingsCardOpen { background: var(--dk-surface-2); border-color: var(--dk-label-dimmed); }
+/* 展开态比折叠态低一档：底色整体上移一档（fill 已是 layer-2）后，这里落到 layer-1 */
+.dk_settingsCardOpen { background: var(--dsw-alias-bg-layer-1); border-color: var(--dk-label-dimmed); }
 
 .dk_settingsHead {
   display: flex;
@@ -1882,7 +2036,7 @@
   width: 100%;
   padding: var(--dk-pad-cardHead);
   border: 0;
-  border-radius: var(--dk-r-xl);
+  border-radius: var(--dsw-radius-xl);
   background: transparent;
   color: inherit;
   font: inherit;
@@ -1892,22 +2046,26 @@
 
 .dk_settingsHead:focus-visible { outline: none; box-shadow: var(--dk-ring); }
 .dk_settingsHeadText { display: flex; flex-direction: column; gap: var(--dk-gap-xs); flex: 1; min-width: 0; }
-.dk_settingsName { color: var(--dk-label); font-size: 14px; font-weight: 600; line-height: 1.4; }
+.dk_settingsName { color: var(--dk-label); font-size: 14px; font-weight: 500; line-height: 20px; }
 /* dsh-plugin-kit 套件徽标（约定见 @hyzyn/dsh-kit README：全部 kit 设置卡片共用） */
 .dshkit_badge {
   flex: none;
   margin-left: auto;
   padding: 1px 8px;
   border-radius: 999px;
+  corner-shape: round;
   font-size: 11px;
   font-weight: 600;
   line-height: 16px;
   letter-spacing: 0.02em;
   color: var(--dk-label-2, var(--dsw-alias-label-dimmed));
-  background: var(--dk-bg-2, var(--dsw-alias-bg-layer-2));
-  border: 1px solid var(--dk-border, var(--dsw-alias-border-l1));
+  /* 原先写的是 --dk-bg-2（本文件从未定义）——有 fallback 所以不报错，但会**静默降级**成
+     --dsw-alias-bg-layer-2，绕过了 --dk-* 令牌层（皮肤下拿不到本包的层 2 取值）。
+     真名是 --dk-surface-2。守卫：client-lint 检查五。 */
+  background: var(--dk-surface-2, var(--dsw-alias-bg-layer-2));
+  border: 0.5px solid var(--dk-border, var(--dsw-alias-border-l1));
 }
-.dk_settingsDesc { color: var(--dk-label-2); font-size: 12px; line-height: 1.5; }
+.dk_settingsDesc { color: var(--dk-label-2); font-size: 12px; line-height: 18px; }
 
 .dk_settingsChevron {
   flex: none;
@@ -1925,15 +2083,17 @@
   padding: 2px var(--dk-gap-xl) var(--dk-gap-xl);
   color: var(--dk-label);
   font-size: 13px;
+  line-height: 20px;
 }
 
 .dk_cardSection {
   margin-top: var(--dk-gap-xs);
   padding-bottom: var(--dk-gap-xs);
-  border-bottom: 1px solid var(--dk-border);
+  border-bottom: 0.5px solid var(--dk-border);
   color: var(--dk-label-3);
   font-size: 12px;
-  font-weight: 600;
+  line-height: 18px;
+  font-weight: 500;
   letter-spacing: .3px;
 }
 
@@ -1951,8 +2111,8 @@
  * 差 2.5px 错开，基线也高低不齐。给死行高后两种文本的行框等高，输入框顶边对齐。
  * 别删成 line-height: normal —— 一删就退回字体度量决定行框。
  */
-.dk_label { font-size: 12px; line-height: 1.4; color: var(--dk-label-2); }
-.dk_hint { font-size: 11px; color: var(--dk-label-3); line-height: 1.6; }
+.dk_label { font-size: 12px; line-height: 18px; color: var(--dk-label-2); }
+.dk_hint { font-size: 12px; color: var(--dk-label-3); line-height: 18px; }
 .dk_row { display: flex; align-items: center; gap: var(--dk-gap-md); flex-wrap: wrap; }
 
 /*
@@ -1995,7 +2155,7 @@
   gap: var(--dk-gap-sm);
   align-items: center;
   padding: var(--dk-gap-sm);
-  border: 1px solid var(--dk-border);
+  border: 0.5px solid var(--dk-border);
   border-radius: var(--dk-r-md);
   background: var(--dk-surface-2);
 }
@@ -2046,11 +2206,12 @@
 }
 .dk_capLabel {
   font-size: 12px;
+  line-height: 18px;
   color: var(--dk-label-2);
   cursor: pointer;
   user-select: none;
 }
-.dk_capRow input[type="checkbox"] { accent-color: var(--dk-accent); }
+/* 复选框的几何与选中色见 .dk_check 那一处（两处共用一条规则）。 */
 .dk_capState {
   /* 显式落在第二列：它跟的是「文字」那一列的左缘，而不是行左缘 */
   grid-column: 2;
@@ -2058,9 +2219,9 @@
   align-items: center;
   gap: var(--dk-gap-sm);
   /* 与 .dk_hint 同档：它是说明性文字，不该跟开关抢注意力 */
-  font-size: 11px;
+  font-size: 12px;
   color: var(--dk-label-3);
-  line-height: 1.6;
+  line-height: 18px;
 }
 /* 撤销按钮推到第二列右缘：两个能力的按钮落在同一条竖线上，不会跟着标签长度左右跳 */
 .dk_capRevoke {
@@ -2103,11 +2264,12 @@
   min-width: 0;
   overflow-x: auto;
   padding: 6px 8px;
-  border: 1px solid var(--dk-border);
+  border: 0.5px solid var(--dk-border);
   border-radius: 4px;
   background: var(--dk-surface-2);
   font-family: var(--dk-mono);
   font-size: 12px;
+  line-height: 18px;
   white-space: pre;
   user-select: all;
 }
@@ -2129,6 +2291,7 @@
   cursor: pointer;
   color: var(--dk-label-2);
   font-size: 12px;
+  line-height: 18px;
 }
 
 .dk_targetInline {
@@ -2156,7 +2319,7 @@
   gap: var(--dk-gap-md);
 }
 
-.dk_msg { font-size: 12px; }
+.dk_msg { font-size: 12px; line-height: 18px; }
 .dk_msg[data-kind="ok"] { color: var(--dk-success); }
 .dk_msg[data-kind="error"] { color: var(--dk-danger); }
 
@@ -2167,6 +2330,7 @@
   border: 2px solid var(--dk-border-strong);
   border-top-color: var(--dk-accent);
   border-radius: 50%;
+  corner-shape: round;
   animation: dk_spin .7s linear infinite;
 }
 
@@ -2216,6 +2380,7 @@
   align-items: center;
   gap: var(--dk-gap-md);
   font-size: 12px;
+  line-height: 18px;
   color: var(--dk-label-2);
 }
 
@@ -2229,7 +2394,7 @@
 
 .dk_layerId { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 
-.dk_labelList { display: flex; flex-direction: column; gap: 2px; font-size: 12px; }
+.dk_labelList { display: flex; flex-direction: column; gap: 2px; font-size: 12px; line-height: 18px; }
 .dk_labelItem { display: grid; grid-template-columns: minmax(0, 240px) 1fr; gap: var(--dk-gap-md); }
 .dk_labelKey { color: var(--dk-label-3); font-family: var(--dk-mono); overflow-wrap: anywhere; }
 .dk_labelVal { color: var(--dk-label); font-family: var(--dk-mono); overflow-wrap: anywhere; }
@@ -2246,13 +2411,13 @@
   min-height: 180px;
   margin-top: var(--dk-gap-md);
   padding: var(--dk-gap-md);
-  border: 1px solid var(--dk-border);
+  border: 0.5px solid var(--dk-border);
   border-radius: var(--dk-r-md);
   background: var(--dk-log-bg);
   color: var(--dk-log-fg);
   font-family: var(--dk-mono);
   font-size: 12px;
-  line-height: 1.5;
+  line-height: 18px;
   overflow: auto;
   white-space: pre-wrap;
   word-break: break-word;
@@ -2286,14 +2451,14 @@
 
 .dk_spark svg { display: block; width: 96px; height: 22px; overflow: visible; }
 .dk_spark[data-alert="1"] { color: var(--dk-danger); }
-.dk_sparkEmpty { font-size: 11px; color: var(--dk-label-3); }
+.dk_sparkEmpty { font-size: 12px; line-height: 18px; color: var(--dk-label-3); }
 
 /* ============================ Compose 项目 ============================ */
 
 .dk_projects { display: flex; flex-direction: column; gap: var(--dk-gap-lg); }
 
 .dk_project {
-  border: 1px solid var(--dk-border);
+  border: 0.5px solid var(--dk-border);
   border-radius: var(--dk-r-md);
   background: var(--dk-surface-2);
   overflow: hidden;
@@ -2305,8 +2470,8 @@
 .dk_project:focus-visible { outline: none; box-shadow: var(--dk-ring); }
 .dk_projectHead { display: flex; align-items: center; gap: var(--dk-gap-md); padding: var(--dk-gap-md) var(--dk-gap-lg); }
 .dk_projectIcon { display: inline-flex; align-items: center; color: var(--dk-accent); }
-.dk_projectName { font-size: 13px; font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.dk_projectRows { display: flex; flex-direction: column; border-top: 1px solid var(--dk-border); }
+.dk_projectName { font-size: 13px; line-height: 20px; font-weight: 500; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.dk_projectRows { display: flex; flex-direction: column; border-top: 0.5px solid var(--dk-border); }
 
 .dk_projectRow {
   display: grid;
@@ -2315,11 +2480,12 @@
   gap: var(--dk-gap-md);
   padding: var(--dk-gap-sm) var(--dk-gap-lg);
   font-size: 12px;
-  border-top: 1px solid var(--dk-border);
+  line-height: 18px;
+  border-top: 0.5px solid var(--dk-border);
 }
 
 .dk_projectRow:first-child { border-top: none; }
-.dk_projectSvc { color: var(--dk-label-2); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.dk_projectSvc { color: var(--dk-label-2); font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .dk_projectContainer { font-family: var(--dk-mono); color: var(--dk-label); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .dk_projectImage { font-family: var(--dk-mono); color: var(--dk-label-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .dk_projectPorts { color: var(--dk-label-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@@ -2327,4 +2493,4 @@
 .dk_composeTable td { vertical-align: middle; }
 
 /* 聚合日志的 [service] 前缀（同一份日志着色，只多一个来源标签） */
-.dk_logSvc { margin-right: 6px; color: var(--dk-accent); font-weight: 600; }
+.dk_logSvc { margin-right: 6px; color: var(--dk-accent); font-weight: 500; }