/* 攻略三页 3F 视觉(1008 Steven「网页攻略页面也要改成新的视觉」「三位兵种颜色尽可能统一」):
   攻略首页 / 正文(templates/guides/*)+ 互动块 + 网站对战模拟器(templates/tools/simulator.html)跟小程序 5.6.0 全站 3F 一套——
   磨砂玻璃卡 + 冰蓝 → 靛紫渐变 + 玫瑰点缀(重点数字渐变尾、卡片斜向渐变的一丝桃粉),深浅两套;主按钮 A = 唯一实心暖色渐变(这三页没有主按钮,不定义),次按钮 = 本色淡底 + 本色字 + 本色细边,
   选中 = 冰蓝 → 靛紫实心白字,警示 = 琥珀;文字对实际背景 ≥ 4.5。只换颜色 / 渐变 / 阴影 / 描边 / 底色 / 模糊,排版与文字不动。
   只在这三页加载(各自 head_extra 一行 <link>):网站其余页仍是 theme.css 那一套,顶栏 / 底栏壳层令牌这里一个不动(接得上)。
   令牌值 = 小程序 styles/theme.wxss 的 --m3-* / --gd-* 原值;兵种色(1008 主会话定,和小程序同一套):盾 = 蓝、矛 = 橙、射 = 绿,
   --t-* = 填色(配比条 / 剩余条 / 兵种点 / 克制圈),--t-*-ink = 字(对玻璃底 ≥ 4.5),--t-on = 填色上的深字。
   深浅三块:深 = :root;浅 = :root[data-theme="light"];跟随系统且系统是浅色 = 媒体查询里 :root[data-theme-mode="system"](与 theme.css 同一套切换,两块浅色值一致,测试锁)。 */
