/* 知镜 · 镜像对照
   纸白底、墨色正文；两个选项固定配色（A 墨绿、B 赭石），贯穿全页；读者反驳用朱红。
   标题用衬线（宋体系），正文用系统无衬线。字号档：12.5 / 13.5 / 15 / 17 / 22 / 34。 */
:root{
  --bg:#F8F6F1;
  --paper:#FFFFFF;
  --wash:#F2EFE8;
  --ink:#1C1B18;
  --ink-2:#55524A;
  --ink-3:#8A857A;
  --line:#E6E1D6;
  --line-2:#D4CEC0;

  --a:#2F6B5E;
  --a-soft:#E6F0EC;
  --a-line:rgba(47,107,94,.38);
  --b:#9A5516;
  --b-soft:#F9EDDF;
  --b-line:rgba(154,85,22,.38);

  --red:#B2412C;
  --red-soft:#FBEEEA;
  --red-line:rgba(178,65,44,.4);
  --amber:#8A5A12;
  --amber-soft:#FDF4E3;
  --amber-line:#DFA44A;

  --serif:"Songti SC","Noto Serif SC","Source Han Serif SC","STSong",serif;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei","Segoe UI",sans-serif;
  --r:14px;
  --r-sm:8px;

  /* 旧名：原始回答列表仍在使用 */
  --panel:var(--paper);
  --panel-2:var(--wash);
  --accent:var(--a);
  --accent-soft:var(--a-soft);
  --disputed-bg:var(--red-soft);
  --disputed-line:#D98A7A;
  --disputed-ink:var(--red);
  --conditional-bg:var(--amber-soft);
  --conditional-line:var(--amber-line);
  --conditional-ink:var(--amber);
  --neutral-bg:#F0EDE6;
  --neutral-line:#CFC9BC;
  --neutral-ink:#6B665B;
}

*{box-sizing:border-box;}
/* 带 display 的组件（问知镜面板、右下角按钮等）隐藏时也必须真的不显示 */
[hidden]{display:none!important;}
html,body{margin:0;padding:0;}
body{
  background:var(--bg);color:var(--ink);
  font-family:var(--sans);font-size:15px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:980px;margin:0 auto;padding:22px 24px 88px;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--a-soft);outline-offset:2px;}
