oh-my-knowledge 0.35.0 → 0.37.0

package/dist/renderer/icons.js

@@ -0,0 +1,66 @@
+/**
+ * 共享单色线性 SVG 图标集（替代各处 emoji）。
+ *
+ * 设计：统一 24×24 viewBox、`stroke="currentColor"`、单一描边权重、圆角端点。
+ * 颜色由调用处的 CSS `color` 控制（图标自身不带色），尺寸/粗细可覆盖。
+ * 之所以自带一套而不用图标库：报告是离线自包含 HTML，内联 SVG 无需外链/字体。
+ */
+/** name → viewBox 内的 path/shape 串。 */
+const PATHS = {
+    // 品牌 / 导航
+    brand: '<path d="M12 3l8 4.5v9L12 21l-8-4.5v-9z"/>',
+    home: '<path d="M3 10l9-7 9 7v9a2 2 0 01-2 2h-4v-6H9v6H5a2 2 0 01-2-2z"/>',
+    search: '<circle cx="11" cy="11" r="7"/><path d="M21 21l-4-4"/>',
+    clock: '<circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/>',
+    calendar: '<rect x="3" y="5" width="18" height="16" rx="2"/><path d="M8 3v4M16 3v4M3 11h18"/>',
+    chip: '<rect x="4" y="4" width="16" height="16" rx="3"/><path d="M8 12h8"/>',
+    'chevron-right': '<path d="M9 6l6 6-6 6"/>',
+    'chevron-left': '<path d="M15 18l-6-6 6-6"/>',
+    // 报告类型（= 维度）
+    doctor: '<path d="M3 12h4l2-6 4 14 2-8h6"/>',
+    eval: '<rect x="3" y="3" width="18" height="18" rx="3"/><path d="M9 11l2 2 4-4"/>',
+    observe: '<circle cx="12" cy="12" r="3"/><circle cx="12" cy="12" r="9"/>',
+    // 六维
+    fact: '<rect x="5" y="4" width="14" height="17" rx="2"/><path d="M8 9h8M8 13h8M8 17h5"/>',
+    behavior: '<circle cx="12" cy="12" r="7"/><path d="M12 2v3M12 19v3M2 12h3M19 12h3"/>',
+    judge: '<path d="M21 12a8 8 0 01-11.5 7.2L4 21l1.8-5.5A8 8 0 1121 12z"/>',
+    cost: '<ellipse cx="12" cy="6" rx="7" ry="3"/><path d="M5 6v6c0 1.7 3.1 3 7 3s7-1.3 7-3V6M5 12v6c0 1.7 3.1 3 7 3s7-1.3 7-3v-6"/>',
+    efficiency: '<path d="M13 2L4 14h7l-1 8 9-12h-7z"/>',
+    stability: '<path d="M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z"/>',
+    quality: '<path d="M4 20V10M10 20V4M16 20v-7M22 20H2"/>',
+    // 状态
+    check: '<path d="M5 12l5 5L20 7"/>',
+    x: '<path d="M18 6L6 18M6 6l12 12"/>',
+    warn: '<path d="M12 9v4M12 17h.01M10.3 3.9l-8 14A2 2 0 004 21h16a2 2 0 001.7-3l-8-14a2 2 0 00-3.4 0z"/>',
+    bulb: '<path d="M9 18h6M10 22h4M12 2a7 7 0 00-4 12.7c.6.5 1 1.3 1 2.1V17h6v-.2c0-.8.4-1.6 1-2.1A7 7 0 0012 2z"/>',
+};
+/** 返回一个自包含 `<svg>` 串。未知 name 返回空串（不抛错，调用处可安全拼接）。 */
+export function icon(name, opts = {}) {
+    const p = PATHS[name];
+    if (!p)
+        return '';
+    const size = opts.size ?? 16;
+    const cls = opts.cls ? ` class="${opts.cls}"` : '';
+    const style = opts.style ? ` style="${opts.style}"` : '';
+    const sw = opts.sw ?? 1.7;
+    return `<svg${cls}${style} width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="${sw}" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${p}</svg>`;
+}
+/** 维度 → 报告类型图标名。 */
+export function dimIconName(dim) {
+    return dim;
+}
+/**
+ * 品牌 logo —— 圆形「omk」标记(深底 + 蓝紫渐变 o 环)。自带配色,不走 currentColor。
+ * 内联(不外链内网地址),保证报告离线/换机仍自包含。gradient id 用 `omkAccent` 防与页面其它 svg 撞 id。
+ */
+const BRAND_LOGO_INNER = '<defs><linearGradient id="omkAccent" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="#60a5fa"/><stop offset="100%" stop-color="#a78bfa"/></linearGradient></defs>' +
+    '<circle cx="60" cy="60" r="56" fill="#0f172a" stroke="#1e293b" stroke-width="1.5"/>' +
+    '<path d="M24 60 A12 12 0 1 1 36 72" stroke="url(#omkAccent)" stroke-width="3.5" stroke-linecap="round" fill="none"/>' +
+    '<path d="M56 72 V57 Q56 48 61.5 48 Q67 48 67 57 V72 M67 57 Q67 48 72.5 48 Q78 48 78 57 V72" stroke="#e2e8f0" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>' +
+    '<path d="M86 48 V72 M86 60 L96 48 M86 60 L96 72" stroke="#e2e8f0" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>';
+/** 品牌 logo 的完整 `<svg>`(给定像素尺寸)。 */
+export function brandLogo(size = 28) {
+    return `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 120 120" fill="none" aria-label="omk">${BRAND_LOGO_INNER}</svg>`;
+}
+/** 品牌 logo 的原始 `<svg>`(无尺寸,供 favicon data URI 编码用)。 */
+export const BRAND_LOGO_RAW = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" fill="none">${BRAND_LOGO_INNER}</svg>`;

