/* 皮肤 A · 虚实方案（Signal Street）
   规则：颜色只表达状态。斜纹 + 虚线 = AI 草稿；实色 + 柠檬 = 人已确认；红只给录音；钴蓝只给来源。 */
html[data-theme=a]{
  --bg:#ECEDE7; --card:#F7F7F3; --ink:#15181D; --muted:#4A4F57;
  --line:#D3D5CD; --line-strong:#B9BCB4; --hover:#E0E1DA;
  --rec:#E8452C; --ok:#C7F36B; --ok-ink:#15181D; --ok-dot:#277A58; --src:#3D4DFF; --focus:#15181D;
  --hatch:repeating-linear-gradient(135deg,transparent 0 6px,rgba(21,24,29,.075) 6px 7px);
  --draft-bg:var(--hatch),#F7F7F3; --draft-fill:var(--hatch),#fff; --draft-line:#4A4F57;
  --accent:#15181D; --accent-ink:#ECEDE7;
  --top-bg:#ECEDE7; --top-ink:#15181D; --top-muted:#4A4F57; --top-line:1px solid #D3D5CD; --tab-on:#15181D; --skin-line:#B9BCB4;
  --desk-bg:#15181D; --desk-panel:transparent; --desk-ink:#E9EAE4; --desk-muted:#8D929A; --desk-line:#3A3F47;
  --r-btn:999px; --r-card:16px; --r-mark:50%;
  --sans:"HarmonyOS Sans SC","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --mono:"JetBrains Mono","Cascadia Mono",ui-monospace,Consolas,monospace;
}
html[data-theme=a] body{font-size:16px;line-height:1.75}
html[data-theme=a] :focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px var(--ok)}