:root {
  --bg:               #0a0c2c;
  --bg2:              #20206a;
  --aurora-a:         rgba(166,107,255,.50);
  --aurora-b:         rgba(60,140,255,.38);
  --aurora-c:         rgba(255,120,170,.14);
  --bokeh:            rgba(255,170,210,.10);
  --bokeh-2:          rgba(120,170,255,.14);
  --m3-glass:         rgba(40,44,130,.40);
  --m3-glass-nb:      rgba(40,44,130,.52);
  --m3-glass-glow:    rgba(140,160,255,.16);
  --m3-glass-hi:      rgba(255,255,255,.22);
  --m3-glass-line:    rgba(255,255,255,.24);
  --m3-tint-a:        rgba(80,150,255,.24);
  --m3-tint-b:        rgba(150,105,255,.20);
  --m3-tint-c:        rgba(255,140,190,.14);
  --m3-cshadow:       rgba(110,100,255,.34);
  --m3-ring-hi:       rgba(255,255,255,.75);
  --m3-edge:          rgba(110,200,255,.92);
  --m3-edge2:         rgba(166,123,255,.92);
  --m3-ink:           #f4f6ff;
  --m3-ink2:          #dfe4ff;
  --m3-inkdim:        #b8c0e8;
  --m3-sub:           #c9d0f2;
  --m3-page-ink:      #ffffff;
  --m3-page-dim:      #c6cdf2;
  --m3-txt-hi:        #a8e6ff;
  --m3-txt-a:         #7dd3fc;
  --m3-txt-b:         #b9a3ff;
  --m3-txt-c:         #f2a9c4;
  --m3-fill-a:        #1b63c6;
  --m3-fill-b:        #5b43e6;
  --m3-ice-a:         #4fb8ff;
  --m3-ice-b:         #8b6cff;
  --m3-t1a:           #ff4d6d;
  --m3-t1b:           #ff8a3d;
  --m3-t2a:           #34e08a;
  --m3-t2b:           #22d3ee;
  --m3-t3a:           #4f8cff;
  --m3-t3b:           #a66bff;
  --m3-t4a:           #a66bff;
  --m3-t4b:           #ff5fc8;
  --m3-glow-tile:     rgba(120,110,255,.45);
  --m3-gloss:         rgba(255,255,255,.30);
  --m3-gloss-sm:      rgba(255,255,255,.14);
  --m3-gloss-xs:      rgba(255,255,255,.06);
  --m3-chip-line:     rgba(170,170,255,.45);
  --m3-ghost:         rgba(255,255,255,.05);
  --m3-hair:          rgba(160,180,255,.14);
  --m3-hi2:           rgba(150,165,255,.09);
  --m3-well2:         rgba(150,165,255,.08);
  --m3-well2-soft:    rgba(150,165,255,.05);
  --m3-ice-tint:      rgba(110,150,255,.07);
  --m3-sel-tint:      rgba(110,150,255,.20);
  --m3-sel-tint-soft: rgba(110,150,255,.08);
  --m3-sel-line2:     rgba(140,175,255,.55);
  --m3-track:         #1b1e52;
  --m3-raise2:        rgba(255,255,255,.10);
  --m3-solid:         rgba(30,34,96,.92);
  --m3-panel:         rgba(40,44,130,.42);
  --m3-on:            #ffffff;
  --m3-ok:            #7aedad;
  --m3-ok-tint:       rgba(94,227,154,.05);
  --m3-ok-line:       rgba(94,227,154,.5);
  --m3-danger:        #ffb3b3;
  --m3-danger-bg:     rgba(255,70,90,.20);
  --m3-danger-line:   rgba(255,140,160,.55);
  --m3-warn:          #ffd08a;
  --m3-warn-bg:       rgba(255,190,90,.14);
  --m3-warn-line:     rgba(255,200,110,.55);
  --m3-gold-t:        #ffd98a;
  --m3-gold-bg:       rgba(255,211,110,.12);
  --m3-gold-line:     rgba(255,211,110,.38);
  --m3-snack:         rgba(30,32,92,.94);
  --gd-tint-a:        rgba(80,150,255,.08);
  --gd-tint-b:        rgba(150,105,255,.07);
  --gd-tint-c:        rgba(255,140,190,.05);
  --gd-base:          rgba(10,14,46,.30);
  --t-s:              #4f9bff;
  --t-l:              #ff9447;
  --t-m:              #3fd17f;
  --t-s-ink:          #a3d0ff;
  --t-l-ink:          #ffbb88;
  --t-m-ink:          #7debb0;
  --t-on:             #0a0c2c;
  --g3-foe-a:         #c2336a;
  --g3-foe-b:         #8a3fd0;
}
:root[data-theme="light"] {
  --bg:               #ebe4ff;
  --bg2:              #8cc4ff;
  --aurora-a:         rgba(120,195,255,.62);
  --aurora-b:         rgba(255,165,210,.50);
  --aurora-c:         rgba(185,160,255,.46);
  --bokeh:            rgba(255,255,255,.45);
  --bokeh-2:          rgba(220,200,255,.40);
  --m3-glass:         rgba(255,255,255,.24);
  --m3-glass-nb:      rgba(255,255,255,.34);
  --m3-glass-glow:    rgba(150,130,255,.10);
  --m3-glass-hi:      rgba(255,255,255,.95);
  --m3-glass-line:    rgba(255,255,255,.9);
  --m3-tint-a:        rgba(170,215,255,.62);
  --m3-tint-b:        rgba(205,190,255,.52);
  --m3-tint-c:        rgba(255,205,220,.46);
  --m3-cshadow:       rgba(120,100,240,.26);
  --m3-ring-hi:       rgba(255,255,255,.95);
  --m3-edge:          rgba(80,170,245,.85);
  --m3-edge2:         rgba(150,110,250,.85);
  --m3-ink:           #151d45;
  --m3-ink2:          #2c3566;
  --m3-inkdim:        #4a5280;
  --m3-sub:           #343d6c;
  --m3-page-ink:      #1b2550;
  --m3-page-dim:      #3a4372;
  --m3-txt-hi:        #12458f;
  --m3-txt-a:         #12458f;
  --m3-txt-b:         #5a3cc9;
  --m3-txt-c:         #8e2456;
  --m3-fill-a:        #1b63c6;
  --m3-fill-b:        #5b43e6;
  --m3-ice-a:         #3fa9f5;
  --m3-ice-b:         #7d5cf0;
  --m3-t1a:           #ff4d6d;
  --m3-t1b:           #ff8a3d;
  --m3-t2a:           #22c972;
  --m3-t2b:           #14c6e0;
  --m3-t3a:           #3d7bff;
  --m3-t3b:           #9757ff;
  --m3-t4a:           #9757ff;
  --m3-t4b:           #ff4fbf;
  --m3-glow-tile:     rgba(110,100,240,.32);
  --m3-gloss:         rgba(255,255,255,.40);
  --m3-gloss-sm:      rgba(255,255,255,.14);
  --m3-gloss-xs:      rgba(255,255,255,.06);
  --m3-chip-line:     rgba(110,100,230,.34);
  --m3-ghost:         rgba(255,255,255,.50);
  --m3-hair:          rgba(110,100,200,.14);
  --m3-hi2:           rgba(255,255,255,.28);
  --m3-well2:         rgba(255,255,255,.34);
  --m3-well2-soft:    rgba(255,255,255,.22);
  --m3-ice-tint:      rgba(31,111,216,.10);
  --m3-sel-tint:      rgba(31,111,216,.12);
  --m3-sel-tint-soft: rgba(31,111,216,.07);
  --m3-sel-line2:     rgba(31,111,216,.42);
  --m3-track:         #e6e1fb;
  --m3-raise2:        rgba(110,100,220,.14);
  --m3-solid:         rgba(245,242,255,.94);
  --m3-panel:         rgba(255,255,255,.30);
  --m3-on:            #ffffff;
  --m3-ok:            #0d5a2a;
  --m3-ok-tint:       rgba(16,150,80,.09);
  --m3-ok-line:       rgba(13,90,42,.5);
  --m3-danger:        #a3142b;
  --m3-danger-bg:     rgba(225,29,72,.10);
  --m3-danger-line:   rgba(225,29,72,.45);
  --m3-warn:          #7a4500;
  --m3-warn-bg:       rgba(245,170,60,.16);
  --m3-warn-line:     rgba(176,105,0,.50);
  --m3-gold-t:        #6b4400;
  --m3-gold-bg:       rgba(245,190,80,.18);
  --m3-gold-line:     rgba(160,105,0,.42);
  --m3-snack:         rgba(28,30,82,.92);
  --gd-tint-a:        rgba(175,218,255,.55);
  --gd-tint-b:        rgba(210,195,255,.46);
  --gd-tint-c:        rgba(255,205,220,.46);
  --gd-base:          rgba(255,255,255,.34);
  --t-s:              #3d8ef5;
  --t-l:              #ef8f2e;
  --t-m:              #2fb56f;
  --t-s-ink:          #1349a6;
  --t-l-ink:          #823c00;
  --t-m-ink:          #0b5530;
  --t-on:             #151d45;
  --g3-foe-a:         #c2336a;
  --g3-foe-b:         #8a3fd0;
}
@media (prefers-color-scheme: light) {
    :root[data-theme-mode="system"] {
    --bg:               #ebe4ff;
    --bg2:              #8cc4ff;
    --aurora-a:         rgba(120,195,255,.62);
    --aurora-b:         rgba(255,165,210,.50);
    --aurora-c:         rgba(185,160,255,.46);
    --bokeh:            rgba(255,255,255,.45);
    --bokeh-2:          rgba(220,200,255,.40);
    --m3-glass:         rgba(255,255,255,.24);
    --m3-glass-nb:      rgba(255,255,255,.34);
    --m3-glass-glow:    rgba(150,130,255,.10);
    --m3-glass-hi:      rgba(255,255,255,.95);
    --m3-glass-line:    rgba(255,255,255,.9);
    --m3-tint-a:        rgba(170,215,255,.62);
    --m3-tint-b:        rgba(205,190,255,.52);
    --m3-tint-c:        rgba(255,205,220,.46);
    --m3-cshadow:       rgba(120,100,240,.26);
    --m3-ring-hi:       rgba(255,255,255,.95);
    --m3-edge:          rgba(80,170,245,.85);
    --m3-edge2:         rgba(150,110,250,.85);
    --m3-ink:           #151d45;
    --m3-ink2:          #2c3566;
    --m3-inkdim:        #4a5280;
    --m3-sub:           #343d6c;
    --m3-page-ink:      #1b2550;
    --m3-page-dim:      #3a4372;
    --m3-txt-hi:        #12458f;
    --m3-txt-a:         #12458f;
    --m3-txt-b:         #5a3cc9;
    --m3-txt-c:         #8e2456;
    --m3-fill-a:        #1b63c6;
    --m3-fill-b:        #5b43e6;
    --m3-ice-a:         #3fa9f5;
    --m3-ice-b:         #7d5cf0;
    --m3-t1a:           #ff4d6d;
    --m3-t1b:           #ff8a3d;
    --m3-t2a:           #22c972;
    --m3-t2b:           #14c6e0;
    --m3-t3a:           #3d7bff;
    --m3-t3b:           #9757ff;
    --m3-t4a:           #9757ff;
    --m3-t4b:           #ff4fbf;
    --m3-glow-tile:     rgba(110,100,240,.32);
    --m3-gloss:         rgba(255,255,255,.40);
    --m3-gloss-sm:      rgba(255,255,255,.14);
    --m3-gloss-xs:      rgba(255,255,255,.06);
    --m3-chip-line:     rgba(110,100,230,.34);
    --m3-ghost:         rgba(255,255,255,.50);
    --m3-hair:          rgba(110,100,200,.14);
    --m3-hi2:           rgba(255,255,255,.28);
    --m3-well2:         rgba(255,255,255,.34);
    --m3-well2-soft:    rgba(255,255,255,.22);
    --m3-ice-tint:      rgba(31,111,216,.10);
    --m3-sel-tint:      rgba(31,111,216,.12);
    --m3-sel-tint-soft: rgba(31,111,216,.07);
    --m3-sel-line2:     rgba(31,111,216,.42);
    --m3-track:         #e6e1fb;
    --m3-raise2:        rgba(110,100,220,.14);
    --m3-solid:         rgba(245,242,255,.94);
    --m3-panel:         rgba(255,255,255,.30);
    --m3-on:            #ffffff;
    --m3-ok:            #0d5a2a;
    --m3-ok-tint:       rgba(16,150,80,.09);
    --m3-ok-line:       rgba(13,90,42,.5);
    --m3-danger:        #a3142b;
    --m3-danger-bg:     rgba(225,29,72,.10);
    --m3-danger-line:   rgba(225,29,72,.45);
    --m3-warn:          #7a4500;
    --m3-warn-bg:       rgba(245,170,60,.16);
    --m3-warn-line:     rgba(176,105,0,.50);
    --m3-gold-t:        #6b4400;
    --m3-gold-bg:       rgba(245,190,80,.18);
    --m3-gold-line:     rgba(160,105,0,.42);
    --m3-snack:         rgba(28,30,82,.92);
    --gd-tint-a:        rgba(175,218,255,.55);
    --gd-tint-b:        rgba(210,195,255,.46);
    --gd-tint-c:        rgba(255,205,220,.46);
    --gd-base:          rgba(255,255,255,.34);
    --t-s:              #3d8ef5;
    --t-l:              #ef8f2e;
    --t-m:              #2fb56f;
    --t-s-ink:          #1349a6;
    --t-l-ink:          #823c00;
    --t-m-ink:          #0b5530;
    --t-on:             #151d45;
    --g3-foe-a:         #c2336a;
    --g3-foe-b:         #8a3fd0;
  }
}

