/* ═══════════════ [实验·预测仪器 Forecasting Instrument] body.theme-instrument 主题层 ═══════════════
   Frontend-Design 插件视角:网站=一台测量仪器(示波器/绘图仪/坐标纸),不是比分站。
   暗=磷光示波器(琥珀 #FFB000 读数 / 墨黑面板);亮=蓝图绘图仪(暖坐标纸 / 墨蓝笔触)。
   字体换掉 Inter:Martian Mono(读数/标签/数字)+ Hanken Grotesk(正文)。
   作用域全在 body.theme-instrument,叠在 styles.css 上;reduced-motion 冻结扫描线;整文件可删。 */

@font-face{ font-family:"Martian Mono"; src:url("./fonts/martianmono-var.woff2") format("woff2"); font-weight:400 800; font-display:swap; }
@font-face{ font-family:"Hanken Grotesk"; src:url("./fonts/hankengrotesk-var.woff2") format("woff2"); font-weight:400 800; font-display:swap; }

body.theme-instrument{
  --ins-mono:"Martian Mono",ui-monospace,monospace;
  --ins-sans:"Hanken Grotesk","PingFang SC","Source Han Sans SC",system-ui,sans-serif;
  /* 暗 = 示波器 */
  --bg:#0A0C0B; --surface:#101412; --surface-2:#161B18; --fg:#E8EDE6; --muted:#93A199; --muted-2:#5E6B63;
  --border:rgba(232,237,230,.14); --border-strong:rgba(232,237,230,.26);
  --accent:#FFB000; --accent-soft:color-mix(in srgb,#FFB000 16%,transparent);
  --gold:#FFB000; --gold-soft:color-mix(in srgb,#FFB000 18%,transparent);
  --frozen:#35D0E0; --llm:#FF5CA8; --live:#FFB000; --draw:#7C8A82; --warn:#FF5252; --base:#5E6B63;
  --on-accent:#0A0C0B;
  --conf-track:#161B18; --conf-1:color-mix(in srgb,#FFB000 26%,#161B18); --conf-2:color-mix(in srgb,#FFB000 58%,#101412); --conf-3:#FFB000;
  --radius:3px; --radius-lg:3px;
  font-family:var(--ins-sans);
  background-color:var(--bg);   /* 网格改淡出点阵（见 ::after），中心数据区干净、四周隐约,不再满铺抢戏 */
}
/* 淡出点阵:固定铺底 + 径向 mask 让视口中心透明(无点)、向四周渐显——仪器味保留,干扰大降 */
body.theme-instrument::after{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background: radial-gradient(circle, color-mix(in srgb, var(--fg) 9%, transparent) 1px, transparent 1.7px) 0 0 / 23px 23px;
  -webkit-mask: radial-gradient(ellipse 78% 68% at 50% 40%, transparent 24%, #000 92%);
          mask: radial-gradient(ellipse 78% 68% at 50% 40%, transparent 24%, #000 92%);
}
[data-theme="light"] body.theme-instrument::after{ background: radial-gradient(circle, color-mix(in srgb, var(--fg) 12%, transparent) 1px, transparent 1.7px) 0 0 / 23px 23px; }
[data-theme="light"] body.theme-instrument{
  /* 亮 = 蓝图绘图仪 / 坐标纸 */
  --bg:#F3F1E8; --surface:#FBFAF3; --surface-2:#ECE9DC; --fg:#16180F; --muted:#5A5C4C; --muted-2:#9A9A86;
  --border:rgba(22,24,15,.18); --border-strong:rgba(22,24,15,.32);
  --accent:#1C3D8F; --accent-soft:color-mix(in srgb,#1C3D8F 12%,transparent);
  --gold:#9A6B00; --gold-soft:color-mix(in srgb,#9A6B00 16%,transparent);
  --frozen:#1C3D8F; --llm:#B0224B; --live:#1C3D8F; --draw:#8A8775; --warn:#C0202A; --base:#8A8775;
  --on-accent:#FBFAF3;
  --conf-track:#ECE9DC; --conf-1:color-mix(in srgb,#1C3D8F 24%,#fff); --conf-2:color-mix(in srgb,#1C3D8F 55%,#fff); --conf-3:#1C3D8F;
  --grid:rgba(28,61,143,.08); --grid-major:rgba(28,61,143,.14);
}

/* 扫描线 + 暗角(固定叠层) */
body.theme-instrument::before{
  content:"";position:fixed;inset:0;z-index:9990;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px);
  mix-blend-mode:overlay;opacity:.5;animation:insScan 8s linear infinite;
}
[data-theme="light"] body.theme-instrument::before{opacity:.25}
@keyframes insScan{ from{background-position:0 0} to{background-position:0 6px} }

/* ── 字体:标签/数字/导航=等宽大写;正文=Hanken ── */
body.theme-instrument .eyebrow,body.theme-instrument .meta,body.theme-instrument .num,body.theme-instrument .pill,
body.theme-instrument .navlinks,body.theme-instrument th,body.theme-instrument .round-title,body.theme-instrument .bk-round-title,
body.theme-instrument .pr-date,body.theme-instrument .pr-grp,body.theme-instrument .tab,body.theme-instrument .filter,
body.theme-instrument .sval,body.theme-instrument .csval,body.theme-instrument .logo-word{
  font-family:var(--ins-mono)!important; letter-spacing:.02em;
}
body.theme-instrument .eyebrow{ text-transform:uppercase; }
body.theme-instrument .eyebrow::before{ content:"// "; opacity:.7; }
body.theme-instrument h1,body.theme-instrument h2,body.theme-instrument h3,body.theme-instrument .h1,body.theme-instrument .h2,body.theme-instrument .h3{
  font-family:var(--ins-mono)!important; font-weight:700; letter-spacing:-.01em;
}
body.theme-instrument p,body.theme-instrument .lead,body.theme-instrument .prose,body.theme-instrument li,body.theme-instrument td{ font-family:var(--ins-sans); }
/* 数字读数:Martian Mono 里程表感 */
body.theme-instrument .champ-num,body.theme-instrument .nm-team .twin,body.theme-instrument .pr-prob,body.theme-instrument .adj-delta{
  font-family:var(--ins-mono)!important; font-variant-numeric:tabular-nums;
}

/* ── 顶栏 = 仪器头条,带 SYS 标 ── */
body.theme-instrument .topnav{ background:color-mix(in srgb,var(--bg) 90%,transparent); border-bottom:1px solid var(--border-strong); }
body.theme-instrument .topnav-inner{ position:relative; }
body.theme-instrument .navlinks{ font-size:12px; text-transform:uppercase; letter-spacing:.04em; }

/* ── 卡 → 仪器模块:发丝线 + 锐角 + 左上角标刻度,扁平无大阴影 ── */
body.theme-instrument .card,body.theme-instrument .next-match,body.theme-instrument .champ-stat,body.theme-instrument .pr-row,
body.theme-instrument .group-card,body.theme-instrument .result-row,body.theme-instrument .tg-group,body.theme-instrument .headline,
body.theme-instrument details,body.theme-instrument .table-wrap,body.theme-instrument .metric,body.theme-instrument .bk-match{
  background:var(--surface)!important; border:1px solid var(--border)!important; border-radius:3px!important;
  box-shadow:none!important; position:relative;
}
/* 模块左上 / 右下 角标刻度 */
body.theme-instrument .card::before,body.theme-instrument .next-match::before,body.theme-instrument .champ-stat::before{
  content:"";position:absolute;top:7px;left:7px;width:9px;height:9px;border-top:1.5px solid var(--accent);border-left:1.5px solid var(--accent);opacity:.7;
}
body.theme-instrument .card::after,body.theme-instrument .next-match::after,body.theme-instrument .champ-stat::after{
  content:"";position:absolute;bottom:7px;right:7px;width:9px;height:9px;border-bottom:1.5px solid var(--border-strong);border-right:1.5px solid var(--border-strong);
}

/* ── hero 报头夺冠 = 主读数面板 ── */
body.theme-instrument .champ-stat{ padding:clamp(22px,2.8vw,32px); }
body.theme-instrument .champ-stat .eyebrow{ color:var(--accent); }
body.theme-instrument .champ-num{ color:var(--accent); letter-spacing:-.02em; text-shadow:0 0 22px color-mix(in srgb,var(--accent) 45%,transparent); }
[data-theme="light"] body.theme-instrument .champ-num{ text-shadow:none; }
body.theme-instrument .champ-num .u{ color:var(--accent); opacity:.7; }
body.theme-instrument .champ-share .csfill.lead{ background:var(--accent); }
body.theme-instrument .champ-share .csfill.second{ background:var(--frozen); }

/* ── tab / filter / pill → 仪器开关(锐角发丝线) ── */
body.theme-instrument .tab,body.theme-instrument .filter,body.theme-instrument .round-tabs .tab,body.theme-instrument .pill,
body.theme-instrument .pm-link,body.theme-instrument .snd-toggle,body.theme-instrument .ts-chip,body.theme-instrument .lang-toggle,
body.theme-instrument .theme-toggle,body.theme-instrument .btn,body.theme-instrument .team-select select{
  border-radius:3px!important; font-family:var(--ins-mono)!important; text-transform:uppercase; letter-spacing:.03em; font-size:11.5px;
}
body.theme-instrument .tab[aria-selected="true"],body.theme-instrument .filter.active,body.theme-instrument .round-tabs .tab.active,body.theme-instrument .ts-chip.active{
  background:var(--accent-soft)!important; border-color:var(--accent)!important; color:var(--accent)!important;
}

/* ── 量规:干净填充条 + 锐角(不再叠刻度 tick——会与页面坐标纸网格形成双重网格显乱)── */
body.theme-instrument .bar-track,body.theme-instrument .champ-share .cstrack,body.theme-instrument .stage-bar .strack,body.theme-instrument .conf-track,body.theme-instrument .mini-bar{
  border-radius:2px!important; background:var(--surface-2)!important; border:1px solid var(--border)!important; position:relative; overflow:hidden;
}
body.theme-instrument .bar-fill,body.theme-instrument .champ-share .csfill,body.theme-instrument .stage-bar .sfill,body.theme-instrument .mini-bar i{ border-radius:1px!important; }

/* ── 对阵树 = 信号流图(锐角模块 + 决赛主读数琥珀框) ── */
body.theme-instrument .bk-match{ border-radius:3px!important; }
body.theme-instrument .bk-match.cfinal-card{ border-color:var(--accent)!important; box-shadow:0 0 0 1px var(--accent),0 0 24px color-mix(in srgb,var(--accent) 30%,transparent)!important; }
body.theme-instrument .bk-slot.bk-adv{ background:var(--accent-soft)!important; box-shadow:inset 3px 0 0 var(--accent); }
body.theme-instrument .bk-slot.bk-adv .nm{ color:var(--accent)!important; }
body.theme-instrument .bk-round-title{ color:var(--muted); text-transform:uppercase; letter-spacing:.08em; }

/* ── 表格:台账发丝线,表头大写等宽 ── */
body.theme-instrument table{ background:transparent; }
body.theme-instrument th{ text-transform:uppercase; letter-spacing:.06em; color:var(--muted); border-bottom:1px solid var(--border-strong); }
body.theme-instrument td,body.theme-instrument th{ border-bottom-color:var(--border); }
body.theme-instrument tbody tr:hover{ background:color-mix(in srgb,var(--accent) 7%,transparent); }

/* ── section 标题:仪器读数标签节奏 ── */
body.theme-instrument .section-head .eyebrow::before{ width:auto; height:auto; background:none; content:"// "; }
body.theme-instrument .section{ border-top:1px solid var(--border); }

/* ── 下一场对决:中线 VS 仪器化 ── */
body.theme-instrument .nm-mid .vs{ font-family:var(--ins-mono)!important; color:var(--accent); }
body.theme-instrument .wdl-big i:nth-child(1){ background:var(--frozen); } body.theme-instrument .wdl-big i:nth-child(3){ background:var(--llm); }

/* ── 出线徽标 / 命中标记 → 仪器灯 ── */
body.theme-instrument .qbadge,body.theme-instrument .tag-hit,body.theme-instrument .tag-miss,body.theme-instrument .search-badge{ border-radius:2px!important; font-family:var(--ins-mono)!important; text-transform:uppercase; letter-spacing:.04em; }

/* ── 页脚:仪器铭牌 ── */
body.theme-instrument .pagefoot{ border-top:1px solid var(--border-strong); font-family:var(--ins-mono); text-transform:uppercase; letter-spacing:.04em; font-size:11px; }