mark{color:var(--ink);background:#FFE3A0;padding:1px 2px;border-radius:2px;}

/* ── 通用小件 ──────────────────────────────────── */
.note{font-size:13.5px;color:var(--ink-3);}
.note.warn{color:var(--amber);}
.meta{font-size:12.5px;color:var(--ink-3);font-variant-numeric:tabular-nums;}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.btn{
  appearance:none;font:inherit;font-size:14px;padding:0 18px;min-height:40px;border-radius:10px;
  border:1px solid var(--a);background:var(--a);color:#fff;cursor:pointer;transition:filter .15s;
}
.btn:hover{filter:brightness(1.08);}
.btn:disabled{opacity:.45;cursor:not-allowed;}
.btn.ghost{background:var(--paper);color:var(--ink-2);border-color:var(--line-2);}
.btn.small{min-height:32px;padding:0 14px;font-size:13.5px;}
.btn.big{min-height:52px;padding:0 24px;font-size:15.5px;border-radius:12px;white-space:nowrap;}
.link-btn{
  appearance:none;border:0;background:none;padding:0;font:inherit;font-size:13.5px;
  color:var(--a);text-decoration:underline;text-decoration-color:var(--a-line);text-underline-offset:3px;cursor:pointer;
}
.link-btn:hover{text-decoration-color:var(--a);}
.src{font-size:12.5px;color:var(--a);text-decoration:none;border-bottom:1px solid var(--a-line);}
.src:hover{border-bottom-color:var(--a);}
.chip{font-size:12px;font-weight:600;padding:1px 9px;border-radius:999px;border:1px solid;white-space:nowrap;}
.chip.t-disputed{background:var(--disputed-bg);border-color:var(--disputed-line);color:var(--disputed-ink);}
.chip.t-conditional{background:var(--conditional-bg);border-color:var(--conditional-line);color:var(--conditional-ink);}
.chip.t-no_signal,.chip.t-out_of_focus,.chip.t-incomplete{background:var(--neutral-bg);border-color:var(--neutral-line);color:var(--neutral-ink);}

/* ── 顶栏与首页 ────────────────────────────────── */
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 26px;}
.brand{margin:0;font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:.06em;}
.brand .dot{color:var(--a);}
.account{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2);min-width:0;}
.avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--line);}
.account-name{max-width:10em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.account-note{color:var(--ink-3);}
.login-btn{
  font-size:13.5px;color:var(--a);text-decoration:none;white-space:nowrap;
  border:1px solid var(--a-line);border-radius:999px;padding:5px 14px;background:var(--paper);
}
.login-btn:hover{border-color:var(--a);background:var(--a-soft);}

.hero{padding:0 0 22px;border-bottom:1px solid var(--line);}
.hero h1{
  margin:0 0 10px;font-family:var(--serif);font-size:34px;line-height:1.3;font-weight:600;
  letter-spacing:.02em;text-wrap:balance;
}
.lede{margin:0 0 22px;color:var(--ink-2);font-size:15.5px;max-width:40em;text-wrap:pretty;}
.ask{display:flex;gap:10px;}
.ask input{
  flex:1;min-width:0;font:inherit;font-size:16.5px;padding:0 16px;min-height:52px;
  border:1.5px solid var(--line-2);border-radius:12px;background:var(--paper);color:var(--ink);
  box-shadow:0 1px 2px rgba(28,27,24,.04);
}
.ask input::placeholder{color:var(--ink-3);}
.ask input:focus{outline:3px solid var(--a-soft);outline-offset:0;border-color:var(--a);}
#ask-note{min-height:1.5em;margin:8px 0 4px;color:var(--amber);}
.examples{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.examples > .note{margin-right:2px;}
.chips{display:flex;flex-wrap:wrap;gap:8px;}
.chip-btn{
  appearance:none;font:inherit;font-size:13.5px;padding:0 14px;min-height:34px;border-radius:999px;
  border:1px solid var(--line-2);background:var(--paper);color:var(--ink-2);cursor:pointer;transition:border-color .15s,color .15s;
}
.chip-btn:hover{border-color:var(--a);color:var(--a);}
.chip-btn[aria-pressed="true"]{background:var(--a-soft);border-color:var(--a-line);color:var(--a);font-weight:600;}
.chip-btn:disabled{opacity:.5;cursor:not-allowed;}

/* ── 登录后：我的知乎收藏 ───────────────────────── */
.mine{margin:18px 0 0;padding:16px 20px;background:var(--wash);border-radius:var(--r);}
.mine-title{margin:0 0 4px;font-size:15px;font-weight:650;}
.mine .note{margin:4px 0;}
.mine-pick .chips{margin-top:6px;}
.mine-check{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;}
.mine-check .note{margin:0;}
.checkup{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);}
.checkup-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:14px;}
.checkup-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;}
.checkup-title{color:var(--ink);font-weight:600;font-size:15px;text-decoration:none;}
.checkup-title:hover{text-decoration:underline;}
.checkup-item .pb-chip{margin-left:0;}
.checkup-item .pushback{margin:8px 0 0;}

/* ── 状态与错误 ────────────────────────────────── */
#status{margin:16px 0 0;font-size:14px;}
.progress{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:16px 20px;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r);
}
.elapsed{color:var(--ink-3);font-variant-numeric:tabular-nums;}
.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--a-soft);border-top-color:var(--a);animation:spin .9s linear infinite;flex:none;}
@keyframes spin{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){.spinner{animation:none;}*{transition:none!important;}}
.error{
  margin:16px 0 0;padding:14px 18px;border-radius:var(--r);
  background:var(--red-soft);border:1px solid var(--disputed-line);color:var(--red);font-size:14px;
}
.error p{margin:0 0 10px;}
.empty{padding:32px 20px;text-align:center;color:var(--ink-3);}

/* ── 结果头 ────────────────────────────────────── */
#result-head{margin:30px 0 16px;}
.result-title{margin:0 0 6px;font-family:var(--serif);font-size:26px;line-height:1.35;font-weight:600;text-wrap:balance;}
.result-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:0;font-size:13.5px;color:var(--ink-3);}
.result-summary{margin:0 0 6px;font-size:15px;}