/* 页面底:3F 夜空 / 晴空 = theme.css 的 body 渐变与 body::before 极光、光斑原样沿用,只换了上面的 --bg / --bg2 / --aurora-* / --bokeh* */

/* ── 攻略三页的旧令牌整体指向 3F 色板(同小程序 app.wxss「全站铺开」那一段):卡内字 / 淡字 / 冰蓝 / 细边 / 凹槽 / 选中淡底;
      --fz-* 是 theme.css 在 :root 上解析好的别名,这里一并重指 ── */
.gd-page, .sm-wrap {
  color: var(--m3-ink);
  --snow: var(--m3-ink); --text: var(--m3-ink); --text-2: var(--m3-ink2); --dim-hi: var(--m3-sub); --dim: var(--m3-inkdim); --dim-lo: var(--m3-inkdim);
  --ice: var(--m3-txt-hi); --ice-bg: var(--m3-sel-tint-soft); --hair: var(--m3-hair); --hair-soft: var(--m3-hair); --line-hi: var(--m3-chip-line);
  --well: var(--m3-well2); --well-soft: var(--m3-well2-soft); --card: var(--m3-panel); --card-glass: var(--m3-panel); --card-hi: var(--m3-hi2); --float: var(--m3-solid);
  --ok: var(--m3-ok); --ok-bg: var(--m3-ok-tint); --ok-line: var(--m3-ok-line);
  --danger: var(--m3-danger); --danger-bg: var(--m3-danger-bg); --danger-line: var(--m3-danger-line);
  --warn: var(--m3-warn); --gold: var(--m3-gold-t); --gold-bg: var(--m3-gold-bg); --gold-line: var(--m3-gold-line);
  --ember-text: var(--m3-txt-hi); --ember-hi: var(--m3-txt-hi); --set: var(--m3-txt-hi);
  --ember-bg: var(--m3-sel-tint); --ember-bg-soft: var(--m3-sel-tint-soft); --ember-line: var(--m3-sel-line2);
  --fz-card: var(--m3-panel); --fz-card-hi: var(--m3-hi2); --fz-well: var(--m3-well2); --fz-snow: var(--m3-ink); --fz-ice: var(--m3-txt-hi);
  --fz-dim: var(--m3-inkdim); --fz-dim-lo: var(--m3-inkdim); --fz-hair: var(--m3-hair); --fz-line-hi: var(--m3-chip-line); --fz-gold: var(--m3-gold-t);
}

