magic-agent 1.0.3 → 1.0.49

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

@@ -0,0 +1,1638 @@
+/* ============================================================================
+ * conv.css —— 对话内核那套 DOM（`.qa-*`）的**共用皮肤**
+ *
+ * ── 这份文件是什么 ──
+ *   从 magic-test/app.css 里把**对话用到的两族**规则逐字抽出（一字未改）：
+ *     ① `.qa-*`（消息流本体）  ② `.md-body …` / `.hljs-*`（正文与代码高亮 —— 这族不含 `.qa-`，
+ *        按「只抽 .qa-*」会整族漏掉，2026-10-17 的宽度撑破就是这么来的）
+ *   末尾接一层**令牌桥**（见文件末），把 magic-test 那套调色板名字接到各端宿主
+ *   已经有的令牌上。三端共用这一份 DOM 与这一份皮肤，差别只在令牌的**值**。
+ *
+ * ── 怎么改 ──
+ *   观感改这里。⚠️ 抽出之后它就是权威副本：不要再回 magic-test/app.css 改同一批规则
+ *   （那边留着的是历史副本）。要重抽就重跑抽取脚本（见 git 历史里的 tools 一次性脚本）。
+ *   两处「基线值」刻意走令牌、由各端给：
+ *     `--qa-bubble-r` 用户气泡圆角 · `--qa-body-lh` 正文行高
+ *   移动端的 ZCode 基线在 client-ui-mobile/index.html，桌面那套在 client-ui/index.html，
+ *   tests/check-ui-spec.mjs 钉的就是移动端那两个值。
+ *
+ * ── 为什么末尾要那层桥（2026-10-17 的教训）──
+ *   两边的令牌名**同形不同义**：magic-test 的 `--paper` 是**文字色**，
+ *   而组件宿主的 `--canvas` 是**页面底色**。上一版是「把名字逐个替换掉」，
+ *   于是 `.qa-t{color:var(--paper)}` 变成了 `color:var(--canvas)` = 白字白底 ——
+ *   症状是「历史明明回放出来了，屏上却什么都没有」。所以现在：
+ *   皮肤逐字原样，映射集中在末尾那一处，能逐条核对。
+ *
+ * ── 里面为什么还留着一些本壳没有的节点 ──
+ *   其中有少数只服务 magic-test 工作台自己的结构件（会话圆点轨 `#qa-dots` 的
+ *   `.qa-dot*`、需求卡那套 `.qa-reqacts`、回放条 `.qa-hist-*`）—— 本壳没有那些节点，
+ *   这些规则匹配不到任何东西（无害）。刻意不删：内核里有几处类是**运行时拼出来的**
+ *   （`'qa-hist-note ' + (lost ? 'lost' : 'wait')` 这类），静态判断会误判。
+ * ========================================================================== */
+/* ────────────────────────────────────────────────────────────────────────────
+ * 正文那一族（markdown 渲染出来的 DOM 与代码高亮）
+ *
+ * ⚠️ 这些选择器里**没有** `.qa-`（是 `.md-body …` / `.hljs-*`），所以按「只抽 .qa-*」
+ *    的过滤会**整族漏掉** —— 2026-10-17 用户报「宽度没自适应 100%」就是这么来的：
+ *    代码块没有 `overflow-x` 约束，一行长代码把整个会话区撑到 1157px（视口只有 414），
+ *    于是所有正文都被顶出屏幕右侧；顺带标题 / 列表 / 引用 / 表格 / 行内码也全无样式。
+ *    抽取过滤现在放宽到：含 `.qa-` 或 `.md-body` 或 `.hljs` 或 `li.task-li`。
+ * ──────────────────────────────────────────────────────────────────────────── */
+
+.md-body{font-size:12.5px;line-height:1.95;color:var(--paper-dim);word-wrap:break-word}
+
+.md-body>*:first-child{margin-top:0}
+
+.md-body h1,.md-body h2,.md-body h3,.md-body h4,.md-body h5,.md-body h6{font-family:var(--display);font-weight:400;
+  color:var(--paper);letter-spacing:.08em;line-height:1.4;position:relative;scroll-margin-top:10px}
+
+.md-body h1{font-size:19px;margin:1.2em 0 .6em;border-bottom:1px solid var(--line);padding-bottom:.35em}
+
+.md-body h2{font-size:16px;margin:1.3em 0 .5em}
+
+.md-body h2::before{content:"";display:inline-block;width:3px;height:13px;border-radius:2px;margin-right:8px;
+  background:linear-gradient(180deg,#D6402A,#8F2317);vertical-align:-1px}
+
+.md-body h3{font-size:14px;margin:1.15em 0 .45em;color:var(--paper-dim)}
+
+.md-body h4{font-size:12.5px;margin:1.05em 0 .4em;color:var(--paper-mute)}
+
+.md-body h5,.md-body h6{font-size:12px;margin:1em 0 .4em;color:var(--paper-mute);letter-spacing:.14em}
+
+.md-body .h-anc{margin-left:8px;font-family:var(--mono);font-size:10px;color:var(--cinnabar-hi);
+  text-decoration:none;opacity:0;transition:.15s;cursor:pointer}
+
+.md-body .h-anc::before{content:"#"}
+
+.md-body h1:hover .h-anc,.md-body h2:hover .h-anc,.md-body h3:hover .h-anc,
+.md-body h4:hover .h-anc,.md-body h5:hover .h-anc,.md-body h6:hover .h-anc{opacity:.85}
+
+.md-body p{margin:.55em 0}
+
+.md-body ul,.md-body ol{margin:.55em 0;padding-left:1.55em}
+
+.md-body li{margin:.25em 0}
+
+.md-body li>ul,.md-body li>ol{margin:.2em 0}
+
+.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);
+  word-break:break-all;transition:.15s}
+
+.md-body a:hover{color:var(--paper);border-bottom-color:var(--paper)}
+
+.md-body code{font-family:var(--mono);font-size:11px;background:#F7F7F5;border:1px solid var(--line);
+  border-radius:5px;padding:1px 5px;color:#8A6410;word-break:break-all}
+
+.md-body pre{background:#F7F7F5;border:1px solid var(--line);border-radius:9px;padding:12px 14px;
+  overflow-x:auto;margin:.75em 0;position:relative}
+
+.md-body pre code{border:0;padding:0;background:none;color:#44403C;font-size:11px;line-height:1.8;
+  display:block;white-space:pre}
+
+.md-body pre code.language-text,
+.md-body pre code.language-plaintext,
+.md-body pre code.language-txt{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
+
+.md-body pre .code-lang{position:absolute;top:6px;right:9px;font-family:var(--mono);font-size:9px;
+  letter-spacing:.16em;color:var(--paper-mute);opacity:.7}
+
+.md-body .md-mermaid{background:#F7F7F5;border:1px solid var(--line);border-radius:9px;
+  padding:8px 10px;margin:.6em 0;overflow:auto;text-align:center}
+
+.md-body .md-mermaid svg{max-width:100% !important;max-height:320px;width:auto;height:auto;display:inline-block}
+
+.md-body blockquote{border-left:3px solid rgba(214,64,42,.45);margin:.75em 0;padding:.35em .95em;
+  color:var(--paper-mute);background:rgba(214,64,42,.05);border-radius:0 6px 6px 0}
+
+.md-body blockquote p{margin:.25em 0}
+
+.md-body table{border-collapse:collapse;margin:.8em 0;width:100%;font-size:11.5px;
+  border:1px solid var(--line);border-radius:8px;overflow:hidden}
+
+.md-body th,.md-body td{border:1px solid var(--line);padding:5px 9px;text-align:left;vertical-align:top}
+
+.md-body th{background:rgba(28,25,23,.04);color:var(--paper);font-weight:500;font-family:var(--mono);
+  font-size:10px;letter-spacing:.1em;white-space:nowrap}
+
+.md-body tbody tr:nth-child(even){background:rgba(28,25,23,.02)}
+
+.md-body th[align="center"],.md-body td[align="center"]{text-align:center}
+
+.md-body th[align="right"],.md-body td[align="right"]{text-align:right}
+
+.md-body hr{border:0;border-top:1px solid var(--line);margin:1.2em 0}
+
+.md-body strong{color:var(--paper);font-weight:600}
+
+.md-body em{color:var(--paper-dim);font-style:italic}
+
+.md-body del{color:var(--paper-mute);text-decoration:line-through}
+
+.md-body img{max-width:100%;border:1px solid var(--line);border-radius:8px;margin:.5em 0;display:block}
+
+.md-body li.task-li{list-style:none;display:flex;flex-wrap:wrap;gap:0 7px;align-items:flex-start;
+  margin-left:-1.25em}
+
+.md-body li.task-li .bx{flex:none;width:13px;height:13px;margin-top:4px;border:1px solid #A8A29E;
+  border-radius:3px;display:grid;place-items:center;font-size:9px;color:transparent;font-family:var(--mono)}
+
+.md-body li.task-li.done .bx{background:rgba(15,118,110,.15);border-color:rgba(15,118,110,.5);color:#0F766E}
+
+.md-body li.task-li.done .tx{color:var(--paper-mute);text-decoration:line-through}
+
+.md-body li.task-li .tx{flex:1;min-width:0}
+
+.md-body li.task-li>ul,.md-body li.task-li>ol{flex-basis:100%}
+
+.md-body li.task-li .tx>p:first-child{margin-top:0}
+
+.md-body li.task-li .tx>p:last-child{margin-bottom:0}
+
+.md-body pre code.hljs{color:#57534E}
+
+.md-body .hljs-comment,.md-body .hljs-quote{color:#78716C;font-style:italic}
+
+.md-body .hljs-keyword,.md-body .hljs-selector-tag,.md-body .hljs-literal,
+.md-body .hljs-section,.md-body .hljs-link{color:#B91C1C}
+
+.md-body .hljs-string,.md-body .hljs-attr,.md-body .hljs-template-tag,
+.md-body .hljs-addition{color:#0F766E}
+
+.md-body .hljs-number,.md-body .hljs-built_in,.md-body .hljs-type,
+.md-body .hljs-params,.md-body .hljs-meta{color:#92670A}
+
+.md-body .hljs-title,.md-body .hljs-title.function_,.md-body .hljs-title.class_,
+.md-body .hljs-name,.md-body .hljs-selector-id,.md-body .hljs-selector-class{color:#8A6410}
+
+.md-body .hljs-variable,.md-body .hljs-template-variable,.md-body .hljs-attribute,
+.md-body .hljs-tag,.md-body .hljs-regexp{color:#8A6410}
+
+.md-body .hljs-symbol,.md-body .hljs-bullet,.md-body .hljs-doctag,
+.md-body .hljs-deletion{color:#D6402A}
+
+.md-body .hljs-emphasis{font-style:italic}
+
+.md-body .hljs-strong{font-weight:600;color:var(--paper)}
+
+.qa-t.md-body{white-space:normal;line-height:1.55}
+
+.qa-t.md-body > *:first-child{margin-top:0}
+
+.qa-t.md-body > *:last-child{margin-bottom:0}
+
+.qa-t.md-body p{margin:5px 0}
+
+.qa-t.md-body h1,.qa-t.md-body h2,.qa-t.md-body h3,
+.qa-t.md-body h4,.qa-t.md-body h5,.qa-t.md-body h6{
+  font-family:var(--display);color:var(--paper);margin:12px 0 4px;
+  font-weight:600;line-height:1.35;letter-spacing:.02em}
+
+.qa-t.md-body h1{font-size:17px}
+
+.qa-t.md-body h2{font-size:15px}
+
+.qa-t.md-body h3{font-size:14px}
+
+.qa-t.md-body h4{font-size:13px}
+
+.qa-t.md-body ul,.qa-t.md-body ol{margin:4px 0 4px 20px;padding:0}
+
+.qa-t.md-body li{margin:1px 0;line-height:1.6}
+
+.qa-t.md-body li.task-li{list-style:none;margin-left:-20px}
+
+.qa-t.md-body a{color:var(--cinnabar-hi);text-decoration:none;border-bottom:1px dashed currentColor}
+
+.qa-t.md-body a:hover{color:var(--paper);border-bottom-style:solid}
+
+.qa-t.md-body a[data-local]{cursor:pointer}
+
+.qa-t.md-body code{font-family:var(--mono);font-size:.92em;
+  padding:1px 5px;border-radius:5px;background:rgba(28,25,23,.06);
+  border:1px solid var(--line);color:var(--paper)}
+
+.qa-t.md-body pre{position:relative;margin:8px 0;padding:11px 12px 11px 14px;
+  border:1px solid var(--line);border-radius:10px;background:#FCFBF9;
+  overflow-x:auto;white-space:pre}
+
+.qa-t.md-body pre code{display:block;padding:0;background:none;border:none;
+  font-size:12px;line-height:1.55;color:#57534E;white-space:pre}
+
+.qa-t.md-body .code-lang{position:absolute;top:6px;right:10px;
+  font-family:var(--mono);font-size:9.5px;color:var(--paper-mute);
+  text-transform:uppercase;letter-spacing:.1em}
+
+.qa-t.md-body blockquote{margin:6px 0;padding:3px 10px;
+  border-left:3px solid var(--cinnabar);color:var(--paper-dim);
+  background:rgba(214,64,42,.04);border-radius:0 6px 6px 0}
+
+.qa-t.md-body blockquote p{margin:2px 0}
+
+.qa-t.md-body hr{border:none;border-top:1px solid var(--line);margin:10px 0}
+
+.qa-t.md-body table{border-collapse:collapse;margin:6px 0;font-size:12px}
+
+.qa-t.md-body th,.qa-t.md-body td{border:1px solid var(--line);padding:4px 8px;text-align:left}
+
+.qa-t.md-body th{background:rgba(28,25,23,.04);font-family:var(--display);font-weight:600}
+
+.qa-t.md-body img{max-width:min(180px,100%);max-height:120px;width:auto;height:auto;
+  object-fit:contain;border-radius:6px;border:1px solid var(--line);cursor:zoom-in}
+
+.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 pre{background:#1C1C1E;border-color:#3B3835}
+
+[data-theme="dark"] .qa-t.md-body pre code{color:#E5E5E5}
+
+[data-theme="dark"] .qa-t.md-body th{background:rgba(245,244,243,.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 blockquote{background:rgba(245,244,243,.04);border-color:#3B3835}
+
+[data-theme="dark"] .qa-t.md-body blockquote p{color:#A8A29E}
+
+[data-theme="dark"] .md-body code{background:#2B2B2E;border-color:#3B3835;color:#E5E5E5}
+
+[data-theme="dark"] .md-body pre{background:#1C1C1E;border-color:#3B3835}
+
+[data-theme="dark"] .md-body .md-mermaid{background:#1C1C1E;border-color:#3B3835}
+
+[data-theme="dark"] .md-body pre code{color:#E5E5E5}
+
+[data-theme="dark"] .md-body pre code.hljs{color:#D6D3D1}
+
+[data-theme="dark"] .md-body a{color:#F06953}
+
+[data-theme="dark"] .md-body a:hover{color:#F5F4F3;border-bottom-color:#F5F4F3}
+
+[data-theme="dark"] .md-body th{background:rgba(245,244,243,.05)}
+
+[data-theme="dark"] .md-body td,
+[data-theme="dark"] .md-body th{border-color:#3B3835}
+
+[data-theme="dark"] .md-body tbody tr:nth-child(even){background:rgba(245,244,243,.03)}
+
+[data-theme="dark"] .md-body blockquote{background:rgba(240,105,83,.07)}
+
+[data-theme="dark"] .md-body hr{border-color:#3B3835}
+
+[data-theme="dark"] .md-body img{border-color:#3B3835}
+
+[data-theme="dark"] .md-body .hljs-comment,
+[data-theme="dark"] .md-body .hljs-quote{color:#A8A29E}
+
+[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-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-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-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-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-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 li.task-li .bx{border-color:#525252}
+
+[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"] .qa-t.md-body a{color:#F06953}
+
+[data-theme="dark"] .qa-t.md-body a:hover{color:#F5F4F3}
+
+[data-theme="dark"] .qa-t.md-body hr{border-color:#3B3835}
+
+[data-theme="dark"] .qa-t.md-body img{border-color:#3B3835}
+
+.qa-t.md-body h2{font-size:16.5px}
+
+.qa-t.md-body h2::before{width:2px;height:14px;opacity:.75}
+
+.qa-msg.qa-mine .qa-t.md-body pre,.qa-msg.qa-sim .qa-t.md-body pre,
+.qa-msg.qa-mine .qa-t.md-body table,.qa-msg.qa-sim .qa-t.md-body table,
+.qa-msg.qa-mine .qa-t.md-body blockquote,
+.qa-msg.qa-sim .qa-t.md-body blockquote{text-align:left}
+
+.qa-msg.qa-mine .qa-t.md-body ul,.qa-msg.qa-mine .qa-t.md-body ol,
+.qa-msg.qa-sim .qa-t.md-body ul,.qa-msg.qa-sim .qa-t.md-body ol{list-style-position:inside;margin:4px 20px 4px 0}
+
+.qa-msg.qa-mine .qa-t.md-body li.task-li,.qa-msg.qa-sim .qa-t.md-body li.task-li{margin-left:0}
+
+
+.qa-scroll{display:none;flex:1;min-height:0;overflow-y:auto;margin:4px 0 14px;
+  scrollbar-width:thin;padding:4px 2px}
+
+.qa-scroll::-webkit-scrollbar{width:7px}
+
+.qa-scroll::-webkit-scrollbar-thumb{background:#D6D3D1;border-radius:7px}
+
+#view-chat.chat-mode .qa-scroll{display:flex;flex-direction:column;overflow:hidden;
+  /* ⚠️ 下边距保持 14px 不变 —— 用户 2026-09-17：「要浮在上层 不要影响对话内容区域的高度」。
+     对话框右上角那只「大喵」是**浮层**（.ag-mascot），压在消息卡片右下角之上即可，
+     绝不允许为了它给卡片留带子 / 缩卡片 —— 曾试过留一条 88px 立身带，卡片白矮 74px，
+     用户当场否掉。卡片高度只由视口与输入框决定，吉祥物不改任何布局尺寸。 */
+  margin:0 0 14px;padding:0;scrollbar-width:none}
+
+#view-chat.chat-mode .qa-scroll::-webkit-scrollbar{display:none;width:0;height:0}
+
+#view-chat.chat-mode .qa-stream{flex:1;min-height:0;margin-top:0;
+  overflow-y:auto;scrollbar-width:none}
+
+#view-chat.chat-mode .qa-stream::-webkit-scrollbar{display:none;width:0;height:0}
+
+.qa-dots{position:absolute;left:-26px;top:0;bottom:0;width:14px;z-index:2;
+  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;
+  max-height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}
+
+.qa-dots[hidden]{display:none}
+
+.qa-dots::-webkit-scrollbar{display:none;width:0;height:0}
+
+.qa-dot{flex:none;width:7px;height:7px;padding:0;border:0;border-radius:50%;
+  background:#D6D3D1;cursor:pointer;
+  transition:background .16s,transform .16s}
+
+.qa-dot:hover{background:var(--paper-mute);transform:scale(1.4)}
+
+.qa-dot.on{background:var(--cinnabar-hi);transform:scale(1.4)}
+
+.qa-dot:focus-visible{outline:2px solid var(--cinnabar-hi);outline-offset:2px}
+
+.qa-dotgap{flex:none;width:2px;height:7px;border-radius:1px;background:#D6D3D1}
+
+.qa-dotgap.on{background:var(--cinnabar-hi)}
+
+[data-theme="dark"] .qa-dotgap{background:#57534E}
+
+.qa-msg.qa-jump .qa-bd{animation:qaJumpFlash 1.2s ease-out 1}
+
+[data-theme="dark"] .qa-msg.qa-jump .qa-bd{animation-name:qaJumpFlashDark}
+
+@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:hover:not(.on){background:#A8A29E}
+
+@media (prefers-reduced-motion: reduce){.qa-dot{transition:none}}
+
+.qa-stream{margin-top:22px;display:flex;flex-direction:column;gap:2px;
+  /* padding-bottom:6px：生成中胶囊贴角（原 18px，2026-09-17 用户「离左下角更近一些」；
+     贴底距离全部由它承担，见 .qa-run 的几何说明） */
+  padding:18px 22px 6px;border:1px solid var(--line);border-radius:16px;background:#FFFFFF}
+
+.qa-stream[hidden]{display:none}
+
+.qa-msg{--qa-av:22px;display:flex;gap:10px;align-items:flex-start;padding:7px 2px}
+
+.qa-ico{position:relative;isolation:isolate;width:var(--qa-av);height:var(--qa-av);flex:none;border-radius:8px;border:none;
+  display:grid;place-items:center;color:var(--paper-dim);--h:var(--halo-c-base)}
+
+.qa-ico::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;
+  background:var(--h);filter:blur(3px);pointer-events:none}
+
+.qa-ico svg{width:15px;height:15px;display:block;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
+
+.qa-av,.qa-av-txt{width:100%;height:100%;display:block;border-radius:inherit}
+
+.qa-av{overflow:hidden}
+
+.qa-av-img{width:126%;height:126%;margin:-13% 0 0 -13%;display:block;object-fit:cover;
+  -webkit-user-drag:none}
+
+.qa-av-txt{display:grid;place-items:center;background:linear-gradient(180deg,#FDF3F0,#F8E3DD);
+  color:var(--cinnabar-hi);font-family:var(--display);font-size:11px;line-height:1;
+  letter-spacing:0;user-select:none}
+
+.qa-msg.qa-mine .qa-ico{color:var(--cinnabar-hi);--h:var(--halo-c-red)}
+
+.qa-bd{flex:1;min-width:0;padding-top:5px}
+
+.qa-msg.qa-mine,.qa-msg.qa-sim{flex-direction:row-reverse;justify-content:flex-start}
+
+/* 用户气泡：圆角走令牌 —— 移动端的 ZCode 基线是 12px 4px 12px 12px
+   （ConversationUserInputBubble.tsx:27 rounded-xl + rounded-tr-xs），桌面端是整圆角；
+   皮肤三端一份，具体值由各端在自己页里的 `--qa-bubble-r` 给（缺省 = 桌面那套）。 */
+.qa-msg.qa-mine .qa-bd{padding:10px 14px;
+  border:1px solid var(--line);border-radius:var(--qa-bubble-r,14px 5px 14px 14px);
+  background:linear-gradient(180deg,#FBF9F7,#F5F1ED)}
+
+.qa-msg.qa-review .qa-bd{padding-top:5px}
+
+.qa-msg.qa-review .qa-ico{color:var(--amber);--h:var(--halo-c-base)}
+
+.qa-msg.qa-engine .qa-bd{padding-top:5px}
+
+.qa-engine-cap{margin:0 0 6px}
+
+.qa-engine-fold,.qa-fold{max-height:250px;overflow:hidden;
+  -webkit-mask-image:linear-gradient(180deg,#000 76%,transparent);
+  mask-image:linear-gradient(180deg,#000 76%,transparent)}
+
+.qa-engine-fold.on,.qa-fold.on{max-height:none;-webkit-mask-image:none;mask-image:none}
+
+.qa-fold-btn{display:inline-block;margin-top:6px;font-family:var(--mono);font-size:10px;letter-spacing:.05em;
+  padding:2px 10px;border-radius:6px;border:1px solid var(--line);background:#FFF;color:var(--paper-dim);
+  cursor:pointer;transition:.15s}
+
+.qa-fold-btn:hover{border-color:#A8A29E;color:var(--paper)}
+
+[data-theme="dark"] .qa-fold-btn{background:#1C1C1E;border-color:#3B3835;color:#D6D3D1}
+
+.qa-revshots img{max-width:150px;max-height:104px}
+
+.qa-revmiss{margin:8px 0 0}
+
+.qa-msg.qa-clickable{cursor:pointer}
+
+.qa-revshots-hint{margin:6px 0 0}
+
+.qa-av-txt.qa-av-rev{background:linear-gradient(180deg,#FBF1DD,#F3E3C4);color:#92620E}
+
+.qa-t{font-size:13px;color:var(--paper);letter-spacing:.02em;line-height:1.6;
+  white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
+
+/* 正文行高同理走令牌：移动端的 ZCode 基线是 28px（ai-elements/message.tsx leading-[1.75]），
+   桌面端更紧（13px 字号配 28px 会松得难看）—— 值由各端的 `--qa-body-lh` 给。 */
+.qa-t.md-body{white-space:normal;line-height:var(--qa-body-lh,1.55)}
+
+.qa-atts{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
+
+.qa-atts img{max-width:168px;max-height:120px;width:auto;height:auto;margin:0;object-fit:cover}
+
+.qa-atts img,.ag-att .thumb{cursor:zoom-in}
+
+.qa-atts img:hover,.ag-att .thumb:hover{filter:brightness(1.05)}
+
+.qa-arts{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:8px}
+
+.qa-arts-cap{margin-top:10px;font-family:var(--mono);font-size:10px;color:var(--paper-mute)}
+
+.qa-arts-cap + .qa-arts{margin-top:4px}
+
+.qa-art{border:1px solid var(--line);border-radius:10px;background:#FCFBF9;
+  overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s}
+
+.qa-art:hover{border-color:var(--cinnabar-hi);box-shadow:0 2px 10px rgba(28,25,23,.08)}
+
+.qa-art-image{border:0;background:transparent;border-radius:0}
+
+.qa-art-image:hover{box-shadow:none}
+
+.qa-art-image img{display:block;max-width:220px;max-height:150px;width:auto;height:auto;
+  margin:0;object-fit:cover;border:1px solid var(--line);border-radius:8px}
+
+.qa-art-video video{display:block;max-width:280px;max-height:190px;background:#000}
+
+.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;
+  font-size:12px;color:var(--paper-dim)}
+
+.qa-art-file .qa-art-cap{padding:8px 10px}
+
+/* 按类型分行（2026-10-20 用户：「按类型分类显示 要么就宽高一致」）：
+   qaArtMount 按 图 / 视频 / 音频 / 文件 各起一行（.qa-arts-<kind>），行内再统一格子尺寸 ——
+   图固定 200×134 裁切铺满、文档卡固定 200 宽、播放器固定 220 宽。 */
+.qa-arts-image .qa-art-image img{width:200px;height:134px}
+
+.qa-arts-file{display:grid;grid-template-columns:repeat(auto-fill,200px);gap:8px}
+
+.qa-arts-file .qa-art-file{width:200px}
+
+.qa-arts-file .qa-art-cap{max-width:none}
+
+.qa-arts .qa-arts-video video{width:220px;height:140px;object-fit:cover}
+
+.qa-arts .qa-arts-audio audio{width:220px;margin:0}
+
+.qa-arts-video .qa-art-cap,.qa-arts-audio .qa-art-cap{max-width:220px}
+
+.qa-art-nm{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+
+.qa-art-sz{flex:0 0 auto;font-size:11px;color:var(--paper-mute);
+  font-variant-numeric:tabular-nums}
+
+.qa-art-ext{flex:0 0 auto;padding:1px 5px;border-radius:5px;font-family:var(--mono);
+  font-size:9.5px;letter-spacing:.06em;color:var(--cinnabar-hi);
+  background:rgba(214,64,42,.09);border:1px solid rgba(214,64,42,.22)}
+
+.qa-art-go{flex:0 0 auto;font-size:11px;color:var(--cinnabar-hi);opacity:0;transition:opacity .15s}
+
+.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: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)}
+
+.qa-msg.qa-mine .qa-arts,.qa-msg.qa-sim .qa-arts{justify-content:flex-end}
+
+.qa-t.md-body > *:first-child{margin-top:0}
+
+.qa-t.md-body > *:last-child{margin-bottom:0}
+
+.qa-t.md-body p{margin:5px 0}
+
+.qa-t.md-body h1,.qa-t.md-body h2,.qa-t.md-body h3,
+.qa-t.md-body h4,.qa-t.md-body h5,.qa-t.md-body h6{
+  font-family:var(--display);color:var(--paper);margin:12px 0 4px;
+  font-weight:600;line-height:1.35;letter-spacing:.02em}
+
+.qa-t.md-body h1{font-size:17px}
+
+.qa-t.md-body h2{font-size:15px}
+
+.qa-t.md-body h3{font-size:14px}
+
+.qa-t.md-body h4{font-size:13px}
+
+.qa-t.md-body ul,.qa-t.md-body ol{margin:4px 0 4px 20px;padding:0}
+
+.qa-t.md-body li{margin:1px 0;line-height:1.6}
+
+.qa-t.md-body li.task-li{list-style:none;margin-left:-20px}
+
+.qa-t.md-body a{color:var(--cinnabar-hi);text-decoration:none;border-bottom:1px dashed currentColor}
+
+.qa-t.md-body a:hover{color:var(--paper);border-bottom-style:solid}
+
+.qa-t.md-body a[data-local]{cursor:pointer}
+
+.qa-t.md-body code{font-family:var(--mono);font-size:.92em;
+  padding:1px 5px;border-radius:5px;background:rgba(28,25,23,.06);
+  border:1px solid var(--line);color:var(--paper)}
+
+.qa-t.md-body pre{position:relative;margin:8px 0;padding:11px 12px 11px 14px;
+  border:1px solid var(--line);border-radius:10px;background:#FCFBF9;
+  overflow-x:auto;white-space:pre}
+
+.qa-t.md-body pre code{display:block;padding:0;background:none;border:none;
+  font-size:12px;line-height:1.55;color:#57534E;white-space:pre}
+
+.qa-t.md-body .code-lang{position:absolute;top:6px;right:10px;
+  font-family:var(--mono);font-size:9.5px;color:var(--paper-mute);
+  text-transform:uppercase;letter-spacing:.1em}
+
+.qa-t.md-body blockquote{margin:6px 0;padding:3px 10px;
+  border-left:3px solid var(--cinnabar);color:var(--paper-dim);
+  background:rgba(214,64,42,.04);border-radius:0 6px 6px 0}
+
+.qa-t.md-body blockquote p{margin:2px 0}
+
+.qa-t.md-body hr{border:none;border-top:1px solid var(--line);margin:10px 0}
+
+.qa-t.md-body table{border-collapse:collapse;margin:6px 0;font-size:12px}
+
+.qa-t.md-body th,.qa-t.md-body td{border:1px solid var(--line);padding:4px 8px;text-align:left}
+
+.qa-t.md-body th{background:rgba(28,25,23,.04);font-family:var(--display);font-weight:600}
+
+.qa-t.md-body img{max-width:min(180px,100%);max-height:120px;width:auto;height:auto;
+  object-fit:contain;border-radius:6px;border:1px solid var(--line);cursor:zoom-in}
+
+.qa-t.md-body img:hover{filter:brightness(1.05)}
+
+.qa-t .qa-tail{white-space:pre-wrap}
+
+.qa-t .qa-tail.streaming::after{content:"";display:inline-block;width:6px;height:13px;
+  margin-left:2px;vertical-align:-2px;background:var(--cinnabar-hi);
+  border-radius:1.5px;animation:qaCaret 1s steps(1) infinite}
+
+.qa-think{margin-top:3px}
+
+.qa-think-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none;
+  font-size:10.5px;color:var(--paper-mute);letter-spacing:.08em}
+
+.qa-think-toggle::before{content:"";width:7px;height:7px;border-radius:50%;
+  background:var(--paper-mute);opacity:.55}
+
+.qa-think.live .qa-think-toggle{color:var(--paper-dim)}
+
+.qa-think.live .qa-think-toggle::before{background:var(--cinnabar-hi);opacity:1;
+  animation:qaThinkPulse 1.4s ease-in-out infinite}
+
+.qa-think-dur{font-family:var(--mono);font-size:9.5px;letter-spacing:.05em;color:var(--paper-mute)}
+
+.qa-think-toggle .chev{transition:transform .2s}
+
+.qa-think.open .qa-think-toggle .chev{transform:rotate(180deg)}
+
+.qa-think-bd{display:none;margin-top:5px;padding:8px 12px;border-left:2px solid var(--line);
+  font-family:var(--serif);font-size:11.5px;font-style:italic;color:var(--paper-mute);
+  line-height:1.7;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
+
+.qa-think.open .qa-think-bd{display:block}
+
+.qa-tools{margin-top:3px}
+
+.qa-tools-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none;
+  font-size:10.5px;color:var(--paper-mute);letter-spacing:.08em}
+
+.qa-tools-toggle::before{content:"";width:7px;height:7px;border-radius:50%;
+  background:var(--paper-mute);opacity:.55}
+
+.qa-tools.live .qa-tools-toggle{color:var(--paper-dim)}
+
+.qa-tools.live .qa-tools-toggle::before{background:var(--jade);opacity:1;
+  animation:qaThinkPulse 1.4s ease-in-out infinite}
+
+.qa-tools-count{font-family:var(--mono);font-size:9.5px;letter-spacing:.05em;color:var(--paper-mute)}
+
+.qa-tools-dur{font-family:var(--mono);font-size:9.5px;letter-spacing:.05em;color:var(--paper-mute)}
+
+.qa-tools-toggle .chev{transition:transform .2s}
+
+.qa-tools.open .qa-tools-toggle .chev{transform:rotate(180deg)}
+
+.qa-tools-bd{display:none}
+
+.qa-tools.open .qa-tools-bd{display:block;margin:4px 0 2px 2px;padding-left:10px;
+  border-left:2px solid var(--line)}
+
+.qa-turn{margin:4px 0 2px;border:1px solid var(--line);border-radius:10px;
+  background:#FCFBF9;overflow:hidden}
+
+.qa-turn-sum{display:flex;align-items:center;gap:8px;padding:5px 10px;
+  cursor:pointer;user-select:none;list-style:none;
+  font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--paper-mute)}
+
+.qa-turn-sum::-webkit-details-marker{display:none}
+
+.qa-turn-sum::after{content:"›";flex:none;margin-left:auto;
+  font-family:var(--mono);font-size:12px;color:var(--paper-mute);opacity:.7;
+  transition:transform .18s}
+
+.qa-turn[open] .qa-turn-sum::after{transform:rotate(90deg)}
+
+.qa-turn-sum:hover{background:rgba(28,25,23,.03)}
+
+.qa-turn-t{flex:none;color:var(--paper-dim)}
+
+.qa-turn-n{flex:none;color:var(--paper-mute);opacity:.75}
+
+.qa-turn-bd{padding:2px 10px 6px;border-top:1px solid var(--line)}
+
+.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-sum:hover{background:rgba(245,244,243,.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}
+
+.qa-tool.qa-tool-alone{margin:3px 0 1px;border-left:2px solid rgba(28,25,23,.22)}
+
+.qa-tool.qa-tool-alone[data-state="ok"],.qa-tool.qa-tool-alone[data-state="err"]{
+  border-left-color:rgba(28,25,23,.22)}
+
+.qa-tool+.qa-tool{margin-top:3px}
+
+.qa-tool-head{display:flex;align-items:center;gap:8px;padding:5px 10px;cursor:pointer;
+  user-select:none;min-width:0}
+
+.qa-tool-head:hover{background:rgba(28,25,23,.035)}
+
+.qa-tool-ico{width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:6px;
+  background:rgba(28,25,23,.05);color:var(--paper-dim)}
+
+.qa-tool-ico svg{width:11px;height:11px;display:block;stroke:currentColor;fill:none;
+  stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
+
+.qa-tool-name{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--paper);
+  letter-spacing:.02em;flex:none}
+
+.qa-tool-args{flex:1;min-width:0;font-family:var(--mono);font-size:10px;color:var(--paper-mute);
+  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+
+.qa-tool-args.qa-desc{font-family:inherit;font-size:11.5px;color:var(--paper-dim)}
+
+.qa-tool.qa-tool-alone .qa-tool-args.qa-desc{font-size:12px;color:var(--paper)}
+
+.qa-tool-meta{display:flex;align-items:center;gap:7px;flex:none;margin-left:auto}
+
+.qa-tool-dur{font-family:var(--mono);font-size:9px;color:var(--paper-mute);letter-spacing:.04em;min-width:30px;text-align:right}
+
+.qa-tool-st{width:12px;height:12px;display:grid;place-items:center}
+
+.qa-tool-st svg{width:10px;height:10px;display:block;stroke-width:2.6;fill:none;
+  stroke-linecap:round;stroke-linejoin:round}
+
+.qa-tool-st .i-ok{stroke:var(--jade)}
+
+.qa-tool-st .i-err{stroke:var(--cinnabar-hi)}
+
+.qa-tool-st .i-ok,.qa-tool-st .i-err{display:none}
+
+.qa-tool[data-state="running"] .qa-tool-st::before{content:"";width:9px;height:9px;border-radius:50%;
+  border:1.5px solid rgba(28,25,23,.12);border-top-color:var(--paper-dim);animation:qaSpin .8s linear infinite}
+
+.qa-tool[data-state="ok"] .qa-tool-st .i-ok{display:block}
+
+.qa-tool[data-state="err"] .qa-tool-st .i-err{display:block}
+
+.qa-tool .chev{width:10px;height:10px;stroke:var(--paper-mute);stroke-width:2.2;fill:none;
+  stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
+
+.qa-tool.open .chev{transform:rotate(180deg)}
+
+.qa-tool[data-state="ok"],.qa-tool[data-state="err"]{background:transparent;border-color:transparent}
+
+.qa-tool[data-state="ok"] .qa-tool-head:hover,.qa-tool[data-state="err"] .qa-tool-head:hover{background:rgba(28,25,23,.03);border-radius:8px}
+
+.qa-tool-bd{display:none;border-top:1px dashed var(--line);margin:0 10px;padding:7px 2px 9px}
+
+.qa-tool.open .qa-tool-bd{display:block}
+
+.qa-tool-sec+.qa-tool-sec{margin-top:7px}
+
+.qa-tool-sec .k{display:block;font-family:var(--mono);font-size:9px;color:var(--paper-mute);
+  letter-spacing:.14em;text-transform:uppercase}
+
+.qa-tool-sec pre{margin:3px 0 0;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}
+
+.qa-tool.qa-agent{border-left:3px solid var(--cinnabar-hi)}
+
+.qa-agent-chip{font-family:var(--mono);font-size:9px;letter-spacing:.06em;padding:1.5px 7px;
+  border-radius:99px;border:1px solid var(--line);color:var(--paper-mute);
+  background:rgba(28,25,23,.03);white-space:nowrap}
+
+.qa-agent-chip.run{color:var(--cinnabar-hi);border-color:rgba(178,58,44,.35);
+  background:rgba(178,58,44,.06);animation:qaChipPulse 1.6s ease-in-out infinite}
+
+.qa-agent-chip.ok{color:var(--jade);border-color:rgba(90,143,104,.4);background:rgba(90,143,104,.07)}
+
+.qa-sub{margin:8px 0 2px;padding:2px 0 2px 10px;border-left:2px solid var(--line)}
+
+.qa-sub-h{font-family:var(--mono);font-size:9px;color:var(--paper-mute);
+  letter-spacing:.14em;text-transform:uppercase;margin:2px 0 4px}
+
+.qa-sub .qa-tool{margin:2px 0}
+
+.qa-sub-t{font-size:12px;line-height:1.65;color:var(--paper);white-space:pre-wrap;
+  word-break:break-word;overflow-wrap:anywhere;margin:4px 0}
+
+.qa-sub-n{font-family:var(--mono);font-size:10px;line-height:1.6;color:var(--paper-mute);
+  white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;margin:3px 0}
+
+.qa-note{margin:6px 0 2px;font-family:var(--mono);font-size:10px;color:var(--paper-mute);
+  letter-spacing:.03em}
+
+.qa-ask{margin:8px 0 2px;border:1px solid var(--line);border-left:3px solid var(--indigo);
+  border-radius:10px;background:#FCFBF9;padding:9px 11px 10px}
+
+.qa-ask-hd{display:flex;align-items:center;gap:7px;margin-bottom:7px}
+
+.qa-ask-ico{width:18px;height:18px;flex:none;display:grid;place-items:center;border-radius:6px;
+  background:var(--halo-indigo);color:var(--indigo)}
+
+.qa-ask-ico svg{width:11px;height:11px;display:block;stroke:currentColor;fill:none;
+  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)}
+
+.qa-ask-ttl{font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--paper-mute);margin-left:auto}
+
+.qa-ask-qb+.qa-ask-qb{margin-top:10px;padding-top:9px;border-top:1px dashed var(--line)}
+
+.qa-ask-q{font-size:13px;line-height:1.62;color:var(--paper);white-space:pre-wrap;
+  word-break:break-word;overflow-wrap:anywhere;margin:0 0 8px}
+
+.qa-ask-chip{display:inline-block;font-family:var(--mono);font-size:9px;letter-spacing:.06em;
+  padding:1px 6px;margin-right:6px;border-radius:5px;background:rgba(28,25,23,.05);
+  color:var(--paper-dim);vertical-align:1px}
+
+.qa-ask-opts{display:flex;flex-direction:column;gap:5px}
+
+.qa-ask-opt{display:flex;gap:9px;align-items:flex-start;width:100%;text-align:left;
+  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 .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)}
+
+.qa-ask-opt .mk svg{width:9px;height:9px;display:none;stroke:currentColor;fill:none;
+  stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
+
+.qa-ask-opt .tx{min-width:0;flex:1}
+
+.qa-ask-opt .lb{display:block;font-size:12.5px;line-height:1.45;color:var(--paper);font-weight:600;
+  word-break:break-word;overflow-wrap:anywhere}
+
+.qa-ask-opt .ds{display:block;font-size:11px;line-height:1.55;color:var(--paper-mute);margin-top:2px;
+  word-break:break-word;overflow-wrap:anywhere}
+
+.qa-ask-opt.sel{border-color:var(--indigo);background:var(--halo-indigo)}
+
+.qa-ask-opt.sel .mk{border-color:var(--indigo);background:var(--indigo);color:#fff}
+
+.qa-ask-opt.sel .mk svg{display:block}
+
+.qa-ask-other{display:flex;gap:6px;margin-top:7px}
+
+.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 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-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;
+  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;
+  color:var(--paper-mute)}
+
+.qa-ask-hint{font-family:var(--mono);font-size:9.5px;letter-spacing:.03em;color:var(--paper-mute)}
+
+.qa-ask[data-answered="1"] .qa-ask-opts{pointer-events:none}
+
+.qa-ask[data-answered="1"] .qa-ask-opt:not(.sel){opacity:.45}
+
+.qa-ask[data-answered="1"] .qa-ask-other,.qa-ask[data-answered="1"] .qa-ask-ft{display:none}
+
+.qa-ask-ans{margin-top:8px;padding-top:7px;border-top:1px dashed var(--line)}
+
+.qa-ask-ans .k{display:block;font-family:var(--mono);font-size:9px;color:var(--paper-mute);
+  letter-spacing:.14em;text-transform:uppercase;margin-bottom:2px}
+
+.qa-ask-ans .v{font-size:12.5px;line-height:1.6;color:var(--jade);white-space:pre-wrap;
+  word-break:break-word;overflow-wrap:anywhere}
+
+.qa-askdock{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;
+  margin:0 0 10px;padding:2px;max-height:52vh;overflow-y:auto;scrollbar-width:thin}
+
+.qa-askdock[hidden]{display:none}
+
+.qa-askdock::-webkit-scrollbar{width:7px}
+
+.qa-askdock::-webkit-scrollbar-thumb{background:#D6D3D1;border-radius:7px}
+
+.qa-askdock>.qa-ask{margin:0;background:#FFFFFF;box-shadow:0 6px 20px rgba(28,25,23,.07)}
+
+.qa-ask-x{flex:none;width:20px;height:20px;padding:0;border:none;border-radius:6px;background:none;
+  color:var(--paper-mute);font-size:14px;line-height:1;cursor:pointer;transition:.15s}
+
+.qa-ask-x:hover{background:rgba(28,25,23,.06);color:var(--paper)}
+
+.qa-ask[data-retiring="1"]{opacity:0;transform:translateY(-3px);
+  transition:opacity .3s ease,transform .3s ease}
+
+.qa-run{display:flex;align-items:center;gap:10px;margin:auto -22px 0;
+  padding:6px 24px 6px 14px;background:#FFFFFF;position:sticky;bottom:0}
+
+.qa-run::after{content:"";position:absolute;left:0;right:0;top:100%;height:6px;
+  background:#FFFFFF;border-radius:0 0 15px 15px}
+
+.qa-spinner{width:14px;height:14px;flex:none;border-radius:50%;
+  border:2px solid rgba(28,25,23,.10);border-top-color:var(--paper-dim);
+  animation:qaSpin .8s linear infinite}
+
+.qa-run-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;
+  border:1px solid var(--line);border-radius:999px;
+  background:linear-gradient(180deg,#FFFFFF,#FAF8F6);
+  box-shadow:0 1px 2px rgba(28,25,23,.05)}
+
+.qa-run-t{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--paper-mute)}
+
+.qa-done{display:flex;align-items:center;gap:8px;padding:10px 2px 2px;
+  font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--paper-mute)}
+
+.qa-done .d{width:6px;height:6px;border-radius:50%;background:var(--jade)}
+
+.qa-done.err .d{background:var(--cinnabar-hi)}
+
+.qa-done.err{color:var(--cinnabar-hi)}
+
+.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;
+  border-radius:8px;border:1px solid var(--line);background:#FFF;color:var(--paper-dim);
+  cursor:pointer;transition:.15s}
+
+.qa-reqacts button:hover{border-color:#A8A29E;color:var(--paper)}
+
+.qa-reqacts button.ok{color:var(--jade);border-color:rgba(13,138,106,.45);background:rgba(13,138,106,.07)}
+
+.qa-reqacts button.ok:hover{background:rgba(13,138,106,.14)}
+
+.qa-reqacts button.go{color:var(--cinnabar-hi);border-color:rgba(214,64,42,.45);background:rgba(214,64,42,.06)}
+
+.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.ok{color:#34D399;border-color:rgba(52,211,153,.42);background:rgba(52,211,153,.10)}
+
+[data-theme="dark"] .qa-reqacts button.ok:hover{background:rgba(52,211,153,.18)}
+
+[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:hover{background:rgba(240,105,83,.18)}
+
+[data-theme="dark"] .qa-stream{background:#1C1C1E}
+
+[data-theme="dark"] .qa-scroll::-webkit-scrollbar-thumb{background:#3B3835;border-color:#1C1C1E}
+
+[data-theme="dark"] .qa-msg{color:#E5E5E5}
+
+[data-theme="dark"] .qa-t{color:#F5F4F3}
+
+[data-theme="dark"] .qa-t.md-body code{background:#2B2B2E;color:#E5E5E5}
+
+[data-theme="dark"] .qa-t.md-body pre{background:#1C1C1E;border-color:#3B3835}
+
+[data-theme="dark"] .qa-t.md-body pre code{color:#E5E5E5}
+
+[data-theme="dark"] .qa-t.md-body th{background:rgba(245,244,243,.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 blockquote{background:rgba(245,244,243,.04);border-color:#3B3835}
+
+[data-theme="dark"] .qa-t.md-body blockquote p{color:#A8A29E}
+
+[data-theme="dark"] .qa-msg.qa-mine .qa-bd{background:#1C1C1E;border-color:#3B3835}
+
+[data-theme="dark"] .qa-av-txt{background:linear-gradient(180deg,#2B2B2E,#1C1C1E)}
+
+[data-theme="dark"] .qa-av-txt.qa-av-rev{background:linear-gradient(180deg,#3A2F1B,#241F16);color:#FBBF24}
+
+[data-theme="dark"] .qa-tool{border-color:#3B3835;background:rgba(245,244,243,.02)}
+
+[data-theme="dark"] .qa-tool-head:hover{background:rgba(245,244,243,.05)}
+
+[data-theme="dark"] .qa-tool-name{color:#F5F4F3}
+
+[data-theme="dark"] .qa-tool-args{color:#A8A29E}
+
+[data-theme="dark"] .qa-tool-bd{border-color:#3B3835}
+
+[data-theme="dark"] .qa-tool.open .qa-tool-bd{border-color:#3B3835}
+
+[data-theme="dark"] .qa-tool-sec pre{background:#0F0F10}
+
+[data-theme="dark"] .qa-sub{border-color:#3B3835}
+
+[data-theme="dark"] .qa-sub-t{color:#E5E5E5}
+
+[data-theme="dark"] .qa-agent-chip{background:rgba(245,244,243,.05);border-color:#3B3835}
+
+[data-theme="dark"] .qa-agent-chip.run{background:rgba(240,105,83,.1);border-color:rgba(240,105,83,.3)}
+
+[data-theme="dark"] .qa-think-bd{background:rgba(245,244,243,.03);border-color:#3B3835}
+
+[data-theme="dark"] .qa-ask{border-color:#3B3835;background:rgba(245,244,243,.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-t.md-body a{color:#F06953}
+
+[data-theme="dark"] .qa-t.md-body a:hover{color:#F5F4F3}
+
+[data-theme="dark"] .qa-t.md-body hr{border-color:#3B3835}
+
+[data-theme="dark"] .qa-t.md-body img{border-color:#3B3835}
+
+[data-theme="dark"] .qa-think-toggle{color:#78716C}
+
+[data-theme="dark"] .qa-think-dur{color:#525252}
+
+[data-theme="dark"] .qa-tools-toggle{color:#78716C}
+
+[data-theme="dark"] .qa-tools-count{color:#525252}
+
+[data-theme="dark"] .qa-tools-dur{color:#525252}
+
+[data-theme="dark"] .qa-tool-ico{background:rgba(245,244,243,.05)}
+
+[data-theme="dark"] .qa-tool-dur{color:#525252}
+
+[data-theme="dark"] .qa-tool .chev{stroke:#525252}
+
+[data-theme="dark"] .qa-tool[data-state="running"] .qa-tool-st::before{background:#F59E0B}
+
+[data-theme="dark"] .qa-ask-hd{color:#E5E5E5}
+
+[data-theme="dark"] .qa-ask-tag{color:#818CF8;border-color:rgba(129,140,248,.4);background:rgba(129,140,248,.1)}
+
+[data-theme="dark"] .qa-ask-ttl{color:#525252}
+
+[data-theme="dark"] .qa-ask-qb{border-top-color:#3B3835}
+
+[data-theme="dark"] .qa-ask-q{color:#F5F4F3}
+
+[data-theme="dark"] .qa-ask-opt{border-color:#3B3835;background: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-opt .lb{color:#E5E5E5}
+
+[data-theme="dark"] .qa-ask-opt .ds{color:#78716C}
+
+[data-theme="dark"] .qa-ask-opt .mk{border-color:#525252;background:transparent}
+
+[data-theme="dark"] .qa-ask-opt.sel{border-color:#6366F1;background:rgba(99,102,241,.1)}
+
+[data-theme="dark"] .qa-ask-opt.sel .lb{color:#F5F4F3}
+
+[data-theme="dark"] .qa-ask-other input{background:#1C1C1E;border-color:#3B3835;color:#F5F4F3}
+
+[data-theme="dark"] .qa-ask-other button{background:#1C1C1E;border-color:#3B3835;color:#A8A29E}
+
+[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-sub:hover:not(:disabled){background:rgba(99,102,241,.18)}
+
+[data-theme="dark"] .qa-ask-hint{color:#525252}
+
+[data-theme="dark"] .qa-ask-ans{border-top-color:#3B3835}
+
+[data-theme="dark"] .qa-ask-ans .k{color:#525252}
+
+[data-theme="dark"] .qa-ask-ans .v{color:#34D399}
+
+[data-theme="dark"] .qa-askdock>.qa-ask{background:#1C1C1E;box-shadow:0 6px 20px rgba(0,0,0,.4)}
+
+[data-theme="dark"] .qa-askdock::-webkit-scrollbar-thumb{background:#3B3835}
+
+[data-theme="dark"] .qa-ask-x{color:#78716C}
+
+[data-theme="dark"] .qa-ask-x:hover{background:rgba(245,244,243,.08);color:#F5F4F3}
+
+[data-theme="dark"] .qa-run{background:#1C1C1E}
+
+[data-theme="dark"] .qa-run::after{background:#1C1C1E}
+
+[data-theme="dark"] .qa-spinner{border-color:#3B3835;border-top-color:#818CF8}
+
+[data-theme="dark"] .qa-run-pill{background:rgba(245,244,243,.05);border-color:#3B3835}
+
+[data-theme="dark"] .qa-run-t{color:#78716C}
+
+[data-theme="dark"] .qa-done{color:#78716C}
+
+[data-theme="dark"] .qa-done .d{background:#34D399}
+
+[data-theme="dark"] .qa-done.err{color:#F87171}
+
+[data-theme="dark"] .qa-done.err .d{background:#F87171}
+
+[data-theme="dark"] .qa-agent-chip{color:#A8A29E;border-color:#3B3835;background:rgba(245,244,243,.05)}
+
+[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-agent-chip.ok{color:#34D399;background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.35)}
+
+[data-theme="dark"] .qa-sub-h{color:#525252}
+
+[data-theme="dark"] .qa-sub-n{color:#525252}
+
+[data-theme="dark"] .qa-note{color:#525252}
+
+.qa-av.qa-av-sim{display:grid;place-items:center;background:linear-gradient(180deg,var(--cinnabar-hi),var(--cinnabar));color:#FFF7F5}
+
+.qa-av.qa-av-sim svg{width:16px;height:16px;display:block}
+
+/* bot 头像的**中性兜底**（宿主没给 QA_BOT_AVATAR_SRC 时用，见 03-chat-message.js 的说明）：
+   本壳没有 magic-test 那张应用图标，宁可是简笔机器人头，也比一枚裂图好看。 */
+.qa-av.qa-av-bot{display:grid;place-items:center;background:var(--subtle);color:var(--muted)}
+.qa-av.qa-av-bot svg{width:16px;height:16px;display:block}
+
+.qa-stream{gap:4px}
+
+.qa-msg{padding:8px 2px}
+
+.qa-msg.qa-mine{margin-top:14px}
+
+.qa-ask-tag{font-family:var(--serif);font-size:11px;letter-spacing:.02em;padding:2px 9px}
+
+.qa-ask-ttl{font-size:10.5px;letter-spacing:.06em}
+
+.qa-ask-hint,.qa-ask-ans .k{font-size:10.5px;letter-spacing:.08em}
+
+.qa-ask-q{font-size:13.5px}
+
+.qa-ask-other button{background:var(--cinnabar);border-color:var(--cinnabar);color:#fff;font-weight:600}
+
+.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:hover{background:var(--cinnabar-hi);border-color:var(--cinnabar-hi);color:#1C1917}
+
+.qa-tool-name{font-size:10.5px;font-weight:500;color:var(--paper-dim)}
+
+.qa-tool-args{font-size:11px}
+
+.qa-tool-args.qa-desc{font-size:11.5px;color:var(--paper-dim)}
+
+.qa-tool.qa-tool-alone .qa-tool-args.qa-desc{font-size:12.5px;color:var(--paper)}
+
+.qa-tool-dur{font-size:10.5px;min-width:34px}
+
+.qa-tool-sec .k{font-size:10px;letter-spacing:.12em}
+
+.qa-tool-sec pre{font-size:11px}
+
+.qa-think-toggle,.qa-tools-toggle{font-size:11.5px;letter-spacing:.05em}
+
+.qa-think-dur,.qa-tools-count,.qa-tools-dur{font-size:10.5px}
+
+.qa-t.md-body h2{font-size:16.5px}
+
+.qa-t.md-body h2::before{width:2px;height:14px;opacity:.75}
+
+.qa-msg.qa-mine .qa-bd,
+.qa-msg.qa-sim .qa-bd{flex:0 1 auto;max-width:100%;min-width:0}
+
+/* ⚠️ 2026-10-17 用户要求：「用户的文字应该左对齐」。
+   magic-test 原本把**右侧两类气泡**（我 / 数字分身）的文字统一右对齐（对齐 M3 的右气泡口径），
+   但中文长句在右对齐下换行很难读 —— 第二行会孤零零甩到右边（用户截图里就是这个）。
+   现在：**用户自己那条**改左对齐；数字分身仍按工作台那套（要不要一起左改，改下一条即可）。
+   只动对齐，不动上一行那套宽度与去卡片口径。 */
+.qa-msg.qa-mine .qa-t{text-align:left}
+
+.qa-msg.qa-sim .qa-t{text-align:right}
+
+.qa-msg.qa-mine .qa-t.md-body pre,.qa-msg.qa-sim .qa-t.md-body pre,
+.qa-msg.qa-mine .qa-t.md-body table,.qa-msg.qa-sim .qa-t.md-body table,
+.qa-msg.qa-mine .qa-t.md-body blockquote,
+.qa-msg.qa-sim .qa-t.md-body blockquote{text-align:left}
+
+.qa-msg.qa-mine .qa-t.md-body ul,.qa-msg.qa-mine .qa-t.md-body ol,
+.qa-msg.qa-sim .qa-t.md-body ul,.qa-msg.qa-sim .qa-t.md-body ol{list-style-position:inside;margin:4px 20px 4px 0}
+
+.qa-msg.qa-mine .qa-t.md-body li.task-li,.qa-msg.qa-sim .qa-t.md-body li.task-li{margin-left:0}
+
+.qa-msg.qa-mine .qa-atts,.qa-msg.qa-sim .qa-atts{justify-content:flex-end}
+
+.qa-msg.qa-mine:has(.qa-think:not([hidden]), .qa-tools:not([hidden])) .qa-bd,
+.qa-msg.qa-sim:has(.qa-think:not([hidden]), .qa-tools:not([hidden])) .qa-bd{flex:1 1 auto;max-width:none}
+
+.qa-msg.qa-mine:has(.qa-think:not([hidden]), .qa-tools:not([hidden])) .qa-bd > .qa-t,
+.qa-msg.qa-sim:has(.qa-think:not([hidden]), .qa-tools:not([hidden])) .qa-bd > .qa-t{
+  margin-left:auto;width:fit-content;max-width:100%}
+
+.qa-hist-note{margin:2px 0 10px;padding:9px 12px;border-radius:9px;
+  border:1px solid var(--line);border-left:3px solid var(--paper-mute);
+  background:rgba(28,25,23,.02);font-family:var(--mono);font-size:11px;line-height:1.65;
+  color:var(--paper-dim)}
+
+.qa-hist-note.wait{border-left-color:var(--indigo);color:var(--paper-mute);
+  animation:qaHistPulse 1.2s ease-in-out infinite}
+
+.qa-hist-note.lost{border-left-color:var(--cinnabar-hi)}
+
+/* 读历史时的骨架屏（2026-10-20）：点 / 扫光条 / 占位行，全部只动 transform·opacity。 */
+.qa-hist-note.qa-hist-loading{animation:none;padding:10px 12px 11px;overflow:hidden}
+
+.qa-hist-head{display:flex;align-items:center;gap:8px}
+
+.qa-hist-dots{display:inline-flex;align-items:center;gap:3px;flex:none}
+
+.qa-hist-dots i{width:5px;height:5px;border-radius:50%;background:var(--indigo);opacity:.3;
+  animation:qaHistDot 1s ease-in-out infinite}
+
+.qa-hist-dots i:nth-child(2){animation-delay:.15s}
+
+.qa-hist-dots i:nth-child(3){animation-delay:.3s}
+
+.qa-hist-bar{position:relative;height:1px;margin:9px 0;background:var(--line);overflow:hidden}
+
+.qa-hist-bar::after{content:"";position:absolute;inset:0;transform:translateX(-100%);
+  background:linear-gradient(90deg,transparent,var(--indigo),transparent);
+  animation:qaHistSweep 1.6s ease-in-out infinite}
+
+.qa-hist-lines{display:flex;flex-direction:column;gap:6px}
+
+.qa-hist-lines span{position:relative;display:block;height:8px;border-radius:4px;overflow:hidden;
+  background:rgba(28,25,23,.06)}
+
+.qa-hist-lines span:nth-child(1){width:72%}
+
+.qa-hist-lines span:nth-child(2){width:90%}
+
+.qa-hist-lines span:nth-child(3){width:54%}
+
+.qa-hist-lines span::after{content:"";position:absolute;inset:0;transform:translateX(-100%);
+  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);
+  animation:qaHistShimmer 1.8s ease-in-out infinite}
+
+.qa-hist-lines span:nth-child(2)::after{animation-delay:.12s}
+
+.qa-hist-lines span:nth-child(3)::after{animation-delay:.24s}
+
+@keyframes qaHistDot{0%,100%{transform:translateY(0);opacity:.28}40%{transform:translateY(-3px);opacity:1}}
+@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.wait{color:#525252}
+
+[data-theme="dark"] .qa-hist-note.lost{border-left-color:#F87171}
+
+[data-theme="dark"] .qa-hist-lines span{background:rgba(255,255,255,.09)}
+
+[data-theme="dark"] .qa-hist-lines span::after{
+  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}
+
+@media (prefers-reduced-motion:reduce){
+  .qa-hist-dots i,.qa-hist-bar::after,.qa-hist-lines span::after{animation:none}
+  .qa-hist-dots i{opacity:.7}
+  .qa-hist-bar::after{transform:none;opacity:.55}
+}
+
+.qa-hist-step{margin:3px 0;border:1px solid var(--line);border-radius:10px;
+  background:#FCFBF9;overflow:hidden;flex:none}
+
+.qa-hist-step summary{display:flex;align-items:center;gap:8px;padding:5px 10px;
+  cursor:pointer;user-select:none;list-style:none;font-size:11.5px;color:var(--paper-mute)}
+
+.qa-hist-step summary::-webkit-details-marker{display:none}
+
+.qa-hist-step summary::after{content:"›";flex:none;margin-left:auto;
+  font-family:var(--mono);font-size:12px;color:var(--paper-mute);opacity:.7;
+  transition:transform .18s}
+
+.qa-hist-step[open] summary::after{transform:rotate(90deg)}
+
+.qa-hist-step summary:hover{background:rgba(28,25,23,.03)}
+
+.qa-hist-step-tag{flex:none;font-family:var(--mono);font-size:9px;letter-spacing:.14em;
+  text-transform:uppercase;color:#fff;border-radius:4px;padding:1.5px 5px;
+  background:var(--paper-mute)}
+
+.qa-hist-step--think{border:none;border-left:2px solid var(--line);border-radius:0;
+  background:transparent}
+
+.qa-hist-step--think summary{padding:3px 0 3px 10px;color:var(--paper-dim)}
+
+.qa-hist-step--think .qa-hist-step-tag{background:var(--paper-mute)}
+
+.qa-hist-step--think .qa-hist-step-body{padding:4px 0 6px 10px;color:var(--paper-dim)}
+
+.qa-hist-step--tool .qa-hist-step-tag{background:var(--indigo)}
+
+.qa-hist-step--tool.is-err{border-left:2px solid var(--cinnabar-hi)}
+
+.qa-hist-step--tool.is-err .qa-hist-step-tag{background:var(--cinnabar-hi)}
+
+.qa-hist-step-hint{flex:1;min-width:0;font-family:var(--mono);font-size:10px;
+  color:var(--paper-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+
+.qa-hist-step-body{padding:8px 12px 10px;font-size:11.5px;line-height:1.7;
+  color:#57534E;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
+
+.qa-hist-step-k{display:block;padding:7px 10px 0;font-family:var(--mono);font-size:9px;
+  color:var(--paper-mute);letter-spacing:.14em;text-transform:uppercase}
+
+.qa-hist-step--tool.is-err .qa-hist-step-k{color:var(--cinnabar-hi)}
+
+.qa-hist-step-pre{margin:4px 10px 10px;padding:6px 9px;border-radius:6px;
+  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 summary:hover{background:rgba(245,244,243,.05)}
+
+[data-theme="dark"] .qa-hist-step summary::after{color:#A8A29E}
+
+[data-theme="dark"] .qa-hist-step--think{border-left-color:#3B3835}
+
+[data-theme="dark"] .qa-hist-step-body{color:#D6D3D1}
+
+[data-theme="dark"] .qa-hist-step-pre{background:#0F0F10;color:#D6D3D1}
+
+.qa-msg:not(.qa-mine):not(.qa-sim){flex-direction:column;gap:6px;align-items:stretch}
+
+.qa-msg:not(.qa-mine):not(.qa-sim) > .qa-bd{flex:0 0 auto;width:100%}
+
+.qa-msg:not(.qa-mine):not(.qa-sim) .qa-ico .qa-who{
+  position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);
+  font-family:var(--mono);font-size:12.5px;line-height:1;letter-spacing:.02em;
+  color:var(--paper-mute);white-space:nowrap;user-select:none;pointer-events:none}
+
+.qa-cf{min-width:0;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:#FFF}
+
+.qa-cf-flush{border:0;border-radius:0;background:transparent}
+
+.qa-cf-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;height:24px;
+  padding:0 8px;border-bottom:1px solid var(--line);background:rgba(28,25,23,.028)}
+
+.qa-cf-lb{min-width:0;font-family:var(--mono);font-size:9px;letter-spacing:.13em;text-transform:uppercase;
+  color:var(--paper-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+
+.qa-cf-hd-r{display:flex;align-items:center;gap:6px;flex:none}
+
+.qa-cf-act{font-family:var(--mono);font-size:9px;color:var(--paper-mute)}
+
+.qa-cf-bd pre{margin:0;padding:6px 9px;font-family:var(--mono);font-size:10.5px;line-height:1.62;
+  color:var(--paper-dim);white-space:pre;overflow:auto;max-height:280px;background:transparent}
+
+.qa-cf-copy{width:18px;height:18px;flex:none;display:grid;place-items:center;padding:0;border:0;
+  border-radius:var(--r-s);background:transparent;color:var(--paper-mute);cursor:pointer;
+  transition:background .15s,color .15s}
+
+.qa-cf-copy:hover{background:rgba(28,25,23,.07);color:var(--paper)}
+
+.qa-cf-copy svg{width:11px;height:11px;display:block;stroke:currentColor;fill:none;
+  stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
+
+.qa-cf-copy .i-ok{display:none}
+
+.qa-cf-copy.copied .i-copy{display:none}
+
+.qa-cf-copy.copied .i-ok{display:block;stroke:var(--jade)}
+
+.qa-st{display:inline-flex;align-items:center;height:15px;padding:0 5px;border-radius:var(--r-xs);flex:none;
+  font-family:var(--mono);font-size:9px;letter-spacing:.06em;white-space:nowrap;
+  border:1px solid var(--line);color:var(--paper-mute);background:rgba(28,25,23,.035)}
+
+.qa-st.ok{color:var(--jade);border-color:rgba(13,138,106,.4);background:rgba(13,138,106,.07)}
+
+.qa-st.run{color:var(--amber);border-color:rgba(183,121,31,.42);background:rgba(183,121,31,.08)}
+
+.qa-st.err{color:var(--cinnabar-hi);border-color:rgba(214,64,42,.38);background:rgba(214,64,42,.07)}
+
+.qa-mk{margin:5px 0 2px;min-width:0}
+
+.qa-mk-row{display:flex;align-items:center;gap:7px;min-width:0;min-height:20px;padding:1px 2px;
+  border-radius:var(--r-s)}
+
+.qa-mk-row[data-tog="1"]{cursor:pointer}
+
+.qa-mk-row[data-tog="1"]:hover{background:rgba(28,25,23,.04)}
+
+.qa-mk-chev,.qa-mk-gap{width:11px;height:11px;flex:none;display:grid;place-items:center;
+  color:var(--paper-mute)}
+
+.qa-mk-chev svg{width:11px;height:11px;display:block;stroke:currentColor;fill:none;
+  stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
+
+.qa-mk-chev{transform:rotate(-90deg);transition:transform .18s}
+
+.qa-mk.open .qa-mk-chev{transform:rotate(0)}
+
+.qa-mk-ico{width:13px;height:13px;flex:none;display:grid;place-items:center;color:var(--paper-mute)}
+
+.qa-mk-ico svg{width:12px;height:12px;display:block;stroke:currentColor;fill:none;
+  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
+
+.qa-mk-tt{flex:1;min-width:0;font-family:var(--mono);font-size:10.5px;color:var(--paper-dim);
+  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+
+.qa-mk.err .qa-mk-tt,.qa-mk.err .qa-mk-ico{color:var(--cinnabar-hi)}
+
+.qa-mk-bd{display:none;padding:5px 0 3px 20px}
+
+.qa-mk.open .qa-mk-bd{display:block}
+
+.qa-sep{display:flex;align-items:center;gap:10px;margin:10px 0 6px}
+
+.qa-sep::before,.qa-sep::after{content:"";flex:1;height:1px;background:var(--line)}
+
+.qa-sep-t{flex:none;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:var(--paper-mute)}
+
+.qa-diff{padding:6px 0;overflow-x:auto}
+
+.qa-diff-row{display:grid;gap:5px;align-items:baseline;padding:0 8px;
+  grid-template-columns:.62rem 1.9rem 1px minmax(0,1fr);
+  font-family:var(--mono);font-size:10px;line-height:1.72;color:var(--paper-dim)}
+
+.qa-diff-nono .qa-diff-row{grid-template-columns:.62rem 1px minmax(0,1fr)}
+
+.qa-diff-nono .qa-diff-row .n{display:none}
+
+.qa-diff-row .s{text-align:center;font-weight:700;user-select:none}
+
+.qa-diff-row .n{text-align:right;color:var(--paper-mute);user-select:none;
+  font-variant-numeric:tabular-nums}
+
+.qa-diff-row .b{background:var(--line);align-self:stretch}
+
+.qa-diff-row .t{min-width:0;white-space:pre}
+
+.qa-diff-row.add{background:rgba(13,138,106,.08);color:#0A6A51}
+
+.qa-diff-row.add .s{color:#0A6A51}
+
+.qa-diff-row.del{background:rgba(214,64,42,.07);color:#9E3120}
+
+.qa-diff-row.del .s{color:#9E3120}
+
+.qa-diff-row.hunk{background:rgba(79,70,229,.07);color:#4338CA}
+
+.qa-diff-row.file{background:rgba(28,25,23,.035);color:var(--paper-mute)}
+
+.qa-fc{min-width:0}
+
+.qa-fc-hd{display:flex;align-items:center;gap:7px;height:26px;padding:0 8px;
+  border-bottom:1px solid var(--line);background:rgba(28,25,23,.028)}
+
+.qa-fc-ico{width:13px;height:13px;flex:none;display:grid;place-items:center;color:var(--paper-mute)}
+
+.qa-fc-ico svg{width:12px;height:12px;display:block;stroke:currentColor;fill:none;
+  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
+
+.qa-fc-tag{flex:none;font-family:var(--mono);font-size:9px;letter-spacing:.06em;padding:1px 5px;
+  border-radius:var(--r-xs);border:1px solid var(--line);color:var(--paper-mute)}
+
+.qa-fc-tag.add{color:var(--jade);border-color:rgba(13,138,106,.4);background:rgba(13,138,106,.07)}
+
+.qa-fc-tag.mod{color:var(--amber);border-color:rgba(183,121,31,.42);background:rgba(183,121,31,.08)}
+
+.qa-fc-tag.del{color:var(--cinnabar-hi);border-color:rgba(214,64,42,.38);background:rgba(214,64,42,.07)}
+
+.qa-fc-p{flex:1;min-width:0;font-family:var(--mono);font-size:10px;color:var(--paper-dim);
+  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+
+.qa-tool-bd{display:none;margin:0 10px;padding:0;border:1px solid var(--line);border-radius:var(--r-md);
+  overflow:hidden;background:#FFF}
+
+.qa-tool.open .qa-tool-bd{display:block;margin-bottom:9px}
+
+.qa-tool-bd > * + *{border-top:1px solid var(--line)}
+
+.qa-tool-sec{padding:0}
+
+.qa-tool-bd .qa-tool-sec + .qa-tool-sec{margin-top:0}
+
+.qa-sec-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;height:24px;
+  padding:0 8px;background:rgba(28,25,23,.028)}
+
+.qa-tool-sec pre{margin:0;padding:6px 9px;font-family:var(--mono);font-size:10.5px;line-height:1.62;
+  color:var(--paper-dim);white-space:pre;overflow:auto;max-height:280px;background:transparent}
+
+.qa-tool-sec .qa-arts{margin:0;padding:6px 9px}
+
+.qa-tool.qa-tool-bare{border-color:transparent;background:transparent}
+
+.qa-tool.qa-tool-bare .qa-tool-head{cursor:default}
+
+.qa-tool.qa-tool-bare .qa-tool-head .chev{display:none}
+
+[data-theme="dark"] .qa-cf,[data-theme="dark"] .qa-tool-bd{
+  background:rgba(245,244,243,.02);border-color:#3B3835}
+
+[data-theme="dark"] .qa-cf-hd,[data-theme="dark"] .qa-sec-hd,[data-theme="dark"] .qa-fc-hd{
+  background:rgba(245,244,243,.045);border-color:#3B3835}
+
+[data-theme="dark"] .qa-cf-lb,[data-theme="dark"] .qa-cf-act,[data-theme="dark"] .qa-tool-sec .k{
+  color:#A8A29E}
+
+[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-cf-copy:hover{background:rgba(245,244,243,.09);color:#F5F4F3}
+
+[data-theme="dark"] .qa-mk-row[data-tog="1"]:hover{background:rgba(245,244,243,.05)}
+
+[data-theme="dark"] .qa-st{background:rgba(245,244,243,.05);border-color:#3B3835}
+
+[data-theme="dark"] .qa-diff-row .b{background:#3B3835}
+
+[data-theme="dark"] .qa-diff-row.add{background:rgba(52,211,153,.12);color:#6EE7B7}
+
+[data-theme="dark"] .qa-diff-row.add .s{color:#6EE7B7}
+
+[data-theme="dark"] .qa-diff-row.del{background:rgba(240,105,83,.12);color:#FCA5A5}
+
+[data-theme="dark"] .qa-diff-row.del .s{color:#FCA5A5}
+
+[data-theme="dark"] .qa-diff-row.hunk{background:rgba(129,140,248,.12);color:#A5B4FC}
+
+[data-theme="dark"] .qa-diff-row.file{background:rgba(245,244,243,.045);color:#A8A29E}
+
+.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)}
+
+.qa-acts{display:flex;align-items:center;justify-content:flex-start;gap:2px;min-width:0}
+
+.qa-acts[hidden]{display:none}
+
+.qa-msg.qa-mine,.qa-msg.qa-sim{flex-wrap:wrap}
+
+.qa-msg.qa-mine > .qa-bd,.qa-msg.qa-sim > .qa-bd{max-width:calc(100% - 34px)}
+
+.qa-msg.qa-mine > .qa-acts,.qa-msg.qa-sim > .qa-acts{flex:0 0 100%;justify-content:flex-end}
+
+.qa-act{width:22px;height:22px;flex:none;display:grid;place-items:center;padding:0;border:0;
+  border-radius:var(--r-s);background:transparent;color:var(--paper-mute);cursor:pointer;
+  transition:background .15s,color .15s}
+
+.qa-act:hover{background:rgba(28,25,23,.07);color:var(--paper)}
+
+.qa-act svg{width:13px;height:13px;display:block;stroke:currentColor;fill:none;
+  stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
+
+.qa-act-copy .i-ok{display:none}
+
+.qa-act-copy.copied .i-copy{display:none}
+
+.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}
+
+/* ============================================================================
+ * 令牌桥：magic-test 的调色板名字 → 各端宿主已有的令牌（**只用不定义**）
+ *
+ *   ⚠️ 逐条按「原义」对，不按名字像不像：
+ *      magic-test 的 --paper 是**文字色**（#1C1917 近黑），不是纸白 —— 别映成 --canvas。
+ *      同理 --ink 在那边是**面板底**（#F7F7F8），不是文字色 —— 别映成 --ink。
+ *
+ *   :where() 的优先级是 0 —— 宿主页里任何一条 :root / [data-theme] 定义都能覆盖它。
+ *   值是「兜底」：宿主给了同名令牌（--ink / --muted / …）就以宿主为准。
+ * ========================================================================== */
+:where(:root) {
+  /* 文字三级（magic-test: paper / paper-dim / paper-mute） */
+  --paper: var(--ink);
+  --paper-dim: var(--muted);
+  --paper-mute: var(--faint);
+
+  /* 描边与底色（那边 --ink* 是**面板底**，方向与这边相反，别映错） */
+  --line: var(--border);
+  --bg-page: var(--canvas);
+  --ink-2: var(--subtle);
+  --ink-3: var(--raised);
+
+  /* 语义色 */
+  --amber: var(--warning);          /* 警告 */
+  --cinnabar: var(--error-text);    /* 朱砂（错误 / 主强调） */
+  --cinnabar-hi: var(--error-icon); /* 深朱砂 */
+  --jade: var(--success);           /* 玉（成功） */
+  --indigo: var(--transitioning);   /* 靛（进行中 / 切换中） */
+
+  /* 晕色（浮层/头像底下那层极淡的底） */
+  --halo-c-base: var(--subtle);
+  --halo-c-red: var(--error-surface);
+  --halo-indigo: var(--activity);
+  /* 有些规则自己会设 --h（=.qa-ico 之类的晕色），没设时给个兜底 */
+  --h: var(--subtle);
+
+  /* 圆角刻度：那边是 4 / 6 / 8 / 10 / 16（**别**映到这边的 --r / --r-card，档距不同） */
+  --r-xs: 4px; --r-s: 6px; --r-md: 8px; --r-m: 10px; --r-l: 16px;
+
+  /* 字体：那边 serif/display 是工作台的标题字体，本壳没有 → 统一落到 --font */
+  --serif: var(--font);
+  --display: var(--font);
+
+  /* 设置窗口那三档蓝（magic-test 专用；有 .qa-* 规则引用就给它落点） */
+  --blue-50: var(--activity);
+  --blue-600: var(--accent);
+  --blue-700: var(--accent);
+}