magic-agent 2.4.3 → 2.6.3

package/client-ui/shared/conv/conv.css

@@ -77,7 +77,9 @@
 
 .md-body li::marker{color:var(--cinnabar-hi);font-family:var(--mono);font-size:.9em}
 
-.md-body a{color:#0F766E;text-decoration:none;border-bottom:1px dotted rgba(15,118,110,.4);
+/* 链接色 = var(--syntax-teal)（默认仍是这份绿松石）：深色覆盖要把「Running」那类案头链接换成琥珀，
+   与代码里的字符串共用一个「青」的落点，浅色两个值都等于原值、一个像素不变。 */
+.md-body a{color:#0F766E;color:var(--syntax-teal,#0F766E);text-decoration:none;border-bottom:1px dotted rgba(15,118,110,.4);
   word-break:break-all;transition:.15s}
 
 .md-body a:hover{color:var(--paper);border-bottom-color:var(--paper)}
@@ -157,8 +159,9 @@
 .md-body .hljs-keyword,.md-body .hljs-selector-tag,.md-body .hljs-literal,
 .md-body .hljs-section,.md-body .hljs-link{color:#B91C1C}
 
+/* 字符串色走 --syntax-teal（默认 = 下面这份绿松石，宿主可覆盖；深色覆盖不再自带薄荷绿）。 */
 .md-body .hljs-string,.md-body .hljs-attr,.md-body .hljs-template-tag,
-.md-body .hljs-addition{color:#0F766E}
+.md-body .hljs-addition{color:#0F766E;color:var(--syntax-teal,#0F766E)}
 
 .md-body .hljs-number,.md-body .hljs-built_in,.md-body .hljs-type,
 .md-body .hljs-params,.md-body .hljs-meta{color:#92670A}
@@ -243,96 +246,96 @@
 
 .qa-t.md-body img:hover{filter:brightness(1.05)}
 
-[data-theme="dark"] .qa-t.md-body code{background:#2B2B2E;color:#E5E5E5}
+[data-theme="dark"] .qa-t.md-body code{background:var(--md-code-bg);color:var(--ink-soft)}
 
-[data-theme="dark"] .qa-t.md-body pre{background:#1C1C1E;border-color:#3B3835}
+[data-theme="dark"] .qa-t.md-body pre{background:var(--subtle);border-color:var(--md-border)}
 
-[data-theme="dark"] .qa-t.md-body pre code{color:#E5E5E5}
+[data-theme="dark"] .qa-t.md-body pre code{color:var(--ink-soft)}
 
-[data-theme="dark"] .qa-t.md-body th{background:rgba(245,244,243,.05)}
+[data-theme="dark"] .qa-t.md-body th{background:rgba(242,251,245,.05)}
 
-[data-theme="dark"] .qa-t.md-body td,[data-theme="dark"] .qa-t.md-body th{border-color:#3B3835}
+[data-theme="dark"] .qa-t.md-body td,[data-theme="dark"] .qa-t.md-body th{border-color:var(--md-border)}
 
-[data-theme="dark"] .qa-t.md-body blockquote{background:rgba(245,244,243,.04);border-color:#3B3835}
+[data-theme="dark"] .qa-t.md-body blockquote{background:rgba(242,251,245,.04);border-color:var(--md-border)}
 
-[data-theme="dark"] .qa-t.md-body blockquote p{color:#A8A29E}
+[data-theme="dark"] .qa-t.md-body blockquote p{color:var(--muted)}
 
-[data-theme="dark"] .md-body code{background:#2B2B2E;border-color:#3B3835;color:#E5E5E5}
+[data-theme="dark"] .md-body code{background:var(--md-code-bg);border-color:var(--md-border);color:var(--ink-soft)}
 
-[data-theme="dark"] .md-body pre{background:#1C1C1E;border-color:#3B3835}
+[data-theme="dark"] .md-body pre{background:var(--subtle);border-color:var(--md-border)}
 
-[data-theme="dark"] .md-body .md-mermaid{background:#1C1C1E;border-color:#3B3835}
+[data-theme="dark"] .md-body .md-mermaid{background:var(--subtle);border-color:var(--md-border)}
 
-[data-theme="dark"] .md-body pre code{color:#E5E5E5}
+[data-theme="dark"] .md-body pre code{color:var(--ink-soft)}
 
-[data-theme="dark"] .md-body pre code.hljs{color:#D6D3D1}
+[data-theme="dark"] .md-body pre code.hljs{color:var(--ink-soft)}
 
-[data-theme="dark"] .md-body a{color:#F06953}
+[data-theme="dark"] .md-body a{color:var(--amber)}
 
-[data-theme="dark"] .md-body a:hover{color:#F5F4F3;border-bottom-color:#F5F4F3}
+[data-theme="dark"] .md-body a:hover{color:var(--ink);border-bottom-color:var(--ink)}
 
-[data-theme="dark"] .md-body th{background:rgba(245,244,243,.05)}
+[data-theme="dark"] .md-body th{background:rgba(242,251,245,.05)}
 
 [data-theme="dark"] .md-body td,
-[data-theme="dark"] .md-body th{border-color:#3B3835}
+[data-theme="dark"] .md-body th{border-color:var(--md-border)}
 
-[data-theme="dark"] .md-body tbody tr:nth-child(even){background:rgba(245,244,243,.03)}
+[data-theme="dark"] .md-body tbody tr:nth-child(even){background:rgba(242,251,245,.03)}
 
-[data-theme="dark"] .md-body blockquote{background:rgba(240,105,83,.07)}
+[data-theme="dark"] .md-body blockquote{background:rgba(var(--warning-rgb),.10)}
 
-[data-theme="dark"] .md-body hr{border-color:#3B3835}
+[data-theme="dark"] .md-body hr{border-color:var(--md-border)}
 
-[data-theme="dark"] .md-body img{border-color:#3B3835}
+[data-theme="dark"] .md-body img{border-color:var(--md-border)}
 
 [data-theme="dark"] .md-body .hljs-comment,
-[data-theme="dark"] .md-body .hljs-quote{color:#A8A29E}
+[data-theme="dark"] .md-body .hljs-quote{color:var(--muted)}
 
 [data-theme="dark"] .md-body .hljs-keyword,
 [data-theme="dark"] .md-body .hljs-selector-tag,
 [data-theme="dark"] .md-body .hljs-literal,
 [data-theme="dark"] .md-body .hljs-section,
-[data-theme="dark"] .md-body .hljs-link{color:#F87171}
+[data-theme="dark"] .md-body .hljs-link{color:var(--fail)}
 
 [data-theme="dark"] .md-body .hljs-string,
 [data-theme="dark"] .md-body .hljs-attr,
 [data-theme="dark"] .md-body .hljs-template-tag,
-[data-theme="dark"] .md-body .hljs-addition{color:#5EEAD4}
+[data-theme="dark"] .md-body .hljs-addition{color:var(--syntax-teal)}
 
 [data-theme="dark"] .md-body .hljs-number,
 [data-theme="dark"] .md-body .hljs-built_in,
 [data-theme="dark"] .md-body .hljs-type,
 [data-theme="dark"] .md-body .hljs-params,
-[data-theme="dark"] .md-body .hljs-meta{color:#FBBF24}
+[data-theme="dark"] .md-body .hljs-meta{color:var(--amber)}
 
 [data-theme="dark"] .md-body .hljs-title,
 [data-theme="dark"] .md-body .hljs-title.function_,
 [data-theme="dark"] .md-body .hljs-title.class_,
 [data-theme="dark"] .md-body .hljs-name,
 [data-theme="dark"] .md-body .hljs-selector-id,
-[data-theme="dark"] .md-body .hljs-selector-class{color:#E5B96A}
+[data-theme="dark"] .md-body .hljs-selector-class{color:var(--amber)}
 
 [data-theme="dark"] .md-body .hljs-variable,
 [data-theme="dark"] .md-body .hljs-template-variable,
 [data-theme="dark"] .md-body .hljs-attribute,
 [data-theme="dark"] .md-body .hljs-tag,
-[data-theme="dark"] .md-body .hljs-regexp{color:#E5B96A}
+[data-theme="dark"] .md-body .hljs-regexp{color:var(--amber)}
 
 [data-theme="dark"] .md-body .hljs-symbol,
 [data-theme="dark"] .md-body .hljs-bullet,
 [data-theme="dark"] .md-body .hljs-doctag,
-[data-theme="dark"] .md-body .hljs-deletion{color:#F06953}
+[data-theme="dark"] .md-body .hljs-deletion{color:var(--amber)}
 
-[data-theme="dark"] .md-body li.task-li .bx{border-color:#525252}
+[data-theme="dark"] .md-body li.task-li .bx{border-color:var(--faint)}
 
-[data-theme="dark"] .md-body li.task-li.done .bx{background:rgba(52,211,153,.16);border-color:rgba(52,211,153,.5);color:#34D399}
+[data-theme="dark"] .md-body li.task-li.done .bx{background:rgba(var(--success-rgb),.18);border-color:rgba(var(--success-rgb),.52);color:var(--success)}
 
-[data-theme="dark"] .qa-t.md-body a{color:#F06953}
+[data-theme="dark"] .qa-t.md-body a{color:var(--amber)}
 
-[data-theme="dark"] .qa-t.md-body a:hover{color:#F5F4F3}
+[data-theme="dark"] .qa-t.md-body a:hover{color:var(--ink)}
 
-[data-theme="dark"] .qa-t.md-body hr{border-color:#3B3835}
+[data-theme="dark"] .qa-t.md-body hr{border-color:var(--md-border)}
 
-[data-theme="dark"] .qa-t.md-body img{border-color:#3B3835}
+[data-theme="dark"] .qa-t.md-body img{border-color:var(--md-border)}
 
 .qa-t.md-body h2{font-size:16.5px}
 
@@ -392,7 +395,14 @@
 
 .qa-dotgap.on{background:var(--cinnabar-hi)}
 
-[data-theme="dark"] .qa-dotgap{background:#57534E}
+[data-theme="dark"] .qa-dotgap{background:var(--faint)}
+
+/* 分页点的「当前页」：浅色 d 那行用的是珊瑚 --cinnabar-hi（ZCode 的朱砂），
+   深色覆盖没写它 → 会从浅色那份继承过来，在墨绿底上留下唯一一处珊瑚橙。
+   深色统一到「进行中」的琥珀（.qa-dot.on / .qa-dotgap.on 两处）。 */
+[data-theme="dark"] .qa-dot.on{background:var(--amber)}
+
+[data-theme="dark"] .qa-dotgap.on{background:var(--amber)}
 
 .qa-msg.qa-jump .qa-bd{animation:qaJumpFlash 1.2s ease-out 1}
 
@@ -400,9 +410,9 @@
 
 @media (prefers-reduced-motion: reduce){.qa-msg.qa-jump .qa-bd{animation:none}}
 
-[data-theme="dark"] .qa-dot:not(.on){background:#57534E}
+[data-theme="dark"] .qa-dot:not(.on){background:var(--faint)}
 
-[data-theme="dark"] .qa-dot:hover:not(.on){background:#A8A29E}
+[data-theme="dark"] .qa-dot:hover:not(.on){background:var(--muted)}
 
 @media (prefers-reduced-motion: reduce){.qa-dot{transition:none}}
 
@@ -459,18 +469,18 @@
   user-select:none;white-space:nowrap}
 .qa-hosted-tag::before{content:"";width:4px;height:4px;border-radius:50%;
   background:currentColor;flex:0 0 auto}
-[data-theme="dark"] .qa-msg.qa-hosted .qa-bd{background:#241B18;border-color:#8A5144}
-[data-theme="dark"] .qa-hosted-tag{background:rgba(240,105,83,.16);color:#F2A08E}
+[data-theme="dark"] .qa-msg.qa-hosted .qa-bd{background:rgba(var(--warning-rgb),.14);border-color:color-mix(in srgb, var(--amber) 45%, transparent)}
+[data-theme="dark"] .qa-hosted-tag{background:rgba(var(--warning-rgb),.20);color:var(--amber)}
 /* 排队中的用户气泡（`is-queued`）：已经发出去、但还在等前一轮跑完。
    气泡照常可读（用户要能确认自己写的是什么），只把底色压淡 + 虚线边 + 底下补一行
    「排队中 · 上一轮结束后自动发送」—— **不隐藏、不挪走**，否则就是这次报障的
    「追问没在对话区显示」。虚线边框同时说明它不是「已送达」那种实心状态。 */
-.qa-msg.qa-mine.is-queued .qa-bd{border-style:dashed;border-color:var(--queued,#8B5CF6);
+.qa-msg.qa-mine.is-queued .qa-bd{border-style:dashed;border-color:var(--queued);
   background:linear-gradient(180deg,#FAF7FF,#F3EEFF)}
 .qa-msg.qa-mine.is-queued .qa-bd::after{content:"排队中 · 上一轮结束后自动发送";
-  display:block;margin-top:6px;font-size:11.5px;line-height:15px;color:var(--queued,#8B5CF6)}
-[data-theme="dark"] .qa-msg.qa-mine.is-queued .qa-bd{background:#241E33;border-color:#7C5CE0}
-[data-theme="dark"] .qa-msg.qa-mine.is-queued .qa-bd::after{color:#A98CF5}
+  display:block;margin-top:6px;font-size:11.5px;line-height:15px;color:var(--queued)}
+[data-theme="dark"] .qa-msg.qa-mine.is-queued .qa-bd{background:color-mix(in srgb, var(--amber) 9%, var(--raised));border-color:var(--queued)}
+[data-theme="dark"] .qa-msg.qa-mine.is-queued .qa-bd::after{color:var(--queued)}
 /* 排队期间被取消（`is-cancelled`）：气泡留着当回执，但明确说它不会被执行。
    用灰色虚线而不是红色 —— 用户自己撤的，不是失败，别用报错的颜色吓人。 */
 .qa-msg.qa-mine.is-cancelled .qa-bd{border-style:dashed;border-color:var(--line);
@@ -498,7 +508,7 @@
 
 .qa-fold-btn:hover{border-color:#A8A29E;color:var(--paper)}
 
-[data-theme="dark"] .qa-fold-btn{background:#1C1C1E;border-color:#3B3835;color:#D6D3D1}
+[data-theme="dark"] .qa-fold-btn{background:var(--subtle);border-color:var(--md-border);color:var(--ink-soft)}
 
 .qa-revshots img{max-width:150px;max-height:104px}
 
@@ -549,6 +559,33 @@
 
 .qa-art-video video{display:block;max-width:280px;max-height:190px;background:#000}
 
+/* HTML 产物卡：iframe 就地预览（2026-10-24）—— 固定尺寸与视频同一档，可滚动看整页。
+   缩略 iframe 关掉指针事件（点击不冒泡出 iframe，关了才能「点卡片看大图」），光标用放大镜。 */
+.qa-art-html{cursor:zoom-in}
+
+.qa-art-html iframe{display:block;width:280px;height:190px;border:0;background:#fff;pointer-events:none}
+
+.qa-arts-html{display:grid;grid-template-columns:repeat(auto-fill,280px);gap:8px}
+
+.qa-arts-html .qa-art-html{width:280px}
+
+.qa-arts-html .qa-art-cap{max-width:none}
+
+/* HTML 产物全屏预览层（点击卡片弹出，内核自画，见 19-attachments 的 __qaArtHtmlPeek）：
+   深蒙层 + 顶条（文件名 / 关闭）+ 撑满余下的 iframe。 */
+.qa-art-html-peek{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;
+  gap:8px;padding:20px;background:rgba(28,25,23,.62)}
+
+.qa-art-html-peek-bar{display:flex;align-items:center;gap:10px}
+
+.qa-art-html-peek-t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
+  font-family:var(--mono);font-size:12px;color:#F5F4F3}
+
+.qa-art-html-peek-x{flex:0 0 auto;padding:3px 12px;border-radius:8px;border:1px solid rgba(245,244,243,.35);
+  background:transparent;color:#F5F4F3;font-size:12px;cursor:pointer}
+
+.qa-art-html-peek iframe{flex:1 1 auto;width:100%;border:0;border-radius:10px;background:#fff}
+
 .qa-art audio{display:block;width:260px;margin:8px}
 
 .qa-art-cap{display:flex;align-items:center;gap:7px;padding:6px 9px;max-width:280px;
@@ -586,11 +623,11 @@
 
 .qa-art:hover .qa-art-go{opacity:1}
 
-[data-theme="dark"] .qa-art{background:rgba(245,244,243,.03);border-color:#3B3835}
+[data-theme="dark"] .qa-art{background:rgba(242,251,245,.03);border-color:var(--md-border)}
 
 [data-theme="dark"] .qa-art:hover{border-color:var(--cinnabar-hi)}
 
-[data-theme="dark"] .qa-art-ext{background:rgba(240,105,83,.12);border-color:rgba(240,105,83,.28)}
+[data-theme="dark"] .qa-art-ext{background:rgba(var(--warning-rgb),.16);border-color:rgba(var(--warning-rgb),.30)}
 
 .qa-msg.qa-mine .qa-arts,.qa-msg.qa-sim .qa-arts{justify-content:flex-end}
 
@@ -741,9 +778,9 @@
 
 .qa-turn-bd > .qa-think:first-child,.qa-turn-bd > .qa-tools:first-child{margin-top:0}
 
-[data-theme="dark"] .qa-turn{border-color:#3B3835;background:rgba(245,244,243,.02)}
+[data-theme="dark"] .qa-turn{border-color:var(--md-border);background:rgba(242,251,245,.02)}
 
-[data-theme="dark"] .qa-turn-sum:hover{background:rgba(245,244,243,.05)}
+[data-theme="dark"] .qa-turn-sum:hover{background:rgba(242,251,245,.05)}
 
 .qa-tool{margin:3px 0 1px;border:1px solid var(--line);border-radius:10px;
   background:#FCFBF9;overflow:hidden;transition:background .25s,border-color .25s}
@@ -864,7 +901,7 @@
   stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
 
 .qa-ask-tag{font-family:var(--mono);font-size:9px;letter-spacing:.06em;padding:1.5px 7px;
-  border-radius:99px;border:1px solid rgba(79,70,229,.28);color:var(--indigo);background:var(--halo-indigo)}
+  border-radius:99px;border:1px solid color-mix(in srgb, var(--indigo) 28%, transparent);color:var(--indigo);background:var(--halo-indigo)}
 
 .qa-ask-ttl{font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--paper-mute);margin-left:auto}
 
@@ -883,7 +920,7 @@
   padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;
   cursor:pointer;transition:border-color .18s,background .18s}
 
-.qa-ask-opt:hover{border-color:rgba(79,70,229,.45);background:var(--halo-indigo)}
+.qa-ask-opt:hover{border-color:color-mix(in srgb, var(--indigo) 45%, transparent);background:var(--halo-indigo)}
 
 .qa-ask-opt .mk{width:15px;height:15px;flex:none;margin-top:1px;border-radius:5px;
   border:1.5px solid var(--line);display:grid;place-items:center;color:var(--paper-mute)}
@@ -910,18 +947,18 @@
 .qa-ask-other input{flex:1;min-width:0;padding:6px 9px;border:1px solid var(--line);
   border-radius:8px;background:#fff;font-family:var(--serif);font-size:12px;color:var(--paper)}
 
-.qa-ask-other input:focus{outline:none;border-color:rgba(79,70,229,.5)}
+.qa-ask-other input:focus{outline:none;border-color:color-mix(in srgb, var(--indigo) 50%, transparent)}
 
 .qa-ask-other button{flex:none;padding:6px 12px;border:1px solid var(--line);border-radius:8px;
   background:#fff;font-family:var(--serif);font-size:12px;color:var(--paper-dim);cursor:pointer}
 
-.qa-ask-other button:hover{border-color:rgba(79,70,229,.45);color:var(--indigo)}
+.qa-ask-other button:hover{border-color:color-mix(in srgb, var(--indigo) 45%, transparent);color:var(--indigo)}
 
 .qa-ask-ft{display:flex;align-items:center;gap:8px;margin-top:8px}
 
 .qa-ask-ft[hidden],.qa-ask-ans[hidden]{display:none}
 
-.qa-ask-sub{flex:none;padding:5px 14px;border:1px solid rgba(79,70,229,.4);border-radius:99px;
+.qa-ask-sub{flex:none;padding:5px 14px;border:1px solid color-mix(in srgb, var(--indigo) 40%, transparent);border-radius:99px;
   background:var(--halo-indigo);font-family:var(--serif);font-size:12px;color:var(--indigo);cursor:pointer}
 
 .qa-ask-sub:disabled{opacity:.4;cursor:default;border-color:var(--line);background:transparent;
@@ -988,6 +1025,72 @@
 
 .qa-done.err{color:var(--cinnabar-hi)}
 
+/* 错误显示卡（终态失败）：朱砂描边 + 淡红底的卡片面（见 29-msg-variants 的 qaErrorCardNode）。
+   ⚠️ 根节点带 `.qa-done` 类（收尾行契约要数它），这里把它从「等宽灰字行」翻成「块级卡片」：
+      display:block 盖掉 `.qa-done` 的 flex 行布局；颜色交给子元素，根只留卡片面。 */
+.qa-errcard{display:block;margin:8px 0 4px;padding:10px 12px;
+  border:1px solid rgba(214,64,42,.38);border-radius:var(--r-md);background:rgba(214,64,42,.06)}
+
+.qa-errcard + .qa-errcard{margin-top:0}
+
+.qa-ec-hd{display:flex;align-items:center;gap:8px}
+
+.qa-ec-ico{width:16px;height:16px;flex:none;display:grid;place-items:center;color:var(--cinnabar-hi)}
+
+.qa-ec-ico svg{width:15px;height:15px;display:block;stroke:currentColor;fill:none;
+  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
+
+.qa-ec-tt{flex:1;min-width:0;font-family:var(--font);font-size:13px;font-weight:600;color:var(--cinnabar-hi)}
+
+.qa-ec-bd{margin-top:8px}
+
+.qa-ec-reason{margin:0;font-size:12.5px;line-height:1.6;color:var(--paper-dim);
+  white-space:pre-wrap;word-break:break-word}
+
+.qa-ec-meta{margin-top:6px;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--paper-mute)}
+
+/* 卡片里的可展开详情（复用 .qa-mk 词汇）；把它的左缩进让出来，贴着卡片内边距更顺 */
+.qa-errcard .qa-mk{margin:8px 0 0}
+
+.qa-errcard .qa-mk-bd{padding-left:2px}
+
+/* 额度 / 限流提示卡（2026-10-25，见 29-msg-variants 的 qaQuotaCardNode）----------
+   与朱砂「调用失败」卡**刻意分开配色**：额度用尽不是故障（不用修配置），
+   是「等一会儿 / 换个模型」就能继续的状态 —— 涂成错误红会把人引到错误的自救动作上。
+   形态走「左侧琥珀竖条 + 完整三行」（时刻 / 原因 / 建议），与需求看板的 .reqerr 同一范式。
+   ⚠️ 色板只用 `--amber`：PC 皮肤（client-ui/pc/app.css）**只有 --amber**，没有
+      --warning / --raised；面与边用 color-mix 淡出，明暗两套主题各自解得对。 */
+.qa-errcard.qa-quota{
+  border-color:color-mix(in srgb,var(--amber) 42%,transparent);
+  border-left:3px solid color-mix(in srgb,var(--amber) 70%,transparent);
+  padding-left:10px;
+  background:color-mix(in srgb,var(--amber) 8%,transparent)}
+
+.qa-quota .qa-ec-ico{color:var(--amber)}
+
+.qa-quota .qa-ec-tt{color:color-mix(in srgb,var(--amber) 72%,var(--paper))}
+
+/* 抬头右侧那枚小徽章（额度不足 / 已被限流）：等宽小字 + 琥珀描边，与 .qa-st 同一档字号 */
+.qa-qc-badge{flex:none;display:inline-flex;align-items:center;height:15px;padding:0 5px;
+  border:1px solid color-mix(in srgb,var(--amber) 42%,transparent);border-radius:var(--r-xs);
+  background:color-mix(in srgb,var(--amber) 12%,transparent);
+  font-family:var(--mono);font-size:9px;letter-spacing:.06em;white-space:nowrap;color:var(--amber)}
+
+/* 「什么时候恢复」：时刻加粗（用户此刻只想知道这一个数），相对时间跟在后面 */
+.qa-qc-reset{margin:6px 0 0;font-size:12.5px;line-height:1.6;color:var(--paper-dim)}
+
+.qa-qc-reset b{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--amber)}
+
+/* 「该怎么办」：**和原因同色**（不降档）—— 实测亮色主题下用 --paper-mute（#94A3B8）
+   落在淡琥珀底上只有 ~2.3:1，那句话恰恰是这张卡里唯一「能照着做」的内容，糊了就白写了。 */
+.qa-qc-hint{margin:4px 0 0;font-size:12px;line-height:1.55;color:var(--paper-dim)}
+
+[data-theme="dark"] .qa-errcard.qa-quota{background:color-mix(in srgb,var(--amber) 14%,transparent)}
+
+[data-theme="dark"] .qa-errcard{background:rgba(var(--fail-rgb),.14);border-color:rgba(var(--fail-rgb),.42)}
+
+[data-theme="dark"] .qa-ec-reason{color:var(--ink-soft)}
+
 .qa-reqacts{display:flex;flex-wrap:wrap;gap:8px;padding:10px 2px 2px;justify-content:flex-start}
 
 .qa-reqacts button{font-family:var(--mono);font-size:11px;letter-spacing:.04em;padding:5px 12px;
@@ -1004,183 +1107,217 @@
 
 .qa-reqacts button.go:hover{background:rgba(214,64,42,.12)}
 
-[data-theme="dark"] .qa-reqacts button{background:#1C1C1E;border-color:#3B3835;color:#D6D3D1}
+[data-theme="dark"] .qa-reqacts button{background:var(--subtle);border-color:var(--md-border);color:var(--ink-soft)}
 
-[data-theme="dark"] .qa-reqacts button.ok{color:#34D399;border-color:rgba(52,211,153,.42);background:rgba(52,211,153,.10)}
+[data-theme="dark"] .qa-reqacts button.ok{color:var(--success);border-color:rgba(var(--success-rgb),.45);background:rgba(var(--success-rgb),.12)}
 
-[data-theme="dark"] .qa-reqacts button.ok:hover{background:rgba(52,211,153,.18)}
+[data-theme="dark"] .qa-reqacts button.ok:hover{background:rgba(var(--success-rgb),.20)}
 
-[data-theme="dark"] .qa-reqacts button.go{color:#F06953;border-color:rgba(240,105,83,.45);background:rgba(240,105,83,.10)}
+[data-theme="dark"] .qa-reqacts button.go{color:var(--amber);border-color:rgba(var(--warning-rgb),.45);background:rgba(var(--warning-rgb),.14)}
 
-[data-theme="dark"] .qa-reqacts button.go:hover{background:rgba(240,105,83,.18)}
+[data-theme="dark"] .qa-reqacts button.go:hover{background:rgba(var(--warning-rgb),.22)}
 
-[data-theme="dark"] .qa-stream{background:#1C1C1E}
+[data-theme="dark"] .qa-stream{background:var(--subtle)}
 
-[data-theme="dark"] .qa-scroll::-webkit-scrollbar-thumb{background:#3B3835;border-color:#1C1C1E}
+[data-theme="dark"] .qa-scroll::-webkit-scrollbar-thumb{background:var(--md-border);border-color:var(--subtle)}
 
-[data-theme="dark"] .qa-msg{color:#E5E5E5}
+[data-theme="dark"] .qa-msg{color:var(--ink-soft)}
 
-[data-theme="dark"] .qa-t{color:#F5F4F3}
+[data-theme="dark"] .qa-t{color:var(--ink)}
 
-[data-theme="dark"] .qa-t.md-body code{background:#2B2B2E;color:#E5E5E5}
+[data-theme="dark"] .qa-t.md-body code{background:var(--md-code-bg);color:var(--ink-soft)}
 
-[data-theme="dark"] .qa-t.md-body pre{background:#1C1C1E;border-color:#3B3835}
+[data-theme="dark"] .qa-t.md-body pre{background:var(--subtle);border-color:var(--md-border)}
 
-[data-theme="dark"] .qa-t.md-body pre code{color:#E5E5E5}
+[data-theme="dark"] .qa-t.md-body pre code{color:var(--ink-soft)}
 
-[data-theme="dark"] .qa-t.md-body th{background:rgba(245,244,243,.05)}
+[data-theme="dark"] .qa-t.md-body th{background:rgba(242,251,245,.05)}
 
-[data-theme="dark"] .qa-t.md-body td,[data-theme="dark"] .qa-t.md-body th{border-color:#3B3835}
+[data-theme="dark"] .qa-t.md-body td,[data-theme="dark"] .qa-t.md-body th{border-color:var(--md-border)}
 
-[data-theme="dark"] .qa-t.md-body blockquote{background:rgba(245,244,243,.04);border-color:#3B3835}
+[data-theme="dark"] .qa-t.md-body blockquote{background:rgba(242,251,245,.04);border-color:var(--md-border)}
 
-[data-theme="dark"] .qa-t.md-body blockquote p{color:#A8A29E}
+[data-theme="dark"] .qa-t.md-body blockquote p{color:var(--muted)}
 
-[data-theme="dark"] .qa-msg.qa-mine .qa-bd{background:#1C1C1E;border-color:#3B3835}
+[data-theme="dark"] .qa-msg.qa-mine .qa-bd{background:var(--subtle);border-color:var(--md-border)}
 /* 放在上面那条**之后**：同为 4 个类级选择器，靠后才会赢（托管气泡的暗色底不被盖回灰）。 */
-[data-theme="dark"] .qa-msg.qa-hosted .qa-bd{background:#241B18;border-color:#8A5144}
+[data-theme="dark"] .qa-msg.qa-hosted .qa-bd{background:rgba(var(--warning-rgb),.14);border-color:color-mix(in srgb, var(--amber) 45%, transparent)}
 
-[data-theme="dark"] .qa-av-txt{background:linear-gradient(180deg,#2B2B2E,#1C1C1E)}
+[data-theme="dark"] .qa-av-txt{background:linear-gradient(180deg,color-mix(in srgb,var(--muted) 18%,var(--raised)),var(--raised))}
 
-[data-theme="dark"] .qa-av-txt.qa-av-rev{background:linear-gradient(180deg,#3A2F1B,#241F16);color:#FBBF24}
+[data-theme="dark"] .qa-av-txt.qa-av-rev{background:linear-gradient(180deg,color-mix(in srgb, var(--amber) 24%, var(--raised)),color-mix(in srgb, var(--amber) 10%, var(--raised)));color:var(--amber)}
 
-[data-theme="dark"] .qa-tool{border-color:#3B3835;background:rgba(245,244,243,.02)}
+[data-theme="dark"] .qa-tool{border-color:var(--md-border);background:rgba(242,251,245,.02)}
 
-[data-theme="dark"] .qa-tool-head:hover{background:rgba(245,244,243,.05)}
+[data-theme="dark"] .qa-tool-head:hover{background:rgba(242,251,245,.05)}
 
-[data-theme="dark"] .qa-tool-name{color:#F5F4F3}
+[data-theme="dark"] .qa-tool-name{color:var(--ink)}
 
-[data-theme="dark"] .qa-tool-args{color:#A8A29E}
+[data-theme="dark"] .qa-tool-args{color:var(--muted)}
 
-[data-theme="dark"] .qa-tool-bd{border-color:#3B3835}
+[data-theme="dark"] .qa-tool-bd{border-color:var(--md-border)}
 
-[data-theme="dark"] .qa-tool.open .qa-tool-bd{border-color:#3B3835}
+[data-theme="dark"] .qa-tool.open .qa-tool-bd{border-color:var(--md-border)}
 
-[data-theme="dark"] .qa-tool-sec pre{background:#0F0F10}
+[data-theme="dark"] .qa-tool-sec pre{background:var(--code)}
 
-[data-theme="dark"] .qa-sub{border-color:#3B3835}
+[data-theme="dark"] .qa-sub{border-color:var(--md-border)}
 
-[data-theme="dark"] .qa-sub-t{color:#E5E5E5}
+[data-theme="dark"] .qa-sub-t{color:var(--ink-soft)}
 
-[data-theme="dark"] .qa-agent-chip{background:rgba(245,244,243,.05);border-color:#3B3835}
+[data-theme="dark"] .qa-agent-chip{background:rgba(242,251,245,.05);border-color:var(--md-border)}
 
-[data-theme="dark"] .qa-agent-chip.run{background:rgba(240,105,83,.1);border-color:rgba(240,105,83,.3)}
+[data-theme="dark"] .qa-agent-chip.run{background:rgba(var(--warning-rgb),.14);border-color:rgba(var(--warning-rgb),.32)}
 
-[data-theme="dark"] .qa-think-bd{background:rgba(245,244,243,.03);border-color:#3B3835}
+[data-theme="dark"] .qa-think-bd{background:rgba(242,251,245,.03);border-color:var(--md-border)}
 
-[data-theme="dark"] .qa-ask{border-color:#3B3835;background:rgba(245,244,243,.02)}
+[data-theme="dark"] .qa-ask{border-color:var(--md-border);background:rgba(242,251,245,.02)}
 
 [data-theme="dark"] .qa-ico svg{stroke:currentColor}
 
 [data-theme="dark"] .qa-av-img{border-radius:8px}
 
-[data-theme="dark"] .qa-msg:not(.qa-mine) .qa-bd{color:#E5E5E5}
+[data-theme="dark"] .qa-msg:not(.qa-mine) .qa-bd{color:var(--ink-soft)}
+
+[data-theme="dark"] .qa-t.md-body a{color:var(--amber)}
+
+[data-theme="dark"] .qa-t.md-body a:hover{color:var(--ink)}
 
-[data-theme="dark"] .qa-t.md-body a{color:#F06953}
+[data-theme="dark"] .qa-t.md-body hr{border-color:var(--md-border)}
 
-[data-theme="dark"] .qa-t.md-body a:hover{color:#F5F4F3}
+[data-theme="dark"] .qa-t.md-body img{border-color:var(--md-border)}
 
-[data-theme="dark"] .qa-t.md-body hr{border-color:#3B3835}
+[data-theme="dark"] .qa-think-toggle{color:var(--muted)}
 
-[data-theme="dark"] .qa-t.md-body img{border-color:#3B3835}
+[data-theme="dark"] .qa-think-dur{color:var(--faint)}
 
-[data-theme="dark"] .qa-think-toggle{color:#78716C}
+[data-theme="dark"] .qa-tools-toggle{color:var(--muted)}
 
-[data-theme="dark"] .qa-think-dur{color:#525252}
+[data-theme="dark"] .qa-tools-count{color:var(--faint)}
 
-[data-theme="dark"] .qa-tools-toggle{color:#78716C}
+[data-theme="dark"] .qa-tools-dur{color:var(--faint)}
 
-[data-theme="dark"] .qa-tools-count{color:#525252}
+[data-theme="dark"] .qa-tool-ico{background:var(--activity)}
 
-[data-theme="dark"] .qa-tools-dur{color:#525252}
+[data-theme="dark"] .qa-tool-dur{color:var(--faint)}
 
-[data-theme="dark"] .qa-tool-ico{background:rgba(245,244,243,.05)}
+[data-theme="dark"] .qa-tool .chev{stroke:var(--faint)}
 
-[data-theme="dark"] .qa-tool-dur{color:#525252}
+[data-theme="dark"] .qa-tool[data-state="running"] .qa-tool-st::before{background:var(--amber)}
 
-[data-theme="dark"] .qa-tool .chev{stroke:#525252}
+/* ── 2026-10-25 · 深色配色收口（用户：「深色皮肤继续完成全部配色优化」）──
+   这 199 条深色覆盖原先是照 ZCode 的 Stone 灰写死的字面量（#1C1C1E 面 / #3B3835 线 / #E5E5E5 字），
+   外加珊瑚橙 #F06953 当链接、青绿 #34D399 当成功、暖灰 #A8A29E 当次要字。
+   挂到移动端这套墨绿主题上就露出两处毛病：
+     ① 一屏两种色：宿主令牌早已是墨绿，这几行还是石褐灰 —— 灰底卡片和玉色卡片并排，像没刷完；
+     ② 和主色打架：珊瑚橙在墨绿上是最刺眼的一处，却偏偏用在链接、运行中徽标、批准按钮上，
+        与「玉青 = 可点」的规则相反。
+   所以这一段把深色覆盖统一改成主题令牌（上面 199 行已批量替换）：
+     #1C1C1E→--subtle、#0F0F10→--code、#2B2B2E→--md-code-bg、#3B3835→--md-border、
+     #F5F4F3→--ink、#E5E5E5/#D6D3D1→--ink-soft、#A8A29E/#78716C/#71717A→--muted、
+     #525252→--faint、#34D399→--success、#F87171→--fail、#FCA5A5→--error-text，
+     叠加用的 rgba(245,244,243,…) 换成 rgba(242,251,245,…)（= --ink 的 rgb）。
+   下面几条是替换后还要按这套皮肤自己的语义再定一次的：
+     · 链接 / 运行中 / 删除行：珊瑚橙 → 琥珀 --amber。移动端的「可点」是玉青，暖色留给
+       「注意 / 进行中」（与列表里的「等待中」同一个视觉语言）；
+     · 代码高亮的青（字符串）：深色覆盖原来写薄荷 #5EEAD4（像荧光），改成与浅色同一支绿松石 --syntax-teal；
+     · 「审核」头像格：金渐变换成琥珀两阶，和 --amber 的字同族。
+   浅色一代（不带 [data-theme] 的那些行）一个字没动。 */
 
-[data-theme="dark"] .qa-tool[data-state="running"] .qa-tool-st::before{background:#F59E0B}
+/* 朱砂实心按钮（「沿用这个选项」）上的字：原写 #1C1917（石褐墨），
+   统一换成页面底 --canvas —— 主题里「压在实色上的字」一律是它。 */
+[data-theme="dark"] .qa-ask-other button{color:var(--canvas)}
 
-[data-theme="dark"] .qa-ask-hd{color:#E5E5E5}
+[data-theme="dark"] .qa-ask-other button:hover{color:var(--canvas)}
 
-[data-theme="dark"] .qa-ask-tag{color:#818CF8;border-color:rgba(129,140,248,.4);background:rgba(129,140,248,.1)}
+/* diff 新增行：原来用 ZCode 的绿松石 #0A6A51（H166），和 --success 的 H142 是两种绿 ——
+   文字提成 --success，与行底（--success-rgb 14%）同族；浅色那份（.qa-diff-row.add）不动。 */
+[data-theme="dark"] .qa-diff-row.add{color:var(--success)}
 
-[data-theme="dark"] .qa-ask-ttl{color:#525252}
+[data-theme="dark"] .qa-diff-row.add .s{color:var(--success)}
 
-[data-theme="dark"] .qa-ask-qb{border-top-color:#3B3835}
+/* 代码块内层底色：#0F0F10（石褐）→ --code（页面层级的代码底）。 */
+[data-theme="dark"] .qa-tool-sec pre{background:var(--code)}
 
-[data-theme="dark"] .qa-ask-q{color:#F5F4F3}
+[data-theme="dark"] .qa-ask-hd{color:var(--ink-soft)}
 
-[data-theme="dark"] .qa-ask-opt{border-color:#3B3835;background:transparent}
+[data-theme="dark"] .qa-ask-tag{color:var(--indigo);border-color:color-mix(in srgb, var(--indigo) 40%, transparent);background:color-mix(in srgb, var(--indigo) 10%, transparent)}
 
-[data-theme="dark"] .qa-ask-opt:hover{border-color:rgba(129,140,248,.45);background:rgba(129,140,248,.08)}
+[data-theme="dark"] .qa-ask-ttl{color:var(--faint)}
 
-[data-theme="dark"] .qa-ask-opt .lb{color:#E5E5E5}
+[data-theme="dark"] .qa-ask-qb{border-top-color:var(--md-border)}
 
-[data-theme="dark"] .qa-ask-opt .ds{color:#78716C}
+[data-theme="dark"] .qa-ask-q{color:var(--ink)}
 
-[data-theme="dark"] .qa-ask-opt .mk{border-color:#525252;background:transparent}
+[data-theme="dark"] .qa-ask-opt{border-color:var(--md-border);background:transparent}
 
-[data-theme="dark"] .qa-ask-opt.sel{border-color:#6366F1;background:rgba(99,102,241,.1)}
+[data-theme="dark"] .qa-ask-opt:hover{border-color:color-mix(in srgb, var(--indigo) 45%, transparent);background:color-mix(in srgb, var(--indigo) 8%, transparent)}
 
-[data-theme="dark"] .qa-ask-opt.sel .lb{color:#F5F4F3}
+[data-theme="dark"] .qa-ask-opt .lb{color:var(--ink-soft)}
 
-[data-theme="dark"] .qa-ask-other input{background:#1C1C1E;border-color:#3B3835;color:#F5F4F3}
+[data-theme="dark"] .qa-ask-opt .ds{color:var(--muted)}
 
-[data-theme="dark"] .qa-ask-other button{background:#1C1C1E;border-color:#3B3835;color:#A8A29E}
+[data-theme="dark"] .qa-ask-opt .mk{border-color:var(--faint);background:transparent}
 
-[data-theme="dark"] .qa-ask-sub{background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.4);color:#818CF8}
+[data-theme="dark"] .qa-ask-opt.sel{border-color:var(--indigo);background:color-mix(in srgb, var(--indigo) 10%, transparent)}
 
-[data-theme="dark"] .qa-ask-sub:hover:not(:disabled){background:rgba(99,102,241,.18)}
+[data-theme="dark"] .qa-ask-opt.sel .lb{color:var(--ink)}
 
-[data-theme="dark"] .qa-ask-hint{color:#525252}
+[data-theme="dark"] .qa-ask-other input{background:var(--subtle);border-color:var(--md-border);color:var(--ink)}
 
-[data-theme="dark"] .qa-ask-ans{border-top-color:#3B3835}
+[data-theme="dark"] .qa-ask-other button{background:var(--subtle);border-color:var(--md-border);color:var(--muted)}
 
-[data-theme="dark"] .qa-ask-ans .k{color:#525252}
+[data-theme="dark"] .qa-ask-sub{background:color-mix(in srgb, var(--indigo) 10%, transparent);border-color:color-mix(in srgb, var(--indigo) 40%, transparent);color:var(--indigo)}
 
-[data-theme="dark"] .qa-ask-ans .v{color:#34D399}
+[data-theme="dark"] .qa-ask-sub:hover:not(:disabled){background:color-mix(in srgb, var(--indigo) 18%, transparent)}
 
-[data-theme="dark"] .qa-askdock>.qa-ask{background:#1C1C1E;box-shadow:0 6px 20px rgba(0,0,0,.4)}
+[data-theme="dark"] .qa-ask-hint{color:var(--faint)}
 
-[data-theme="dark"] .qa-askdock::-webkit-scrollbar-thumb{background:#3B3835}
+[data-theme="dark"] .qa-ask-ans{border-top-color:var(--md-border)}
 
-[data-theme="dark"] .qa-ask-x{color:#78716C}
+[data-theme="dark"] .qa-ask-ans .k{color:var(--faint)}
 
-[data-theme="dark"] .qa-ask-x:hover{background:rgba(245,244,243,.08);color:#F5F4F3}
+[data-theme="dark"] .qa-ask-ans .v{color:var(--success)}
 
-[data-theme="dark"] .qa-run{background:#1C1C1E}
+[data-theme="dark"] .qa-askdock>.qa-ask{background:var(--raised);box-shadow:0 6px 20px rgba(0,0,0,.4)}
 
-[data-theme="dark"] .qa-run::after{background:#1C1C1E}
+[data-theme="dark"] .qa-askdock::-webkit-scrollbar-thumb{background:var(--md-border)}
 
-[data-theme="dark"] .qa-spinner{border-color:#3B3835;border-top-color:#818CF8}
+[data-theme="dark"] .qa-ask-x{color:var(--muted)}
 
-[data-theme="dark"] .qa-run-pill{background:rgba(245,244,243,.05);border-color:#3B3835}
+[data-theme="dark"] .qa-ask-x:hover{background:rgba(242,251,245,.08);color:var(--ink)}
 
-[data-theme="dark"] .qa-run-t{color:#78716C}
+[data-theme="dark"] .qa-run{background:var(--subtle)}
 
-[data-theme="dark"] .qa-done{color:#78716C}
+[data-theme="dark"] .qa-run::after{background:var(--subtle)}
 
-[data-theme="dark"] .qa-done .d{background:#34D399}
+[data-theme="dark"] .qa-spinner{border-color:var(--md-border);border-top-color:var(--indigo)}
 
-[data-theme="dark"] .qa-done.err{color:#F87171}
+[data-theme="dark"] .qa-run-pill{background:rgba(242,251,245,.05);border-color:var(--md-border)}
 
-[data-theme="dark"] .qa-done.err .d{background:#F87171}
+[data-theme="dark"] .qa-run-t{color:var(--muted)}
 
-[data-theme="dark"] .qa-agent-chip{color:#A8A29E;border-color:#3B3835;background:rgba(245,244,243,.05)}
+[data-theme="dark"] .qa-done{color:var(--muted)}
 
-[data-theme="dark"] .qa-agent-chip.run{color:#F06953;background:rgba(240,105,83,.12);border-color:rgba(240,105,83,.35)}
+[data-theme="dark"] .qa-done .d{background:var(--success)}
 
-[data-theme="dark"] .qa-agent-chip.ok{color:#34D399;background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.35)}
+[data-theme="dark"] .qa-done.err{color:var(--fail)}
 
-[data-theme="dark"] .qa-agent-sess{color:#71717A;border-color:#3B3835}
+[data-theme="dark"] .qa-done.err .d{background:var(--fail)}
 
-[data-theme="dark"] .qa-sub-h{color:#525252}
+[data-theme="dark"] .qa-agent-chip{color:var(--muted);border-color:var(--md-border);background:rgba(242,251,245,.05)}
 
-[data-theme="dark"] .qa-sub-n{color:#525252}
+[data-theme="dark"] .qa-agent-chip.run{color:var(--amber);background:rgba(var(--warning-rgb),.16);border-color:rgba(var(--warning-rgb),.36)}
 
-[data-theme="dark"] .qa-note{color:#525252}
+[data-theme="dark"] .qa-agent-chip.ok{color:var(--success);background:rgba(var(--success-rgb),.12);border-color:rgba(var(--success-rgb),.38)}
+
+[data-theme="dark"] .qa-agent-sess{color:var(--muted);border-color:var(--md-border)}
+
+[data-theme="dark"] .qa-sub-h{color:var(--faint)}
+
+[data-theme="dark"] .qa-sub-n{color:var(--faint)}
+
+[data-theme="dark"] .qa-note{color:var(--faint)}
 
 .qa-av.qa-av-sim{display:grid;place-items:center;background:linear-gradient(180deg,var(--cinnabar-hi),var(--cinnabar));color:#FFF7F5}
 
@@ -1209,9 +1346,9 @@
 
 .qa-ask-other button:hover{background:var(--cinnabar-hi);border-color:var(--cinnabar-hi);color:#fff}
 
-[data-theme="dark"] .qa-ask-other button{background:var(--cinnabar);border-color:var(--cinnabar);color:#1C1917}
+[data-theme="dark"] .qa-ask-other button{background:var(--amber);border-color:var(--amber);color:var(--canvas)}
 
-[data-theme="dark"] .qa-ask-other button:hover{background:var(--cinnabar-hi);border-color:var(--cinnabar-hi);color:#1C1917}
+[data-theme="dark"] .qa-ask-other button:hover{background:var(--cinnabar-hi);border-color:var(--cinnabar-hi);color:var(--canvas)}
 
 .qa-tool-name{font-size:10.5px;font-weight:500;color:var(--paper-dim)}
 
@@ -1319,13 +1456,13 @@
 @keyframes qaHistSweep{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
 @keyframes qaHistShimmer{0%{transform:translateX(-100%)}55%,100%{transform:translateX(100%)}}
 
-[data-theme="dark"] .qa-hist-note{background:rgba(255,255,255,.04)}
+[data-theme="dark"] .qa-hist-note{background:rgba(242,251,245,.04)}
 
-[data-theme="dark"] .qa-hist-note.wait{color:#525252}
+[data-theme="dark"] .qa-hist-note.wait{color:var(--faint)}
 
-[data-theme="dark"] .qa-hist-note.lost{border-left-color:#F87171}
+[data-theme="dark"] .qa-hist-note.lost{border-left-color:var(--fail)}
 
-[data-theme="dark"] .qa-hist-lines span{background:rgba(255,255,255,.09)}
+[data-theme="dark"] .qa-hist-lines span{background:rgba(242,251,245,.09)}
 
 [data-theme="dark"] .qa-hist-lines span::after{
   background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}
@@ -1386,17 +1523,17 @@
   background:#F5F4F3;font-family:var(--mono);font-size:10.5px;line-height:1.6;
   color:#57534E;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
 
-[data-theme="dark"] .qa-hist-step{border-color:#3B3835;background:rgba(245,244,243,.02)}
+[data-theme="dark"] .qa-hist-step{border-color:var(--md-border);background:rgba(242,251,245,.02)}
 
-[data-theme="dark"] .qa-hist-step summary:hover{background:rgba(245,244,243,.05)}
+[data-theme="dark"] .qa-hist-step summary:hover{background:rgba(242,251,245,.05)}
 
-[data-theme="dark"] .qa-hist-step summary::after{color:#A8A29E}
+[data-theme="dark"] .qa-hist-step summary::after{color:var(--muted)}
 
-[data-theme="dark"] .qa-hist-step--think{border-left-color:#3B3835}
+[data-theme="dark"] .qa-hist-step--think{border-left-color:var(--md-border)}
 
-[data-theme="dark"] .qa-hist-step-body{color:#D6D3D1}
+[data-theme="dark"] .qa-hist-step-body{color:var(--ink-soft)}
 
-[data-theme="dark"] .qa-hist-step-pre{background:#0F0F10;color:#D6D3D1}
+[data-theme="dark"] .qa-hist-step-pre{background:var(--code);color:var(--ink-soft)}
 
 .qa-msg:not(.qa-mine):not(.qa-sim){flex-direction:column;gap:6px;align-items:stretch}
 
@@ -1515,7 +1652,7 @@
 
 .qa-diff-row.del .s{color:#9E3120}
 
-.qa-diff-row.hunk{background:rgba(79,70,229,.07);color:#4338CA}
+.qa-diff-row.hunk{background:color-mix(in srgb, var(--indigo) 7%, transparent);color:var(--indigo)}
 
 .qa-diff-row.file{background:rgba(28,25,23,.035);color:var(--paper-mute)}
 
@@ -1578,33 +1715,33 @@
 [data-theme="dark"] .qa-cf-bd pre,[data-theme="dark"] .qa-tool-sec pre{
   color:#D6D3D1;background:transparent}
 
-[data-theme="dark"] .qa-tool-bd > * + *,[data-theme="dark"] .qa-fc-hd{border-color:#3B3835}
+[data-theme="dark"] .qa-tool-bd > * + *,[data-theme="dark"] .qa-fc-hd{border-color:var(--md-border)}
 
-[data-theme="dark"] .qa-cf-copy:hover{background:rgba(245,244,243,.09);color:#F5F4F3}
+[data-theme="dark"] .qa-cf-copy:hover{background:rgba(242,251,245,.09);color:var(--ink)}
 
-[data-theme="dark"] .qa-mk-row[data-tog="1"]:hover{background:rgba(245,244,243,.05)}
+[data-theme="dark"] .qa-mk-row[data-tog="1"]:hover{background:rgba(242,251,245,.05)}
 
-[data-theme="dark"] .qa-st{background:rgba(245,244,243,.05);border-color:#3B3835}
+[data-theme="dark"] .qa-st{background:rgba(242,251,245,.05);border-color:var(--md-border)}
 
-[data-theme="dark"] .qa-diff-row .b{background:#3B3835}
+[data-theme="dark"] .qa-diff-row .b{background:var(--md-border)}
 
-[data-theme="dark"] .qa-diff-row.add{background:rgba(52,211,153,.12);color:#6EE7B7}
+[data-theme="dark"] .qa-diff-row.add{background:rgba(var(--success-rgb),.14);color:var(--success)}
 
-[data-theme="dark"] .qa-diff-row.add .s{color:#6EE7B7}
+[data-theme="dark"] .qa-diff-row.add .s{color:var(--success)}
 
-[data-theme="dark"] .qa-diff-row.del{background:rgba(240,105,83,.12);color:#FCA5A5}
+[data-theme="dark"] .qa-diff-row.del{background:rgba(var(--warning-rgb),.16);color:var(--error-text)}
 
-[data-theme="dark"] .qa-diff-row.del .s{color:#FCA5A5}
+[data-theme="dark"] .qa-diff-row.del .s{color:var(--error-text)}
 
-[data-theme="dark"] .qa-diff-row.hunk{background:rgba(129,140,248,.12);color:#A5B4FC}
+[data-theme="dark"] .qa-diff-row.hunk{background:color-mix(in srgb, var(--indigo) 12%, transparent);color:var(--indigo)}
 
-[data-theme="dark"] .qa-diff-row.file{background:rgba(245,244,243,.045);color:#A8A29E}
+[data-theme="dark"] .qa-diff-row.file{background:rgba(242,251,245,.045);color:var(--muted)}
 
 .qa-msg.qa-mine .qa-fold-btn{background:transparent}
 
 .qa-msg.qa-mine .qa-fold-btn:hover{background:rgba(28,25,23,.05)}
 
-[data-theme="dark"] .qa-msg.qa-mine .qa-fold-btn:hover{background:rgba(245,244,243,.07)}
+[data-theme="dark"] .qa-msg.qa-mine .qa-fold-btn:hover{background:rgba(242,251,245,.07)}
 
 .qa-acts{display:flex;align-items:center;justify-content:flex-start;gap:2px;min-width:0}
 
@@ -1624,9 +1761,9 @@
 /* 排队气泡上的「取消排队」：这里要的是**文字**按钮（用户得看懂点它会发生什么），
    所以不复用上面 22×22 的图标尺寸，单开一档。 */
 .qa-msg.qa-mine .qa-acts .qa-act--cancel{width:auto;height:22px;padding:0 8px;border-radius:var(--r-full);
-  font-size:11.5px;line-height:22px;color:var(--queued,#8B5CF6);white-space:nowrap}
-.qa-msg.qa-mine .qa-acts .qa-act--cancel:hover{background:rgba(139,92,246,.12);color:var(--queued,#8B5CF6)}
-[data-theme="dark"] .qa-msg.qa-mine .qa-acts .qa-act--cancel{color:#A98CF5}
+  font-size:11.5px;line-height:22px;color:var(--queued);white-space:nowrap}
+.qa-msg.qa-mine .qa-acts .qa-act--cancel:hover{background:color-mix(in srgb, var(--queued) 12%, transparent);color:var(--queued)}
+[data-theme="dark"] .qa-msg.qa-mine .qa-acts .qa-act--cancel{color:var(--queued)}
 
 .qa-act svg{width:13px;height:13px;display:block;stroke:currentColor;fill:none;
   stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@@ -1637,7 +1774,7 @@
 
 .qa-act-copy.copied .i-ok{display:block;stroke:var(--jade)}
 
-[data-theme="dark"] .qa-act:hover{background:rgba(245,244,243,.09);color:#F5F4F3}
+[data-theme="dark"] .qa-act:hover{background:rgba(242,251,245,.09);color:var(--ink)}
 
 /* ---- 任务列表（qaTodoNode / qaTodoFill，见 29-msg-variants）----
    一族两形：工具卡明细里的「待办清单」与一条应答里唯一那块「任务列表」面板。
@@ -1692,10 +1829,10 @@
   stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
 .qa-todo-panel.open .qa-todo-toggle svg{transform:rotate(180deg)}
 .qa-todo-panel:not(.open) .qa-todo-list{display:none}
-[data-theme="dark"] .qa-todo-hd{background:rgba(245,244,243,.045);border-color:#3B3835}
-[data-theme="dark"] .qa-todo-ico{border-color:#57534E}
-[data-theme="dark"] .qa-todo-row.is-in_progress{color:#F5F4F3}
-[data-theme="dark"] .qa-todo-row.is-completed{color:#A8A29E}
+[data-theme="dark"] .qa-todo-hd{background:rgba(242,251,245,.045);border-color:var(--md-border)}
+[data-theme="dark"] .qa-todo-ico{border-color:var(--faint)}
+[data-theme="dark"] .qa-todo-row.is-in_progress{color:var(--ink)}
+[data-theme="dark"] .qa-todo-row.is-completed{color:var(--muted)}
 
 /* ============================================================================
  * 令牌桥：magic-test 的调色板名字 → 各端宿主已有的令牌（**只用不定义**）
@@ -1708,6 +1845,24 @@
  *   值是「兜底」：宿主给了同名令牌（--ink / --muted / …）就以宿主为准。
  * ========================================================================== */
 :where(:root) {
+  /* 状态色的 **rgb 三通道**（2026-10-25 深色配色收口）：
+     深色覆盖里有一批「同色不同透明度」的叠加底（12 条 .05 / .04 / .03 …），
+     写成 color-mix 会把 alpha 和颜色搅在一起、也没法一行改一处；
+     透传三通道就能写出 rgba(var(--warning-rgb),.14)：**颜色永远跟着主题令牌走**。
+     ⚠️ 不能写成 var(--amber-rgb, 217, 119, 6)：兜底值里有逗号，语法上会被当成三个值。
+     默认值就是本壳的琥珀 / 鎏金 / 玉绿 / 失败红；宿主想让叠加底跟着自己的令牌走，
+     就在自己的 :root 里把 --warning-rgb 等四行改写成对应令牌的 rgb 通道。 */
+  --warning-rgb: 217, 119, 6;
+  --queued-rgb: 232, 199, 122;
+  --success-rgb: 34, 197, 94;
+  --fail-rgb: 248, 113, 113;
+  /* 代码高亮里的「字符串」色：浅色代用的是绿松石 #0F766E（H175）。深色覆盖原来写的是
+     薄荷 #5EEAD4（H166，压在深底上像荧光）—— 直接沿用同一支绿松石，两种主题的代码配色才一致。
+     .md-body a 的「正文链接」默认也走这一支（那几行写成 color:#0F766E;color:var(--syntax-teal,#0F766E)，
+     浅色两个值相同 → 一个像素不变）；深色覆盖再把正文链接显式换成 --amber（「正文里的可点」规则）。
+     不在主题令牌里：它只服务本文件的 .hljs-string / 正文链接，不参与界面配色。 */
+  --syntax-teal: #0F766E;
+
   /* 文字三级（magic-test: paper / paper-dim / paper-mute） */
   --paper: var(--ink);
   --paper-dim: var(--muted);