/* ── 页脚(壳层,版式不动):坐在 3F 页面底上,淡字改用页面淡字色(浅色薰衣草底上原来的灰只有 4.1:1) ── */
.site-footer { --fz-dim: var(--m3-page-dim); --fz-dim-lo: var(--m3-page-dim); --dim: var(--m3-page-dim); --dim-hi: var(--m3-page-dim); --dim-lo: var(--m3-page-dim); }

/* ── 页头(坐在页面底上):标题 = 页面字色,返回 / 管理 = 冰蓝字 ── */
.gd-page .fz5-pgh h1, .sm-wrap .fz-pagebar h1 { color: var(--m3-page-ink); }
.gd-page .fz5-pgh .bk, .gd-page .fz5-pgh .act, .sm-wrap .fz-pagebar .pb-back { color: var(--m3-txt-hi); }
.gd-page .fz5-pgh .bk:hover, .sm-wrap .fz-pagebar .pb-back:hover { color: var(--m3-txt-hi); background: var(--m3-sel-tint-soft); }
.gd-page .gd-game { background: var(--m3-ghost); border-color: var(--m3-chip-line); color: var(--m3-page-dim); }
.sm-wrap .sm-kicker, .sm-wrap .sm-lead { color: var(--m3-page-dim); }

/* ── 卡 = 3F 磨砂玻璃:半透明靛 / 白 + 冰蓝 → 淡紫 → 一丝桃粉斜向渐变 + 顶缘高光 + 内柔光 + 柔光投影;
      描边 = 伪元素渐变环(冰蓝 → 靛紫,遮罩挖空,圆角不丢)。模糊只给卡片级容器,块与行不再叠模糊 ── */
.gd-page .fz5-card, .sm-wrap .sm-card {
  position: relative; border-color: transparent;
  background: linear-gradient(135deg, var(--m3-tint-a), var(--m3-tint-b) 55%, var(--m3-tint-c)), var(--m3-glass);
  box-shadow: inset 0 1px 0 var(--m3-glass-hi), inset 0 0 20px var(--m3-glass-glow), 0 9px 22px -11px var(--m3-cshadow);
  -webkit-backdrop-filter: blur(22px) saturate(170%); backdrop-filter: blur(22px) saturate(170%);
}
.gd-page .fz5-card::after, .sm-wrap .sm-card::after {
  content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; pointer-events: none; opacity: .9;
  background: linear-gradient(135deg, var(--m3-ring-hi), var(--m3-edge) 22%, var(--m3-edge2) 68%, var(--m3-ring-hi));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude;
}
/* 正文卡(长文常见 1500px 以上)不做背景模糊:半透明更足一点 + 斜向渐变,观感同玻璃(小程序 long-card 同一条) */
.gd-page .gd-article { -webkit-backdrop-filter: none; backdrop-filter: none;
  background: linear-gradient(135deg, var(--m3-tint-a), var(--m3-tint-b) 55%, var(--m3-tint-c)), var(--m3-glass-nb); }

