/* 万缕千丝攻略站 设计令牌。所有页面和工具（含模拟器）只用这些变量取色，不写死颜色。
   方向：地中海达格达——象牙白纸面、深墨蓝字、陶土红＋爱琴蓝＋金线三色强调（别一个色相铺满）。 */
:root {
  color-scheme: light;
  --lk-char: #b8452f; --lk-class: #22806a; --lk-item: #9a6a1c; --lk-god: #7d4fa8; --lk-chap: #5a6880;   /* 站内链接按类别分色（10-16） */
  --bg: #f6f1e7;          /* 纸面 */
  --surface: #fffdf8;     /* 卡片 */
  --surface-2: #efe7d8;   /* 次级底、表头 */
  --ink: #1d2433;         /* 正文 */
  --ink-2: #4a5263;       /* 次要文字 */
  --muted: #7c8191;
  --line: #ddd2bf;
  --line-strong: #c3b59c;
  --accent: #b8452f;      /* 陶土红：主强调、选中 */
  --accent-ink: #ffffff;
  --accent-2: #1f6f9f;    /* 爱琴蓝：链接、次强调 */
  --gold: #c89b3c;        /* 金线：分隔、徽记 */
  --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: 4px;
  /* 压在图片上的小标签（封面时长、平台）：深浅主题都用深底白字 */
  --overlay: rgba(12,16,24,.74); --on-overlay: #fff;
  --shadow: 0 1px 2px rgba(29,36,51,.06), 0 4px 14px rgba(29,36,51,.05);
  --font: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-head: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
  --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: #151a24; --surface: #1d2330; --surface-2: #252d3c; --ink: #ece6da; --ink-2: #bdb6a8;
    --muted: #8d93a1; --line: #323b4c; --line-strong: #46516a; --accent: #e0694f; --accent-2: #5fb0e0; --heat: #4fa3d8; --heat-ink3: #ece6da; --heat-ink4: #0d1822; --heat-ink: #0d1822;
    --gold: #d8b25a; --shadow: 0 1px 2px rgba(0,0,0,.3), 0 4px 14px rgba(0,0,0,.25);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --lk-char: #ec8a73; --lk-class: #5cc6a6; --lk-item: #e3b965; --lk-god: #c19be3; --lk-chap: #a9b7cc;
  --bg: #151a24; --surface: #1d2330; --surface-2: #252d3c; --ink: #ece6da; --ink-2: #bdb6a8;
  --muted: #8d93a1; --line: #323b4c; --line-strong: #46516a; --accent: #e0694f; --accent-2: #5fb0e0; --heat: #4fa3d8; --heat-ink3: #ece6da; --heat-ink4: #0d1822; --heat-ink: #0d1822;
  --gold: #d8b25a; --shadow: 0 1px 2px rgba(0,0,0,.3), 0 4px 14px rgba(0,0,0,.25);
}

/* 魔兽装备品质色：橙＞紫＞蓝＞绿＞白＞灰（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}