/* 万缕千丝·安娜手帖 设计令牌。所有页面和工具（含模拟器）只用这些变量取色，不写死颜色。
   方向（10-19 方案 A2「现代手帐」· Claude Opus 5.5，样式层在 assets/notebook.css）：整站是安娜随身带的一本手帐——
   米白书写纸（点阵格）＋蓝黑墨水写字；冷色（蓝黑墨水、雾蓝便笺）压住暖纸，不让一个色相铺满。
   --accent 现在是「蓝黑墨水」：选中、悬停、当前项、焦点、强调字都用它（站里 160 多处 var(--accent) 跟着变，不用逐条改）。
   朱红改名 --hero，只给每页的主角：页面上最该点的那个按钮、人物培养页的主推路线；
   地图「城镇」、「战争篇」线路这类本来就是红色的功能色用 --vermilion（同一个朱红，但不算主角）。
   字：标题和安娜说的话用霞鹜文楷（--font-title，站内自带子集 assets/fonts/wenkai.css）；正文、表格、数字、按钮、标签一律系统黑体。 */
:root {
  color-scheme: light;
  --lk-char: #b8452f; --lk-class: #22806a; --lk-item: #9a6a1c; --lk-god: #7d4fa8; --lk-chap: #5a6880;   /* 站内链接按类别分色（10-16） */
  --bg: #f7f4ee;          /* 书写纸（页面底，带点阵格） */
  --surface: #fffdf9;     /* 纸页：卡片、表格（平放的纸，不是浮起来的框） */
  --surface-2: #f0ebe2;   /* 索引纸：未选页签、标签底、次级底 */
  --ink: #1b2232;         /* 蓝黑墨：正文 */
  --ink-2: #4a5162;       /* 次要文字 */
  --muted: #676b78;       /* 铅灰：注释、面包屑（纸上 4.9:1，纸页上 5.3:1） */
  --line: #e6dfd3;
  --line-strong: #cfc5b3;
  --accent: #285aa6;      /* 蓝黑墨水：选中、悬停、当前项、强调（和链接同一支墨水） */
  --accent-ink: #ffffff;  /* 填满 --accent 的块上的字 */
  --accent-2: #285aa6;    /* 链接 */
  --vermilion: #cf3e27;   /* 朱红（原色） */
  --hero: var(--vermilion);   /* 主角：主按钮、主推路线 */
  --hero-ink: #ffffff;
  --gold: #b58628;        /* 金线：分隔、徽记 */
  --heat: #1f5f8f; --heat-ink3: #1d2433; --heat-ink4: #ffffff; --heat-ink: #ffffff;   /* 成长加成深浅 */
  --good: #2f8a57;
  --bad: #c0392b;
  --warn: #b7791f;
  /* 属性配色（成长条、雷达） */
  --st-hp: #c0504d; --st-str: #d9822b; --st-mag: #8e5bb5; --st-dex: #3d8c6e;
  --st-spd: #2c86b8; --st-lck: #c9a227; --st-def: #6b7a8f; --st-res: #4f6fb8; --st-cha: #c4568a;
  /* 梯度 */
  --tier-t0: #7d1d3f; --tier-s: #b8452f; --tier-a: #d9822b; --tier-b: #c9a227; --tier-c: #3d8c6e; --tier-d: #6b7a8f;
  /* 四位主角线（万缕千丝的四股线） */
  --r-cai: #b8452f; --r-dietrich: #1f6f9f; --r-theodora: #c89b3c; --r-leda: #6a4c93;
  /* 没有游戏图标的道具：自绘符号放在和游戏图标一样的深青方块上（两种主题都不变） */
  --itm-tile: #24393d; --itm-glyph: #efe4c8;
  --radius: 7px;
  --r-sheet: 10px;        /* 纸页圆角（卡片、表格外框） */
  /* 压在图片上的小标签（封面时长、平台）：深浅主题都用深底白字 */
  --overlay: rgba(12,16,24,.74); --on-overlay: #fff;
  --shadow: 0 1px 0 rgba(120,104,78,.10), 0 8px 22px -14px rgba(27,34,50,.30);
  --sheet: 0 1px 0 rgba(120,104,78,.10), 0 10px 24px -18px rgba(27,34,50,.35);   /* 平放的纸：底边一道细影 */
  /* 手帐的几样材料 */
  --note: #edf1f7;        /* 雾蓝便笺：安娜的批注、一句话结论、表格悬停 */
  --note-line: #cdd7e6;
  --mark: #c9dbf7;        /* 蓝色荧光笔：正文加粗（再浅在暖纸上就看不出来了） */
  --dot: rgba(27,34,50,.075);   /* 点阵格 */
  --font: "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
  /* 霞鹜文楷只给标题（h1–h4、路线卡标题）和安娜说的话：--font-title。没下到之前退回黑体，不退回宋体（Windows 上的宋体大字号很糙）。
     --font-head 是旧代码里「标题字」的名字，很多数字、徽标、首字母、战斗预测的伤害命中也用它——Teemo 10-19：「游戏内战斗的时候数字应该都是正常的字体」，
     所以它现在就是系统黑体；要文楷的地方在 notebook.css 里明确写 --font-title。 */
  --font-title: "Anna WenKai", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --font-head: var(--font);
  --font-hand: var(--font-title);
  --mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --lk-char: #ec8a73; --lk-class: #5cc6a6; --lk-item: #e3b965; --lk-god: #c19be3; --lk-chap: #a9b7cc;
    --bg: #1c1b19; --surface: #252321; --surface-2: #2f2c29; --ink: #eee8dd; --ink-2: #c3bbad;
    --muted: #9a9387; --line: #36332e; --line-strong: #4d4740;
    --accent: #8db8f2; --accent-ink: #10161f; --accent-2: #8db8f2;
    --vermilion: #f0684d; --hero-ink: #1a0d09;
    --heat: #4fa3d8; --heat-ink3: #eee8dd; --heat-ink4: #0d1822; --heat-ink: #0d1822;
    --gold: #d9ad55;
    --shadow: 0 1px 0 rgba(0,0,0,.35), 0 10px 24px -14px rgba(0,0,0,.6);
    --sheet: 0 1px 0 rgba(0,0,0,.35), 0 12px 26px -18px rgba(0,0,0,.7);
    --note: #1f2630; --note-line: #36445a; --mark: rgba(141,184,242,.30);
    --dot: rgba(238,232,221,.05);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --lk-char: #ec8a73; --lk-class: #5cc6a6; --lk-item: #e3b965; --lk-god: #c19be3; --lk-chap: #a9b7cc;
  --bg: #1c1b19; --surface: #252321; --surface-2: #2f2c29; --ink: #eee8dd; --ink-2: #c3bbad;
  --muted: #9a9387; --line: #36332e; --line-strong: #4d4740;
  --accent: #8db8f2; --accent-ink: #10161f; --accent-2: #8db8f2;
  --vermilion: #f0684d; --hero-ink: #1a0d09;
  --heat: #4fa3d8; --heat-ink3: #eee8dd; --heat-ink4: #0d1822; --heat-ink: #0d1822;
  --gold: #d9ad55;
  --shadow: 0 1px 0 rgba(0,0,0,.35), 0 10px 24px -14px rgba(0,0,0,.6);
  --sheet: 0 1px 0 rgba(0,0,0,.35), 0 12px 26px -18px rgba(0,0,0,.7);
  --note: #1f2630; --note-line: #36445a; --mark: rgba(141,184,242,.30);
  --dot: rgba(238,232,221,.05);
}

/* 魔兽装备品质色：橙＞紫＞蓝＞绿＞白＞灰（10-16 Teemo：「希望类似魔兽的装备配色，绿色代表中上，橙色代表最好」） */
:root{--q5:#c25e00;--q4:#8a2bd0;--q3:#0062c4;--q2:#1a8f1a;--q1:var(--ink);--q0:#8d93a1}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--q5:#ff8000;--q4:#b65cf2;--q3:#3d9bff;--q2:#2fd44a;--q1:#e8e6e1;--q0:#7d8391}}
:root[data-theme="dark"]{--q5:#ff8000;--q4:#b65cf2;--q3:#3d9bff;--q2:#2fd44a;--q1:#e8e6e1;--q0:#7d8391}