/* ── 攻略列表:五类格 = 3F 工具格同款彩色圆角图标底(白图标 + 顶部光泽,按位置轮四组渐变);没篇的类 = 去色;
      缩略占位 = 半透明凹槽 + 冰蓝图标;「对战模拟器」一行的图标底 = 工具格渐变 ── */
.gd-page .gd-cats .gd-cat-i { background: linear-gradient(180deg, var(--m3-gloss), transparent 55%), linear-gradient(140deg, var(--ta, var(--m3-t3a)), var(--tb, var(--m3-t3b)));
  border-color: transparent; color: var(--m3-on); box-shadow: 0 5px 11px -6px var(--m3-glow-tile); }
.gd-page .gd-cats .gd-cat:nth-child(1) { --ta: var(--m3-t4a); --tb: var(--m3-t4b); }
.gd-page .gd-cats .gd-cat:nth-child(2) { --ta: var(--m3-t3a); --tb: var(--m3-t3b); }
.gd-page .gd-cats .gd-cat:nth-child(3) { --ta: var(--m3-t2a); --tb: var(--m3-t2b); }
.gd-page .gd-cats .gd-cat:nth-child(4) { --ta: var(--m3-t1a); --tb: var(--m3-t1b); }
.gd-page .gd-cats .gd-cat:nth-child(5) { --ta: var(--m3-ice-a); --tb: var(--m3-ice-b); }
.gd-page .gd-cats .gd-cat-t { color: var(--m3-ink); }
.gd-page .gd-cats a.gd-cat:hover .gd-cat-i { border-color: transparent; filter: brightness(1.08); }
.gd-page .gd-cats .gd-cat.is-off { filter: grayscale(1); }
.gd-page .gd-cats .gd-cat.is-off .gd-cat-i { background: var(--m3-well2); border-color: var(--m3-chip-line); color: var(--m3-inkdim); box-shadow: none; }
.gd-page .gd-gh { color: var(--m3-txt-hi); }
.gd-page .gd-thumb { background: var(--m3-well2); border-color: var(--m3-chip-line); color: var(--m3-txt-hi); }
.gd-page .gd-thumb-tool { background: linear-gradient(180deg, var(--m3-gloss), transparent 55%), linear-gradient(140deg, var(--m3-t1a), var(--m3-t1b));
  border-color: transparent; color: var(--m3-on); box-shadow: 0 5px 11px -6px var(--m3-glow-tile); }
.gd-page a.gd-row:hover .gd-t { color: var(--m3-txt-hi); }

/* ── 攻略正文:分类胶囊 = 冰蓝淡底描边;草稿 = 琥珀警示;表头 = 半透明凹槽;图片 / 表格 / 小标题线 = 3F 细边色 ── */
.gd-page .gd-meta .gd-cat { background: var(--m3-ice-tint); border-color: var(--m3-sel-line2); color: var(--m3-txt-hi); }
.gd-page .fz5-badge { background: var(--m3-warn-bg); border-color: var(--m3-warn-line); color: var(--m3-warn); }
.gd-page .gd-cover, .gd-page .gd-body img { border-color: var(--m3-chip-line); }
.gd-page .gd-body h2 { border-bottom-color: var(--m3-chip-line); }
.gd-page .gd-body th { background: var(--m3-well2); border-color: var(--m3-chip-line); color: var(--m3-ink2); }
.gd-page .gd-body td { border-color: var(--m3-chip-line); }
/* 「发到群」= 3F 次按钮(本色淡底 + 本色字 + 本色细边;只有主按钮 A 是实心暖色) */
.gd-page .gd-share, .gd-page .gd-share:hover {
  color: var(--m3-txt-hi); border-color: var(--m3-sel-line2);
  background: linear-gradient(180deg, var(--m3-gloss-xs), transparent 55%), linear-gradient(var(--m3-ice-tint), var(--m3-ice-tint)), var(--m3-ghost);
  box-shadow: inset 0 1px 0 var(--m3-glass-hi); -webkit-backdrop-filter: blur(14px) saturate(170%); backdrop-filter: blur(14px) saturate(170%); }
.gd-page .gd-share:hover { background: linear-gradient(180deg, var(--m3-gloss-xs), transparent 55%), linear-gradient(var(--m3-sel-tint), var(--m3-sel-tint)), var(--m3-ghost); }

/* ── 互动块(guide-blocks.css 的版式不动,只换色):块 = 文章卡里一块淡玻璃(斜向淡色 + 顶缘高光 + 柔光投影,不再叠模糊);
      小标签没选 = 玻璃描边款,选中 = 冰蓝 → 靛紫实心白字;兵种字 = --t-*-ink(字对玻璃底 ≥ 4.5),兵种填色 = --t-* ── */
.gd-page .gdx { --gx-s: var(--t-s); --gx-l: var(--t-l); --gx-m: var(--t-m); border-color: var(--m3-glass-line);
  background: linear-gradient(140deg, var(--gd-tint-a), var(--gd-tint-b) 62%, var(--gd-tint-c)), var(--gd-base);
  box-shadow: inset 0 1px 0 var(--m3-glass-hi), 0 8px 18px -12px var(--m3-cshadow); }