/* 顶栏：胶囊 tabs */
html[data-theme=a] .brand-mark{font-size:0;width:20px;height:20px;background:var(--ink);box-shadow:inset 0 0 0 5px var(--bg),inset 0 0 0 9px var(--ink)}
html[data-theme=a] .tabs{margin-left:auto;padding:4px;background:#E0E1DA;border-radius:999px}
html[data-theme=a] .tabs button{padding:6px 16px;font-weight:500;font-size:14px}
html[data-theme=a] .tabs button[aria-current=page]{color:#fff}
html[data-theme=a] .top-right{margin-left:0}
html[data-theme=a] .skin button[aria-pressed=true]{background:var(--ink);color:var(--ok)}

/* 首页：左右 2:1 不对称 hero */
html[data-theme=a] .home-a{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);column-gap:20px;align-items:end}
html[data-theme=a] .home-a>*{grid-column:1}
html[data-theme=a] .hero-actions{display:contents}
html[data-theme=a] .kicker{color:var(--muted);margin-bottom:18px;font-size:14px}
html[data-theme=a] .hero-title{font-weight:900;font-size:clamp(40px,5.4vw,84px);line-height:1.04;letter-spacing:-.04em}
html[data-theme=a] .hero-title .nw{white-space:nowrap}
@media (max-width:560px){html[data-theme=a] .hero-title{font-size:clamp(28px,8.4vw,44px)}}
html[data-theme=a] .hero-title em{font-style:normal;background:linear-gradient(transparent 62%,var(--ok) 62% 92%,transparent 92%)}
html[data-theme=a] .lede{max-width:34em;margin:24px 0 36px;color:var(--muted);font-size:17px}
html[data-theme=a] .rec-btn{grid-column:1;justify-self:start;display:inline-flex;align-items:center;gap:18px;background:var(--ink);color:#fff;padding:18px 32px 18px 22px;border-radius:999px;text-align:left;transition:transform .15s}
html[data-theme=a] .rec-btn:hover{transform:translateY(-2px)}
html[data-theme=a] .rec-btn strong{display:block;font-size:20px}
html[data-theme=a] .rec-btn small{display:block;font-size:13px;opacity:.65}
html[data-theme=a] .rec-btn .rec-dot{width:22px;height:22px;box-shadow:0 0 0 5px rgba(232,69,44,.25)}
html[data-theme=a] .import-card{grid-column:2;grid-row:1/5;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;text-align:left;padding:28px;border:1.5px solid var(--line-strong);border-radius:20px;background:var(--card);transition:border-color .15s}
html[data-theme=a] .import-card:hover{border-color:var(--ink)}
html[data-theme=a] .import-card svg{margin-bottom:auto}
html[data-theme=a] .import-card strong{font-size:20px}
html[data-theme=a] .import-card span{font-size:14px;color:var(--muted)}
html[data-theme=a] .import-card .hint{margin-top:8px;font-size:12px}
html[data-theme=a] .legend{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 24px;margin:56px 0 0;padding:14px 0;border-block:1px solid var(--line-strong);font-size:13px;color:var(--muted)}
html[data-theme=a] .legend span{display:flex;align-items:center;gap:8px}
.chip{width:28px;height:14px;border-radius:3px;display:inline-block}
.chip.solid{background:var(--ok);border:1.5px solid var(--ink)}
.chip.draft{background:var(--hatch,#eee),var(--card);border:1.5px dashed var(--muted)}
.chip.hollow{border:1.5px solid var(--muted)}
.chip.src{border-bottom:2px solid var(--src);border-radius:0;height:10px}

/* 磁带条 */
html[data-theme=a] .tape{border:0;border-radius:12px}
html[data-theme=a] .tape:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
html[data-theme=a] .strip i{flex:none;width:20px;max-width:none;border-radius:3px}
html[data-theme=a] .strip i.d{border:1.5px dashed var(--muted)}
html[data-theme=a] .strip i.h{border:1.5px solid var(--rec);animation:blink 1.6s infinite}
html[data-theme=a] .tag{font-weight:500;padding:3px 10px}
html[data-theme=a] .tag-ok{border:1px solid var(--ink)}
html[data-theme=a] .tag-wait{background:transparent;border:1px solid #B66A21;color:#B66A21}

/* 实时会议：整页变成深色工作台 */
html[data-theme=a] body[data-view=live] .stage{background:var(--desk-bg);color:var(--desk-ink)}
html[data-theme=a] body[data-view=live] .setup{background:#1E2228;border-color:#2E333A;color:var(--desk-ink)}
html[data-theme=a] body[data-view=live] .setup input:not([type=checkbox]),html[data-theme=a] body[data-view=live] .setup select{background:#15181D;border-color:#3A3F47;color:var(--desk-ink)}
html[data-theme=a] body[data-view=live] .setup label,html[data-theme=a] body[data-view=live] .setup .muted,html[data-theme=a] body[data-view=live] .setup .field-h{color:var(--desk-muted)}
html[data-theme=a] body[data-view=live] .setup label.person,html[data-theme=a] body[data-view=live] .setup .chip-btn:not(.on){color:var(--desk-ink)}
html[data-theme=a] body[data-view=live] .primary-btn{background:var(--desk-ink);color:var(--ink)}
html[data-theme=a] body[data-view=live] .view{max-width:1360px}
html[data-theme=a] .live-title{font-size:clamp(28px,3.4vw,44px);font-weight:900;letter-spacing:-.02em}
html[data-theme=a] .seg{width:52px;height:34px;font-size:12px}
html[data-theme=a] .seg.s{background:#E9EAE4;color:var(--ink)}
html[data-theme=a] .seg.now{animation:none;background:linear-gradient(90deg,rgba(232,69,44,.3) 46%,transparent 46%);color:#E9EAE4}
html[data-theme=a] .desk-grid{grid-template-columns:180px minmax(0,1fr) 300px;gap:28px;margin-top:14px}
html[data-theme=a] .speakers,html[data-theme=a] .transcript,html[data-theme=a] .ai-pane{border:0;padding:0}
html[data-theme=a] .speakers h3,html[data-theme=a] .ai-pane h3{font-weight:500;color:var(--desk-muted)}
html[data-theme=a] .spk{color:#C7C9C2;padding:10px 12px;border-radius:10px;border:0}
html[data-theme=a] .spk b{width:28px;height:28px;border-radius:50%;background:transparent;border:1.5px solid #4A4F57}
html[data-theme=a] .spk.is-on{background:#23272E;color:#fff}
html[data-theme=a] .spk.is-on b{background:var(--ok);color:var(--ink);border-color:var(--ok)}
html[data-theme=a] .transcript{font-size:clamp(17px,1.5vw,21px)}
html[data-theme=a] .tr-head{font-weight:500;color:var(--desk-muted)}
html[data-theme=a] .line{grid-template-columns:28px 56px 1fr;gap:4px 12px;font-size:inherit;line-height:1.85;color:#B5B9BE}
html[data-theme=a] .line:last-child,html[data-theme=a] .line.interim{color:#fff;opacity:1}
html[data-theme=a] .line .who{color:#E9EAE4;font-size:14px;padding-top:6px}
html[data-theme=a] .line .ts{color:#6A6F77;padding-top:6px}
html[data-theme=a] .note input{border:0;border-bottom:1px dashed #4A4F57;border-radius:0;padding:10px 0}
html[data-theme=a] .note input::placeholder,html[data-theme=a] .ask-box input::placeholder{color:#6A6F77}
html[data-theme=a] .dot.listen{box-shadow:0 0 0 4px rgba(61,77,255,.25)}
html[data-theme=a] .draft-card,html[data-theme=a] .answer{border:1.5px dashed #5A5F67;border-radius:10px;background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(255,255,255,.045) 6px 7px);color:#E9EAE4}
html[data-theme=a] .draft-card .src,html[data-theme=a] .answer .src{color:#8C98FF}
html[data-theme=a] .ask-box input{border-radius:999px;padding:10px 14px}
html[data-theme=a] .ask{background:transparent;border:1.5px solid #E9EAE4;color:#E9EAE4}
html[data-theme=a] .ask:hover{background:#E9EAE4;color:var(--ink)}
html[data-theme=a] .console{position:sticky;bottom:0;margin-top:24px;border:0;border-top:1px solid #2A2E35;border-radius:0;background:#0E1013}
html[data-theme=a] .clock .rec-dot{width:14px;height:14px}
html[data-theme=a] .clock .time{color:#fff;font-weight:500}

/* 审核：斜纹草稿 → 实色确认 */
html[data-theme=a] .rev-title{font-size:clamp(32px,4.4vw,56px);font-weight:900;letter-spacing:-.03em}
html[data-theme=a] .item{border-radius:14px;border-color:var(--muted)}
html[data-theme=a] .item p[data-f=text]{font-size:18px;font-weight:500}
html[data-theme=a] .item.is-ok{box-shadow:inset 6px 0 0 var(--ok)}
html[data-theme=a] .item.is-ok .confirm{border-color:var(--ink)}
html[data-theme=a] .src{border-bottom:1px solid currentColor}
html[data-theme=a] .src.pending{border-bottom-style:dashed}
html[data-theme=a] .map,html[data-theme=a] .evidence{border:0}
html[data-theme=a] .publish-bar{border:0;box-shadow:none;background:linear-gradient(transparent,var(--bg) 30%);border-radius:0;padding:16px 0}
html[data-theme=a] .publish{background:var(--ink);color:#fff}
html[data-theme=a] .publish:disabled{background:transparent;border:1.5px dashed var(--muted)}
html[data-theme=a] .publish.done{background:var(--ok);color:var(--ink);border:1.5px solid var(--ink)}
html[data-theme=a] .page-h{font-size:clamp(32px,4vw,52px);font-weight:900;letter-spacing:-.03em}
html[data-theme=a] .led{border:0}

@media (max-width:960px){
  html[data-theme=a] .home-a{grid-template-columns:minmax(0,1fr)}
  html[data-theme=a] .home-a>*{min-width:0}
  html[data-theme=a] .import-card{grid-column:1;grid-row:auto;margin-top:14px}
  html[data-theme=a] .desk-grid{grid-template-columns:1fr}
  html[data-theme=a] #speakers{display:flex;gap:6px;overflow-x:auto}
  html[data-theme=a] .speakers h3{display:none}
  html[data-theme=a] .spk{flex:none}
}
@media (max-width:760px){
  html[data-theme=a] .tabs{margin-left:0;justify-content:space-between;max-width:100%;overflow-x:auto}
  html[data-theme=a] .tabs button{flex:1 0 auto;padding:6px 12px}
  html[data-theme=a] .rec-btn{width:100%;padding-right:20px}
  html[data-theme=a] .line{grid-template-columns:24px 1fr}
  html[data-theme=a] .line .ts{display:none}
}
@media (prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important}}