/* ── 镜像对照板 ────────────────────────────────── */
.board{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:0 1px 0 rgba(28,27,24,.03),0 18px 40px -26px rgba(28,27,24,.22);
}
.board-empty{padding:20px 22px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);color:var(--ink-2);}
.board-head{
  position:sticky;top:0;z-index:3;display:grid;grid-template-columns:1fr 1fr;
  background:rgba(255,255,255,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);border-radius:var(--r) var(--r) 0 0;
}
.board-col{padding:14px 22px 12px;border-top:4px solid var(--a);display:flex;align-items:baseline;gap:8px;}
.board-col.a{justify-content:flex-end;border-top-left-radius:var(--r);}
.board-col.b{border-top-color:var(--b);border-left:1px solid var(--line);border-top-right-radius:var(--r);}
.col-kicker{font-size:12.5px;color:var(--ink-3);letter-spacing:.12em;}
.col-name{font-family:var(--serif);font-size:22px;font-weight:600;line-height:1.3;color:var(--a);}
.board-col.b .col-name{color:var(--b);}

.board-section + .board-section{border-top:1px solid var(--line);}
.board-label{
  margin:0;padding:16px 22px 4px;text-align:center;
  font-size:12.5px;font-weight:600;letter-spacing:.18em;color:var(--ink-3);
}
.board-row{display:grid;grid-template-columns:1fr 1fr;}
.board-cell{min-width:0;padding:6px 22px 14px;}
.board-cell.b{border-left:1px solid var(--line);}
.cell-tag{display:none;margin:0 0 4px;font-size:12.5px;font-weight:600;letter-spacing:.06em;color:var(--a);}
.cell-tag.b{color:var(--b);}

/* 他们怎么说：两边的理由分列左右 */
.reasons{list-style:none;margin:0;padding:0;}
.reasons > li + li{border-top:1px dashed var(--line);}
.reasons > li{display:flex;align-items:center;gap:8px;}
.reason-button{
  flex:1;appearance:none;border:0;background:none;color:var(--ink);font:inherit;font-size:15px;font-weight:600;
  text-align:left;padding:10px 0;cursor:pointer;display:flex;align-items:center;gap:9px;
}
.reason-button::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--a);flex:none;}
.board-cell.b .reason-button::before{background:var(--b);}
.reason-button::after{content:"›";margin-left:auto;color:var(--ink-3);font-weight:400;font-size:18px;line-height:1;transition:transform .15s;}
.reason-button[aria-expanded="true"]::after{transform:rotate(90deg);}
.reason-button:hover{color:var(--a);}
.board-cell.b .reason-button:hover{color:var(--b);}
.reason-focus{margin:0 22px 18px;padding:15px 18px;background:var(--wash);border-radius:var(--r-sm);}
.reason-focus-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:6px;}
.reason-focus h4{margin:0;font-size:16px;}
.reason-focus .cell-tag{display:block;margin:0 0 2px;}

/* 条件选择的即时反馈：选了什么、落在哪一边；结合情况的梳理在下方决策陪伴。 */
.guide{margin:4px 22px 12px;padding:12px 16px;border:1px dashed var(--line-2);border-radius:var(--r-sm);background:var(--wash);text-align:center;}
.guide.focused{border-style:solid;border-color:var(--a-line);background:var(--a-soft);}
.guide.mixed{border-style:solid;border-color:var(--line-2);background:linear-gradient(90deg,var(--a-soft),var(--b-soft));}
.guide h4{margin:0 0 2px;font-size:15px;}
.guide p{margin:2px auto;color:var(--ink-2);font-size:13.5px;max-width:40em;}
.guide-groups{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;}
.guide-pick{padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.8);font-size:12.5px;color:var(--a);border:1px solid var(--a-line);}
.guide-pick.b{color:var(--b);border-color:var(--b-line);}
.guide-cta{margin-top:10px;}
.forks{list-style:none;margin:0;padding:0 0 6px;}
.forks > li + li{border-top:1px dashed var(--line);}
.fork{padding:12px 0 10px;}
.fork-q{display:block;margin:0;padding:0 22px 8px;text-align:center;font-size:15.5px;font-weight:650;text-wrap:balance;}
.fork-cells{display:grid;grid-template-columns:1fr 1fr;}
.fork-choice{appearance:none;border:0;border-top:1px solid transparent;border-bottom:1px solid transparent;min-width:0;padding:11px 22px;font:inherit;font-size:15px;line-height:1.55;font-weight:600;cursor:pointer;}
.fork-choice.a{text-align:right;color:var(--a);background:linear-gradient(to left,var(--a-soft),rgba(230,240,236,0) 85%);}
.fork-choice.b{text-align:left;color:var(--b);border-left:1px solid var(--line);background:linear-gradient(to right,var(--b-soft),rgba(249,237,223,0) 85%);}
.fork-choice .pb-chip{margin-left:8px;vertical-align:1px;}
.fork-choice[aria-pressed="true"]{border-top-color:currentColor;border-bottom-color:currentColor;}
.fork-choice.a[aria-pressed="true"]{background:var(--a-soft);}
.fork-choice.b[aria-pressed="true"]{background:var(--b-soft);}
.fork-choice[aria-pressed="true"] > span:first-child::before{content:"✓ ";}
.fork-choice:hover{filter:brightness(.97);}
.fork-source{margin:8px 0 0;}
.fork-source > summary{cursor:pointer;text-align:center;font-size:13px;color:var(--ink-3);padding:2px 0;}
.fork-source > summary:hover{color:var(--a);}
.fork-evidence{margin-top:6px;border-top:1px dashed var(--line);}
.fork-evidence .cell-tag{display:block;margin-top:10px;}
.fork-evidence .board-cell.picked{background:linear-gradient(to bottom,var(--a-soft),rgba(230,240,236,0) 70%);}
.fork-evidence .board-cell.b.picked{background:linear-gradient(to bottom,var(--b-soft),rgba(249,237,223,0) 70%);}
.more-forks{
  display:block;margin:6px auto 16px;appearance:none;font:inherit;font-size:13.5px;cursor:pointer;
  padding:6px 18px;border-radius:999px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink-2);
}
.more-forks:hover{border-color:var(--a);color:var(--a);}

