/* 工作台及各子系统（浅色）统一主题 v2 —— 对标 LangAlpha 浅色版：
   中性暖灰底 #F5F4F1 + 白卡 + 边线 #E8E8E6；文字 #1F1F1E / #73726E / #A3A29E；强调橙 #D17D33；
   字体 Sora（标题）+ Geist（正文）+ Noto Sans SC（中文）+ JetBrains Mono（编号）。
   在各页自身样式之后加载；只作用于屏幕，打印 / PDF 成果（#report）沿用原样式。 */
:root{
  --bg:#F5F4F1; --panel:#FFFFFF; --panel2:#F7F7F6; --surface:#F4F4F2; --strip:#F7F7F6; --strip-h:#F1F1EF; --tagbg:#EFEFED;
  --line:#E8E8E6; --line2:rgba(31,31,30,.10);
  --text:#1F1F1E; --mute:#73726E; --muted:#73726E; --dim:#A3A29E;
  --acc:#D17D33; --acc2:#C06A25; --acc-soft:rgba(209,125,51,.08); --acc-line:rgba(209,125,51,.38); --soft:#FBF2EA;
  --shadow:0 1px 2px rgba(31,31,30,.04),0 8px 24px rgba(31,31,30,.05);
  --display:"Sora","Geist","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --body:"Geist","Noto Sans SC","PingFang SC","Microsoft YaHei",-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",Menlo,Consolas,ui-monospace,monospace;
}
@media screen{
  body{font-family:var(--body);background:var(--bg);color:var(--text)}
  body :is(h1,h2,h3,h4):not(#report *){font-family:var(--display);font-weight:600 !important;letter-spacing:-.01em}

  /* 字号收一档（与首页同步）：页标题、模式卡、横幅 */
  .head h1{font-size:clamp(25px,2.6vw,33px)}
  #app h1:not(#report *){font-size:26px}
  #app h2:not(#report *){font-size:17.5px}
  .modecard h2{font-size:25px !important}
  .modehead h2{font-size:22px !important}
  .model .lft h2{font-size:20px}.fde h2{font-size:22px}
  /* 侧栏选中项：灰底深字（LangAlpha 导航样式），不再用米色 + 咖色字 */
  .sidebar nav button.active{background:#EEEEEC;color:var(--text)}
  .sidebar nav button.active small,.sidebar nav button.active span:first-child{color:var(--acc)}

  /* 横条之间留窄缝：屏幕上的表格每一行是一块独立的浅灰横条，列仍对齐（成果 PDF 不受影响） */
  #app :is(.tbl,.table){border-collapse:separate;border-spacing:0 5px;margin-top:2px}
  #app :is(.tbl,.table) th{background:transparent;border:0;color:var(--dim);font-weight:500;padding:6px 10px}
  #app :is(.tbl,.table) td{background:var(--strip);border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 10px;transition:background .15s}
  #app :is(.tbl,.table) tr > td:first-child{border-left:1px solid var(--line);border-radius:8px 0 0 8px}
  #app :is(.tbl,.table) tr > td:last-child{border-right:1px solid var(--line);border-radius:0 8px 8px 0}
  #app :is(.tbl,.table) tr > td:only-child{border-radius:8px}
  #app :is(.tbl,.table) tr:hover > td{background:var(--strip-h)}
  #app :is(.tbl,.table) tr.sum > td{background:var(--tagbg);font-weight:600}
  /* 左标题右内容的键值表：行首 th 一起包进横条 */
  #app :is(.tbl,.table) tr:has(> td) > th{background:var(--strip);border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line);border-radius:8px 0 0 8px;color:var(--mute);font-weight:500;text-align:left;padding:8px 12px}
  #app :is(.tbl,.table) tr:has(> th + td) > td:first-of-type{border-left:0;border-radius:0}
  #app :is(.tbl,.table) tr:has(> th + td) > td:only-of-type{border-radius:0 8px 8px 0}
  /* 图纸页列表：每页一块 */
  #app .pageitem{background:var(--strip);border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:6px 0}
  #app .pageitem:hover{background:var(--strip-h)}

  /* 模式卡：两张同框、同边线、同色条，选中只换边线与底色，不改变尺寸 */
  .modepick{align-items:stretch}
  .modecard{border:1px solid var(--line);box-shadow:none;transform:none}
  .modecard:before{height:4px}
  .modecard:hover{transform:none;box-shadow:none;border-color:var(--acc-line)}
  .modecard[data-v=budget]:hover{border-color:rgba(40,116,85,.45)}
  .modecard.on{border-color:var(--acc);background:#FFFAF5;box-shadow:none}
  .modecard[data-v=budget].on{border-color:#287455;background:#F5FAF7;box-shadow:none}
  .modego{background:var(--text)}

  /* 深色横幅与答疑栏：咖色改中性深灰 */
  .modehead{background:linear-gradient(120deg,#1F1F1E,#2E3033)}
  .modehead .mono{color:#E09A57}
  .modehead p{color:#B9BDC2}
  .qa{background:#1F1F1E;color:#E6E6E4}
  .qamuted,.qad,.qadone summary{color:#9B9FA6}
  .qatog,.qano,.qalink{color:#E09A57}
  .qadot{background:var(--acc);box-shadow:0 0 0 3px rgba(209,125,51,.25)}
  .qaitem{border-bottom-color:#34363A}.qacli{border-top-color:#34363A}
  .qaopts button{background:#2A2B2E;border-color:#3A3C40}
  .qaopts input,.qaprompt input{background:#18181A;border-color:#3A3C40}

  /* 卡片：白卡细边，去掉暖色阴影 */
  .panel,.rowcard,.mcard{box-shadow:none}
}
