daily-question 1.0.6 → 2.0.0

package/client.js

@@ -109,351 +109,119 @@ window.__ModuleLoader__.load({
       return { text: '未作答', tone: 'idle' }
     }
 
-    /* ============================== LaTeX ============================== */
-    const LATEX_SYMBOLS = {
-      alpha: 'α', beta: 'β', gamma: 'γ', delta: 'δ', epsilon: 'ε', varepsilon: 'ε', zeta: 'ζ', eta: 'η',
-      theta: 'θ', vartheta: 'ϑ', iota: 'ι', kappa: 'κ', lambda: 'λ', mu: 'μ', nu: 'ν', xi: 'ξ', pi: 'π',
-      rho: 'ρ', sigma: 'σ', tau: 'τ', upsilon: 'υ', phi: 'φ', varphi: 'φ', chi: 'χ', psi: 'ψ', omega: 'ω',
-      Gamma: 'Γ', Delta: 'Δ', Theta: 'Θ', Lambda: 'Λ', Xi: 'Ξ', Pi: 'Π', Sigma: 'Σ', Upsilon: 'Υ',
-      Phi: 'Φ', Psi: 'Ψ', Omega: 'Ω',
-      infty: '∞', cdot: '·', times: '×', div: '÷', pm: '±', mp: '∓', ast: '∗', star: '⋆', oplus: '⊕', otimes: '⊗',
-      leq: '≤', le: '≤', geq: '≥', ge: '≥', neq: '≠', ne: '≠', approx: '≈', equiv: '≡', sim: '∼',
-      propto: '∝', ll: '≪', gg: '≫', leqslant: '≤', geqslant: '≥',
-      to: '→', rightarrow: '→', leftarrow: '←', leftrightarrow: '↔', Rightarrow: '⇒', Leftarrow: '⇐',
-      Leftrightarrow: '⇔', mapsto: '↦', implies: '⟹', iff: '⟺',
-      partial: '∂', nabla: '∇', forall: '∀', exists: '∃', nexists: '∄', neg: '¬', in: '∈', notin: '∉',
-      subset: '⊂', subseteq: '⊆', supset: '⊃', supseteq: '⊇', cup: '∪', cap: '∩', emptyset: '∅',
-      varnothing: '∅', setminus: '∖', land: '∧', lor: '∨',
-      mid: '∣', nmid: '∤', vert: '|', lvert: '|', rvert: '|',
-      Vert: '‖', lVert: '‖', rVert: '‖', colon: ':', '|': '‖',
-      ldots: '…', cdots: '⋯', vdots: '⋮', ddots: '⋱', dots: '…',
-      angle: '∠', perp: '⊥', parallel: '∥', circ: '∘', degree: '°', prime: '′',
-      lceil: '⌈', rceil: '⌉', lfloor: '⌊', rfloor: '⌋', langle: '⟨', rangle: '⟩',
-      ell: 'ℓ', Re: 'ℜ', Im: 'ℑ', hbar: 'ℏ',
-      therefore: '∴', because: '∵', triangle: '△', square: '□',
-      bullet: '∙', ni: '∋', backslash: '\\', Box: '□', bigcirc: '○', dagger: '†', ddagger: '‡',
-      quad: '\u2003', qquad: '\u2003\u2003',
-      '%': '%', '&': '&', '#': '#', '_': '_', '{': '{', '}': '}',
-      ' ': ' ', ',': '\u2009', ';': '\u2005', ':': '\u2005', '!': '',
-    }
-    const LATEX_FUNCS = new Set(['sin', 'cos', 'tan', 'cot', 'sec', 'csc', 'arcsin', 'arccos', 'arctan',
-      'sinh', 'cosh', 'tanh', 'ln', 'log', 'lg', 'exp', 'max', 'min', 'sup', 'inf', 'det', 'gcd', 'lcm',
-      'deg', 'dim', 'ker', 'arg', 'Pr'])
-    const LATEX_BIGOPS = {
-      sum: '∑', prod: '∏', int: '∫', iint: '∬', iiint: '∭', oint: '∮',
-      lim: 'lim', limsup: 'lim sup', liminf: 'lim inf', bigcup: '⋃', bigcap: '⋂',
-    }
-    const DOUBLE_STRUCK = { R: 'ℝ', N: 'ℕ', Z: 'ℤ', Q: 'ℚ', C: 'ℂ', P: 'ℙ' }
-
-    /** 连写撇号对应的 prime 字符（1～4 阶，更多阶用 4 阶 + 单撇补）。 */
-    const PRIME_CHARS = { 1: '\u2032', 2: '\u2033', 3: '\u2034', 4: '\u2057' }
-
-    /**
-     * 数学模式里的字符修正。只处理公式内部的裸文本（\text / \mathrm 走原样，不受影响）：
-     *
-     * 1. 连字符 `-` 在 LaTeX 数学模式里是**减号**，换成 U+2212 MINUS SIGN。
-     *    留成 U+002D 的话，Latin Modern Math 会画成一个短横，看着像分隔符。
-     * 2. 撇号 `'`（含中文输入法常见的 ’）是**导数记号**，换成 U+2032 起的 prime
-     *    连写：' → ′、'' → ″、''' → ‴、'''' → ⁗。
-     * 3. ASCII 字母换成 Unicode 数学斜体码位（U+1D434… 大写、U+1D44E… 小写，
-     *    例外 h → U+210E），Latin Modern Math 与 Cambria Math 都完整覆盖，
-     *    因此变量是真斜体，而数字、运算符、函数名（\sin 等）保持直立。
-     */
-    function toMathText(text) {
-      return String(text)
-        .replace(/['\u2018\u2019]+/g, (run) => {
-          const count = [...run].length
-          if (count <= 4) return PRIME_CHARS[count]
-          return '\u2057' + '\u2032'.repeat(count - 4)
-        })
-        .replace(/-/g, '\u2212')
-        .replace(/\*/g, '\u2217')
-        .replace(/\.{3,}/g, '\u2026')
-        .replace(/[A-Za-z]/g, (ch) => {
-          if (ch === 'h') return '\u210E'
-          const code = ch.charCodeAt(0)
-          if (code >= 97 && code <= 122) return String.fromCodePoint(0x1d44e + (code - 97))
-          return String.fromCodePoint(0x1d434 + (code - 65))
-        })
-    }
-
-    function readGroup(cur) {
-      // cur.src[cur.i] === '{'
-      let depth = 0
-      let j = cur.i
-      const start = cur.i + 1
-      while (j < cur.src.length) {
-        const c = cur.src[j]
-        if (c === '\\') { j += 2; continue }
-        if (c === '{') depth += 1
-        else if (c === '}') {
-          depth -= 1
-          if (depth === 0) {
-            cur.i = j + 1
-            return cur.src.slice(start, j)
-          }
-        }
-        j += 1
+    /* ============================== 公式（MathJax 3） ============================== */
+    // MathJax 的 SVG 输出自带字形路径，不依赖任何字体文件；单文件 bundle 随包分发，
+    // 由宿主在 /api/daily-question/vendor/tex-svg.js 提供。
+    const MATHJAX_SRC = '/api/daily-question/vendor/tex-svg.js'
+    const mathState = { status: 'idle' }
+    const mathWatchers = new Set()
+
+    function notifyMath() {
+      for (const watcher of [...mathWatchers]) {
+        try { watcher() } catch (error) { /* 单个订阅出错不影响其它 */ }
       }
-      cur.i = cur.src.length
-      return cur.src.slice(start)
     }
 
-    function readOptionalGroup(cur) {
-      while (cur.i < cur.src.length && cur.src[cur.i] === ' ') cur.i += 1
-      if (cur.src[cur.i] !== '[') return null
-      const end = cur.src.indexOf(']', cur.i)
-      if (end < 0) return null
-      const body = cur.src.slice(cur.i + 1, end)
-      cur.i = end + 1
-      return body
+    function subscribeMath(fn) {
+      mathWatchers.add(fn)
+      return () => { mathWatchers.delete(fn) }
     }
 
-    function readArg(cur) {
-      while (cur.i < cur.src.length && cur.src[cur.i] === ' ') cur.i += 1
-      if (cur.src[cur.i] === '{') return latexNodes(readGroup(cur))
-      const rest = cur.src.slice(cur.i)
-      const command = /^\\[A-Za-z]+/.exec(rest)
-      if (command) {
-        cur.i += command[0].length
-        return latexNodes(command[0])
+    function ensureMathJax() {
+      if (mathState.status !== 'idle') return
+      mathState.status = 'loading'
+      window.MathJax = {
+        startup: { typeset: false },
+        // 每条公式自带 <defs>，注入 innerHTML 后不依赖全局字体缓存
+        svg: { fontCache: 'local', scale: 1, matchFontHeight: false },
       }
-      if (rest[0] === '\\') {
-        cur.i += 2
-        return latexNodes(rest.slice(0, 2))
+      const script = document.createElement('script')
+      script.src = MATHJAX_SRC
+      script.async = true
+      script.onload = () => {
+        const startup = window.MathJax && window.MathJax.startup
+        const done = () => {
+          mathState.status = 'ready'
+          ensureMathStylesheet()
+          notifyMath()
+        }
+        const failed = () => { mathState.status = 'failed'; notifyMath() }
+        if (startup && startup.promise) startup.promise.then(done, failed)
+        else done()
       }
-      cur.i += 1
-      return latexNodes(rest.slice(0, 1))
+      script.onerror = () => { mathState.status = 'failed'; notifyMath() }
+      document.head.appendChild(script)
     }
 
-    function readLimits(cur) {
-      let sub = null
-      let sup = null
-      for (let guard = 0; guard < 4; guard += 1) {
-        const save = cur.i
-        while (cur.i < cur.src.length && cur.src[cur.i] === ' ') cur.i += 1
-        const c = cur.src[cur.i]
-        if (c === '_' && !sub) { cur.i += 1; sub = readArg(cur); continue }
-        if (c === '^' && !sup) { cur.i += 1; sup = readArg(cur); continue }
-        cur.i = save
-        break
+    /** SVG 输出依赖 MathJax 自己生成的样式表；手动调用 tex2svg 时不会自动插，补一次。 */
+    function ensureMathStylesheet() {
+      try {
+        const mathJax = window.MathJax
+        if (!mathJax || typeof mathJax.svgStylesheet !== 'function') return
+        if (document.getElementById('MJX-SVG-styles')) return
+        const sheet = mathJax.svgStylesheet()
+        if (sheet) document.head.appendChild(sheet)
+      } catch (error) {
+        // 没有样式表也能显示，只是对齐略差，不阻断渲染
       }
-      return { sub, sup }
     }
 
-    function readMatrix(cur, env) {
-      const marker = `\\end{${env}}`
-      const end = cur.src.indexOf(marker, cur.i)
-      const body = end < 0 ? cur.src.slice(cur.i) : cur.src.slice(cur.i, end)
-      cur.i = end < 0 ? cur.src.length : end + marker.length
-      const rows = body.split(/\\\\/).map((row) => row.trim()).filter((row) => row.length)
-      const cells = rows.map((row) => row.split('&').map((cell) => latexNodes(cell.trim())))
-      const table = h('table', { className: 'kd-matrix', key: nextKey('mx') },
-        h('tbody', null, cells.map((row, rowIndex) => h('tr', { key: rowIndex },
-          row.map((cell, cellIndex) => h('td', { key: cellIndex }, cell))))))
-      const wrapCls = env === 'cases' ? 'kd-cases'
-        : env === 'bmatrix' ? 'kd-bmatrix'
-          : env === 'vmatrix' ? 'kd-vmatrix'
-            : env === 'pmatrix' ? 'kd-pmatrix' : 'kd-matrixwrap'
-      const open = env === 'cases' ? '{' : env === 'bmatrix' ? '[' : env === 'pmatrix' ? '(' : ''
-      const close = env === 'bmatrix' ? ']' : env === 'pmatrix' ? ')' : ''
-      const children = []
-      if (open) children.push(h('span', { className: 'kd-delim', key: 'open' }, open))
-      children.push(table)
-      if (close) children.push(h('span', { className: 'kd-delim', key: 'close' }, close))
-      return h('span', { className: `kd-matrixbox ${wrapCls}`, key: nextKey('mb') }, children)
-    }
-
-    function latexNodes(src) {
-      const cur = { src: String(src || ''), i: 0 }
-      return latexSeq(cur, '')
-    }
-
-    function latexSeq(cur, stopChars) {
-      const out = []
-      let buf = ''
-      const flush = () => {
-        if (buf) {
-          out.push(toMathText(buf))
-          buf = ''
-        }
-      }
-      while (cur.i < cur.src.length) {
-        const c = cur.src[cur.i]
-        if (stopChars && stopChars.includes(c)) break
-        if (c === '}') { buf += c; cur.i += 1; continue }
-        if (c === '{') {
-          flush()
-          out.push(...latexNodes(readGroup(cur)))
-          continue
-        }
-        if (c === '^' || c === '_') {
-          flush()
-          cur.i += 1
-          const arg = readArg(cur)
-          out.push(h(c === '^' ? 'sup' : 'sub', { className: c === '^' ? 'kd-sup' : 'kd-sub', key: nextKey('sc') }, arg))
-          continue
-        }
-        if (c === '&') {
-          flush()
-          cur.i += 1
-          out.push(h('span', { className: 'kd-colsep', key: nextKey('cs') }, '\u2003'))
-          continue
-        }
-        if (c === '~') {
-          buf += '\u00a0'
-          cur.i += 1
-          continue
-        }
-        if (c === '\\') {
-          const rest = cur.src.slice(cur.i)
-          const command = /^\\([A-Za-z]+)/.exec(rest)
-          if (command) {
-            flush()
-            cur.i += command[0].length
-            const node = latexCommand(cur, command[1])
-            if (node !== null && node !== undefined) out.push(node)
-            continue
-          }
-          const symbol = rest[1]
-          cur.i += symbol === undefined ? 1 : 2
-          if (symbol === '\\') {
-            flush()
-            out.push(h('br', { key: nextKey('br') }))
-            continue
-          }
-          if (LATEX_SYMBOLS[symbol] !== undefined) buf += LATEX_SYMBOLS[symbol]
-          else if (symbol !== undefined) buf += symbol
-          continue
-        }
-        if (c === ' ') { buf += ' '; cur.i += 1; continue }
-        buf += c
-        cur.i += 1
-      }
-      flush()
-      return out
+    /** 让组件跟着公式引擎的加载状态重渲染。 */
+    function useMathJaxStatus() {
+      const [status, setStatus] = useState(mathState.status)
+      useEffect(() => {
+        ensureMathJax()
+        const update = () => setStatus(mathState.status)
+        update()
+        return subscribeMath(update)
+      }, [])
+      return status
     }
 
-    function latexCommand(cur, name) {
-      if (LATEX_BIGOPS[name]) {
-        const { sub, sup } = readLimits(cur)
-        const symbol = LATEX_BIGOPS[name]
-        return h('span', { className: 'kd-op', key: nextKey('op') },
-          sup ? h('span', { className: 'kd-op-lim', key: 'up' }, sup) : null,
-          h('span', { className: 'kd-op-sym', key: 'sym' }, symbol),
-          sub ? h('span', { className: 'kd-op-lim', key: 'down' }, sub) : null)
-      }
-      if (name === 'frac' || name === 'dfrac' || name === 'tfrac' || name === 'cfrac') {
-        const numerator = readArg(cur)
-        const denominator = readArg(cur)
-        return h('span', { className: 'kd-frac', key: nextKey('fr') },
-          h('span', { className: 'kd-frac-n', key: 'n' }, numerator),
-          h('span', { className: 'kd-frac-d', key: 'd' }, denominator))
-      }
-      // \boxed{...}（amsmath 常用的“把答案框起来”）画一个方框
-      if (name === 'boxed' || name === 'fbox' || name === 'framebox') {
-        return h('span', { className: 'kd-boxed', key: nextKey('bx') }, readArg(cur))
-      }
-      // \binom{n}{k}：无分数线的上下堆叠 + 圆括号
-      if (name === 'binom' || name === 'dbinom' || name === 'tbinom') {
-        const top = readArg(cur)
-        const bottom = readArg(cur)
-        return h('span', { className: 'kd-binom', key: nextKey('bn') },
-          h('span', { className: 'kd-delim', key: 'l' }, '('),
-          h('span', { className: 'kd-frac kd-binom-body', key: 'b' },
-            h('span', { className: 'kd-frac-n', key: 'n' }, top),
-            h('span', { className: 'kd-frac-d', key: 'd' }, bottom)),
-          h('span', { className: 'kd-delim', key: 'r' }, ')'))
-      }
-      if (name === 'sqrt') {
-        const index = readOptionalGroup(cur)
-        const body = readArg(cur)
-        return h('span', { className: 'kd-sqrt', key: nextKey('sq') },
-          h('span', { className: 'kd-sqrt-sign', key: 's' }, '√'),
-          index ? h('sup', { className: 'kd-sqrt-index', key: 'i' }, latexNodes(index)) : null,
-          h('span', { className: 'kd-sqrt-body', key: 'b' }, body))
-      }
-      if (name === 'text' || name === 'textrm' || name === 'mbox' || name === 'mathrm' || name === 'operatorname') {
-        const raw = readGroup(cur)
-        return h('span', { className: 'kd-roman', key: nextKey('rm') }, raw.replace(/\\([,;: !])/g, ' '))
-      }
-      if (name === 'mathbf' || name === 'boldsymbol' || name === 'bm' || name === 'textbf') {
-        return h('strong', { className: 'kd-bold', key: nextKey('bd') }, latexNodes(readGroup(cur)))
-      }
-      if (name === 'mathbb' || name === 'mathcal' || name === 'mathscr') {
-        const raw = readGroup(cur).trim()
-        return h('span', { className: 'kd-blackboard', key: nextKey('bb') }, DOUBLE_STRUCK[raw] || raw)
-      }
-      if (name === 'overline' || name === 'bar' || name === 'underline' || name === 'vec'
-        || name === 'hat' || name === 'widehat' || name === 'tilde' || name === 'dot' || name === 'ddot') {
-        const body = readArg(cur)
-        return h('span', { className: `kd-accent kd-accent-${name}`, key: nextKey('ac') }, body)
-      }
-      if (name === 'overrightarrow' || name === 'overleftarrow') {
-        return h('span', { className: `kd-accent kd-accent-${name}`, key: nextKey('ac') }, readArg(cur))
-      }
-      // \underbrace{x}_{说明} / \overbrace{x}^{说明}：花括号画不出来，保留内容与标记
-      if (name === 'underbrace' || name === 'overbrace') {
-        return h('span', { className: 'kd-group', key: nextKey('grp') }, readArg(cur))
-      }
-      // \overset{上}{基} / \underset{下}{基}：上下堆叠
-      if (name === 'overset' || name === 'underset') {
-        const mark = readArg(cur)
-        const base = readArg(cur)
-        return h('span', {
-          className: `kd-stack kd-stack-${name === 'overset' ? 'over' : 'under'}`,
-          key: nextKey('st'),
-        },
-        name === 'overset' ? h('span', { className: 'kd-stack-mark', key: 'm' }, mark) : null,
-        h('span', { className: 'kd-stack-base', key: 'b' }, base),
-        name === 'underset' ? h('span', { className: 'kd-stack-mark', key: 'm' }, mark) : null)
-      }
-      if (name === 'left' || name === 'right' || name === 'middle') {
-        while (cur.i < cur.src.length && cur.src[cur.i] === ' ') cur.i += 1
-        const rest = cur.src.slice(cur.i)
-        const command = /^\\[A-Za-z]+/.exec(rest)
-        let token
-        if (command) { token = command[0]; cur.i += command[0].length } else { token = rest[0] || ''; cur.i += 1 }
-        const display = token === '.' ? '' : (LATEX_SYMBOLS[token.replace(/^\\/, '')] || token.replace(/^\\/, ''))
-        return h('span', { className: 'kd-delim', key: nextKey('dl') }, display)
-      }
-      if (name === 'begin') {
-        const env = readGroup(cur).trim()
-        return readMatrix(cur, env)
-      }
-      if (name === 'displaystyle' || name === 'textstyle' || name === 'limits' || name === 'nolimits' || name === 'notag'
-        || name === 'nonumber' || name === 'label' || name === 'tag') {
-        // \tag{...} 之类的排版修饰我们不实现，但也不能把内容原样吐到公式里
-        if (name === 'tag' || name === 'label') readGroup(cur)
-        return null
-      }
-      // \big( \Big[ \bigl\{ … 只是放大定界符，实际字符由后面的记号自己渲染
-      if (/^(?:big|Big|bigg|Bigg)[lrm]?$/.test(name)) return null
-      if (name === 'bmod') return h('span', { className: 'kd-roman', key: nextKey('bm') }, 'mod')
-      if (name === 'pmod') {
-        return h('span', { className: 'kd-roman', key: nextKey('pm') }, '(', 'mod ',
-          ...readArg(cur), ')')
+    /**
+     * 规范化模型输出的 TeX：
+     * - 去掉自带的 $ / $$ 包裹；
+     * - 过滤能改页面结构或注入链接的宏（公式来自模型输出，不当作可信内容）；
+     * - 公式块里的裸 \\ 换行在 MathJax 3 需要放进 \displaylines（Typora 也是这么处理的）；
+     * - 其余交给 MathJax，不再自己做子集解析。
+     */
+    const RISKY_TEX = [
+      /\\href\s*\{[^{}]*\}/g,
+      /\\url\s*\{[^{}]*\}/g,
+      /\\(?:style|class|cssId|htmlId|htmlClass|htmlStyle)\s*\{[^{}]*\}/g,
+      /\\require\s*\{[^{}]*\}/g,
+      /\\includegraphics\s*(?:\[[^\]]*\])?\s*\{[^{}]*\}/g,
+    ]
+
+    function normalizeTeX(source, display) {
+      let tex = String(source || '').trim()
+      tex = tex.replace(/^\${1,2}/, '').replace(/\${1,2}$/, '')
+      for (const pattern of RISKY_TEX) tex = tex.replace(pattern, '')
+      if (display && /\\\\/.test(tex) && !/\\displaylines/.test(tex) && !/\\begin\{/.test(tex)) {
+        tex = `\\displaylines{${tex}}`
       }
-      // \hline 只用于表格横线；矩阵里没有对应结构，直接忽略而不是吐字面量
-      if (name === 'hline') return null
-      if (name === 'space' || name === 'newline') return h('br', { key: nextKey('br') })
-      if (LATEX_FUNCS.has(name)) return h('span', { className: 'kd-roman', key: nextKey('fn') }, name)
-      if (LATEX_SYMBOLS[name] !== undefined) return LATEX_SYMBOLS[name]
-      // 未知命令：保留原始内容并提示，绝不丢弃。
-      return h('span', { className: 'kd-latex-unknown', title: `未知的 LaTeX 命令：\\${name}`, key: nextKey('un') }, `\\${name}`)
+      return tex
     }
 
     function renderMath(source, display) {
-      let nodes
+      const tex = normalizeTeX(source, display)
+      const key = nextKey('math')
+      if (mathState.status !== 'ready') {
+        // 引擎还没就绪（或加载失败）：先显示原文，就绪后组件会重渲染
+        return h('span', { className: 'kd-math-pending', key, title: '公式引擎正在加载' }, tex)
+      }
       try {
-        nodes = latexNodes(source)
+        const node = window.MathJax.tex2svg(tex, { display: Boolean(display) })
+        const html = node && node.outerHTML
+        if (!html) throw new Error('empty svg')
+        return h(display ? 'div' : 'span', {
+          className: display ? 'kd-mathblock' : 'kd-math',
+          key,
+          dangerouslySetInnerHTML: { __html: html },
+        })
       } catch (error) {
-        nodes = [source]
+        return h('span', { className: 'kd-math-error', key, title: '公式无法渲染' }, tex)
       }
-      return h(display ? 'div' : 'span', {
-        className: display ? 'kd-mathblock' : 'kd-math',
-        key: nextKey('math'),
-      }, nodes)
     }
 
     /* ============================== Markdown ============================== */
@@ -484,6 +252,10 @@ window.__ModuleLoader__.load({
       })
     }
 
+    /** Markdown 里有转义意义的字符：只有这些才允许把反斜杠吃掉。 */
+    const MD_ESCAPABLE = new Set(['\\', '`', '*', '_', '{', '}', '[', ']', '(', ')',
+      '#', '+', '-', '.', '!', '>', '|', '~', '<', '$', '"', "'"])
+
     function inlineNodes(text) {
       const out = []
       let buffer = ''
@@ -504,8 +276,16 @@ window.__ModuleLoader__.load({
           }
         }
         if (c === '\\' && index + 1 < text.length) {
-          buffer += text[index + 1]
-          index += 2
+          const next = text[index + 1]
+          // 只有 Markdown 里有意义的字符才去掉反斜杠；其余原样保留，
+          // 免得把 \nabla、\neq 这类命令悄悄变成 "nabla"、"neq"。
+          if (MD_ESCAPABLE.has(next)) {
+            buffer += next
+            index += 2
+            continue
+          }
+          buffer += c
+          index += 1
           continue
         }
         if (c === '`') {
@@ -634,7 +414,16 @@ window.__ModuleLoader__.load({
     }
 
     function renderBlocks(source) {
-      const lines = String(source || '').replace(/\r\n?/g, '\n').split('\n')
+      // 模型偶尔把换行写成字面量 `\n`（JSON 里多转义了一层），这里先还原成真换行，
+      // 否则会渲染成一串多余的字母 n，段落结构也会塌成一行。
+      // 用 (?!\w) 保证不会误伤 \nabla / \neq / \theta / \times 这类命令。
+      const normalized = String(source || '')
+        .replace(/\\r\\n/g, '\n')
+        .replace(/\\n(?!\w)/g, '\n')
+        .replace(/\\r(?!\w)/g, '\n')
+        .replace(/\\t(?!\w)/g, ' ')
+        .replace(/\r\n?/g, '\n')
+      const lines = normalized.split('\n')
       const out = []
       let index = 0
       while (index < lines.length) {
@@ -738,13 +527,15 @@ window.__ModuleLoader__.load({
     }
 
     function Markdown({ text, className }) {
+      // 公式引擎加载完成后要重渲染一次，否则首次绘制出来的还是 TeX 原文
+      const mathStatus = useMathJaxStatus()
       const nodes = useMemo(() => {
         try {
           return renderBlocks(text)
         } catch (error) {
           return [h('pre', { className: 'kd-code', key: 'raw' }, String(text || ''))]
         }
-      }, [text])
+      }, [text, mathStatus])
       return h('div', { className: `kd-md ${className || ''}` }, nodes)
     }
 
@@ -752,245 +543,273 @@ window.__ModuleLoader__.load({
     /** 由 apply 用 styles.insert 注入时置位；否则由组件渲染 <style> 兜底。 */
     let styleInjected = false
     const CSS = `
-@font-face {
-  font-family: 'KD Latin Modern Math';
-  src: local('Latin Modern Math'), local('LatinModernMath'), local('LatinModernMath-Regular'),
-       url('/api/daily-question/font/latinmodern-math.otf') format('opentype');
-  font-display: swap;
-}
-.kd-page { height:100%; min-height:0; display:flex; flex-direction:column; position:relative;
-  background: var(--dsw-alias-bg-base); color: var(--dsw-alias-label-primary);
+.kd-page {
+  --kd-bg-base:var(--dsw-alias-bg-base, #ffffff);
+  --kd-bg-layer-1:var(--dsw-alias-bg-layer-1, #ffffff);
+  --kd-bg-layer-2:color-mix(in srgb, var(--kd-ink) 5%, var(--kd-surface));
+  --kd-bg-overlay:var(--dsw-alias-bg-overlay, #ffffff);
+  --kd-label-primary:var(--dsw-alias-label-primary, #24332f);
+  --kd-label-secondary:var(--dsw-alias-label-secondary, #66736e);
+  --kd-border-l1:color-mix(in srgb, var(--kd-ink) 9%, var(--kd-surface));
+  --kd-border-l2:color-mix(in srgb, var(--kd-ink) 17%, var(--kd-surface));
+  --kd-brand-primary:#4d6bfe;
+  --kd-state-success-primary:#078443;
+  --kd-state-error-primary:#db3144;
+  --kd-state-warn-primary:#95702b;
+  --kd-state-idle-primary:#85918b;
+  --kd-ink:var(--kd-label-primary); --kd-surface:var(--kd-bg-base);
+  font-family:inherit; isolation:isolate; height:100%; min-height:0; display:flex; flex-direction:column; position:relative;
+  background:color-mix(in srgb, var(--kd-brand-primary) 2%, var(--kd-surface)); color: var(--kd-label-primary);
   font-size:14px; line-height:1.65; -webkit-font-smoothing:antialiased; box-sizing:border-box; }
 .kd-page *, .kd-page *::before, .kd-page *::after { box-sizing:border-box; }
-.kd-page :focus-visible { outline:2px solid var(--dsw-alias-brand-primary); outline-offset:2px; }
-.kd-header { padding:18px 24px 14px; border-bottom:1px solid var(--dsw-alias-border-l1);
+.kd-page :focus-visible { outline:2px solid var(--kd-brand-primary); outline-offset:2px; }
+.kd-header { padding:20px 28px 12px; background:var(--kd-surface); border-bottom:1px solid var(--kd-border-l1);
   display:flex; flex-direction:column; gap:12px; }
-.kd-header-top { display:flex; gap:24px; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; }
-.kd-header-left { min-width:0; flex:1 1 320px; display:flex; gap:12px; align-items:flex-start; }
-.kd-brand { flex:0 0 34px; width:34px; height:34px; border-radius:10px; display:flex; align-items:center;
-  justify-content:center; border:1px solid var(--dsw-alias-border-l2); background:var(--dsw-alias-bg-layer-1);
-  color:var(--dsw-alias-brand-primary); }
-.kd-title { margin:0; font-size:18px; font-weight:650; letter-spacing:.01em; line-height:1.4; }
-.kd-sub { margin-top:3px; font-size:12px; color:var(--dsw-alias-label-secondary); line-height:1.6; }
+.kd-header-top { display:flex; gap:20px; justify-content:space-between; align-items:center; flex-wrap:wrap; }
+.kd-header-left { min-width:0; flex:1 1 320px; display:flex; gap:12px; align-items:center; }
+.kd-brand { flex:0 0 40px; width:40px; height:40px; border-radius:12px; display:flex; align-items:center;
+  justify-content:center; border:0; background:color-mix(in srgb, var(--kd-brand-primary) 10%, var(--kd-surface));
+  color:var(--kd-brand-primary); }
+.kd-title { margin:0; font-size:19px; font-weight:650; letter-spacing:.01em; line-height:1.4; }
+.kd-sub { margin-top:3px; font-size:12px; color:var(--kd-label-secondary); line-height:1.6; }
 .kd-select { height:30px; padding:0 10px; border-radius:8px; font-size:13px; font-family:inherit;
-  border:1px solid var(--dsw-alias-border-l2); background:var(--dsw-alias-bg-layer-1);
-  color:var(--dsw-alias-label-primary); transition:border-color .15s; }
-.kd-select:hover { border-color:var(--dsw-alias-brand-primary); }
+  border:1px solid var(--kd-border-l2); background:var(--kd-bg-layer-1);
+  color:var(--kd-label-primary); transition:border-color .15s; }
+.kd-select:hover { border-color:var(--kd-brand-primary); }
 .kd-select-sm { height:26px; font-size:12px; padding:0 6px; }
 .kd-cd-lines { min-width:0; flex:0 1 auto; display:flex; flex-direction:column; align-items:flex-end;
   gap:2px; text-align:right; }
-.kd-cd-primary { font-size:24px; font-weight:700; letter-spacing:.01em; line-height:1.25; }
-.kd-cd-secondary { font-size:12px; color:var(--dsw-alias-label-secondary); }
-.kd-cd-target { font-size:13.5px; font-weight:500; }
-.kd-exam-strip { display:flex; align-items:center; gap:6px 14px; flex-wrap:wrap; padding:8px 12px;
-  border:1px solid var(--dsw-alias-border-l1); border-radius:10px; background:var(--dsw-alias-bg-layer-1);
-  font-size:11.5px; color:var(--dsw-alias-label-secondary); }
+.kd-cd-primary { font-size:21px; font-weight:650; color:var(--kd-brand-primary); font-variant-numeric:tabular-nums; letter-spacing:.01em; line-height:1.25; }
+.kd-cd-secondary { font-size:12px; color:var(--kd-label-secondary); }
+.kd-cd-target { font-size:11px; font-weight:400; color:var(--kd-label-secondary); }
+.kd-exam-strip { display:flex; align-items:center; gap:6px 14px; flex-wrap:wrap; padding:8px 0 0;
+  border:0; border-top:1px solid var(--kd-border-l1); background:transparent;
+  font-size:11.5px; color:var(--kd-label-secondary); }
 .kd-strip-item { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
-.kd-strip-warn { color:var(--dsw-alias-state-warn-primary); white-space:normal; text-align:left; }
+.kd-strip-warn { color:var(--kd-state-warn-primary); white-space:normal; text-align:left; }
 .kd-shell { flex:1 1 auto; min-height:0; display:flex; }
-.kd-nav { width:212px; flex:0 0 212px; border-right:1px solid var(--dsw-alias-border-l1);
-  padding:16px 12px; overflow:auto; display:flex; flex-direction:column; gap:18px; }
+.kd-nav { width:204px; flex:0 0 204px; background:var(--kd-surface); border-right:1px solid var(--kd-border-l1);
+  padding:24px 14px; overflow:auto; display:flex; flex-direction:column; gap:18px; }
 .kd-nav-group { display:flex; flex-direction:column; gap:4px; }
-.kd-nav-group-label { font-size:10.5px; letter-spacing:.1em; color:var(--dsw-alias-label-secondary);
+.kd-nav-group-label { font-size:10.5px; letter-spacing:.1em; color:var(--kd-label-secondary);
   padding:0 8px 4px; }
-.kd-nav-item { position:relative; display:flex; align-items:center; justify-content:space-between; gap:8px;
-  width:100%; padding:8px 10px; border-radius:9px; border:1px solid transparent; background:transparent;
-  cursor:pointer; color:var(--dsw-alias-label-primary); font:inherit; font-size:13px; text-align:left;
+.kd-nav-item { position:relative; display:flex; align-items:center; justify-content:space-between; gap:7px; flex-direction:column; align-items:flex-start;
+  width:100%; padding:12px; border-radius:9px; border:1px solid transparent; background:transparent;
+  cursor:pointer; color:var(--kd-label-primary); font:inherit; font-size:13px; text-align:left;
   transition:background-color .15s, border-color .15s, color .15s; }
-.kd-nav-item:hover { background:var(--dsw-alias-bg-layer-2); }
-.kd-nav-item > span:first-child { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
-.kd-nav-item.is-active { background:var(--dsw-alias-bg-layer-2); border-color:var(--dsw-alias-border-l2);
-  font-weight:600; box-shadow:inset 2px 0 0 var(--dsw-alias-brand-primary); }
+.kd-nav-item:hover { background:var(--kd-bg-layer-2); }
+.kd-nav-item > span:first-child { min-width:0; overflow-wrap:anywhere; line-height:1.6; }
+.kd-nav-item.is-active { background:color-mix(in srgb, var(--kd-brand-primary) 9%, var(--kd-surface)); border-color:transparent;
+  color:var(--kd-brand-primary); font-weight:600; }
 .kd-nav-item .kd-nav-count { flex:0 0 auto; white-space:nowrap; font-size:11px;
-  color:var(--dsw-alias-label-secondary); }
+  color:var(--kd-label-secondary); }
 .kd-nav-status { flex:0 0 auto; display:inline-flex; align-items:center; gap:4px; white-space:nowrap;
-  font-size:10.5px; color:var(--dsw-alias-label-secondary); }
-.kd-dot { width:6px; height:6px; border-radius:50%; background:var(--dsw-alias-state-success-primary); }
-.kd-dot-idle { background:var(--dsw-alias-state-idle-primary); }
+  font-size:10.5px; color:var(--kd-label-secondary); }
+.kd-dot { width:6px; height:6px; border-radius:50%; background:var(--kd-state-success-primary); }
+.kd-dot-idle { background:var(--kd-state-idle-primary); }
 .kd-nav-spacer { flex:1 1 auto; }
-.kd-main { flex:1 1 auto; min-width:0; overflow:auto; padding:20px 24px 48px; }
-.kd-main-inner { max-width:900px; margin:0 auto; }
-.kd-thread { width:340px; flex:0 0 340px; border-left:1px solid var(--dsw-alias-border-l1);
-  display:flex; flex-direction:column; min-height:0; background:var(--dsw-alias-bg-layer-1); }
-.kd-thread-head { padding:13px 16px; border-bottom:1px solid var(--dsw-alias-border-l1);
+.kd-main { flex:1 1 auto; min-width:0; overflow:hidden; display:flex; flex-direction:column; }
+.kd-main-toolbar { flex:none; padding:24px 28px 20px; display:flex; align-items:center; gap:12px; }
+.kd-main-toolbar > .kd-btn { flex:none; align-self:stretch; aspect-ratio:1; padding:0; min-height:0; white-space:nowrap; border-radius:12px; }
+.kd-main-scroll { flex:1; min-height:0; overflow:auto; padding:0 28px 48px; scrollbar-gutter:stable; }
+.kd-main-inner { width:100%; margin:0; }
+.kd-thread { position:relative; width:clamp(280px,calc((100% - 204px) * var(--kd-thread-ratio, .33)),55%); flex:0 0 auto; border-left:1px solid var(--kd-border-l1);
+  display:flex; flex-direction:column; min-height:0; background:var(--kd-bg-layer-1); }
+.kd-thread-resize { position:absolute; left:-5px; top:0; bottom:0; width:10px; cursor:col-resize; touch-action:none; z-index:2; }
+.kd-thread-resize:hover, .kd-thread-resize:focus-visible { background:color-mix(in srgb,var(--kd-brand-primary) 20%,transparent); }
+.kd-thread-head { padding:20px; border-bottom:1px solid var(--kd-border-l1);
   display:flex; align-items:center; justify-content:space-between; gap:8px; }
 .kd-thread-title { font-size:13px; font-weight:600; }
-.kd-thread-hint { padding:10px 16px 0; font-size:11px; line-height:1.6;
-  color:var(--dsw-alias-label-secondary); }
-.kd-thread-scroll { flex:1 1 auto; min-height:0; overflow:auto; padding:14px 16px; display:flex;
+.kd-thread-hint { padding:12px 20px 0; font-size:11px; line-height:1.6;
+  color:var(--kd-label-secondary); }
+.kd-thread-scroll { flex:1 1 auto; min-height:0; overflow:auto; padding:18px 20px; display:flex;
   flex-direction:column; gap:12px; }
 .kd-msg { max-width:100%; border-radius:12px; padding:10px 12px; font-size:13px; line-height:1.72; }
-.kd-msg-user { align-self:flex-end; background:color-mix(in srgb, var(--dsw-alias-brand-primary) 9%, transparent);
-  border:1px solid color-mix(in srgb, var(--dsw-alias-brand-primary) 26%, transparent); }
-.kd-msg-assistant { align-self:stretch; border:1px solid var(--dsw-alias-border-l1);
-  background:var(--dsw-alias-bg-base); }
-.kd-msg-meta { font-size:10px; color:var(--dsw-alias-label-secondary); margin-top:6px; }
-.kd-msg-failed { border-color:var(--dsw-alias-state-error-primary); }
-.kd-thread-foot { border-top:1px solid var(--dsw-alias-border-l1); padding:12px 16px; }
-.kd-composer { border:1px solid var(--dsw-alias-border-l2); border-radius:12px;
-  background:var(--dsw-alias-bg-base); padding:6px; transition:border-color .15s, box-shadow .15s; }
-.kd-composer:focus-within { border-color:var(--dsw-alias-brand-primary);
-  box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent); }
+.kd-msg-user { align-self:flex-end; background:color-mix(in srgb, var(--kd-brand-primary) 9%, transparent);
+  border:1px solid color-mix(in srgb, var(--kd-brand-primary) 26%, transparent); }
+.kd-msg-assistant { align-self:stretch; padding:0; border:0; background:transparent; }
+.kd-msg-meta { font-size:10px; color:var(--kd-label-secondary); margin-top:6px; }
+.kd-msg-failed { border-color:var(--kd-state-error-primary); }
+.kd-thread-foot { border-top:1px solid var(--kd-border-l1); padding:12px 16px; }
+.kd-composer { border:1px solid var(--kd-border-l2); border-radius:12px;
+  background:var(--kd-bg-base); padding:6px; transition:border-color .15s, box-shadow .15s; }
+.kd-composer:focus-within { border-color:var(--kd-brand-primary);
+  box-shadow:0 0 0 3px color-mix(in srgb, var(--kd-brand-primary) 14%, transparent); }
 .kd-textarea { width:100%; min-height:58px; max-height:180px; resize:vertical; padding:6px 8px;
-  border:0; background:transparent; color:var(--dsw-alias-label-primary); font:inherit; font-size:13px; }
+  border:0; background:transparent; color:var(--kd-label-primary); font:inherit; font-size:13px; }
 .kd-textarea:focus { outline:none; }
-.kd-tabs { display:flex; gap:2px; margin-bottom:16px; border-bottom:1px solid var(--dsw-alias-border-l1); }
-.kd-tab { position:relative; display:inline-flex; align-items:center; gap:6px; padding:8px 12px 11px;
-  border:0; background:transparent; color:var(--dsw-alias-label-secondary); font:inherit; font-size:13px;
-  cursor:pointer; border-radius:8px 8px 0 0; transition:color .15s, background-color .15s; }
-.kd-tab:hover { color:var(--dsw-alias-label-primary); background:var(--dsw-alias-bg-layer-2); }
-.kd-tab.is-active { color:var(--dsw-alias-label-primary); font-weight:600; }
-.kd-tab.is-active::after { content:''; position:absolute; left:10px; right:10px; bottom:-1px; height:2px;
-  border-radius:2px; background:var(--dsw-alias-brand-primary); }
+.kd-tabs { display:flex; gap:4px; width:fit-content; max-width:100%; min-width:0; overflow-x:auto; padding:4px; border:1px solid var(--kd-border-l1); border-radius:12px; background:var(--kd-surface); }
+.kd-tab { position:relative; display:inline-flex; align-items:center; gap:6px; padding:7px 14px; white-space:nowrap;
+  border:0; background:transparent; color:var(--kd-label-secondary); font:inherit; font-size:13px;
+  cursor:pointer; border-radius:8px; transition:color .15s, background-color .15s; }
+.kd-tab:hover { color:var(--kd-label-primary); background:var(--kd-bg-layer-2); }
+.kd-tab.is-active { color:var(--kd-brand-primary); font-weight:600; background:color-mix(in srgb, var(--kd-brand-primary) 10%, var(--kd-surface)); }
+
 .kd-tab-count { min-width:17px; padding:0 5px; border-radius:999px; font-size:10.5px; line-height:17px;
-  text-align:center; background:var(--dsw-alias-bg-layer-2); color:var(--dsw-alias-label-secondary); }
-.kd-tab.is-active .kd-tab-count { color:var(--dsw-alias-brand-primary); }
-.kd-card { border:1px solid var(--dsw-alias-border-l1); border-radius:14px;
-  background:var(--dsw-alias-bg-layer-1); padding:20px 22px; }
+  text-align:center; background:var(--kd-bg-layer-2); color:var(--kd-label-secondary); }
+.kd-tab.is-active .kd-tab-count { color:var(--kd-brand-primary); }
+.kd-card { border:1px solid var(--kd-border-l1); border-radius:14px;
+  background:var(--kd-bg-layer-1); padding:28px; box-shadow:0 4px 24px rgb(20 45 35 / 3%); }
 .kd-card + .kd-card { margin-top:14px; }
 .kd-meta { display:flex; gap:8px; flex-wrap:wrap; align-items:center; font-size:12px;
-  color:var(--dsw-alias-label-secondary); }
+  color:var(--kd-label-secondary); }
 .kd-meta-dot::before { content:'·'; margin-right:8px; }
 .kd-chips { display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
 .kd-tag { display:inline-flex; align-items:center; gap:5px; padding:2px 8px; border-radius:6px;
   font-size:11.5px; line-height:1.7; white-space:nowrap;
-  color:var(--dsw-alias-label-secondary); background:var(--dsw-alias-bg-layer-2); }
-.kd-tag-brand { color:var(--dsw-alias-brand-primary);
-  background:color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, transparent); }
+  color:var(--kd-label-secondary); background:var(--kd-bg-layer-2); }
+.kd-tag-brand { color:var(--kd-brand-primary);
+  background:color-mix(in srgb, var(--kd-brand-primary) 10%, transparent); }
 .kd-badge { display:inline-flex; align-items:center; gap:4px; padding:2px 8px; border-radius:999px;
-  font-size:11px; line-height:1.6; border:1px solid var(--dsw-alias-border-l2);
-  color:var(--dsw-alias-label-secondary); background:var(--dsw-alias-bg-layer-1); white-space:nowrap; }
-.kd-badge-ok { color:var(--dsw-alias-state-success-primary);
-  border-color:color-mix(in srgb, var(--dsw-alias-state-success-primary) 34%, transparent);
-  background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 10%, transparent); }
-.kd-badge-bad { color:var(--dsw-alias-state-error-primary);
-  border-color:color-mix(in srgb, var(--dsw-alias-state-error-primary) 34%, transparent);
-  background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent); }
-.kd-badge-warn { color:var(--dsw-alias-state-warn-primary);
-  border-color:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 34%, transparent);
-  background:color-mix(in srgb, var(--dsw-alias-state-warn-primary) 12%, transparent); }
-.kd-badge-brand { color:var(--dsw-alias-brand-primary);
-  border-color:color-mix(in srgb, var(--dsw-alias-brand-primary) 34%, transparent);
-  background:color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, transparent); }
-.kd-stem { margin:14px 0 18px; font-size:15px; line-height:1.85; }
+  font-size:11px; line-height:1.6; border:1px solid var(--kd-border-l2);
+  color:var(--kd-label-secondary); background:var(--kd-bg-layer-1); white-space:nowrap; }
+.kd-badge-ok { color:var(--kd-state-success-primary);
+  border-color:color-mix(in srgb, var(--kd-state-success-primary) 34%, transparent);
+  background:color-mix(in srgb, var(--kd-state-success-primary) 10%, transparent); }
+.kd-badge-bad { color:var(--kd-state-error-primary);
+  border-color:color-mix(in srgb, var(--kd-state-error-primary) 34%, transparent);
+  background:color-mix(in srgb, var(--kd-state-error-primary) 10%, transparent); }
+.kd-badge-warn { color:var(--kd-state-warn-primary);
+  border-color:color-mix(in srgb, var(--kd-state-warn-primary) 34%, transparent);
+  background:color-mix(in srgb, var(--kd-state-warn-primary) 12%, transparent); }
+.kd-badge-brand { color:var(--kd-brand-primary);
+  border-color:color-mix(in srgb, var(--kd-brand-primary) 34%, transparent);
+  background:color-mix(in srgb, var(--kd-brand-primary) 10%, transparent); }
+.kd-stem { margin:24px 0; font-size:16px; line-height:1.85; }
 .kd-options { display:flex; flex-direction:column; gap:8px; margin:0 0 4px; }
-.kd-option { display:flex; gap:12px; align-items:flex-start; padding:12px 14px; border-radius:10px;
-  border:1px solid var(--dsw-alias-border-l1); background:var(--dsw-alias-bg-base); cursor:pointer;
-  text-align:left; color:var(--dsw-alias-label-primary); font:inherit; font-size:14px;
+.kd-option { display:flex; gap:12px; align-items:flex-start; padding:14px 16px; border-radius:12px;
+  border:1px solid var(--kd-border-l1); background:var(--kd-bg-base); cursor:pointer;
+  text-align:left; color:var(--kd-label-primary); font:inherit; font-size:14px;
   transition:background-color .15s, border-color .15s; }
-.kd-option:hover:not(:disabled) { border-color:var(--dsw-alias-border-l2);
-  background:var(--dsw-alias-bg-layer-2); }
+.kd-option:hover:not(:disabled) { border-color:var(--kd-border-l2);
+  background:var(--kd-bg-layer-2); }
 .kd-option:disabled { cursor:default; }
-.kd-option.is-selected { border-color:var(--dsw-alias-brand-primary);
-  background:color-mix(in srgb, var(--dsw-alias-brand-primary) 7%, transparent); }
-.kd-option.is-correct { border-color:var(--dsw-alias-state-success-primary);
-  background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 8%, transparent); }
-.kd-option.is-wrong { border-color:var(--dsw-alias-state-error-primary);
-  background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 8%, transparent); }
-.kd-option-key { flex:0 0 auto; width:24px; height:24px; border-radius:999px; display:inline-flex;
+.kd-option.is-selected { border-color:var(--kd-brand-primary);
+  background:color-mix(in srgb, var(--kd-brand-primary) 7%, transparent); }
+.kd-option.is-correct { border-color:color-mix(in srgb, var(--kd-state-success-primary) 45%, var(--kd-surface));
+  background:color-mix(in srgb, var(--kd-state-success-primary) 8%, transparent); }
+.kd-option.is-wrong { border-color:var(--kd-state-error-primary);
+  background:color-mix(in srgb, var(--kd-state-error-primary) 8%, transparent); }
+.kd-option-key { flex:0 0 auto; width:24px; height:24px; border-radius:8px; display:inline-flex;
   align-items:center; justify-content:center; font-size:12px; font-weight:600;
-  border:1px solid var(--dsw-alias-border-l2); background:var(--dsw-alias-bg-base); }
-.kd-option.is-selected .kd-option-key { color:var(--dsw-alias-brand-primary); border-color:var(--dsw-alias-brand-primary); }
-.kd-option.is-correct .kd-option-key { color:var(--dsw-alias-state-success-primary); border-color:var(--dsw-alias-state-success-primary); }
-.kd-option.is-wrong .kd-option-key { color:var(--dsw-alias-state-error-primary); border-color:var(--dsw-alias-state-error-primary); }
+  border:1px solid var(--kd-border-l2); background:var(--kd-bg-base); }
+.kd-option.is-selected .kd-option-key { color:var(--kd-brand-primary); border-color:var(--kd-brand-primary); }
+.kd-option.is-correct .kd-option-key { color:var(--kd-state-success-primary); border-color:var(--kd-state-success-primary); }
+.kd-option.is-wrong .kd-option-key { color:var(--kd-state-error-primary); border-color:var(--kd-state-error-primary); }
 .kd-option-text { min-width:0; flex:1 1 auto; }
 .kd-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:16px; }
-.kd-btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:32px;
+.kd-btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:36px;
   padding:0 14px; border-radius:8px; font-family:inherit; font-size:13px; font-weight:500; cursor:pointer;
-  border:1px solid var(--dsw-alias-border-l2); background:var(--dsw-alias-bg-layer-1);
-  color:var(--dsw-alias-label-primary);
+  border:1px solid var(--kd-border-l2); background:var(--kd-bg-layer-1);
+  color:var(--kd-label-primary);
   transition:background-color .15s, border-color .15s, color .15s; }
-.kd-btn:hover:not(:disabled) { background:var(--dsw-alias-bg-layer-2); }
+.kd-btn:hover:not(:disabled) { background:var(--kd-bg-layer-2); }
 .kd-btn:disabled { opacity:.5; cursor:not-allowed; }
-.kd-btn-primary { background:var(--dsw-alias-brand-primary); border-color:var(--dsw-alias-brand-primary); color:#fff; }
-.kd-btn-primary:hover:not(:disabled) { background:var(--dsw-alias-brand-primary); filter:brightness(1.07); }
-.kd-btn-ghost { border-color:transparent; background:transparent; color:var(--dsw-alias-label-secondary); }
-.kd-btn-ghost:hover:not(:disabled) { background:var(--dsw-alias-bg-layer-2); color:var(--dsw-alias-label-primary); }
-.kd-btn-danger { color:var(--dsw-alias-state-error-primary); background:transparent;
-  border-color:color-mix(in srgb, var(--dsw-alias-state-error-primary) 40%, transparent); }
-.kd-btn-danger:hover:not(:disabled) { background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent); }
+.kd-btn-primary { background:var(--kd-brand-primary); border-color:var(--kd-brand-primary); color:#fff; }
+.kd-btn-primary:hover:not(:disabled) { background:var(--kd-brand-primary); filter:brightness(1.07); }
+.kd-btn-ghost { border-color:transparent; background:transparent; color:var(--kd-label-secondary); }
+.kd-btn-ghost:hover:not(:disabled) { background:var(--kd-bg-layer-2); color:var(--kd-label-primary); }
+.kd-btn-danger { color:var(--kd-state-error-primary); background:transparent;
+  border-color:color-mix(in srgb, var(--kd-state-error-primary) 40%, transparent); }
+.kd-btn-danger:hover:not(:disabled) { background:color-mix(in srgb, var(--kd-state-error-primary) 10%, transparent); }
 .kd-btn-sm { min-height:26px; padding:0 9px; font-size:12px; }
 .kd-iconbtn { display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px;
-  border-radius:6px; border:0; background:transparent; color:var(--dsw-alias-label-secondary); cursor:pointer;
+  border-radius:6px; border:0; background:transparent; color:var(--kd-label-secondary); cursor:pointer;
   transition:background-color .15s, color .15s; }
-.kd-iconbtn:hover { background:var(--dsw-alias-bg-layer-2); color:var(--dsw-alias-label-primary); }
+.kd-iconbtn:hover { background:var(--kd-bg-layer-2); color:var(--kd-label-primary); }
 .kd-answer { margin-top:6px; }
-.kd-answer-panel { margin-top:18px; border:1px solid var(--dsw-alias-border-l1); border-radius:14px;
-  background:var(--dsw-alias-bg-layer-1); overflow:hidden; }
+.kd-answer-panel { margin-top:18px; border:1px solid var(--kd-border-l1); border-radius:14px;
+  background:var(--kd-bg-layer-1); overflow:hidden; }
 .kd-answer-panel-head { display:flex; align-items:center; justify-content:space-between; gap:10px;
-  flex-wrap:wrap; padding:11px 18px; border-bottom:1px solid var(--dsw-alias-border-l1);
-  background:var(--dsw-alias-bg-layer-2); font-size:13px; font-weight:600; }
-.kd-answer-panel-head .kd-tag { background:var(--dsw-alias-bg-layer-1); font-weight:400; }
+  flex-wrap:wrap; padding:11px 18px; border-bottom:1px solid var(--kd-border-l1);
+  background:color-mix(in srgb, var(--kd-brand-primary) 5%, var(--kd-surface)); font-size:13px; font-weight:600; }
+.kd-answer-panel-head .kd-tag { background:var(--kd-bg-layer-1); font-weight:400; }
 .kd-answer-panel-body { padding:18px; }
 .kd-answer-block + .kd-answer-block { margin-top:18px; padding-top:16px;
-  border-top:1px solid var(--dsw-alias-border-l1); }
-.kd-answer-label { font-size:10.5px; letter-spacing:.1em; color:var(--dsw-alias-label-secondary);
+  border-top:1px solid var(--kd-border-l1); }
+.kd-answer-label { font-size:10.5px; letter-spacing:.1em; color:var(--kd-label-secondary);
   margin-bottom:6px; }
 .kd-verify { margin-top:14px; padding:11px 13px; border-radius:10px; font-size:12px; line-height:1.7;
-  border:1px solid var(--dsw-alias-border-l1); background:var(--dsw-alias-bg-layer-2);
-  color:var(--dsw-alias-label-secondary); }
+  border:1px solid var(--kd-border-l1); background:var(--kd-bg-layer-2);
+  color:var(--kd-label-secondary); }
 .kd-verify ul { margin:6px 0 0; padding-left:18px; }
 .kd-list-row { display:flex; gap:14px; align-items:flex-start; width:100%; text-align:left;
-  padding:14px 16px; border-radius:12px; border:1px solid var(--dsw-alias-border-l1);
-  background:var(--dsw-alias-bg-layer-1); cursor:pointer; color:var(--dsw-alias-label-primary);
+  padding:14px 16px; border-radius:12px; border:1px solid var(--kd-border-l1);
+  background:var(--kd-bg-layer-1); color:var(--kd-label-primary);
   font:inherit; transition:background-color .15s, border-color .15s; }
+.kd-list-row > .kd-btn { flex:none; white-space:nowrap; }
+.kd-list-row[role=button] { cursor:pointer; }
+.kd-list-open { flex:none; display:flex; align-items:center; gap:6px; font-size:12px; color:var(--kd-label-secondary); white-space:nowrap; }
 .kd-list-row + .kd-list-row { margin-top:8px; }
-.kd-list-row:hover { border-color:var(--dsw-alias-border-l2); background:var(--dsw-alias-bg-layer-2); }
+.kd-list-row:hover { border-color:var(--kd-border-l2); background:var(--kd-bg-layer-2); }
 .kd-list-body { min-width:0; flex:1 1 auto; }
-.kd-list-summary { font-size:13.5px; line-height:1.7; overflow:hidden; display:-webkit-box;
-  -webkit-line-clamp:2; -webkit-box-orient:vertical; }
+.kd-list-summary { --kd-preview-line-height:28px; font-size:14px; line-height:var(--kd-preview-line-height); min-width:0;
+  max-height:calc(2 * var(--kd-preview-line-height)); overflow:hidden; }
+.kd-list-summary .kd-md { line-height:inherit; }
+.kd-list-summary .kd-md > * { display:inline; }
+.kd-list-summary .kd-p, .kd-list-summary .kd-h, .kd-list-summary .kd-mathblock { margin:0; }
+.kd-list-summary .kd-p::after { content:' '; }
+.kd-list-summary .kd-mathblock { display:inline; padding:0; text-align:left; vertical-align:baseline; }
+.kd-list-summary mjx-container[display=true] { margin:0; }
+.kd-list-summary .kd-code-wrap { margin:0; border:0; }
+.kd-list-summary .kd-code-lang { display:none; }
+.kd-list-summary .kd-code { display:inline; padding:0; line-height:inherit; white-space:pre-wrap; }
+.kd-list-summary.is-truncated { mask-image:linear-gradient(#000,#000),linear-gradient(to right,#000 var(--kd-preview-fade-start),transparent var(--kd-preview-fade-end));
+  mask-size:100% var(--kd-preview-fade-top),100% calc(100% - var(--kd-preview-fade-top)); mask-position:top,bottom; mask-repeat:no-repeat; }
 .kd-list-meta { margin-top:7px; display:flex; gap:6px; flex-wrap:wrap; font-size:11px;
-  color:var(--dsw-alias-label-secondary); align-items:center; }
-.kd-empty { padding:56px 24px; text-align:center; color:var(--dsw-alias-label-secondary); }
+  color:var(--kd-label-secondary); align-items:center; }
+.kd-empty { padding:56px 24px; text-align:center; color:var(--kd-label-secondary); }
 .kd-empty-icon { width:44px; height:44px; margin:0 auto 14px; border-radius:50%; display:flex;
-  align-items:center; justify-content:center; border:1px solid var(--dsw-alias-border-l1);
-  background:var(--dsw-alias-bg-layer-1); color:var(--dsw-alias-label-secondary); }
-.kd-empty-title { font-size:15px; font-weight:600; color:var(--dsw-alias-label-primary); margin-bottom:6px; }
+  align-items:center; justify-content:center; border:1px solid var(--kd-border-l1);
+  background:var(--kd-bg-layer-1); color:var(--kd-label-secondary); }
+.kd-empty-title { font-size:15px; font-weight:600; color:var(--kd-label-primary); margin-bottom:6px; }
 .kd-empty-body { font-size:13px; max-width:460px; margin:0 auto; line-height:1.8; }
 .kd-empty .kd-actions { justify-content:center; }
 .kd-overlay { position:absolute; inset:0; background:rgba(0,0,0,.38); display:flex; align-items:center;
   justify-content:center; padding:24px; z-index:40; backdrop-filter:blur(2px); }
 .kd-modal { width:min(580px,100%); max-height:100%; display:flex; flex-direction:column;
-  background:var(--dsw-alias-bg-overlay); color:var(--dsw-alias-label-primary);
-  border:1px solid var(--dsw-alias-border-l2); border-radius:16px; overflow:hidden;
+  background:var(--kd-bg-overlay); color:var(--kd-label-primary);
+  border:1px solid var(--kd-border-l2); border-radius:16px; overflow:hidden;
   box-shadow:0 16px 48px rgba(0,0,0,.24); }
 .kd-modal-wide { width:min(880px,100%); }
-.kd-modal-head { padding:16px 20px; border-bottom:1px solid var(--dsw-alias-border-l1);
+.kd-modal-head { padding:16px 20px; border-bottom:1px solid var(--kd-border-l1);
   display:flex; align-items:center; justify-content:space-between; gap:10px; }
 .kd-modal-title { font-size:15px; font-weight:650; letter-spacing:.01em; }
 .kd-modal-body { padding:18px 20px; overflow:auto; min-height:0; }
-.kd-modal-foot { padding:14px 20px; border-top:1px solid var(--dsw-alias-border-l1);
+.kd-modal-foot { padding:14px 20px; border-top:1px solid var(--kd-border-l1);
   display:flex; gap:8px; justify-content:flex-end; flex-wrap:wrap; }
 .kd-field { display:flex; flex-direction:column; gap:6px; margin-bottom:14px; }
-.kd-field-label { font-size:12px; font-weight:500; color:var(--dsw-alias-label-secondary); }
-.kd-input { height:34px; padding:0 11px; border-radius:8px; border:1px solid var(--dsw-alias-border-l2);
-  background:var(--dsw-alias-bg-base); color:var(--dsw-alias-label-primary); font:inherit; font-size:13px;
+.kd-field-label { font-size:12px; font-weight:500; color:var(--kd-label-secondary); }
+.kd-input { height:34px; padding:0 11px; border-radius:8px; border:1px solid var(--kd-border-l2);
+  background:var(--kd-bg-base); color:var(--kd-label-primary); font:inherit; font-size:13px;
   transition:border-color .15s, box-shadow .15s; }
-.kd-input:focus { outline:none; border-color:var(--dsw-alias-brand-primary);
-  box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent); }
-.kd-input::placeholder { color:var(--dsw-alias-label-secondary); }
+.kd-input:focus { outline:none; border-color:var(--kd-brand-primary);
+  box-shadow:0 0 0 3px color-mix(in srgb, var(--kd-brand-primary) 14%, transparent); }
+.kd-input::placeholder { color:var(--kd-label-secondary); }
 .kd-row { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
 .kd-row-between { display:flex; gap:10px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
-.kd-divider { height:1px; background:var(--dsw-alias-border-l1); margin:16px 0; }
-.kd-preview-item { border:1px solid var(--dsw-alias-border-l1); border-radius:12px; padding:12px 14px;
-  background:var(--dsw-alias-bg-base); }
+.kd-divider { height:1px; background:var(--kd-border-l1); margin:16px 0; }
+.kd-preview-item { border:1px solid var(--kd-border-l1); border-radius:12px; padding:12px 14px;
+  background:var(--kd-bg-base); }
 .kd-preview-item + .kd-preview-item { margin-top:8px; }
-.kd-warn-text { color:var(--dsw-alias-state-warn-primary); font-size:12px; line-height:1.7; }
-.kd-error-text { color:var(--dsw-alias-state-error-primary); font-size:12px; line-height:1.7; }
+.kd-warn-text { color:var(--kd-state-warn-primary); font-size:12px; line-height:1.7; }
+.kd-error-text { color:var(--kd-state-error-primary); font-size:12px; line-height:1.7; }
 .kd-toast { position:absolute; left:50%; bottom:24px; transform:translateX(-50%); z-index:60;
   padding:9px 18px; border-radius:999px; font-size:13px; max-width:80%;
-  background:var(--dsw-alias-bg-overlay); border:1px solid var(--dsw-alias-border-l2);
+  background:var(--kd-bg-overlay); border:1px solid var(--kd-border-l2);
   box-shadow:0 8px 24px rgba(0,0,0,.18); }
-.kd-toast-bad { color:var(--dsw-alias-state-error-primary); }
-.kd-toast-ok { color:var(--dsw-alias-state-success-primary); }
-.kd-toast-warn { color:var(--dsw-alias-state-warn-primary); }
-.kd-loading { padding:48px 0; text-align:center; color:var(--dsw-alias-label-secondary); font-size:13px; }
+.kd-toast-bad { color:var(--kd-state-error-primary); }
+.kd-toast-ok { color:var(--kd-state-success-primary); }
+.kd-toast-warn { color:var(--kd-state-warn-primary); }
+.kd-loading { padding:48px 0; text-align:center; color:var(--kd-label-secondary); font-size:13px; }
 .kd-spinner { display:inline-block; width:14px; height:14px; border-radius:50%; vertical-align:-2px;
-  border:2px solid var(--dsw-alias-border-l2); border-top-color:var(--dsw-alias-brand-primary);
+  border:2px solid var(--kd-border-l2); border-top-color:var(--kd-brand-primary);
   animation:kd-spin .8s linear infinite; margin-right:8px; }
 @keyframes kd-spin { to { transform:rotate(360deg); } }
-.kd-mobilebar { display:none; gap:8px; padding:10px 14px; border-bottom:1px solid var(--dsw-alias-border-l1);
+.kd-mobilebar { display:none; gap:8px; padding:10px 14px; border-bottom:1px solid var(--kd-border-l1);
   overflow:auto; }
+.kd-mobilebar > * { flex:0 0 auto; white-space:nowrap; }
+.kd-mobilebar .kd-select { max-width:180px; }
 .kd-md { line-height:1.78; overflow-wrap:anywhere; }
 .kd-md > *:first-child { margin-top:0; }
 .kd-md > *:last-child { margin-bottom:0; }
@@ -1000,114 +819,105 @@ window.__ModuleLoader__.load({
 .kd-h4, .kd-h5, .kd-h6 { font-size:14px; }
 .kd-list { margin:8px 0; padding-left:22px; }
 .kd-list li { margin:3px 0; }
-.kd-quote { margin:10px 0; padding:6px 12px; border-left:3px solid var(--dsw-alias-border-l2);
-  color:var(--dsw-alias-label-secondary); }
-.kd-hr { border:0; border-top:1px solid var(--dsw-alias-border-l1); margin:14px 0; }
-.kd-link { color:var(--dsw-alias-brand-primary); text-decoration:underline; text-underline-offset:2px; }
+.kd-quote { margin:10px 0; padding:6px 12px; border-left:3px solid var(--kd-border-l2);
+  color:var(--kd-label-secondary); }
+.kd-hr { border:0; border-top:1px solid var(--kd-border-l1); margin:14px 0; }
+.kd-link { color:var(--kd-brand-primary); text-decoration:underline; text-underline-offset:2px; }
 .kd-inline-code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.9em;
-  padding:1px 5px; border-radius:5px; background:var(--dsw-alias-bg-layer-2);
-  border:1px solid var(--dsw-alias-border-l1); }
-.kd-code-wrap { margin:10px 0; border-radius:10px; overflow:hidden; border:1px solid var(--dsw-alias-border-l1);
-  background:var(--dsw-alias-bg-layer-2); }
-.kd-code-lang { padding:3px 10px; font-size:11px; color:var(--dsw-alias-label-secondary);
-  border-bottom:1px solid var(--dsw-alias-border-l1); }
+  padding:1px 5px; border-radius:5px; background:var(--kd-bg-layer-2);
+  border:1px solid var(--kd-border-l1); }
+.kd-code-wrap { margin:10px 0; border-radius:10px; overflow:hidden; border:1px solid var(--kd-border-l1);
+  background:var(--kd-bg-layer-2); }
+.kd-code-lang { padding:3px 10px; font-size:11px; color:var(--kd-label-secondary);
+  border-bottom:1px solid var(--kd-border-l1); }
 .kd-code { margin:0; padding:10px 12px; overflow:auto; font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
   font-size:12.5px; line-height:1.6; white-space:pre; tab-size:2; }
 .kd-code code { font:inherit; }
 .kd-table-wrap { overflow:auto; margin:10px 0; }
 .kd-table { border-collapse:collapse; font-size:13px; min-width:0; }
-.kd-table th, .kd-table td { border:1px solid var(--dsw-alias-border-l1); padding:5px 10px; text-align:left; }
-.kd-table th { background:var(--dsw-alias-bg-layer-2); font-weight:600; }
+.kd-table th, .kd-table td { border:1px solid var(--kd-border-l1); padding:5px 10px; text-align:left; }
+.kd-table th { background:var(--kd-bg-layer-2); font-weight:600; }
 .kd-image { max-width:100%; height:auto; border-radius:8px; display:block; margin:8px 0; }
 .kd-image-fallback { display:inline-block; font-family:ui-monospace,monospace; font-size:12px;
-  color:var(--dsw-alias-state-warn-primary); border:1px dashed var(--dsw-alias-state-warn-primary);
+  color:var(--kd-state-warn-primary); border:1px dashed var(--kd-state-warn-primary);
   border-radius:6px; padding:2px 6px; }
-.kd-math { display:inline-block; vertical-align:middle; }
-.kd-mathblock { display:block; margin:10px 0; overflow-x:auto; overflow-y:hidden; text-align:center; }
-.kd-math, .kd-mathblock {
-  font-family: 'KD Latin Modern Math', 'Latin Modern Math', 'Cambria Math', 'STIX Two Math',
-    'TeX Gyre Termes Math', 'Times New Roman', serif;
-  font-feature-settings: 'ss01' 0;
-  letter-spacing: 0;
-}
-/* 分式：整块按“垂直中线”对齐到父级数学轴线（约基线上方 .25em），
-   而不是下压半个字高；分子分母固定行高，保证分数线正好落在中线上。 */
-.kd-frac { display:inline-flex; flex-direction:column; align-items:stretch; vertical-align:middle;
-  text-align:center; margin:0 .18em; line-height:1.15; }
-.kd-frac-n { padding:0 .25em .03em; }
-.kd-frac-d { border-top:1px solid currentColor; padding:.03em .25em 0; }
-/* boxed：把最终答案框起来 */
-.kd-boxed { display:inline-flex; align-items:center; padding:.06em .38em; margin:0 .12em;
-  border:1px solid currentColor; border-radius:3px; }
-/* overset / underset：在基座上方或下方叠一行小字 */
-.kd-stack { display:inline-flex; flex-direction:column; align-items:center; vertical-align:middle;
-  line-height:1.1; }
-.kd-stack-mark { font-size:.72em; }
-.kd-stack-base { line-height:1.2; }
-/* underbrace / overbrace 的花括号暂不绘制，只保留内容分组 */
-.kd-group { display:inline; }
-/* binom：没有分数线的上下堆叠 */
-.kd-binom { display:inline-flex; align-items:center; vertical-align:middle; margin:0 .1em; }
-.kd-binom .kd-frac-d { border-top:0; padding-top:0; }
-.kd-sup, .kd-sub { font-size:.72em; }
-.kd-sup { vertical-align:super; }
-.kd-sub { vertical-align:sub; }
-.kd-sqrt { display:inline-flex; align-items:flex-start; }
-.kd-sqrt-sign { font-size:1.05em; }
-.kd-sqrt-index { font-size:.6em; margin-left:-.35em; }
-.kd-sqrt-body { border-top:1px solid currentColor; padding:0 .12em; }
-.kd-op { display:inline-flex; flex-direction:column; align-items:center; vertical-align:middle;
-  margin:0 .2em; line-height:1.15; }
-.kd-op-sym { font-size:1.35em; line-height:1; }
-.kd-op-lim { font-size:.62em; }
-.kd-roman { font-style:normal; }
-.kd-bold { font-weight:700; font-style:normal; }
-.kd-blackboard { font-style:normal; }
-.kd-colsep { display:inline-block; width:.5em; }
-.kd-matrixbox { display:inline-flex; align-items:center; vertical-align:middle; }
-.kd-matrix { border-collapse:collapse; }
-.kd-matrix td { padding:2px 7px; text-align:center; border:0; }
-.kd-delim { font-size:1.5em; line-height:1; }
-.kd-cases .kd-matrix td { text-align:left; }
-.kd-accent-overline, .kd-accent-bar { border-top:1px solid currentColor; }
-.kd-accent-underline { border-bottom:1px solid currentColor; }
-.kd-accent-vec { position:relative; }
-.kd-accent-vec::before { content:'→'; position:absolute; top:-.75em; left:50%; transform:translateX(-50%); font-size:.7em; }
-.kd-accent-overrightarrow { position:relative; }
-.kd-accent-overrightarrow::before { content:'→'; position:absolute; top:-.85em; left:0; right:0;
-  text-align:center; font-size:.72em; line-height:1; }
-.kd-accent-overleftarrow { position:relative; }
-.kd-accent-overleftarrow::before { content:'←'; position:absolute; top:-.85em; left:0; right:0;
-  text-align:center; font-size:.72em; line-height:1; }
-.kd-accent-hat::before, .kd-accent-widehat::before { content:'^'; position:absolute; top:-.5em; left:50%; transform:translateX(-50%); font-size:.8em; }
-.kd-accent-hat, .kd-accent-widehat { position:relative; }
-.kd-accent-tilde { position:relative; }
-.kd-accent-tilde::before { content:'~'; position:absolute; top:-.55em; left:50%; transform:translateX(-50%); }
-.kd-accent-dot { position:relative; }
-.kd-accent-dot::before { content:'·'; position:absolute; top:-.6em; left:50%; transform:translateX(-50%); }
-.kd-accent-ddot { position:relative; }
-.kd-accent-ddot::before { content:'··'; position:absolute; top:-.6em; left:50%; transform:translateX(-50%); }
-.kd-latex-unknown { color:var(--dsw-alias-state-warn-primary); font-size:.92em; }
+.kd-math, .kd-mathblock { font-size:17px; }
+.kd-math { display:inline-flex; vertical-align:baseline; align-items:baseline; max-width:100%; padding:.25em .1em;
+  overflow-x:auto; overflow-y:hidden; }
+.kd-math mjx-container { color:currentColor; flex:none; }
+.kd-mathblock { display:block; max-width:100%; min-width:0; margin:10px 0; padding:.35em .2em; overflow-x:auto; overflow-y:hidden;
+  text-align:center; }
+.kd-page .kd-math mjx-container, .kd-page .kd-mathblock mjx-container {
+  display:inline-block; font-size:100% !important; max-width:none; }
+.kd-page .kd-math svg, .kd-page .kd-mathblock svg { max-width:none !important; }
+.kd-math-pending { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.9em;
+  opacity:.55; white-space:pre-wrap; }
+.kd-math-error { color:var(--kd-state-error-primary);
+  font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.9em; }
 .kd-checkline { display:flex; gap:8px; align-items:flex-start; padding:5px 0; font-size:13px; }
 .kd-chip { display:inline-flex; align-items:center; gap:2px; padding:0 2px 0 8px; border-radius:999px;
-  border:1px solid var(--dsw-alias-border-l2); background:var(--dsw-alias-bg-layer-1); font-size:12px; }
+  border:1px solid var(--kd-border-l2); background:var(--kd-bg-layer-1); font-size:12px; }
 .kd-chip .kd-checkline { padding:0; }
 .kd-chip .kd-iconbtn { width:20px; height:20px; }
+.kd-option.is-correct { border-color:#22c55e; }
+.kd-option.is-wrong { border-color:#f35464; }
+.kd-page input[type=checkbox] { accent-color:var(--kd-brand-primary); width:16px; height:16px; flex:none; }
+.kd-btn, .kd-iconbtn, .kd-tab, .kd-nav-item, .kd-option, .kd-list-row {
+  transition:background-color .16s, border-color .16s, color .16s, box-shadow .16s, transform .16s; }
+.kd-btn:active:not(:disabled), .kd-iconbtn:active, .kd-tab:active, .kd-nav-item:active { transform:scale(.97); }
+.kd-option:active:not(:disabled) { transform:translateY(1px); }
+.kd-view { animation:kd-enter .2s ease-out; }
+.kd-presence { display:contents; }
+.kd-overlay { animation:kd-fade .16s ease-out; background:rgb(18 27 52 / 28%); backdrop-filter:blur(5px); }
+.kd-modal { animation:kd-enter .18s ease-out; box-shadow:0 24px 80px rgb(12 25 60 / 18%); border-radius:20px; }
+.kd-presence.is-leaving .kd-overlay { animation:kd-fade .16s ease-in reverse both; pointer-events:none; }
+.kd-presence.is-leaving .kd-modal { animation:kd-enter .16s ease-in reverse both; }
+.kd-thread { animation:kd-drawer .2s ease-out; }
+.kd-presence.is-leaving .kd-thread { animation:kd-drawer .16s ease-in reverse both; pointer-events:none; }
+.kd-modal-head { padding:22px 24px; }
+.kd-modal-title { font-size:18px; }
+.kd-modal-body { padding:20px 24px; background:color-mix(in srgb, var(--kd-brand-primary) 2%, var(--kd-surface)); }
+.kd-modal-foot { padding:16px 24px; }
+.kd-manage-card { padding:16px; border:1px solid var(--kd-border-l1); border-radius:14px; background:var(--kd-bg-base); margin-bottom:10px; }
+.kd-manage-card.is-enabled { border-color:color-mix(in srgb, var(--kd-brand-primary) 25%, var(--kd-surface)); }
+.kd-manage-card .kd-checkline { font-weight:550; }
+.kd-manage-card .kd-msg-meta { font-weight:400; line-height:1.7; }
+.kd-custom-subject { padding:20px; border-radius:14px; border:1px solid var(--kd-border-l1); background:var(--kd-bg-base); }
+.kd-field-label { font-size:13px; }
+.kd-input { height:38px; }
+.kd-bulkbar { position:sticky; top:0; z-index:5; display:flex; flex-direction:column; gap:10px; padding:14px;
+  margin-bottom:14px; border-radius:14px; border:1px solid color-mix(in srgb, var(--kd-brand-primary) 25%, var(--kd-surface));
+  background:var(--kd-bg-base); box-shadow:0 5px 20px rgb(20 35 70 / 5%); animation:kd-enter .18s ease-out; }
+.kd-list-row.is-selected { border-color:var(--kd-brand-primary); background:color-mix(in srgb, var(--kd-brand-primary) 5%, var(--kd-surface)); }
+.kd-list-row input { margin-top:5px; }
+@keyframes kd-fade { from { opacity:0; } to { opacity:1; } }
+@keyframes kd-enter { from { opacity:0; transform:translateY(8px) scale(.99); } to { opacity:1; transform:none; } }
+@keyframes kd-drawer { from { opacity:0; transform:translateX(16px); } to { opacity:1; transform:none; } }
 @media (max-width: 1180px) {
-  .kd-thread { position:absolute; right:0; top:0; bottom:0; width:min(370px,92vw); z-index:30;
+  .kd-thread { position:absolute; right:0; top:0; bottom:0; width:min(370px,92vw); flex-basis:auto; z-index:30;
     box-shadow:-12px 0 32px rgba(0,0,0,.22); }
+  .kd-thread-resize { display:none; }
 }
 @media (max-width: 860px) {
   .kd-nav { display:none; }
   .kd-mobilebar { display:flex; }
-  .kd-main { padding:16px 14px 40px; }
+  .kd-main-toolbar { padding:16px 14px; }
+  .kd-main-scroll { padding:0 14px 40px; }
   .kd-header { padding:14px 14px 12px; gap:10px; }
+  .kd-header-left { flex-basis:100%; }
   .kd-cd-lines { align-items:flex-start; text-align:left; }
+  .kd-cd-primary { font-size:19px; }
+  .kd-tabs { flex:1; }
+  .kd-tab { flex:1 0 auto; justify-content:center; padding:7px 10px; }
   .kd-strip-item { white-space:normal; }
   .kd-card { padding:16px 14px; }
   .kd-answer-panel-body { padding:14px; }
   .kd-exam-strip { padding:8px 10px; }
 }
+@media (prefers-reduced-motion: reduce) {
+  .kd-page *, .kd-page *::before, .kd-page *::after { transition:none !important; animation:none !important; }
+}
+
 `
 
     /* ============================== 接口 ============================== */
@@ -1168,6 +978,7 @@ window.__ModuleLoader__.load({
       check: 'M4 12.5l5 5L20 6.5',
       x: 'M6 6l12 12M18 6L6 18',
       chevron: 'M9 6l6 6-6 6',
+      'chevron-left': 'M15 6l-6 6 6 6',
       send: 'M4 12l16-8-6 8 6 8z',
       book: 'M4 5.5A2.5 2.5 0 0 1 6.5 3H20v16H6.5A2.5 2.5 0 0 0 4 21.5z',
       plus: 'M12 5v14M5 12h14',
@@ -1186,13 +997,14 @@ window.__ModuleLoader__.load({
       }, h('path', { d: path }))
     }
 
-    function Btn({ children, onClick, variant = 'default', disabled, title, small, type = 'button' }) {
+    function Btn({ children, onClick, variant = 'default', disabled, title, small, type = 'button', ariaLabel }) {
       return h('button', {
         type,
         className: `kd-btn kd-btn-${variant}${small ? ' kd-btn-sm' : ''}`,
         onClick,
         disabled,
         title,
+        'aria-label': ariaLabel,
       }, children)
     }
 
@@ -1209,6 +1021,17 @@ window.__ModuleLoader__.load({
         actions ? h('div', { className: 'kd-actions' }, actions) : null)
     }
 
+    function Presence({ children }) {
+      const active = Array.isArray(children) ? children.some(Boolean) : Boolean(children)
+      const [retained, setRetained] = useState(children)
+      useEffect(() => {
+        if (active) { setRetained(children); return undefined }
+        const timer = setTimeout(() => setRetained([]), 160)
+        return () => clearTimeout(timer)
+      }, [children, active])
+      return h('div', { className: 'kd-presence' + (active ? '' : ' is-leaving') }, active ? children : retained)
+    }
+
     function Modal({ title, children, footer, onClose, wide }) {
       useEffect(() => {
         const onKey = (event) => {
@@ -1248,12 +1071,12 @@ window.__ModuleLoader__.load({
       return `${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}`
     }
 
-    /** 严格的三行倒计时。 */
+    /** 剩余不超过 30 天时省略中间的时长行。 */
     function CountdownLines({ countdown }) {
       const lines = (countdown || {}).lines || {}
       return h('div', { className: 'kd-cd-lines' },
         h('div', { className: 'kd-cd-primary' }, lines.primary || ''),
-        h('div', { className: 'kd-cd-secondary' }, lines.secondary || ''),
+        lines.secondary ? h('div', { className: 'kd-cd-secondary' }, lines.secondary) : null,
         h('div', { className: 'kd-cd-target' }, lines.target || ''))
     }
 
@@ -1349,7 +1172,7 @@ window.__ModuleLoader__.load({
         }, label, count ? h('span', { className: 'kd-tab-count' }, String(count)) : null)))
     }
 
-    function MobileBar({ boot, subjectId, kind, onPick, onTab, onManage, onBanks }) {
+    function MobileBar({ boot, subjectId, onPick, onManage, onBanks }) {
       const enabled = (boot.subjects || []).filter((subject) => subject.enabled)
       return h('div', { className: 'kd-mobilebar' },
         h('select', {
@@ -1358,13 +1181,6 @@ window.__ModuleLoader__.load({
           'aria-label': '切换科目',
           onChange: (event) => onPick(event.target.value),
         }, enabled.map((subject) => h('option', { key: subject.id, value: subject.id }, subject.name))),
-        ['today', 'all', 'favorite', 'wrong'].map((value) => h('button', {
-          key: value,
-          type: 'button',
-          className: `kd-nav-item${kind === value ? ' is-active' : ''}`,
-          style: { width: 'auto' },
-          onClick: () => onTab(value),
-        }, T.tabs[value])),
         // 窄屏隐藏了左侧栏，科目的增删与题库入口必须在这里保留。
         h(Btn, { small: true, variant: 'ghost', onClick: onManage }, h(Icon, { name: 'plus', size: 13 }), T.manageSubjects),
         h(Btn, { small: true, variant: 'ghost', onClick: onBanks }, h(Icon, { name: 'book', size: 13 }), T.manageBanks))
@@ -1456,7 +1272,7 @@ window.__ModuleLoader__.load({
 
     function QuestionPane({
       q, busy, choice, onSelect, onReveal, onJudge, onFavorite, onRedo, localRedo,
-      onRevise, revising, onToggleThread, threadOpen, narrow, onRemoveWrong,
+      onRevise, revising, onToggleThread, threadOpen, onRemoveWrong,
     }) {
       if (!q) return null
       const revealed = !localRedo && q.answerState === 'revealed' && q.attemptCount > 0
@@ -1527,9 +1343,7 @@ window.__ModuleLoader__.load({
             revealed
               ? h(Btn, { variant: 'ghost', onClick: onRedo, disabled: busy === 'reveal' }, h(Icon, { name: 'refresh', size: 13 }), T.redo)
               : null,
-            narrow
-              ? h(Btn, { variant: 'ghost', onClick: onToggleThread }, h(Icon, { name: 'book' }), threadOpen ? '收起追问' : T.followup)
-              : null),
+            revealed ? h(Btn, { variant: 'ghost', onClick: onToggleThread }, h(Icon, { name: 'book' }), threadOpen ? '收起追问' : T.followup) : null),
           revealed ? h(AnswerBlock, { question: q, onRevise, revising, onRemoveWrong }) : null,
           revealed && last?.result === 'pending'
             ? h('div', { className: 'kd-actions', style: { marginTop: '12px' } },
@@ -1542,7 +1356,7 @@ window.__ModuleLoader__.load({
             h(Badge, { tone: q.publishVerification.status === 'passed' ? 'ok' : 'warn' },
               q.publishVerification.status === 'passed' ? '试题发布前已通过独立校验' : '试题发布状态：待核验'),
             // 校验结论里通常写着答案与关键推导，提交答案前不能展示，否则等于泄题。
-            q.answerState === 'revealed'
+            revealed
               ? ` ${q.publishVerification.summary}`
               : ' 结论在提交答案后显示',
             `（${methodLabel(q.publishVerification.method)}${q.publishVerification.at ? `，${formatDateTime(q.publishVerification.at)}` : ''}）`)
@@ -1550,7 +1364,59 @@ window.__ModuleLoader__.load({
     }
 
     /* ============================== 列表 ============================== */
-    function ListPane({ list, kind, subjectName, onOpen }) {
+    function previewFadePosition(element, lineHeight) {
+      const bounds = element.getBoundingClientRect()
+      const rects = []
+      const document = element.ownerDocument
+      const walker = document.createTreeWalker(element, 4) // 只测量正文文字，公式由 SVG 的外框参与定位。
+      const range = document.createRange()
+      for (let node = walker.nextNode(); node; node = walker.nextNode()) {
+        if (!node.textContent.trim() || node.parentElement.closest('mjx-container,.kd-code-lang')) continue
+        range.setStart(node, 0)
+        range.setEnd(node, node.textContent.trimEnd().length)
+        rects.push(...range.getClientRects())
+      }
+      for (const node of element.querySelectorAll('svg,img')) rects.push(node.getBoundingClientRect())
+      const visible = rects.filter((rect) => rect.width > 0 && rect.height > 0
+        && rect.top < bounds.bottom - 1 && rect.bottom > bounds.top
+        && rect.left < bounds.right && rect.right > bounds.left)
+      if (!visible.length) return null
+      const lineOf = (rect) => Math.max(0, Math.min(1, Math.floor(((rect.top + rect.bottom) / 2 - bounds.top) / lineHeight)))
+      const lastLine = Math.max(...visible.map(lineOf))
+      const end = Math.min(bounds.width, Math.max(...visible.filter((rect) => lineOf(rect) === lastLine).map((rect) => rect.right - bounds.left)))
+      return { top: lastLine * lineHeight, start: Math.max(0, end - 72), end }
+    }
+
+    function QuestionPreview({ text }) {
+      const ref = useRef(null)
+      const [truncated, setTruncated] = useState(false)
+      const mathStatus = useMathJaxStatus()
+      useEffect(() => {
+        const element = ref.current
+        if (!element) return undefined
+        const measure = () => {
+          let lineHeight = 28
+          for (const svg of element.querySelectorAll('svg')) lineHeight = Math.max(lineHeight, Math.ceil(svg.getBoundingClientRect().height + 16))
+          element.style.setProperty('--kd-preview-line-height', `${lineHeight}px`)
+          const content = element.firstElementChild
+          const clipped = element.scrollHeight > element.clientHeight + 1 || element.scrollWidth > element.clientWidth + 1
+            || (content && content.scrollHeight > content.clientHeight + 1)
+          const fade = clipped && previewFadePosition(element, lineHeight)
+          if (fade) {
+            for (const [key, value] of Object.entries(fade)) element.style.setProperty(`--kd-preview-fade-${key}`, `${value}px`)
+          }
+          setTruncated(Boolean(fade))
+        }
+        measure()
+        const observer = new ResizeObserver(measure)
+        observer.observe(element)
+        if (element.firstElementChild) observer.observe(element.firstElementChild)
+        return () => observer.disconnect()
+      }, [text, mathStatus])
+      return h('div', { ref, className: 'kd-list-summary' + (truncated ? ' is-truncated' : '') }, h(Markdown, { text }))
+    }
+
+    function ListPane({ list, kind, subjectName, onOpen, managing, selected, onManage, onToggle, onSelectAll, onBulk, busy }) {
       if (!list) return h('div', { className: 'kd-loading' }, h('span', { className: 'kd-spinner' }), '加载中…')
       if (!list.items.length) {
         const icon = kind === 'favorite' ? 'star' : kind === 'wrong' ? 'check' : kind === 'all' ? 'book' : 'spark'
@@ -1562,33 +1428,49 @@ window.__ModuleLoader__.load({
       }
       return h('div', null,
         h('div', { className: 'kd-meta', style: { marginBottom: '10px' } },
-          h('span', null, `${subjectName} · ${T.tabs[kind]} · 共 ${list.items.length} 道`)),
-        list.items.map((item) => h('button', {
+          h('span', null, `${subjectName} · ${T.tabs[kind]} · 共 ${list.items.length} 道`),
+          h(Btn, { small: true, onClick: onManage, disabled: busy }, managing ? '完成管理' : '批量管理')),
+        managing ? h('div', { className: 'kd-bulkbar', 'aria-label': '批量管理' },
+          h('div', { className: 'kd-row' },
+            h('strong', { 'aria-live': 'polite' }, `已选 ${selected.length} 道`),
+            h(Btn, { small: true, disabled: busy, onClick: () => onSelectAll(true) }, '全选'),
+            h(Btn, { small: true, disabled: busy || !selected.length, onClick: () => onSelectAll(false) }, '全不选')),
+          h('div', { className: 'kd-row' },
+            ...[['favorite', '收藏'], ['unfavorite', '取消收藏'], ['wrong', '加入错题本'], ['unwrong', '移出错题本'], ['delete', '删除题目']].map(([action, label]) =>
+              h(Btn, { key: action, small: true, variant: action === 'delete' ? 'danger' : 'default', disabled: busy || !selected.length, onClick: () => onBulk(action) }, label)))) : null,
+        list.items.map((item) => h('div', {
           key: item.id,
-          type: 'button',
-          className: 'kd-list-row',
-          onClick: () => onOpen(item.id),
+          className: 'kd-list-row' + (managing && selected.includes(item.id) ? ' is-selected' : ''),
+          role: managing ? undefined : 'button',
+          tabIndex: managing ? undefined : 0,
+          onClick: managing ? undefined : (event) => { if (!event.target.closest('a,input')) onOpen(item.id) },
+          onKeyDown: managing ? undefined : (event) => {
+            if (event.target === event.currentTarget && ['Enter', ' '].includes(event.key)) { event.preventDefault(); onOpen(item.id) }
+          },
         },
+        managing ? h('input', { type: 'checkbox', checked: selected.includes(item.id), disabled: busy,
+          'aria-label': '选择题目：' + (item.summary || item.id), onChange: () => onToggle(item.id) }) : null,
         h('div', { className: 'kd-list-body' },
-          h('div', { className: 'kd-list-summary' }, item.summary || '(无题干)'),
+          h(QuestionPreview, { text: item.stem || item.summary || '(无题干)' }),
           h('div', { className: 'kd-list-meta' },
             h(Badge, null, item.typeLabel),
             h('span', null, formatDate(item.assignedDate)),
             h('span', null, `作答 ${item.attemptCount} 次`),
             item.favorite ? h(Badge, { tone: 'brand' }, '收藏') : null,
-            item.wrongEver ? h(Badge, { tone: 'bad' }, item.mastered ? '曾答错 · 已掌握' : '错题') : null,
+            item.wrongEver ? h(Badge, { tone: 'bad' }, item.mastered ? '错题 · 已掌握' : '错题') : null,
             item.answerStatus !== 'verified' ? h(Badge, { tone: 'warn' }, T.unverified) : null,
             h('span', null, `难度 ${item.difficulty}/5`))),
-        h('span', { className: 'kd-iconbtn' }, h(Icon, { name: 'chevron' })))))
+        !managing ? h('span', { className: 'kd-list-open', 'aria-hidden': true }, '查看题目', h(Icon, { name: 'chevron' })) : null)))
     }
 
     /* ============================== 追问侧栏 ============================== */
-    function ThreadPane({ thread, questionId, busy, onSend, onClear, onClose, narrow }) {
+    function ThreadPane({ thread, questionId, busy, onSend, onClear, onClose, narrow, ratio = 33, onRatioChange }) {
       const [draft, setDraft] = useState('')
       const [sending, setSending] = useState(false)
       const [localError, setLocalError] = useState('')
       const [pending, setPending] = useState(null)
       const scrollRef = useRef(null)
+      const sendingRef = useRef(false)
       const messages = thread?.messages || []
 
       useEffect(() => {
@@ -1598,7 +1480,8 @@ window.__ModuleLoader__.load({
 
       const send = useCallback(async (text, messageId) => {
         const value = String(text || '').trim()
-        if (!value) return
+        if (!value || sendingRef.current) return
+        sendingRef.current = true
         setSending(true)
         setLocalError('')
         try {
@@ -1609,6 +1492,7 @@ window.__ModuleLoader__.load({
           setLocalError(error.message)
           setPending({ id: messageId, text: value })
         } finally {
+          sendingRef.current = false
           setSending(false)
         }
       }, [onSend])
@@ -1644,11 +1528,30 @@ window.__ModuleLoader__.load({
           h('span', { className: 'kd-spinner' }), T.sending))
       }
 
-      return h('aside', { className: 'kd-thread', 'aria-label': T.followup },
+      const resize = (value) => onRatioChange(Math.max(20, Math.min(55, value)))
+      return h('aside', { className: 'kd-thread', 'aria-label': T.followup, style: { '--kd-thread-ratio': ratio / 100 } },
+        !narrow ? h('div', { className: 'kd-thread-resize', role: 'separator', tabIndex: 0,
+          'aria-label': '调整题目与追问的宽度比例', 'aria-orientation': 'vertical',
+          'aria-valuemin': 20, 'aria-valuemax': 55, 'aria-valuenow': Math.round(ratio),
+          onPointerDown: (event) => { event.preventDefault(); event.currentTarget.setPointerCapture(event.pointerId) },
+          onPointerMove: (event) => {
+            if (!event.currentTarget.hasPointerCapture(event.pointerId)) return
+            const pane = event.currentTarget.parentElement
+            const left = pane.closest('.kd-shell').querySelector('.kd-main').getBoundingClientRect().left
+            const right = pane.getBoundingClientRect().right
+            resize((right - event.clientX) / (right - left) * 100)
+          },
+          onPointerUp: (event) => event.currentTarget.releasePointerCapture(event.pointerId),
+          onPointerCancel: (event) => event.currentTarget.releasePointerCapture(event.pointerId),
+          onKeyDown: (event) => {
+            const value = { ArrowLeft: ratio + 2, ArrowRight: ratio - 2, Home: 20, End: 55 }[event.key]
+            if (value !== undefined) { event.preventDefault(); resize(value) }
+          },
+        }) : null,
         h('div', { className: 'kd-thread-head' },
           h('div', null,
             h('div', { className: 'kd-thread-title' }, T.followup),
-            h('div', { className: 'kd-msg-meta' }, `题目 ${String(questionId || '').slice(0, 14)}`)),
+            h('div', { className: 'kd-msg-meta' }, '围绕当前题目，一起理清思路')),
           h('div', { className: 'kd-row' },
             h(Btn, {
               small: true,
@@ -1657,9 +1560,7 @@ window.__ModuleLoader__.load({
               onClick: onClear,
               title: '只清空本题的追问记录',
             }, T.clearThread),
-            narrow
-              ? h('button', { className: 'kd-iconbtn', onClick: onClose, 'aria-label': T.close }, h(Icon, { name: 'close' }))
-              : null)),
+            h('button', { className: 'kd-iconbtn', onClick: onClose, 'aria-label': T.close }, h(Icon, { name: 'close' })))),
         h('div', { className: 'kd-thread-hint' }, T.followupHint),
         h('div', { className: 'kd-thread-scroll', ref: scrollRef },
           rows.length ? rows : h('div', { className: 'kd-empty-body' }, '还没有追问。可以问某一步推导为什么成立、某个知识点怎么理解，或有没有别的解法。')),
@@ -1669,13 +1570,13 @@ window.__ModuleLoader__.load({
             h('textarea', {
               className: 'kd-textarea',
               value: draft,
-              placeholder: '围绕这道题继续追问…（Ctrl+Enter 发送）',
+              placeholder: '围绕这道题继续追问…（Enter 发送，Shift+Enter 换行）',
               disabled: sending,
               onChange: (event) => setDraft(event.target.value),
               onKeyDown: (event) => {
-                if ((event.ctrlKey || event.metaKey) && event.key === 'Enter') {
+                if (event.key === 'Enter' && !event.shiftKey && !event.isComposing && !event.nativeEvent?.isComposing && event.keyCode !== 229) {
                   event.preventDefault()
-                  send(draft, newAttemptId())
+                  if (!event.repeat) send(draft, newAttemptId())
                 }
               },
             }),
@@ -1689,12 +1590,22 @@ window.__ModuleLoader__.load({
     }
 
     /* ============================== 弹窗 ============================== */
-    function SubjectsModal({ boot, onClose, onAdd, onRemove, onSource, onPick }) {
+    function SubjectsModal({ boot, onClose, onDone }) {
+      const [draft, setDraft] = useState(() => ({ subjects: [...boot.settings.subjects],
+        subjectSource: { ...boot.settings.subjectSource }, customSubjects: structuredClone(boot.customSubjects || []) }))
+      const [saving, setSaving] = useState(false)
+      const [saveError, setSaveError] = useState('')
       const [name, setName] = useState('')
       const [types, setTypes] = useState([])
       const [customTypes, setCustomTypes] = useState([])
       const [typeDraft, setTypeDraft] = useState('')
-      const enabled = new Set(boot.settings.subjects)
+      const enabled = new Set(draft.subjects)
+      const subjects = [...(boot.subjects || []), ...draft.customSubjects.filter((item) => !(boot.subjects || []).some((s) => s.id === item.id)).map((item) => ({
+        ...item, typeLabels: item.types.map((type) => ({ single: '单项选择题', multiple: '多项选择题', fill: '填空题', solution: '解答题' })[type] || type), bankItemCount: 0,
+      }))]
+      const close = () => { if (!saving) onClose() }
+      const toggleSubject = (id) => setDraft((current) => ({ ...current,
+        subjects: current.subjects.includes(id) ? current.subjects.filter((value) => value !== id) : [...current.subjects, id] }))
       const toggleType = (type) => setTypes((current) => current.includes(type)
         ? current.filter((item) => item !== type)
         : [...current, type])
@@ -1709,10 +1620,28 @@ window.__ModuleLoader__.load({
         setCustomTypes((current) => current.filter((item) => item !== value))
         setTypes((current) => current.filter((item) => item !== value))
       }
-      const canAdd = Boolean(name.trim()) && types.length > 0
+      const selectedTypes = [...new Set([...types, ...(typeDraft.trim() ? [typeDraft.trim().slice(0, 24)] : [])])]
+      const canAdd = Boolean(name.trim()) && selectedTypes.length > 0
+      const withCustomSubject = (current) => {
+        const subject = { id: 'custom_' + newAttemptId(), name: name.trim(), types: selectedTypes }
+        return { ...current, subjects: [...current.subjects, subject.id], customSubjects: [...current.customSubjects, subject] }
+      }
+      const finish = async () => {
+        if (saving) return
+        if ((name.trim() || types.length || typeDraft.trim()) && !canAdd) {
+          setSaveError('请填写自定义科目名称并至少选择一个题型，或清空未完成的输入。')
+          return
+        }
+        const next = canAdd ? withCustomSubject(draft) : draft
+        setSaving(true)
+        setSaveError('')
+        try { await onDone(next) }
+        catch (error) { setSaveError(error.message || '保存失败，请重试') }
+        finally { setSaving(false) }
+      }
       const submit = () => {
         if (!canAdd) return
-        onAdd({ name: name.trim(), types })
+        setDraft(withCustomSubject)
         setName('')
         setTypes([])
         setCustomTypes([])
@@ -1720,24 +1649,26 @@ window.__ModuleLoader__.load({
       }
       return h(Modal, {
         title: T.manageSubjects,
-        onClose,
+        onClose: close,
         wide: true,
         footer: [
-          h(Btn, { key: 'close', onClick: onClose }, T.close),
+          h(Btn, { key: 'cancel', onClick: close, disabled: saving }, T.cancel),
+          h(Btn, { key: 'done', variant: 'primary', onClick: finish, disabled: saving }, saving ? '保存中…' : '完成'),
         ],
       },
+      saveError ? h('div', { className: 'kd-error-text', role: 'alert' }, saveError) : null,
+      h('fieldset', { disabled: saving, style: { border: 0, padding: 0, margin: 0, minWidth: 0 } },
       h('div', { className: 'kd-meta', style: { marginBottom: '12px' } },
-        '勾选要每天出题的科目。取消勾选只会移出每日出题，该科目已出过的题目、收藏、错题与作答记录都会保留。'),
-      (boot.subjects || []).map((subject) => h('div', {
+        '修改后点击右下角「完成」统一保存；取消或关闭会放弃修改。停用科目不会删除历史题目、作答、收藏和追问。'),
+      subjects.map((subject) => h('div', {
         key: subject.id,
-        className: 'kd-row-between',
-        style: { padding: '8px 0', borderBottom: '1px solid var(--dsw-alias-border-l1)' },
+        className: 'kd-row-between kd-manage-card' + (enabled.has(subject.id) ? ' is-enabled' : ''),
       },
       h('label', { className: 'kd-checkline', style: { flex: '1 1 240px', cursor: 'pointer' } },
         h('input', {
           type: 'checkbox',
           checked: enabled.has(subject.id),
-          onChange: () => (enabled.has(subject.id) ? onRemove(subject) : onAdd(subject)),
+          onChange: () => toggleSubject(subject.id),
         }),
         h('span', null,
           h('span', null, subject.name),
@@ -1747,24 +1678,19 @@ window.__ModuleLoader__.load({
         ? h('div', { className: 'kd-row' },
           h('select', {
             className: 'kd-select',
-            value: subject.source,
+            value: draft.subjectSource[subject.id] || 'auto',
             'aria-label': `${subject.name} 出题来源`,
-            onChange: (event) => onSource(subject.id, event.target.value),
+            onChange: (event) => { const source = event.target.value; setDraft((current) => ({ ...current, subjectSource: { ...current.subjectSource, [subject.id]: source } })) },
           },
           h('option', { value: 'auto' }, '自动（优先题库）'),
           h('option', { value: 'online' }, '在线出题'),
           h('option', { value: 'bank' }, '题库出题')),
           subject.bankItemCount
             ? h('span', { className: 'kd-msg-meta' }, `题库 ${subject.bankItemCount} 题`)
-            : h('span', { className: 'kd-msg-meta' }, '题库为空'),
-          h(Btn, {
-            small: true,
-            variant: 'ghost',
-            onClick: () => { onClose(); onPick(subject.id) },
-          }, '查看'))
+            : h('span', { className: 'kd-msg-meta' }, '题库为空'))
         : null)),
       h('div', { className: 'kd-divider' }),
-      h('div', { className: 'kd-field' },
+      h('div', { className: 'kd-field kd-custom-subject' },
         h('div', { className: 'kd-field-label' }, '添加自定义科目'),
         h('div', { className: 'kd-row' },
           h('input', {
@@ -1815,7 +1741,7 @@ window.__ModuleLoader__.load({
           }),
           h(Btn, { small: true, disabled: !typeDraft.trim(), onClick: addCustomType }, '添加题型')),
         h('div', { className: 'kd-msg-meta', style: { marginTop: '6px' } },
-          canAdd ? `将添加：${name.trim()}（${types.join(' / ')}）` : '填写科目名称并至少选择一个题型后即可添加')))
+          canAdd ? `将添加：${name.trim()}（${types.join(' / ')}）` : '填写科目名称并至少选择一个题型后即可添加'))))
     }
 
     function BanksModal({ boot, importResult, onClose, onPickFile, onDelete, onCommit, onCancelImport }) {
@@ -1873,8 +1799,7 @@ window.__ModuleLoader__.load({
       (boot.banks || []).length
         ? boot.banks.map((bank) => h('div', {
           key: bank.id,
-          className: 'kd-row-between',
-          style: { padding: '9px 0', borderBottom: '1px solid var(--dsw-alias-border-l1)' },
+          className: 'kd-row-between kd-manage-card',
         },
         h('div', { style: { minWidth: 0 } },
           h('div', null, bank.name),
@@ -1919,13 +1844,13 @@ window.__ModuleLoader__.load({
       h('div', { className: 'kd-msg-meta' }, '确认后才会替换正式版本；旧版本会保留在版本历史中。'))
     }
 
-    function ConfirmModal({ title, message, confirmLabel, onConfirm, onClose, danger }) {
+    function ConfirmModal({ title, message, confirmLabel, onConfirm, onClose, danger, busy }) {
       return h(Modal, {
         title,
         onClose,
         footer: [
-          h(Btn, { key: 'cancel', onClick: onClose }, T.cancel),
-          h(Btn, { key: 'ok', variant: danger ? 'danger' : 'primary', onClick: onConfirm }, confirmLabel || T.confirm),
+          h(Btn, { key: 'cancel', onClick: onClose, disabled: busy }, T.cancel),
+          h(Btn, { key: 'ok', variant: danger ? 'danger' : 'primary', onClick: onConfirm, disabled: busy }, busy ? '正在处理…' : (confirmLabel || T.confirm)),
         ],
       }, h('div', { className: 'kd-md' }, message))
     }
@@ -1942,15 +1867,27 @@ window.__ModuleLoader__.load({
       const [thread, setThread] = useState(null)
       const [list, setList] = useState(null)
       const [busy, setBusy] = useState('')
+      const [managing, setManaging] = useState(false)
+      const [selected, setSelected] = useState([])
+      const bulkLock = useRef(false)
       const [fail, setFail] = useState('')
       const [toast, setToast] = useState(null)
       const [modal, setModal] = useState(null)
       const [choice, setChoice] = useState('')
       const [localRedo, setLocalRedo] = useState(false)
       const [threadOpen, setThreadOpen] = useState(false)
+      const [threadRatio, setThreadRatio] = useState(33)
       const fileRef = useRef(null)
       const attemptRef = useRef(newAttemptId())
       const toastTimer = useRef(null)
+      const mainScroll = useRef(null)
+      const listScroll = useRef(0)
+      const redoQuestions = useRef(new Set())
+
+      useEffect(() => {
+        if (view === 'list' && list && mainScroll.current) mainScroll.current.scrollTop = listScroll.current
+        if (view === 'detail' && mainScroll.current) mainScroll.current.scrollTop = 0
+      }, [view, list])
 
       const notify = useCallback((message, tone = 'ok') => {
         setToast({ message, tone })
@@ -1974,6 +1911,7 @@ window.__ModuleLoader__.load({
         if (!sid) return
         // 高亮必须跟着视图走：从「全部 / 收藏 / 错题本」切回今日题目时要一起复位
         setKind('today')
+        setThreadOpen(false)
         setView('detail')
         setBusy('daily')
         setFail('')
@@ -1985,6 +1923,7 @@ window.__ModuleLoader__.load({
         try {
           const result = await rpc('ensureDaily', { subjectId: sid })
           setQuestion(result.question)
+          setLocalRedo(redoQuestions.current.has(result.question.id))
           setThread(result.thread || null)
         } catch (issue) {
           setFail(issue.message)
@@ -1995,7 +1934,9 @@ window.__ModuleLoader__.load({
 
       const loadList = useCallback(async (sid, nextKind) => {
         if (!sid) return
+        listScroll.current = 0
         setKind(nextKind)
+        setThreadOpen(false)
         setView('list')
         setBusy('list')
         setList(null)
@@ -2009,6 +1950,8 @@ window.__ModuleLoader__.load({
         }
       }, [notify])
 
+      useEffect(() => { setSelected([]); setManaging(false) }, [subjectId, kind, view])
+
       const pickSubject = useCallback((sid) => {
         if (!sid || sid === subjectId) return
         setSubjectId(sid)
@@ -2018,13 +1961,17 @@ window.__ModuleLoader__.load({
       }, [subjectId, loadToday])
 
       const openQuestion = useCallback(async (qid) => {
+        listScroll.current = mainScroll.current?.scrollTop || 0
         setBusy('question')
         try {
           const result = await rpc('getQuestion', { qid })
+          const canResume = result.isToday && result.question.answerState === 'revealed'
+            && result.question.attemptCount > 0 && !redoQuestions.current.has(qid)
+          if (!canResume) redoQuestions.current.add(qid)
           setQuestion(result.question)
           setThread(result.thread || null)
           setView('detail')
-          setLocalRedo(false)
+          setLocalRedo(!canResume)
           setChoice('')
           setThreadOpen(false)
           attemptRef.current = newAttemptId()
@@ -2035,6 +1982,15 @@ window.__ModuleLoader__.load({
         }
       }, [notify])
 
+      const backToList = async () => {
+        setThreadOpen(false)
+        setView('list')
+        try {
+          const result = await rpc('listQuestions', { subjectId, kind })
+          setList(result)
+        } catch (issue) { notify(issue.message, 'bad') }
+      }
+
       useEffect(() => {
         let cancelled = false
         rpc('bootstrap').then((result) => {
@@ -2070,6 +2026,7 @@ window.__ModuleLoader__.load({
             attemptId: attemptRef.current,
           })
           setQuestion(result.question)
+          redoQuestions.current.delete(question.id)
           setLocalRedo(false)
           refreshBoot()
         } catch (issue) {
@@ -2210,67 +2167,18 @@ window.__ModuleLoader__.load({
         }
       }, [boot, notify, refreshBoot])
 
-      const addSubject = useCallback(async (subject) => {
-        try {
-          let targetId = subject.id
-          if (!targetId) {
-            targetId = `custom_${Date.now().toString(36)}`
-            await rpc('saveSettings', {
-              customSubjects: [...(boot?.customSubjects || []), {
-                id: targetId,
-                name: subject.name,
-                types: subject.types,
-              }],
-            })
-          }
-          const result = await rpc('addSubject', { subjectId: targetId })
-          const fresh = await refreshBoot()
-          notify(`${subject.name} 已启用，系统会为它分配今天的题目`)
-          if (fresh && result) {
-            setSubjectId(targetId)
-            loadToday(targetId)
-          }
-          setModal(null)
-        } catch (issue) {
-          notify(issue.message, 'bad')
-        }
-      }, [boot, notify, refreshBoot, loadToday])
-
-      const removeSubject = useCallback((subject) => {
-        setModal({
-          kind: 'confirm',
-          title: `${T.deleteSubject}：${subject.name}`,
-          message: `确认把「${subject.name}」移出每日出题吗？\n\n- 该科目已出过的题目、收藏、错题与作答记录都会保留在“全部”里。\n- 今天已经分配的题目不会丢失，重新启用后当天仍会复用同一道题。`,
-          confirmLabel: T.deleteSubject,
-          danger: true,
-          onConfirm: async () => {
-            setModal(null)
-            try {
-              const result = await rpc('removeSubject', { subjectId: subject.id })
-              const fresh = await refreshBoot()
-              notify(result.message || '已移出每日出题')
-              if (fresh) {
-                const next = fresh.settings.subjects[0] || null
-                setSubjectId(next)
-                if (next) loadToday(next)
-                else { setQuestion(null); setView('empty') }
-              }
-            } catch (issue) {
-              notify(issue.message, 'bad')
-            }
-          },
-        })
-      }, [notify, refreshBoot, loadToday])
-
-      const changeSource = useCallback(async (id, source) => {
-        try {
-          await rpc('saveSettings', { subjectSource: { [id]: source } })
-          await refreshBoot()
-          notify('出题来源已更新')
-        } catch (issue) {
-          notify(issue.message, 'bad')
+      const saveSubjects = async (draft) => {
+        const next = draft.subjects.includes(subjectId) ? subjectId : (draft.subjects[0] || null)
+        const result = await rpc('saveSettings', { ...draft, activeSubject: next })
+        setBoot((current) => ({ ...current, ...result, customSubjects: draft.customSubjects }))
+        setModal(null)
+        notify('科目设置已保存')
+        if (next !== subjectId) {
+          setSubjectId(next)
+          if (next) loadToday(next)
+          else { setQuestion(null); setThread(null); setThreadOpen(false); setView('empty') }
         }
-      }, [notify, refreshBoot])
+      }
 
       const pickFile = useCallback(() => {
         if (fileRef.current) {
@@ -2335,6 +2243,38 @@ window.__ModuleLoader__.load({
         })
       }, [notify, refreshBoot])
 
+      const bulkQuestions = async (action) => {
+        if (bulkLock.current || !selected.length) return
+        const qids = [...selected]
+        const execute = async (confirmProtected = false) => {
+          if (bulkLock.current) return
+          bulkLock.current = true
+          setBusy('bulk')
+          try {
+            const result = await rpc('bulkQuestions', { qids, action, confirmProtected })
+            if (result.requiresConfirmation) {
+              setModal({ kind: 'confirm', title: '再次确认删除收藏或错题', danger: true,
+                message: `选中的题目中有 ${result.protectedCount} 道已收藏或在错题本中。继续将永久删除所选 ${qids.length} 道题及其作答和追问，无法恢复。确定仍要删除吗？`,
+                confirmLabel: '仍要永久删除', onConfirm: () => execute(true) })
+              return
+            }
+            setModal(null)
+            setSelected([])
+            await loadList(subjectId, kind)
+            await refreshBoot()
+            notify(`已处理 ${result.affected} 道题目`)
+          } catch (issue) {
+            setModal(null)
+            notify(issue.message, 'bad')
+          } finally { bulkLock.current = false; setBusy('') }
+        }
+        if (action === 'delete') {
+          setModal({ kind: 'confirm', title: '删除所选题目', danger: true,
+            message: `将永久删除 ${qids.length} 道题及其作答、收藏、错题标记和追问，无法恢复。题库原文件仍会保留，未来可能重新抽到其中的题目。`,
+            confirmLabel: '确认删除', onConfirm: () => execute() })
+        } else await execute()
+      }
+
       const counts = subjectId ? boot?.counts?.[subjectId] : null
       const narrow = useMediaQuery('(max-width: 1180px)')
 
@@ -2399,6 +2339,11 @@ window.__ModuleLoader__.load({
             kind,
             subjectName: currentSubject?.name || '',
             onOpen: openQuestion,
+            managing, selected, busy: busy === 'bulk',
+            onManage: () => { setManaging(!managing); setSelected([]) },
+            onToggle: (id) => setSelected((ids) => ids.includes(id) ? ids.filter((value) => value !== id) : [...ids, id]),
+            onSelectAll: (value) => setSelected(value ? list.items.map((item) => item.id) : []),
+            onBulk: bulkQuestions,
           })
         }
         if (view === 'detail' && question) {
@@ -2407,7 +2352,6 @@ window.__ModuleLoader__.load({
             busy,
             choice,
             localRedo,
-            narrow,
             threadOpen,
             onSelect: (key) => {
               setChoice((current) => {
@@ -2422,7 +2366,9 @@ window.__ModuleLoader__.load({
             onJudge: judge,
             onFavorite: favorite,
             onRedo: () => {
+              redoQuestions.current.add(question.id)
               setLocalRedo(true)
+              setThreadOpen(false)
               setChoice('')
               attemptRef.current = newAttemptId()
             },
@@ -2449,7 +2395,13 @@ window.__ModuleLoader__.load({
         })
       })()
 
-      const showThread = view === 'detail' && question && (!narrow || threadOpen)
+      const pickTab = (value) => {
+        if (value === kind && (value === 'today' || view === 'list')) return
+        if (value === 'today') loadToday(subjectId)
+        else loadList(subjectId, value)
+      }
+      const showThread = view === 'detail' && question && threadOpen && !localRedo
+        && question.answerState === 'revealed' && question.attemptCount > 0
 
       return h('div', { className: 'kd-page' },
         styleInjected ? null : h('style', null, CSS),
@@ -2459,10 +2411,10 @@ window.__ModuleLoader__.load({
               h('div', { className: 'kd-brand' }, h(SidebarIcon, { size: 18 })),
               h('div', { style: { minWidth: 0 } },
                 h('h1', { className: 'kd-title' }, T.title),
-                h('div', { className: 'kd-sub' },
+                h('div', { className: 'kd-sub', title: T.subtitle },
                   boot?.today ? `${formatDate(boot.today)} · ` : '',
                   boot ? `已启用 ${boot.settings.subjects.length} 个科目 · ` : '',
-                  T.subtitle))),
+                  '每天一道，稳步向前'))),
             boot ? h(CountdownLines, { countdown: boot.countdown }) : null),
           boot ? h(ExamStrip, {
             boot,
@@ -2473,14 +2425,9 @@ window.__ModuleLoader__.load({
         boot ? h(MobileBar, {
           boot,
           subjectId,
-          kind,
           onPick: pickSubject,
           onManage: () => setModal({ kind: 'subjects' }),
           onBanks: () => setModal({ kind: 'banks' }),
-          onTab: (value) => {
-            if (value === 'today') loadToday(subjectId)
-            else loadList(subjectId, value)
-          },
         }) : null,
         h('div', { className: 'kd-shell' },
           boot ? h(SubjectNav, {
@@ -2491,27 +2438,30 @@ window.__ModuleLoader__.load({
             onBanks: () => setModal({ kind: 'banks' }),
           }) : null,
           h('main', { className: 'kd-main' },
-            h('div', { className: 'kd-main-inner' },
+            h('div', { className: 'kd-main-toolbar' },
               boot ? h(TabBar, {
                 kind,
                 counts,
-                onPick: (value) => {
-                  if (value === 'today') loadToday(subjectId)
-                  else loadList(subjectId, value)
-                },
+                onPick: pickTab,
               }) : null,
-              mainContent)),
-          showThread
+              kind !== 'today' && view === 'detail'
+                ? h(Btn, { small: true, onClick: backToList, title: '返回列表', ariaLabel: '返回列表' }, h(Icon, { name: 'chevron-left', size: 16 })) : null),
+            h('div', { className: 'kd-main-scroll', ref: mainScroll },
+              h('div', { className: 'kd-main-inner' },
+                h('div', { className: 'kd-view', key: `${subjectId}|${kind}|${view}|${question?.id || ''}` }, mainContent)))),
+          h(Presence, null, showThread
             ? h(ThreadPane, {
               thread,
               questionId: question.id,
               busy,
               narrow,
+              ratio: threadRatio,
+              onRatioChange: setThreadRatio,
               onSend: sendFollowup,
               onClear: clearThread,
               onClose: () => setThreadOpen(false),
             })
-            : null),
+            : null)),
         h('input', {
           ref: fileRef,
           type: 'file',
@@ -2519,14 +2469,12 @@ window.__ModuleLoader__.load({
           style: { display: 'none' },
           onChange: onFile,
         }),
+        h(Presence, null,
         modal?.kind === 'subjects' && boot
           ? h(SubjectsModal, {
             boot,
             onClose: () => setModal(null),
-            onAdd: addSubject,
-            onRemove: removeSubject,
-            onSource: changeSource,
-            onPick: (id) => { setModal(null); pickSubject(id) },
+            onDone: saveSubjects,
           })
           : null,
         modal?.kind === 'banks' && boot
@@ -2548,13 +2496,16 @@ window.__ModuleLoader__.load({
           onDiscard: discardRevision,
         }) : null,
         modal?.kind === 'confirm' ? h(ConfirmModal, {
+          key: modal.title,
           title: modal.title,
           message: modal.message,
           confirmLabel: modal.confirmLabel,
           danger: modal.danger,
+          busy: busy === 'bulk',
           onConfirm: modal.onConfirm,
-          onClose: () => setModal(null),
+          onClose: () => { if (!bulkLock.current) setModal(null) },
         }) : null,
+        ),
         toast ? h('div', { className: `kd-toast kd-toast-${toast.tone}` }, toast.message) : null,
         busy === 'import' || busy === 'commit'
           ? h('div', { className: 'kd-loading', style: { position: 'absolute', inset: 'auto 0 60px 0' } },