/* 原话：只留一条竖线，不再套框 */
.evidence{margin:10px 0 12px;}
.evidence blockquote{
  margin:0;padding:1px 0 1px 13px;border-left:2px solid var(--a-line);
  font-size:14.5px;line-height:1.8;color:var(--ink);word-break:break-word;
}
.board-cell.b .evidence blockquote{border-left-color:var(--b-line);}
.evidence figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;margin:5px 0 0 15px;font-size:12.5px;color:var(--ink-3);}
.evidence figcaption .link-btn{font-size:12.5px;}
/* 答主自己交代的前提：原话逐字正确，用在这里也要带上它的适用范围 */
.premise{margin:6px 0 0 15px;padding:7px 11px;font-size:13.5px;line-height:1.7;color:var(--ink-2);background:var(--amber-soft);border-radius:var(--r-sm);}
.premise-tag{display:block;font-size:12px;font-weight:650;letter-spacing:.04em;color:var(--amber);}

/* 突出点：读者反驳，一层，朱红竖线 */
.pushback{margin:10px 0 4px 15px;padding:10px 14px;background:var(--red-soft);border-left:2px solid var(--red);border-radius:0 var(--r-sm) var(--r-sm) 0;}
.pushback.cond{background:var(--amber-soft);border-left-color:var(--amber-line);}
.pushback-head{margin:0 0 6px;font-size:12.5px;font-weight:650;letter-spacing:.04em;color:var(--red);}
.pushback.cond .pushback-head{color:var(--amber);}
.pb-item{margin:0 0 8px;}
.pb-item:last-child{margin-bottom:0;}
.pb-item blockquote{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink);word-break:break-word;}
.pb-item figcaption{margin-top:2px;font-size:12px;color:var(--ink-3);}
.pb-chip{
  display:inline-block;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:650;line-height:1.7;white-space:nowrap;
  background:var(--red-soft);color:var(--red);border:1px solid var(--red-line);
}
.pb-chip.cond{background:var(--amber-soft);color:var(--amber);border-color:var(--amber-line);}

