/* 研习台 · 设计令牌
   全站唯一的色值真源。色板沿用长征站已验证的暗色系，各科目一律引用变量，
   不许在页面里散落硬编码色值。 */

:root{
  /* 底与面 */
  --ink:      #16140F;
  --ink-2:    #2A2620;
  --bg:       #0E0D0B;
  --panel:    rgba(20,18,15,.94);
  --panel-2:  rgba(32,28,23,.94);

  /* 字 */
  --cream:    #F2EEE5;
  --cream-2:  #CFC7B8;
  --cream-3:  #948C7E;

  /* 线 */
  --line:     rgba(242,238,229,.16);
  --line-2:   rgba(242,238,229,.09);

  /* 强调：全站唯一的实心金块留给「继续 →」，别处只用描边 */
  --gold:     #E0A94B;
  --gold-dim: rgba(224,169,75,.13);
  --gold-mid: rgba(224,169,75,.45);

  /* 科目色（长征沿用四路红军配色，新科目往下续） */
  --s-changzheng: #D93A2B;
  --s-renti:      #C4574B;
  --s-gushou:     #35A583;

  /* 状态：未看 / 看过 / 弄懂了 / 存疑 */
  --st-none:  #6E675C;
  --st-seen:  #8FA8B5;
  --st-done:  #7FD4B4;
  --st-doubt: #E8892B;

  /* 字体：中文走系统栈不下载字体（境外字体 CDN 大陆不可达，
     托管完整 CJK 又要好几 MB）；拉丁与数字用自托管 DM Mono */
  --ff-sans:  "PingFang SC","Hiragino Sans GB","Noto Sans SC",system-ui,sans-serif;
  --ff-serif: "Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;
  --ff-mono:  "DM Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  /* 字号阶 */
  --fs-xs: 10.5px; --fs-sm: 11.5px; --fs-base: 13.5px;
  --fs-md: 15px;   --fs-lg: 19px;   --fs-xl: 26px;

  /* 间距刻度 */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 22px; --sp-6: 32px; --sp-7: 48px;

  --radius: 8px;
  --radius-sm: 5px;

  /* 动效三档 */
  --t-fast: .15s; --t-base: .22s; --t-slow: .32s;
  --ease: cubic-bezier(.22,.61,.36,1);
}

@font-face{
  font-family:"DM Mono";font-style:normal;font-weight:400;font-display:swap;
  src:url("/shell/dm-mono-400.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"DM Mono";font-style:normal;font-weight:500;font-display:swap;
  src:url("/shell/dm-mono-500.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ══ 诚实标注四件套 ══
   这是「一个系统」最强的视觉信号：不管在看地图还是在看肌肉，
   置信度格子长得一模一样。各科目的词表不同，长相必须一致。 */

/* 置信度：渲染成 5 个小方块，绝不写百分数——精确到小数的置信度本身就是假精确 */
.conf{display:inline-flex;gap:2px;vertical-align:middle;align-items:center}
.conf i{width:6px;height:6px;border:1px solid var(--gold-mid);border-radius:1px;display:block}
.conf i.on{background:var(--gold);border-color:var(--gold)}
.conf-label{font-family:var(--ff-mono);font-size:var(--fs-xs);color:var(--cream-3);margin-left:6px}

/* 来源性质胶囊：长征用 史实/回忆录/文学；人体用 解剖学共识/教科书简化/科普/存疑 */
.src-tag{display:inline-block;font-family:var(--ff-mono);font-size:var(--fs-xs);
  padding:1px 7px;border-radius:4px;border:1px solid var(--line);color:var(--cream-3);white-space:nowrap}
.src-tag[data-nature="史实"],.src-tag[data-nature="解剖学共识"]{
  color:#7FD4B4;border-color:rgba(127,212,180,.34)}
.src-tag[data-nature="回忆录"],.src-tag[data-nature="教科书简化"]{
  color:#E0C089;border-color:rgba(224,192,137,.34)}
.src-tag[data-nature="课文或文学作品"],.src-tag[data-nature="传说"],.src-tag[data-nature="科普"]{
  color:#C3A8E8;border-color:rgba(195,168,232,.34)}
.src-tag[data-nature="存疑"],.src-tag[data-nature="推断"]{
  color:var(--st-doubt);border-color:var(--gold-mid)}

/* 存疑说明 */
.caveat{font-size:var(--fs-sm);line-height:1.75;color:var(--cream-3);
  padding-left:9px;border-left:2px solid var(--gold-mid);margin-top:var(--sp-2)}

/* 来源列表 */
.sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--sp-2)}
.sources a{font-family:var(--ff-mono);font-size:var(--fs-xs);color:var(--cream-3);
  border:1px solid var(--line);border-radius:4px;padding:1px 7px;text-decoration:none}
.sources a:hover{color:var(--gold);border-color:var(--gold-mid)}