.gd-page .gdx .c-s { color: var(--t-s-ink); } .gd-page .gdx .c-l { color: var(--t-l-ink); } .gd-page .gdx .c-m { color: var(--t-m-ink); }
.gd-page .gdx-chip { color: var(--m3-ink); border-color: var(--m3-chip-line);
  background: linear-gradient(180deg, var(--m3-gloss-xs), transparent 55%), var(--m3-ghost); box-shadow: inset 0 1px 0 var(--m3-glass-hi); }
.gd-page .gdx-chip.on, .gd-page .gdx-seg button.on { color: var(--m3-on); border-color: transparent;
  background: linear-gradient(180deg, var(--m3-gloss-xs), transparent 55%), linear-gradient(120deg, var(--m3-fill-a), var(--m3-fill-b));
  box-shadow: 0 4px 10px -5px var(--m3-fill-b); }
.gd-page .gdx-seg { border-color: var(--m3-chip-line); background: linear-gradient(180deg, var(--m3-gloss-xs), transparent 60%), var(--m3-ghost);
  box-shadow: inset 0 1px 0 var(--m3-glass-hi); }
.gd-page .gdx input[type=number] { background: var(--m3-well2); border-color: var(--m3-chip-line); color: var(--m3-ink); box-shadow: inset 0 1px 0 var(--m3-glass-hi); }
.gd-page .gdx input[type=number]:focus { border-color: var(--m3-fill-a); box-shadow: 0 0 0 3px var(--m3-sel-tint); }
.gd-page .gdx :focus-visible { outline-color: var(--m3-txt-hi); }
/* 滑杆 = 3F 进度条:凹槽轨道 + 已过的一段冰蓝 → 靛紫 → 粉渐变(--p 由 guide-blocks.js 跟着值写)+ 白圆把手冰蓝边 */
.gd-page .gdx input[type=range] { -webkit-appearance: none; appearance: none; height: 18px; border: 0; border-radius: 0; background: transparent; box-shadow: none; accent-color: var(--m3-fill-a); }
.gd-page .gdx input[type=range]::-webkit-slider-runnable-track { height: 6px; border-radius: 3px; box-shadow: inset 0 0 0 1px var(--m3-chip-line);
  background: linear-gradient(90deg, var(--m3-ice-a), var(--m3-ice-b), var(--m3-t4b)) 0 0 / var(--p, 0%) 100% no-repeat, linear-gradient(var(--m3-raise2), var(--m3-raise2)), var(--m3-track); }
.gd-page .gdx input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; margin-top: -6px; border-radius: 50%; box-sizing: border-box;
  background: var(--m3-on); border: 2px solid var(--m3-fill-a); box-shadow: 0 2px 6px -1px var(--m3-cshadow), 0 0 0 1px var(--m3-glass-line); }
.gd-page .gdx input[type=range]::-moz-range-track { height: 6px; border-radius: 3px; background: var(--m3-track); box-shadow: inset 0 0 0 1px var(--m3-chip-line); }
.gd-page .gdx input[type=range]::-moz-range-progress { height: 6px; border-radius: 3px; background: linear-gradient(90deg, var(--m3-ice-a), var(--m3-ice-b), var(--m3-t4b)); }
.gd-page .gdx input[type=range]::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; background: var(--m3-on); border: 2px solid var(--m3-fill-a); box-shadow: 0 2px 6px -1px var(--m3-cshadow); }
/* 配比:三段 = 兵种填色 + 深字;把手 = 实底 + 正文色边;每兵种兵数三格 = 玻璃描边款小格 */
.gd-page .gdx-rseg { color: var(--t-on); }
.gd-page .gdx-rbar { box-shadow: 0 5px 12px -8px var(--m3-cshadow); }
.gd-page .gdx-rh { background: var(--m3-solid); border-color: var(--m3-ink); box-shadow: 0 3px 8px -2px var(--m3-cshadow); }
.gd-page .gdx-rh::after { border-left-color: var(--m3-inkdim); border-right-color: var(--m3-inkdim); }
.gd-page .gdx-rout > div, .gd-page .gdx-eq, .gd-page .gdx .gdx-sk li, .gd-page .gdx-sd, .gd-page .gdx-vd {
  border-color: var(--m3-chip-line); background: linear-gradient(180deg, var(--m3-gloss-xs), transparent 60%), var(--m3-ghost); box-shadow: inset 0 1px 0 var(--m3-glass-hi); }