/* ── 原始回答与评论区（附录） ─────────────────────── */
.sources{margin-top:26px;padding-top:14px;border-top:1px solid var(--line);}
.sources > summary{font-size:14.5px;font-weight:600;color:var(--ink-2);cursor:pointer;margin-bottom:10px;}
.legend-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 10px;font-size:13px;color:var(--ink-2);}
.legend-line .chip + span{margin-right:10px;}
.list-bar{margin:0 0 12px;}
.seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--line-2);border-radius:10px;overflow:hidden;}
.seg button{appearance:none;border:0;border-right:1px solid var(--line-2);background:var(--paper);color:var(--ink-2);font:inherit;font-size:13.5px;padding:0 14px;min-height:36px;cursor:pointer;}
.seg button:last-child{border-right:0;}
.seg button:hover{background:var(--wash);}
.seg button[aria-pressed="true"]{background:var(--a);color:#fff;}
.list{display:flex;flex-direction:column;gap:10px;}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;}
.card[data-trust="disputed"]{border-left:3px solid var(--disputed-line);}
.card[data-trust="conditional"]{border-left:3px solid var(--conditional-line);}
.card > summary{list-style:none;cursor:pointer;padding:14px 18px;display:block;}
.card > summary::-webkit-details-marker{display:none;}
.card > summary:hover{background:var(--wash);}
.card[open] > summary{border-bottom:1px dashed var(--line);}
.card-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:6px;}
.card-title{font-size:16px;font-weight:600;margin:0 0 6px;line-height:1.5;}
.claim{font-size:14px;color:var(--ink-2);margin:0;padding-left:10px;border-left:2px solid var(--line-2);}
.expand-hint{display:block;margin-top:8px;font-size:13px;color:var(--a);}
.card-body{padding:8px 18px 16px;}
.quote{font-size:14.5px;line-height:1.8;color:var(--ink);background:var(--wash);border-radius:var(--r-sm);padding:9px 12px;margin:8px 0 12px;white-space:pre-wrap;word-break:break-word;}
.obj{background:var(--red-soft);border:1px solid var(--disputed-line);border-radius:var(--r-sm);padding:14px 16px;margin-bottom:12px;}
.obj.boundary{background:var(--amber-soft);border-color:var(--amber-line);}
.obj h3{font-size:14px;margin:0 0 6px;}
.obj .quote{background:rgba(255,255,255,.75);}
.obj .note{margin:6px 0;}
.context-toggle{color:var(--a);font-size:13px;margin:6px 0 10px;cursor:pointer;}
.disclaimer{font-size:13px;color:var(--ink-3);background:var(--wash);border-radius:var(--r-sm);padding:9px 12px;margin-top:10px;}

/* ── 页脚说明 ──────────────────────────────────── */
.data-details{margin-top:22px;padding-top:14px;border-top:1px solid var(--line);color:var(--ink-2);font-size:13.5px;}
.data-details > summary{cursor:pointer;color:var(--ink-3);}
.data-details p{max-width:48em;}

