/* ============================================================
   base.css · 学习库共享地基(所有页面引用)
   深色 only · 纯中性灰 · 系统字体 · 零网络加载
   皮肤色(--accent 家族 / --grid-size)由各页自己内联定义。
   ============================================================ */
:root{
  color-scheme: dark;
  --bg:#08090c; --surface:#11141b; --surface-2:#161a22; --code-bg:#0e1014;
  --ink:#dcdcdc; --ink-2:#b4b4b4; --muted:#8c8c8c; --line:#242a34; --line-2:#2f3744;
  --grid:rgba(255,255,255,.022);
  /* 皮肤辉光默认值(中性靛蓝);各页用自己的强调色覆盖 --glow(组件辉光) / --halo(背景光晕) */
  --glow:rgba(140,160,255,.18); --halo:rgba(140,160,255,.09);
  --hero-shadow:9px 9px 0 rgba(0,0,0,.42);
  --sans:"Microsoft YaHei UI","Aptos","Segoe UI",system-ui,sans-serif;
  --display:"Bahnschrift","Microsoft YaHei UI","Segoe UI",sans-serif;
  /* --mono = 标签/kicker/数字(拉丁用 Martian Mono,中文自动回退系统字体);--code = 真正的代码块,保持易读的 Cascadia */
  --mono:"Martian Mono","Cascadia Mono","SFMono-Regular",Consolas,monospace;
  --code:"Cascadia Code","Cascadia Mono","SFMono-Regular",Consolas,monospace;
  --teal:#48ccc4;  --teal-soft:#103734;  --teal-bd:#2a817b;
  --blue:#8cc4ff;  --blue-soft:#162c43;  --blue-bd:#41739e;
  --amber:#ffc25a; --amber-soft:#3a2a0f; --amber-bd:#956c25;
  --violet:#b4a8ff;--violet-soft:#2a2350;--violet-bd:#7366c4;
  --green:#86d785; --green-soft:#183a1e; --green-bd:#4d914b;
  --coral:#ff8164; --coral-soft:#43201a; --coral-bd:#a94d37;
  --c-cmt:#6f7884; --c-key:#8ab4ff; --c-str:#8fd6a8; --c-fn:#e9b673; --c-op:#ff9b80; --code-ink:#cfcfcf;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;font-size:100%}
body{
  margin:0;color:var(--ink-2);font-family:var(--sans);line-height:1.75;font-size:1.0625rem;
  background:
    linear-gradient(90deg,var(--grid) 1px,transparent 1px),
    linear-gradient(var(--grid) 1px,transparent 1px),
    radial-gradient(1100px 560px at 82% -10%, var(--halo), transparent 60%),
    var(--bg);
  background-size:var(--grid-size) var(--grid-size),var(--grid-size) var(--grid-size),100% 100%,100% 100%;
}
/* 扫描线纹理(最上层·不挡交互) + 顶部光晕带(z:-1,浮于背景之上、内容之下,无需各页抬 z-index) */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;
  background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.05) 3px 4px);opacity:.14}
body::after{content:"";position:fixed;left:0;right:0;top:0;height:150px;pointer-events:none;z-index:-1;
  background:linear-gradient(180deg,var(--glow),transparent)}
a{color:var(--accent);text-underline-offset:3px}
::selection{background:color-mix(in srgb,var(--accent) 28%,transparent)}
/* 行内 code → 薄荷绿药丸(近黑底),与霓虹暗底相搭;不影响 pre.code 语法块 */
code{font-family:var(--code);font-size:.86em;padding:.08em .4em;border:1px solid #1d2a23;
  border-radius:5px;background:#0c130f;color:#9ff0d0;overflow-wrap:anywhere;word-break:break-word}
b{color:var(--ink);font-weight:600}
.wrap{width:min(1180px,calc(100vw - 36px));margin:0 auto}