/* 加成计算:基础那一格 = 半透明凹槽,增益那一格 = 绿淡底绿字,结果 = 3F 重点数字渐变字(冰蓝 → 靛紫 → 玫瑰) */
.gd-page .gdx-eq .t { background: var(--m3-well2); }
.gd-page .gdx-eq .t.g, .gd-page .gdx-sk li .g { background: var(--m3-ok-tint); color: var(--m3-ok); box-shadow: inset 0 0 0 1px var(--m3-ok-line); }
.gd-page .gdx-eq .res, .gd-page .gdx-petv b { background: linear-gradient(90deg, var(--m3-txt-a), var(--m3-txt-b) 55%, var(--m3-txt-c)); -webkit-background-clip: text; background-clip: text; color: transparent; }
@supports not ((-webkit-background-clip: text) or (background-clip: text)) { .gd-page .gdx-eq .res, .gd-page .gdx-petv b { background: none; color: var(--m3-txt-hi); } }
/* 兵种克制:兵种圈 = 实底 + 兵种填色圈 + 兵种字;点中 = 选中淡底外圈;平常的线 = 3F 细边色 */
.gd-page .gdx-node { background: var(--m3-solid); box-shadow: 0 5px 12px -7px var(--m3-cshadow); }
.gd-page .gdx-node.c-s { border-color: var(--t-s); } .gd-page .gdx-node.c-l { border-color: var(--t-l); } .gd-page .gdx-node.c-m { border-color: var(--t-m); }
.gd-page .gdx-node.on { box-shadow: 0 0 0 5px var(--m3-sel-tint), 0 5px 12px -7px var(--m3-cshadow); }
.gd-page .gdx-node small { color: var(--m3-inkdim); }
.gd-page .gdx-arrow.base { stroke: var(--m3-chip-line); } .gd-page .gdx-ah-base { fill: var(--m3-chip-line); }
/* 兵种技能:没解锁的一行淡掉,标签回凹槽色 */
.gd-page .gdx-sk li.off .g { background: var(--m3-well2); color: var(--m3-inkdim); box-shadow: none; }
/* 宠物技能 / 数据条:没到 = 凹槽色,到了 / 选中 = 3F 进度条同款渐变 */
.gd-page .gdx-steps i { background: var(--m3-track); box-shadow: inset 0 0 0 1px var(--m3-chip-line); }
.gd-page .gdx-steps i.on { background: linear-gradient(0deg, var(--m3-ice-a), var(--m3-ice-b) 70%, var(--m3-t4b)); box-shadow: none; }
.gd-page .gdx-bar .tr, .gd-page .gdx-rem .tr { background: var(--m3-track); border-color: var(--m3-chip-line); }
.gd-page .gdx-bar .fl { background: var(--m3-chip-line); }
.gd-page .gdx-bar.on .fl { background: linear-gradient(90deg, var(--m3-ice-a), var(--m3-ice-b), var(--m3-t4b)); }
.gd-page .gdx-bar.on .k, .gd-page .gdx-bar.on .v { color: var(--m3-txt-hi); }
/* 对战模拟:播放钮 / 块下方「对战模拟器」一行 = 3F 次按钮 */
.gd-page .gdx-play, .gd-page .gdx-lnk { border-color: var(--m3-sel-line2); color: var(--m3-txt-hi);
  background: linear-gradient(180deg, var(--m3-gloss-xs), transparent 55%), linear-gradient(var(--m3-ice-tint), var(--m3-ice-tint)), var(--m3-ghost); box-shadow: inset 0 1px 0 var(--m3-glass-hi); }
.gd-page .gdx-play i { border-color: transparent transparent transparent var(--m3-txt-hi); }
.gd-page .gdx-play.on i { border-color: transparent var(--m3-txt-hi); }
/* 翻页图:标注 = 选中渐变圆 + 白字白圈(压在截图的橙红上也分得出);冒出的字 = 深色玻璃气泡;当前页码点 = 进度条渐变 */
.gd-page .gdx-slide img { border-color: var(--m3-chip-line); }
.gd-page .gdx-pin { background: linear-gradient(180deg, var(--m3-gloss-sm), transparent 55%), linear-gradient(135deg, var(--m3-fill-a), var(--m3-fill-b));
  border-color: var(--m3-on); color: var(--m3-on); box-shadow: 0 3px 9px -2px var(--m3-cshadow); }
.gd-page .gdx-tip { background: var(--m3-snack); color: var(--m3-on); box-shadow: 0 5px 14px -5px var(--m3-cshadow); }
.gd-page .gdx-dots i { background: var(--m3-chip-line); }
.gd-page .gdx-dots i.on { background: linear-gradient(90deg, var(--m3-ice-a), var(--m3-ice-b), var(--m3-t4b)); }

/* ── 对战模拟器(网站页):表单 / 结果 = 同一套玻璃卡;输入框 = 半透明凹槽;出战方式选中 = 冰蓝 → 靛紫实心白字;
      「上传属性截图」「推荐配比」= 3F 次按钮;我方 / 对方条 = 冰蓝靛紫 / 玫瑰紫两段(白字);胜负 = 我方绿 / 对方红;兵种点 = 统一兵种色。
      页内 <style> 写在正文里、晚于本文件,本段选择器前加 body 提一级(同权重时这里生效) ── */
body .sm-wrap input, body .sm-wrap select { background: var(--m3-well2); border-color: var(--m3-chip-line); color: var(--m3-ink); box-shadow: inset 0 1px 0 var(--m3-glass-hi); }
body .sm-wrap input:focus, body .sm-wrap select:focus { border-color: var(--m3-fill-a); box-shadow: 0 0 0 3px var(--m3-sel-tint); }
body .sm-wrap select option { background-color: var(--m3-track); color: var(--m3-ink); }
body .sm-wrap .sim-mode-pill { color: var(--m3-ink); border-color: var(--m3-chip-line);
  background: linear-gradient(180deg, var(--m3-gloss-xs), transparent 55%), var(--m3-ghost); box-shadow: inset 0 1px 0 var(--m3-glass-hi); }