/* ── 原帖面板：桌面从右侧滑出，手机从底部弹出 ──────── */
body.drawer-open{overflow:hidden;}
.drawer{position:fixed;inset:0;z-index:20;}
.drawer-backdrop{position:absolute;inset:0;background:rgba(28,27,24,.34);}
.drawer-panel{
  position:absolute;top:0;right:0;bottom:0;width:min(560px,92vw);display:flex;flex-direction:column;
  background:var(--paper);box-shadow:-20px 0 44px -22px rgba(28,27,24,.4);animation:drawer-in .18s ease-out;
}
@keyframes drawer-in{from{transform:translateX(28px);opacity:.5;}to{transform:none;opacity:1;}}
.drawer-head{position:relative;padding:18px 60px 14px 24px;border-bottom:1px solid var(--line);}
.drawer-kicker{margin:0 0 4px;font-size:12.5px;letter-spacing:.14em;color:var(--ink-3);}
.drawer-title{margin:0 0 6px;font-family:var(--serif);font-size:19px;line-height:1.45;font-weight:600;text-wrap:balance;}
.drawer-close{
  position:absolute;top:14px;right:16px;width:34px;height:34px;appearance:none;cursor:pointer;
  border:1px solid var(--line-2);border-radius:999px;background:var(--paper);font-size:0;color:var(--ink-2);
}
.drawer-close::before{content:"×";font-size:20px;line-height:1;}
.drawer-close:hover{border-color:var(--ink-3);}
.drawer-body{flex:1;overflow:auto;overscroll-behavior:contain;padding:14px 24px 20px;}
.drawer-body > .note{margin:0 0 12px;}
.post-text p{margin:0 0 12px;font-size:15px;line-height:1.85;word-break:break-word;}
.post-text mark{background:#FFE3A0;box-shadow:0 0 0 3px #FFE3A0;}
.post-sub{margin:20px 0 8px;font-size:12.5px;font-weight:600;letter-spacing:.14em;color:var(--ink-3);}
.post-comments{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.post-comment{padding:10px 12px;border-radius:var(--r-sm);background:var(--wash);border-left:2px solid transparent;}
.post-comment.pushed{background:var(--red-soft);border-left-color:var(--red);}
.post-comment.cond{background:var(--amber-soft);border-left-color:var(--amber-line);}
.post-comment.hit{box-shadow:0 0 0 2px #FFD27A;}
.post-comment p{margin:4px 0 0;font-size:14.5px;line-height:1.75;word-break:break-word;}
.post-comment .pb-chip{margin:0;}
.drawer-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 24px 16px;border-top:1px solid var(--line);}
.drawer-foot a.btn{display:inline-flex;align-items:center;color:#fff;text-decoration:none;}
.evidence blockquote.clickable{cursor:pointer;border-radius:0 6px 6px 0;transition:background .15s;}
.evidence blockquote.clickable:hover{background:var(--wash);}

/* ── 我的知乎：三块并排（手机上下排） ─────────────── */
.mine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 22px;margin-top:8px;}
.mine-block{min-width:0;}
.mine-sub{margin:0 0 6px;font-size:13.5px;font-weight:650;color:var(--ink-2);}
.mine-block .checkup{grid-column:1/-1;}
.mine-grid:has(.checkup){grid-template-columns:1fr;}
.mine-memory{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;}
.mine-memory .mine-sub{margin:0;}
.mine-memory .note{margin:0;}
.mine-decisions .chips{margin-top:4px;}
.link-btn.danger{color:var(--red);text-decoration-color:var(--red-line);}

/* ── 问知镜：右侧聊天面板（宽屏常驻、窄屏滑出、手机全屏）──── */
.advisor{
  position:fixed;top:0;right:0;bottom:0;z-index:15;width:420px;max-width:100vw;
  display:flex;flex-direction:column;background:var(--paper);
  border-left:1px solid var(--line);box-shadow:-18px 0 44px -26px rgba(28,27,24,.38);
  animation:drawer-in .18s ease-out;
}
@media (min-width:1200px){
  body.chat-open{padding-right:420px;}
  body.chat-open .advisor{box-shadow:none;animation:none;}
}
.chat-launcher{
  position:fixed;right:20px;bottom:20px;z-index:14;display:inline-flex;align-items:center;gap:9px;
  padding:7px 18px 7px 7px;border:0;border-radius:999px;background:var(--ink);color:var(--paper);
  font:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 12px 30px -12px rgba(28,27,24,.6);
}
.chat-launcher .msg-avatar{background:var(--paper);color:var(--ink);}
.chat-launcher:hover{filter:brightness(1.15);}
.launcher-dot{width:8px;height:8px;border-radius:50%;background:#E8B04A;}
.chat-head{display:flex;align-items:center;gap:11px;padding:12px 16px;border-bottom:1px solid var(--line);flex:none;}
.chat-titles{flex:1;min-width:0;}
.chat-restart{font-size:13px;}
.chat-close{
  appearance:none;cursor:pointer;flex:none;font:inherit;font-size:13px;color:var(--ink-2);
  padding:4px 12px;border:1px solid var(--line-2);border-radius:999px;background:var(--paper);
}
.chat-close:hover{border-color:var(--ink-3);color:var(--ink);}
.chat-title{margin:0;font-family:var(--serif);font-size:18px;line-height:1.3;font-weight:600;}
.chat-sub{margin:0;font-size:12.5px;color:var(--ink-3);}
.chat-off{padding:14px 18px;margin:0;}
.msg-avatar{
  flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  background:var(--ink);color:var(--paper);font-family:var(--serif);font-size:14px;font-weight:600;
}
.msg-avatar.big{width:36px;height:36px;font-size:17px;}

/* 知镜会参考的情况 */
.chat-context{padding:8px 16px;background:var(--wash);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px;flex:none;max-height:32vh;overflow-y:auto;}
.ctx-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;}
.ctx-k{font-size:12px;color:var(--ink-3);margin-right:2px;}
.ctx-empty{font-size:13px;color:var(--ink-3);}
.ctx-note{margin:0;font-size:12.5px;color:var(--ink-3);}
.ctx-note.warn{color:var(--amber);}
.ctx-note .link-btn{font-size:12.5px;}
.sit-chips{display:flex;flex-wrap:wrap;gap:6px;}
.sit-chip{
  display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:2px 3px 2px 10px;border-radius:999px;
  background:var(--paper);border:1px solid var(--line-2);font-size:13px;line-height:1.5;
}
.sit-chip.pick.a{border-color:var(--a-line);color:var(--a);}
.sit-chip.pick.b{border-color:var(--b-line);color:var(--b);}
.sit-k{font-size:12px;color:var(--ink-3);}
.sit-src{font-size:11.5px;color:var(--amber);}
.sit-x{appearance:none;border:0;background:none;cursor:pointer;color:var(--ink-3);font-size:15px;line-height:1;width:22px;height:22px;border-radius:50%;}
.sit-x:hover{background:var(--wash);color:var(--ink);}
.sit-pending{padding:8px 12px;background:var(--amber-soft);border:1px solid var(--amber-line);border-radius:var(--r-sm);display:flex;flex-direction:column;gap:6px;}
.sit-pending p{margin:0;font-size:14px;}
.sit-pending .sit-k{color:var(--amber);font-weight:650;margin-right:6px;}
.chat-composer textarea:focus-visible{outline:3px solid var(--a-soft);outline-offset:0;border-color:var(--a);}

/* 对话 */
.chat-log{
  flex:1;min-height:0;display:flex;flex-direction:column;gap:14px;padding:16px 14px;background:var(--bg);
  overflow-y:auto;overscroll-behavior:contain;
}
.msg{display:flex;align-items:flex-start;gap:8px;}
.msg.user{justify-content:flex-end;}
.msg-bubble{max-width:84%;padding:9px 14px;border-radius:16px;font-size:14.5px;line-height:1.7;word-break:break-word;}
.msg-bubble > * + *{margin-top:8px;}
.msg-bubble p{margin:0;}
.msg.user .msg-bubble{background:var(--a);color:#fff;border-top-right-radius:4px;white-space:pre-wrap;}
.msg.bot .msg-bubble{background:var(--paper);border:1px solid var(--line);border-top-left-radius:4px;}
.msg.bot.wide .msg-bubble{max-width:calc(100% - 36px);}
.msg.pending .msg-bubble{color:var(--ink-3);}
.bot-lead{font-size:15px;}
.bot-points{margin:0;padding-left:1.15em;}
.bot-points li + li{margin-top:5px;}
.bot-points li::marker{color:var(--a);}
.bot-k{font-size:12.5px;font-weight:650;color:var(--ink-2);}
.bot-list{margin:2px 0 0;padding-left:1.15em;font-size:13.5px;color:var(--ink-2);}
.bot-block > * + *{margin-top:5px;}
.bot-block .pushback,.msg-bubble .pushback{margin-left:0;}
.bot-advice{padding:9px 12px;border-radius:10px;background:var(--a-soft);border:1px solid var(--a-line);}
.bot-advice > * + *{margin-top:3px;}
.advice-text{font-weight:600;line-height:1.7;}
.bot-basis{font-size:12.5px;color:var(--ink-3);}
.bot-question{font-weight:650;}
.bot-error{color:var(--red);}
.basis{display:inline-block;margin-left:6px;padding:0 7px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:1.7;vertical-align:1px;
  background:var(--neutral-bg);border:1px solid var(--neutral-line);color:var(--neutral-ink);}
.basis.ai{margin:0 6px 0 0;}
.quotes{display:inline;}
.quotes > summary{display:inline-block;margin-left:6px;cursor:pointer;list-style:none;font-size:12.5px;color:var(--a);
  padding:0 8px;border-radius:999px;border:1px solid var(--a-line);line-height:1.7;}
.quotes > summary::-webkit-details-marker{display:none;}
.quotes > summary:hover{background:var(--a-soft);}
.quotes[open]{display:block;margin-top:4px;}
.quotes[open] > summary{margin-left:0;}
.quotes .evidence{margin:8px 0;}
.proposal-row{display:flex;flex-wrap:wrap;gap:6px;}
.proposal{display:inline-flex;align-items:center;gap:6px;padding:2px 3px 2px 10px;border-radius:999px;border:1px dashed var(--amber-line);background:var(--amber-soft);font-size:13.5px;}
.mini-btn{appearance:none;border:0;border-radius:999px;background:var(--a);color:#fff;font:inherit;font-size:12px;padding:1px 10px;cursor:pointer;}
.mini-btn:hover{filter:brightness(1.08);}
.typing{display:inline-flex;gap:3px;margin-right:8px;vertical-align:middle;}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--ink-3);animation:blink 1.2s infinite both;}
.typing i:nth-child(2){animation-delay:.2s;}
.typing i:nth-child(3){animation-delay:.4s;}
@keyframes blink{0%,80%,100%{opacity:.25;}40%{opacity:1;}}
@media (prefers-reduced-motion:reduce){.typing i{animation:none;opacity:.6;}}
.typing-text{font-size:13.5px;}

/* 同路人（在知镜的消息里） */
.peer{padding:10px 12px 2px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);}
.peer-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;}
.peer-top .note{margin:0;font-size:12.5px;}
.peer-match{font-size:14.5px;font-weight:650;}
.peer-quote{margin-top:6px;}
.peer-quote blockquote + .peer-k{margin-top:8px;}
.peer-quote blockquote + blockquote{margin-top:4px;}
.peer-k{margin:0 0 2px 15px;font-size:12px;letter-spacing:.08em;color:var(--ink-3);}