package/dist/renderer/layout.js

@@ -1,3 +1,4 @@
+import { brandLogo, BRAND_LOGO_RAW } from './icons.js';
 export function e(text) {
     return String(text)
         .replaceAll('&', '&')
@@ -382,56 +383,72 @@ function langToggleButton(lang) {
 }
 export function layout(title, body, lang = DEFAULT_LANG) {
     const htmlLang = lang === 'zh' ? 'zh-CN' : 'en';
-    const favicon = encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><linearGradient id="g" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#60a5fa"/><stop offset="100%" stop-color="#a78bfa"/></linearGradient></defs><circle cx="16" cy="16" r="15" fill="#0f172a"/><circle cx="16" cy="16" r="8" stroke="url(#g)" stroke-width="3.5" fill="none"/></svg>');
+    const favicon = encodeURIComponent(BRAND_LOGO_RAW);
     // 中英文切换按钮临时隐藏(URL ?lang= / localStorage 切换逻辑保留,按钮 UI 不渲染)。
     // 想恢复:在 body 模板里加回 ${langToggleButton(lang)}。
     void langToggleButton;
-    return `<!doctype html><html lang="${htmlLang}" data-lang="${lang}"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>OMK · ${title}</title>
+    const appBar = `<header class="app-bar"><a class="app-brand" href="/"><span class="app-brand-logo">${brandLogo(30)}</span><span class="app-brand-tag">Studio</span></a><span class="app-bar-spacer"></span></header>`;
+    return `<!doctype html><html lang="${htmlLang}" data-lang="${lang}"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>OMK · ${e(title)}</title>
 <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,${favicon}">${globalKeyboardScript()}
 <style>
-/* Pantone-inspired light theme(2026-05 全站浅色化)。
-   设计原则:暖白底 + 哑色调,不刺眼;字号 14-15px 起;subtle box-shadow 替代 border。
-   旧的深色蓝灰主题已迁移,语义保留但色值翻转。 */
+/* 跨文档 view transition：同源 MPA 导航(如维度 chip 跳转)淡入淡出,消除白屏闪烁(Chromium)。 */
+@view-transition{navigation:auto}
+/* 滚动条始终预留 gutter:短页无滚动条、长页有,切换时内容宽度会跳;stable 让宽度恒定。 */
+html{scrollbar-gutter:stable}
+/* 配色设计（2026-06）。
+   设计原则：冷白底 + indigo 强调色 + 精确匹配参考系统色板。 */
 :root{
-  --bg-base:#fbfaf7;            /* 暖白纸感 */
+  --bg-base:rgb(246,248,251);    /* 页面底 */
   --bg-surface:#ffffff;          /* 卡片白 */
-  --bg-elevated:rgba(58,58,58,.025);
-  --bg-soft:rgba(58,58,58,.04);
-  --border:#e8e3da;              /* 暖灰分隔 */
-  --border-hover:#d4ccbf;
-  --text-primary:#3a3a3a;        /* 深炭灰 */
-  --text-secondary:#7a7a7a;
-  --text-muted:#a8a8a8;
-  --text-faint:#c8c8c8;
-  --accent:#5a7a93;              /* 板岩蓝(slate) */
-  --accent-hover:#3f5d76;
-  --green:#5e8252;               /* 鼠尾草绿(sage) */
-  --green-bg:rgba(94,130,82,.10);
-  --red:#9c4a3f;                 /* 砖红土陶(terracotta) */
-  --red-bg:rgba(156,74,63,.10);
-  --yellow:#b08030;              /* 暖琥珀 */
-  --yellow-bg:rgba(176,128,48,.10);
-  --info-bg:rgba(90,122,147,.08);
-  /* 图表色 — 全部哑色调,跨色相区分但饱和度统一在 ~50% */
-  --chart-1:#5a7a93;
-  --chart-2:#7a6b89;
-  --chart-3:#5e8252;
-  --chart-4:#b08030;
-  --chart-5:#9c6478;
-  --chart-6:#937846;
+  --bg-elevated:#f8f9fd;         /* 浅面板 */
+  --bg-soft:#f8fafc;             /* 柔和背景 */
+  --border:#e4e8f1;              /* 分隔线 */
+  --border-hover:#d1d5db;
+  --text-primary:#182033;        /* 主文字 */
+  --text-secondary:#637083;      /* 次文字 */
+  --text-muted:#9ca3af;
+  --text-faint:#b0b8c5;
+  --accent:#4f46e5;              /* 品牌 indigo-600 */
+  --accent-hover:#4338ca;
+  --green:#1f9d63;               /* 通过绿 */
+  --green-bg:rgba(31,157,99,.14);
+  --red:#dc2626;                 /* 失败红 */
+  --red-bg:rgba(220,38,38,.14);
+  --yellow:#d97706;              /* 警告琥珀 */
+  --yellow-bg:rgba(217,119,6,.16);
+  --info-bg:rgba(79,70,229,.06);
+  /* 图表色 */
+  --chart-1:#4f46e5;
+  --chart-2:#d97706;
+  --chart-3:#059669;
+  --chart-4:#ec4899;
+  --chart-5:#06b6d4;
+  --chart-6:#7c3aed;
   --bg-card:#ffffff;
   --radius:8px;
   --radius-lg:12px;
-  /* 字号上调:正文 14px / 标签 13px / 详情 13px / 微元数据 12px */
+  /* 字号 */
   --fs-micro:12px;
   --fs-detail:13px;
   --fs-label:13px;
-  --fs-body:14.5px;
-  --shadow-sm:0 1px 3px rgba(58,58,58,.06);
-  --shadow-md:0 2px 8px rgba(58,58,58,.10);
+  --fs-body:14px;
+  --shadow-sm:0 8px 24px rgba(31,41,55,.04);
+  --shadow-md:0 8px 28px rgba(79,70,229,.08);
 }
 *{box-sizing:border-box;margin:0}
-body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",Roboto,sans-serif;padding:32px;background:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.7;max-width:1440px;margin:0 auto;font-size:var(--fs-body)}
+body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",Roboto,sans-serif;padding:0;background:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.7;margin:0;font-size:var(--fs-body);letter-spacing:-.005em}
+
+/* ── 常驻品牌栏(白玻璃,无菜单)— 让品牌身份贯穿首页与所有详情页 ── */
+.app-bar{position:sticky;top:0;z-index:30;height:52px;background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;padding:0 22px}
+.app-brand{display:flex;align-items:center;gap:9px;font-weight:650;font-size:15px;letter-spacing:-.02em;color:var(--text-primary);text-decoration:none}
+.app-brand:hover{color:var(--text-primary);text-decoration:none}
+.app-brand-logo{display:inline-flex;align-items:center;flex-shrink:0}
+.app-brand-logo svg{display:block;border-radius:50%}
+.app-brand-tag{font-size:11px;font-weight:600;color:var(--text-muted);border:1px solid var(--border);border-radius:5px;padding:1px 7px;letter-spacing:.02em}
+.app-bar-spacer{flex:1}
+/* 内容容器:居中、留出页边距(原本在 body 上,现下移到 main 容器) */
+.app-main{max-width:1280px;margin:0 auto;padding:18px 20px 24px}
+@media(max-width:768px){.app-main{padding:14px 14px 20px}.app-bar{padding:0 14px}}
 h1{margin:0 0 8px;font-size:1.75rem;font-weight:600;color:var(--text-primary);letter-spacing:-0.01em;line-height:1.3}
 h2{margin:32px 0 12px;font-size:1.0625rem;color:var(--text-primary);font-weight:600;line-height:1.4}
 .subtitle{color:var(--text-secondary);font-size:0.875rem;margin:0 0 24px}
@@ -585,12 +602,12 @@ button.hint-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px
    颜色严格按 level 编码: PROGRESS 绿, REGRESS 红, CAUTIOUS/UNDERPOWERED 黄,
    NOISE/SOLO 用 secondary 而非 muted (深底下保证对比度). border-left 4px 是
    status 视觉信号, 不堆边框/卡片 — 整体融入页面排版. */
-.verdict-banner{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:12px 18px;margin:12px 0 0;border-left:4px solid var(--text-secondary);background:rgba(148,163,184,0.06);border-radius:var(--radius)}
-.verdict-banner.verdict-PROGRESS{border-left-color:var(--green);background:rgba(74,222,128,0.07)}
-.verdict-banner.verdict-REGRESS{border-left-color:var(--red);background:rgba(248,113,113,0.07)}
-.verdict-banner.verdict-CAUTIOUS{border-left-color:var(--yellow);background:rgba(251,191,36,0.07)}
-.verdict-banner.verdict-UNDERPOWERED{border-left-color:var(--yellow);background:rgba(251,191,36,0.04)}
-.verdict-banner.verdict-NOISE{border-left-color:var(--text-secondary);background:rgba(148,163,184,0.06)}
+.verdict-banner{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:12px 18px;margin:12px 0 0;border-left:4px solid var(--text-secondary);background:rgba(99,112,131,.06);border-radius:var(--radius)}
+.verdict-banner.verdict-PROGRESS{border-left-color:var(--green);background:rgba(31,157,99,.07)}
+.verdict-banner.verdict-REGRESS{border-left-color:var(--red);background:rgba(220,38,38,.07)}
+.verdict-banner.verdict-CAUTIOUS{border-left-color:var(--yellow);background:rgba(217,119,6,.07)}
+.verdict-banner.verdict-UNDERPOWERED{border-left-color:var(--yellow);background:rgba(217,119,6,.04)}
+.verdict-banner.verdict-NOISE{border-left-color:var(--text-secondary);background:rgba(99,112,131,.06)}
 .verdict-banner.verdict-SOLO{border-left-color:var(--border-hover);background:transparent}
 .verdict-icon{font-size:12px;line-height:1;flex-shrink:0}
 .verdict-line{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.6;letter-spacing:-0.005em}
@@ -599,32 +616,28 @@ button.hint-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px
    行 1: enum + ship-action badge (PROGRESS · SHIP) + 自然语言 ("明显更好,可以发布")
    行 2: Δ / 95% CI / N / CV — 测量学核心数字, 不需要滚到下方表才看到.
    颜色按 level 编码 (PROGRESS 绿 / REGRESS 红 / CAUTIOUS+UNDERPOWERED 黄 / NOISE+SOLO 中性). */
-.page-verdict{display:flex;flex-direction:column;gap:10px;margin:12px 0 18px;padding:14px 18px;border-left:4px solid var(--text-secondary);background:rgba(148,163,184,0.06);border-radius:var(--radius)}
-.page-verdict.verdict-PROGRESS{border-left-color:var(--green);background:rgba(74,222,128,0.07)}
-.page-verdict.verdict-REGRESS{border-left-color:var(--red);background:rgba(248,113,113,0.07)}
-.page-verdict.verdict-CAUTIOUS{border-left-color:var(--yellow);background:rgba(251,191,36,0.07)}
-.page-verdict.verdict-UNDERPOWERED{border-left-color:var(--yellow);background:rgba(251,191,36,0.04)}
-.page-verdict.verdict-NOISE{border-left-color:var(--text-secondary);background:rgba(148,163,184,0.06)}
-.page-verdict.verdict-SOLO{border-left-color:var(--border-hover);background:transparent}
-.page-verdict-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
-.page-verdict-badge{display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700;letter-spacing:0.04em;padding:3px 10px;border-radius:14px;background:rgba(148,163,184,0.14);color:var(--text-primary);white-space:nowrap}
-.verdict-PROGRESS .page-verdict-badge{background:rgba(74,222,128,0.18);color:var(--green)}
-.verdict-REGRESS .page-verdict-badge{background:rgba(248,113,113,0.18);color:var(--red)}
+/* 结论卡内的 verdict —— 不再用「卡中卡」式的 tint 盒子,改成干净的一行结论:
+   level 色 chip + 一句话。颜色靠 chip 传达,无外框/无左色条。 */
+.page-verdict{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}
+.page-verdict-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
+.page-verdict-badge{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:4px 11px;border-radius:13px;background:var(--bg-soft);color:var(--text-secondary);white-space:nowrap;letter-spacing:.01em}
+.verdict-PROGRESS .page-verdict-badge{background:var(--green-bg);color:var(--green)}
+.verdict-REGRESS .page-verdict-badge{background:var(--red-bg);color:var(--red)}
 .verdict-CAUTIOUS .page-verdict-badge,
-.verdict-UNDERPOWERED .page-verdict-badge{background:rgba(251,191,36,0.18);color:var(--yellow)}
+.verdict-UNDERPOWERED .page-verdict-badge{background:var(--yellow-bg);color:var(--yellow)}
 .verdict-NOISE .page-verdict-badge,
-.verdict-SOLO .page-verdict-badge{background:rgba(148,163,184,0.16);color:var(--text-secondary)}
+.verdict-SOLO .page-verdict-badge{background:var(--bg-soft);color:var(--text-secondary)}
 .page-verdict-badge-dot{font-size:8px;line-height:1}
-.page-verdict-text{font-size:15px;font-weight:500;color:var(--text-primary);line-height:1.5;flex:1 1 auto;min-width:0}
+.page-verdict-text{font-size:14.5px;font-weight:500;color:var(--text-primary);line-height:1.55;flex:1 1 auto;min-width:0}
 .page-verdict-metrics{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:baseline;padding-top:2px}
 .verdict-metric{display:inline-flex;align-items:baseline;gap:6px}
 .verdict-metric-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.06em;font-weight:600}
 .verdict-metric-value{font-size:15px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-0.01em}
 
 .verdict-cta{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:10px 18px;margin:0;border-left:4px solid var(--accent);background:var(--bg-surface);border-top:1px solid var(--border);border-radius:0}
-.verdict-cta.verdict-cta-PROGRESS{border-left-color:var(--green);background:rgba(74,222,128,0.04)}
-.verdict-cta.verdict-cta-REGRESS{border-left-color:var(--red);background:rgba(248,113,113,0.04)}
-.verdict-cta.verdict-cta-CAUTIOUS{border-left-color:var(--yellow);background:rgba(251,191,36,0.04)}
+.verdict-cta.verdict-cta-PROGRESS{border-left-color:var(--green);background:rgba(31,157,99,.04)}
+.verdict-cta.verdict-cta-REGRESS{border-left-color:var(--red);background:rgba(220,38,38,.04)}
+.verdict-cta.verdict-cta-CAUTIOUS{border-left-color:var(--yellow);background:rgba(217,119,6,.04)}
 .verdict-cta.verdict-cta-NOISE,
 .verdict-cta.verdict-cta-UNDERPOWERED,
 .verdict-cta.verdict-cta-SOLO{border-left-color:var(--text-secondary)}
@@ -642,18 +655,18 @@ button.hint-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px
 /* v0.21 B.4 — 列表页 RUN ID 旁的 verdict status pill. inline-flex 紧凑 pill,
    颜色编码同 banner, 字号微小但对比清晰. 鼠标悬停/键盘聚焦时不抢戏 — 它只是
    "这个 run 是什么 status" 的一眼瞥. */
-.run-status{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:1px 8px;border-radius:var(--radius);margin-right:8px;line-height:1.5;letter-spacing:-0.005em;white-space:nowrap;color:var(--text-secondary);background:rgba(148,163,184,0.1);vertical-align:1px}
+.run-status{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:1px 8px;border-radius:var(--radius);margin-right:8px;line-height:1.5;letter-spacing:-0.005em;white-space:nowrap;color:var(--text-secondary);background:rgba(99,112,131,.1);vertical-align:1px}
 .run-status .run-status-dot{font-size:8px;line-height:1}
-.run-status.verdict-PROGRESS{color:var(--green);background:rgba(74,222,128,0.12)}
-.run-status.verdict-REGRESS{color:var(--red);background:rgba(248,113,113,0.12)}
+.run-status.verdict-PROGRESS{color:var(--green);background:rgba(31,157,99,.12)}
+.run-status.verdict-REGRESS{color:var(--red);background:rgba(220,38,38,.12)}
 .run-status.verdict-CAUTIOUS{color:var(--yellow);background:rgba(251,191,36,0.12)}
 .run-status.verdict-UNDERPOWERED{color:var(--yellow);background:rgba(251,191,36,0.08)}
-.run-status.verdict-NOISE{color:var(--text-secondary);background:rgba(148,163,184,0.1)}
+.run-status.verdict-NOISE{color:var(--text-secondary);background:rgba(99,112,131,.1)}
 .run-status.verdict-SOLO{color:var(--text-muted);background:transparent;border:1px solid var(--border)}
 
 @media print{
   .verdict-banner,.verdict-cta{break-inside:avoid;page-break-inside:avoid}
-  .run-status{border:1px solid #cbd5e1;background:transparent !important}
+  .run-status{border:1px solid #d1d5db;background:transparent !important}
 }
 
 .modal-overlay{display:none;position:fixed;inset:0;z-index:999;background:rgba(0,0,0,0.6);align-items:center;justify-content:center}
@@ -689,7 +702,7 @@ th{background:var(--bg-elevated);padding:8px 12px;text-align:center;vertical-ali
 td{padding:7px 12px;border-bottom:1px solid var(--border);color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:center;vertical-align:middle}
 td:first-child, th:first-child { text-align:left }
 tr:last-child td{border-bottom:none}
-tr:hover td{background:rgba(148,163,184,0.04)}
+tr:hover td{background:rgba(99,112,131,.04)}
 
 /* Badges */
 .badge{display:inline-block;padding:2px 8px;border-radius:var(--radius);font-size:11px;font-weight:600}
@@ -721,8 +734,8 @@ tr:hover td{background:rgba(148,163,184,0.04)}
 /* Forms */
 input[type="text"]{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius);padding:6px 12px;font-size:13px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}
 input[type="text"]:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--info-bg)}
-/* 通用 button — 浅色主题里默认 transparent + 边框更细。子样式(.run-card-delete, .tv-vtab,
-   .omk-view-tab, .hint-btn 等)各自有显式 reset 覆盖默认样式。 */
+/* 通用 button — 浅色主题里默认 transparent + 边框更细。子样式(.run-card-delete,
+   .hint-btn 等)各自有显式 reset 覆盖默认样式。 */
 button{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;padding:6px 14px;font-size:13px;font-family:inherit;transition:border-color .15s,color .15s,background .15s;outline:none;appearance:none;-webkit-appearance:none}
 button:hover{border-color:var(--border-hover);color:var(--text-primary)}
 button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@@ -763,7 +776,7 @@ a:focus-visible,.badge:focus-visible{outline:2px solid var(--accent);outline-off
   .badge-ok,.badge-pass{background:#dcfce7;color:#166534}
   .badge-err,.badge-fail{background:#fee2e2;color:#991b1b}
   .badge-muted{background:#f8fafc;color:#94a3b8;border-color:#e2e8f0}
-  .dim-tag{background:#f1f5f9;color:#3b82f6}
+  .dim-tag{background:#eef2ff;color:#6366f1}
   .meta-tag{background:#f8fafc;border-color:#e2e8f0;color:#475569}
   .bar-fill{opacity:1}
   a{color:#1e293b;text-decoration:none}
@@ -771,5 +784,5 @@ a:focus-visible,.badge:focus-visible{outline:2px solid var(--accent);outline-off
   .hint-tip{display:none}
   .footer{color:#475569}
 }
-</style></head><body>${body}<footer class="footer" style="margin-top:40px;padding-top:16px;border-top:1px solid var(--border);font-size:11px;color:var(--text-faint);text-align:center">Powered by oh-my-knowledge</footer>${langToggleScript()}</body></html>`;
+</style></head><body>${appBar}<div class="app-main">${body}<footer class="footer" style="margin-top:40px;padding-top:16px;border-top:1px solid var(--border);font-size:11px;color:var(--text-faint);text-align:center">Powered by oh-my-knowledge</footer></div>${langToggleScript()}</body></html>`;
 }