body .sm-wrap .sim-mode-pill > span { color: inherit; }
body .sm-wrap .sim-mode-pill input { accent-color: var(--m3-fill-a); }
body .sm-wrap .sim-mode-pill:has(input:checked) { color: var(--m3-on); border-color: transparent;
  background: linear-gradient(180deg, var(--m3-gloss-xs), transparent 55%), linear-gradient(120deg, var(--m3-fill-a), var(--m3-fill-b)); box-shadow: 0 4px 10px -5px var(--m3-fill-b); }
body .sm-wrap .sim-mode-pill:has(input:checked) input { accent-color: var(--m3-on); }
body .sm-wrap .sim-ocr-btn span, body .sm-wrap .sim-ocr-btn:hover span, body .sm-wrap .sim-rec-btn { color: var(--m3-txt-hi); border-color: var(--m3-sel-line2);
  background: linear-gradient(180deg, var(--m3-gloss-xs), transparent 55%), linear-gradient(var(--m3-ice-tint), var(--m3-ice-tint)), var(--m3-ghost); box-shadow: inset 0 1px 0 var(--m3-glass-hi); }
body .sm-wrap .sim-ocr-btn:hover span { background: linear-gradient(180deg, var(--m3-gloss-xs), transparent 55%), linear-gradient(var(--m3-sel-tint), var(--m3-sel-tint)), var(--m3-ghost); }
body .sm-wrap .upload-ref, body .sm-wrap .sim-buff-hint, body .sm-wrap .sim-buff-sublabel { opacity: 1; }
body .sm-wrap .sim-buff-hint, body .sm-wrap .sim-buff-sublabel { color: var(--m3-inkdim); }
/* 表单卡在页顶极光最亮处:字段名 / 说明小字用次正文 sub(深档提亮、浅档压深,小程序同一条) */
body .sm-wrap label > span, body .sm-wrap .sim-ratio-label, body .sm-wrap .sm-note, body .sm-wrap .sim-role, body .sm-wrap .sim-verdict-sub { color: var(--m3-sub); }
body .sm-wrap .upload-ref-thumb { border-color: var(--m3-chip-line); }
body .sm-wrap .sim-weapon { border-color: var(--m3-gold-line); background: var(--m3-gold-bg); }
body .sm-wrap .manual-fold, body .sm-wrap .sim-roundlog, body .sm-wrap .sim-bd, body .sm-wrap .sim-bd.side-a, body .sm-wrap .sim-bd.side-b, body .sm-wrap .sim-rec-row {
  border-color: var(--m3-chip-line); background: linear-gradient(180deg, var(--m3-gloss-xs), transparent 60%), var(--m3-ghost); box-shadow: inset 0 1px 0 var(--m3-glass-hi); }
body .sm-wrap .sim-rec-row.is-on { border-color: var(--m3-fill-a); background: linear-gradient(135deg, var(--m3-sel-tint), var(--m3-sel-tint-soft)), var(--m3-ghost); box-shadow: 0 0 0 1px var(--m3-fill-b); }
body .sm-wrap .sim-verdict, body .sm-wrap .sim-analysis { border-color: var(--m3-chip-line); box-shadow: inset 0 1px 0 var(--m3-glass-hi);
  background: linear-gradient(135deg, var(--m3-tint-a), var(--m3-tint-b) 60%, var(--m3-tint-c)), var(--m3-ghost); }
body .sm-wrap .sim-verdict.win-a { border-color: var(--m3-ok-line); background: linear-gradient(180deg, var(--m3-ok-tint), transparent), var(--m3-ghost); }
body .sm-wrap .sim-verdict.win-a .sim-verdict-label { color: var(--m3-ok); }
body .sm-wrap .sim-verdict.win-b { border-color: var(--m3-danger-line); background: linear-gradient(180deg, var(--m3-danger-bg), transparent), var(--m3-ghost); }
body .sm-wrap .sim-verdict.win-b .sim-verdict-label { color: var(--m3-danger); }
body .sm-wrap .sim-scorebar { border-color: var(--m3-chip-line); background: var(--m3-track); }
body .sm-wrap .sim-seg { color: var(--m3-on); }
body .sm-wrap .sim-seg-a { background: linear-gradient(180deg, var(--m3-gloss-sm), transparent 60%), linear-gradient(120deg, var(--m3-fill-a), var(--m3-fill-b)); }
body .sm-wrap .sim-seg-b { background: linear-gradient(180deg, var(--m3-gloss-sm), transparent 60%), linear-gradient(120deg, var(--g3-foe-a), var(--g3-foe-b)); }
body .sm-wrap .sim-ana-head { color: var(--m3-gold-t); }
body .sm-wrap .sim-troop-table th { background: var(--m3-well2); color: var(--m3-ink2); border-bottom-color: var(--m3-chip-line); }
body .sm-wrap .sim-troop-table td { border-bottom-color: var(--m3-hair); }
body .sm-wrap tbody tr:hover td { background: var(--m3-sel-tint-soft); }
body .sm-wrap .troop-1 { color: var(--t-s); background: var(--t-s); }
body .sm-wrap .troop-2 { color: var(--t-l); background: var(--t-l); }
body .sm-wrap .troop-3 { color: var(--t-m); background: var(--t-m); }