/* 输入区 */
.quick-replies{display:flex;flex-direction:column;gap:6px;padding:9px 14px 0;border-top:1px solid var(--line);flex:none;}
.qr-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px;}
.qr-k{font-size:12px;color:var(--ink-3);margin-right:2px;}
.quick-replies .chip-btn{min-height:29px;font-size:13px;padding:0 11px;}
.quick-replies .situation-chip.a{border-color:var(--a-line);color:var(--a);}
.quick-replies .situation-chip.b{border-color:var(--b-line);color:var(--b);}
.quick-replies .more-chip{background:var(--wash);}
.quick-replies .chip-btn.primary{background:var(--a);border-color:var(--a);color:#fff;font-weight:600;padding:0 16px;}
.quick-replies .chip-btn.primary:hover{filter:brightness(1.08);color:#fff;}
.bubble-action{margin-top:10px;}
.quick-replies .peer-chip{border-color:var(--a-line);color:var(--a);}
.quick-replies .peer-chip:not(:disabled)::before{content:"◎ ";}
.chat-foot{padding:8px 14px 12px;flex:none;}
.ask-link{font-size:12.5px;}
.chat-composer{display:flex;align-items:flex-end;gap:8px;}
.chat-composer textarea{
  flex:1;min-width:0;resize:none;overflow-y:auto;font:inherit;font-size:15px;line-height:1.6;padding:8px 14px;min-height:42px;max-height:160px;
  border:1.5px solid var(--line-2);border-radius:21px;background:var(--paper);color:var(--ink);
}
.chat-composer textarea::placeholder{color:var(--ink-3);}
.send-btn{flex:none;min-height:42px;border-radius:21px;padding:0 20px;}
.chat-hint{margin:5px 4px 0;font-size:12px;color:var(--ink-3);}

/* ── 手机 ──────────────────────────────────────── */
@media (max-width:640px){
  .wrap{padding:16px 16px 56px;}
  .topbar{margin-bottom:18px;}
  .hero h1{font-size:26px;}
  .lede{font-size:15px;margin-bottom:16px;}
  .ask{flex-direction:column;}
  .btn.big{width:100%;}
  #result-head{margin-top:22px;}
  .result-title{font-size:22px;}
  .board-col{padding:12px 14px 10px;}
  .col-name{font-size:18px;}
  .board-label{padding:14px 14px 2px;}
  .guide{margin:4px 14px 12px;padding:12px 14px;}
  /* 手机：问知镜全屏 */
  .advisor{width:100vw;border-left:0;animation-name:sheet-in;}
  body.chat-open{overflow:hidden;}
  .chat-launcher{right:14px;bottom:14px;}
  .chat-log{padding:12px 10px;}
  .msg.bot .msg-avatar{width:24px;height:24px;font-size:12px;}
  .qr-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;}
  .qr-row::-webkit-scrollbar{display:none;}
  .quick-replies .chip-btn,.qr-k{white-space:nowrap;flex:none;}
  .chat-hint{display:none;}
  .reason-focus{margin:0 14px 14px;padding:13px 14px;}
  /* 理由和原话在窄屏上下排列，每块标明属于哪一边；条件那一行仍左右并排 */
  .board-row{grid-template-columns:1fr;}
  .board-cell{padding:6px 14px 12px;}
  .board-cell.b{border-left:0;border-top:1px dashed var(--line);}
  .cell-tag{display:block;margin-top:8px;}
  .fork-q{padding:0 14px 8px;}
  .fork-choice{padding:10px 12px;font-size:14px;}
  .fork-evidence .board-cell.b{border-top:1px dashed var(--line);}
  .mine{padding:14px 16px;}
  .mine-grid{grid-template-columns:1fr;}
  .drawer-panel{top:auto;left:0;width:auto;max-height:88vh;border-radius:16px 16px 0 0;animation-name:sheet-in;}
  .drawer-head{padding:16px 56px 12px 18px;}
  .drawer-body{padding:12px 18px 18px;}
  .drawer-foot{padding:10px 18px 16px;}
}
@keyframes sheet-in{from{transform:translateY(32px);opacity:.5;}to{transform:none;opacity:1;}}
@media (prefers-reduced-motion:reduce){.drawer-panel{animation:none;}}
