/* 皮肤 B · Archive Desk 证据档案室
   规则：每一条结论都能沿时间线回到原始录音。橙 = 正在发生；青绿 = 人已确认；蓝 = 来源；黄 = AI 草稿。 */
html[data-theme=b]{
  --bg:#E7EDF2; --card:#F5F8FA; --ink:#10283F; --muted:#718394;
  --line:#C9D6DF; --line-strong:#A9BBC8; --hover:#D4E0E8;
  --rec:#F36B3B; --ok:#A8E6CF; --ok-ink:#10283F; --ok-dot:#3FA77F; --src:#3676D8; --focus:#3676D8;
  --draft-bg:#FBF6E6; --draft-fill:#F8E9B8; --draft-line:#D9B24A;
  --accent:transparent; --accent-ink:#E9F0F4;
  --top-bg:#10283F; --top-ink:#FFFFFF; --top-muted:#91A8B8; --top-line:0; --tab-on:transparent; --skin-line:#526A7D;
  --rail-w:250px; --rail-display:flex; --rail-bg:#E7EDF2;
  --desk-bg:#10283F; --desk-panel:#10283F; --desk-ink:#EAF1F5; --desk-muted:#91A8B8; --desk-line:#3A5368;
  --r-btn:5px; --r-card:7px; --r-mark:50%;
  --stage-pad:clamp(30px,4vw,56px) clamp(22px,4vw,64px) 120px;
  --sans:"IBM Plex Sans","Noto Sans SC","Microsoft YaHei",sans-serif;
  --mono:"IBM Plex Mono","Cascadia Mono",Consolas,monospace;
}
html[data-theme=b] .top{height:64px;gap:40px}
html[data-theme=b] .brand{font-weight:600}
html[data-theme=b] .brand-mark{border:1px solid #9DB5C6;font:600 10px var(--mono)}
html[data-theme=b] .tabs{align-self:stretch;gap:20px;margin-left:0}
html[data-theme=b] .tabs button{padding:0 2px;border-radius:0;border-bottom:2px solid transparent;font-weight:500}
html[data-theme=b] .tabs button[aria-current=page]{border-color:var(--rec)}
html[data-theme=b] .health{font-family:var(--mono)}
html[data-theme=b] .skin button[aria-pressed=true]{background:var(--rec);color:#fff}
html[data-theme=b] .shell{grid-template-columns:250px 1fr}
html[data-theme=b] .rail{top:64px;height:calc(100vh - 64px);padding:28px 16px}
html[data-theme=b] .rail-new{margin-bottom:12px;padding:9px 12px}
html[data-theme=b] .rail-new span{color:var(--ok);font-size:18px}
html[data-theme=b] .rail-label{font-weight:400;letter-spacing:0}
html[data-theme=b] .rail-row{border-radius:5px}
html[data-theme=b] .rail-dot{width:7px;height:7px}
html[data-theme=b] .d-draft{background:#D9B24A}

/* 首页：指标条 + 证据时间线 */
html[data-theme=b] .home-b{display:block}
html[data-theme=b] .b-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}
html[data-theme=b] .eyebrow{font:11px var(--mono);color:var(--src);margin-bottom:9px}
html[data-theme=b] .b-head h1{font-size:clamp(28px,3.4vw,46px);font-weight:600;letter-spacing:-.035em;line-height:1.15}
html[data-theme=b] .b-import{padding:10px 16px;border:1px solid var(--ink);border-radius:5px;font-weight:500;white-space:nowrap}
html[data-theme=b] .b-import:hover{background:var(--ink);color:#fff}
html[data-theme=b] .metrics{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin-bottom:30px}
html[data-theme=b] .metrics article{padding:17px 18px;border-right:1px solid var(--line)}
html[data-theme=b] .metrics article:last-child{border:0}
html[data-theme=b] .metrics span,html[data-theme=b] .metrics small{display:block;color:var(--muted);font-size:12px}
html[data-theme=b] .metrics strong{font:500 32px var(--mono);display:block;margin:3px 0 1px}
html[data-theme=b] .metrics article:first-child strong{color:var(--rec)}
html[data-theme=b] .metrics .unit{margin-left:3px;font-size:14px}
html[data-theme=b] .b-card{background:var(--card);border:1px solid var(--line);border-radius:7px;padding:28px 32px 24px}
.card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.card-head h2{font-size:24px;font-weight:600;margin-top:3px}
.live-label{font:11px var(--mono);color:var(--muted)}
.live-label i{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:6px}
.lab-live{color:var(--rec)}.lab-draft{color:#B08A1E}.lab-ok{color:#2F8A66}.lab-wait{color:#B08A1E}.lab-bad{color:var(--rec)}
.link-btn{padding:9px 16px;border-radius:5px;background:var(--ink);color:#fff;font-weight:500;white-space:nowrap}
.timeline{list-style:none;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:relative;margin:36px 8px 6px}
.timeline::before{content:"";position:absolute;top:7px;left:0;right:0;height:1px;background:var(--line)}
.ev{position:relative;padding:28px 15px 0 0}
.ev::before{content:"";position:absolute;top:0;left:0;width:15px;height:15px;border-radius:50%;border:3px solid var(--card);background:var(--src);box-shadow:0 0 0 1px var(--src)}
.ev-src::before{background:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.ev-ai::before{background:#F1C75B;box-shadow:0 0 0 1px #D9B24A}
.ev-ok::before{background:var(--ok);box-shadow:0 0 0 1px #3FA77F}
.ev-now::before{background:var(--rec);box-shadow:0 0 0 1px var(--rec),0 0 0 6px rgba(243,107,59,.2)}
.ev time{font:11px var(--mono);color:var(--muted);display:block}
.ev b{font-size:13px;display:block;margin-top:4px}
.ev small{font-size:12px;color:var(--muted)}
.empty-card{display:grid;gap:12px;justify-items:start}
html[data-theme=b] .recent{margin-top:28px}
html[data-theme=b] .tape{grid-template-columns:150px 1fr auto;border-radius:5px;background:var(--card)}
html[data-theme=b] .strip i{border-radius:1px}
html[data-theme=b] .strip i.s{background:var(--ink)}
html[data-theme=b] .strip i.d{background:#F1C75B;border:0}
html[data-theme=b] .strip i.h{border-color:var(--rec);animation:blink 1.6s infinite}
html[data-theme=b] .tag{border-radius:3px;font:500 11px var(--mono);padding:4px 8px}
html[data-theme=b] .tag-draft{background:#F8E9B8;border:0;color:#6A4B00}

/* 实时会议：海军蓝整版 */
html[data-theme=b] body[data-view=live] .stage{background:var(--desk-bg);color:var(--desk-ink)}
html[data-theme=b] body[data-view=live] .setup{background:#163550;border-color:#3A5368;color:var(--desk-ink)}
html[data-theme=b] body[data-view=live] .setup input:not([type=checkbox]),html[data-theme=b] body[data-view=live] .setup select{background:#10283F;border-color:#3A5368;color:#EAF1F5}
html[data-theme=b] body[data-view=live] .setup label,html[data-theme=b] body[data-view=live] .setup .muted,html[data-theme=b] body[data-view=live] .setup .field-h{color:var(--desk-muted)}
html[data-theme=b] body[data-view=live] .setup label.person,html[data-theme=b] body[data-view=live] .setup .chip-btn:not(.on){color:#EAF1F5}
html[data-theme=b] body[data-view=live] .primary-btn{background:var(--rec);color:#fff}
html[data-theme=b] body[data-view=live] .primary-btn .rec-dot{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.22)}
html[data-theme=b] .live-top{padding-bottom:22px;border-bottom:1px solid var(--desk-line)}
html[data-theme=b] .live-top .mono{color:var(--ok)!important;font-size:11px}
html[data-theme=b] .live-title{font-size:clamp(26px,3vw,40px);font-weight:600;letter-spacing:-.03em}
html[data-theme=b] .seg{border-radius:2px}
html[data-theme=b] .seg.s{background:#2B4A63;color:#EAF1F5}
html[data-theme=b] .desk-grid{grid-template-columns:200px minmax(0,1fr) 300px;gap:0}
html[data-theme=b] .speakers,html[data-theme=b] .transcript,html[data-theme=b] .ai-pane{border:0;border-radius:0;padding:22px 26px}
html[data-theme=b] .speakers{border-right:1px solid var(--desk-line);padding-left:0}
html[data-theme=b] .ai-pane{border-left:1px solid var(--desk-line);padding-right:0}
html[data-theme=b] .speakers h3,html[data-theme=b] .ai-pane h3{font:500 11px var(--mono);color:var(--desk-muted)}
html[data-theme=b] .spk b{border-radius:50%;background:#314C62}
html[data-theme=b] .spk.is-on{border-color:transparent;background:#1B3A55}
html[data-theme=b] .spk.is-on b{background:var(--ok);color:var(--ink)}
html[data-theme=b] .tr-head{border-bottom:1px solid var(--desk-line);padding-bottom:12px;color:#fff;font-weight:500}
html[data-theme=b] #lines{padding-top:10px}
html[data-theme=b] .line{grid-template-columns:50px 25px 1fr;font-size:19px;line-height:2;color:#A7B8C4}
html[data-theme=b] .line .ts{order:-1;color:#738C9D}
html[data-theme=b] .line .who{display:grid;place-items:center;width:23px;height:23px;margin-top:8px;padding:0;border-radius:50%;background:#314C62;color:#EAF1F5}
html[data-theme=b] .line:last-child,html[data-theme=b] .line.interim{color:#fff;opacity:1}
html[data-theme=b] .line:last-child .who,html[data-theme=b] .line.interim .who{background:var(--ok);color:var(--ink)}
html[data-theme=b] .note input{border-style:solid;background:#163550}
html[data-theme=b] .draft-card,html[data-theme=b] .answer{background:#163550;border:1px solid #3A5368;border-left:3px solid #F1C75B;color:#EAF1F5;border-radius:4px}
html[data-theme=b] .draft-card .kind{color:#F1C75B}
html[data-theme=b] .draft-card .src,html[data-theme=b] .answer .src{color:#8DB6F2}
html[data-theme=b] .ask{background:var(--ok);color:var(--ink)}
html[data-theme=b] .console{margin-top:18px;border:0;border-top:1px solid var(--desk-line);border-radius:0;padding:16px 0;background:transparent}
html[data-theme=b] .clock .time{font-weight:400}

/* 审核：条目 + 右侧深色证据链 */
html[data-theme=b] .rev-title{font-size:clamp(28px,3.4vw,44px);font-weight:600;letter-spacing:-.03em}
html[data-theme=b] .rev-head .kicker{color:var(--src);font-size:11px}
html[data-theme=b] .item{border:1px solid var(--line);border-left:3px solid #F1C75B;background:var(--card);border-radius:5px}
html[data-theme=b] .item.is-ok{border-color:#71B79E;border-left-color:var(--ok);box-shadow:inset 3px 0 var(--ok)}
html[data-theme=b] .item p[data-f=text]{font-size:15px;font-weight:500}
html[data-theme=b] .confirm{border-radius:3px;border-width:1px;font-weight:500;font-size:12px}
html[data-theme=b] .evidence{background:var(--ink);color:#EAF1F5;border:0;border-radius:5px}
html[data-theme=b] .evidence h3{color:#fff}
html[data-theme=b] .chain li{border-left-color:#587086}
html[data-theme=b] .chain li::before{background:var(--ink);border-color:#587086}
html[data-theme=b] .chain li.done::before{background:var(--rec);border-color:var(--rec)}
html[data-theme=b] .chain small,html[data-theme=b] .hash{color:#91A8B8}
html[data-theme=b] .clip{background:#163550}
html[data-theme=b] .clip .mono{color:#C9D6DF}
html[data-theme=b] .publish{border-radius:3px}
html[data-theme=b] .page-h{font-weight:600;letter-spacing:-.03em}

@media (max-width:1100px){html[data-theme=b] .shell{grid-template-columns:205px 1fr}html[data-theme=b] .metrics{grid-template-columns:repeat(2,1fr)}html[data-theme=b] .desk-grid{grid-template-columns:1fr 1fr}html[data-theme=b] .speakers,html[data-theme=b] .ai-pane{border:0;padding:16px 0}}
@media (max-width:760px){
  html[data-theme=b] .top{height:auto;gap:10px}
  html[data-theme=b] .tabs{height:36px;justify-content:space-between;gap:8px}
  html[data-theme=b] .shell{grid-template-columns:1fr}
  html[data-theme=b] .b-head{flex-direction:column;align-items:flex-start}
  html[data-theme=b] .b-card{padding:20px 16px}
  html[data-theme=b] .card-head{display:block}
  html[data-theme=b] .link-btn{margin-top:14px}
  html[data-theme=b] .timeline{grid-auto-flow:row;margin-top:24px}
  html[data-theme=b] .timeline::before{top:0;bottom:0;left:7px;right:auto;width:1px;height:auto}
  html[data-theme=b] .ev{padding:0 0 18px 32px}
  html[data-theme=b] .desk-grid{grid-template-columns:1fr}
  html[data-theme=b] .line{grid-template-columns:42px 22px 1fr;font-size:16px}
}