/* ============================================================
   GPU Quick Reference — shared stylesheet
   INSTRUMENT 设计体系：深色桌面 + 浅灰金属面板 · 编号 module 铭牌
   LCD 屏读数 · LED scrollspy · 刻度尺 · 丝印标签 · 编号脚注
   （Teenage Engineering / Braun 工业仪器血统；单色 + 信号橙）
   ============================================================ */

:root{
  --panel:#E7E4DB;        /* 金属面板 · 暖浅灰 */
  --panel-2:#DDDAD0;      /* 下沉面板 */
  --plate:#F1EFE7;        /* 上浮铭牌/卡片 */
  --plate-2:#FBFAF4;      /* 主读数列 */
  --ink:#1B1A16;          /* 丝印黑 */
  --ink-2:#565349;
  --mute:#8B877B;
  --hair:#C7C4B8;         /* 蚀刻 hairline */
  --hair-2:#ADAA9D;
  --orange:#F04E00;       /* 信号橙（唯一 accent） */
  --orange-soft:#FF6A1A;
  --warn:#F04E00;         /* 兼容内联 style="color:var(--warn)" */
  --screen:#191813;       /* LCD 深色屏 */
  --screen-line:#3C392F;
  --screen-ink:#F2EFE5;
  --screen-mute:#8F8B7E;
  --mono:"JetBrains Mono","Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --sans:"Space Grotesk","Inter",system-ui,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  background:#CBC8BD;
  background-image:repeating-linear-gradient(0deg,rgba(27,26,22,.018) 0 1px,transparent 1px 3px);
  color:var(--ink);
  font:13px/1.6 var(--sans);
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--orange);color:#FFF3EA}
a:focus-visible,summary:focus-visible{outline:1.5px solid var(--orange);outline-offset:2px}

/* ---------- 面板螺丝 ---------- */
.screw{position:relative;width:10px;height:10px;border-radius:50%;flex:none;
  background:radial-gradient(circle at 34% 28%,#F8F6F0,#C9C6BB 55%,#9C998E);
  box-shadow:inset 0 0 0 1px rgba(27,26,22,.28),0 1px 1px rgba(27,26,22,.2)}
.screw::after{content:"";position:absolute;left:1.5px;right:1.5px;top:calc(50% - .5px);height:1px;
  background:rgba(27,26,22,.5);transform:rotate(42deg)}
.screw.v::after{transform:rotate(104deg)}

/* ---------- 顶栏：仪器上沿 · LED 导航 ---------- */
.topbar{position:sticky;top:0;z-index:60;background:var(--panel);border-bottom:1px solid var(--hair-2)}
.tb-in{max-width:1220px;margin:0 auto;padding:9px 38px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);flex:none}
.pwr{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 6px rgba(240,78,0,.7);flex:none}
.brand b{font:700 13px var(--mono);letter-spacing:.04em}
.brand span{font:500 9px var(--mono);letter-spacing:.22em;color:var(--mute)}
.brand em{font:500 8px var(--mono);letter-spacing:.12em;color:var(--ink-2);font-style:normal;
  border:1px solid var(--hair-2);padding:2px 6px}
.brand:hover span{color:var(--ink-2)}
.toc{margin-left:auto;display:flex;gap:1px;overflow-x:auto;scrollbar-width:none}
.toc::-webkit-scrollbar{display:none}
.toc a{display:flex;align-items:center;gap:6px;padding:6px 8px;text-decoration:none;white-space:nowrap;
  font:500 10px var(--mono);letter-spacing:.06em;color:var(--mute)}
.toc a b{font-weight:600}
.led{width:6px;height:6px;border-radius:50%;background:#C2BFB3;border:1px solid #A5A295;flex:none;transition:background .18s,box-shadow .18s}
.toc a:hover{color:var(--ink)}
.toc a.on{color:var(--ink)}
.toc a.on .led{background:var(--orange);border-color:var(--orange);box-shadow:0 0 7px rgba(240,78,0,.75)}
/* 跨页跳转项：无 LED 的插孔式 chip */
.toc a.pg{border:1px solid var(--hair-2);color:var(--ink-2);margin-left:6px}
.toc a.pg:hover{border-color:var(--orange);color:var(--orange)}

/* ---------- 整机面板 ---------- */
.plate{position:relative;max-width:1220px;margin:26px auto 64px;background:var(--panel);
  border:1px solid var(--hair-2);box-shadow:0 22px 55px rgba(27,26,22,.22),0 2px 0 rgba(255,255,255,.35) inset;
  padding:36px 40px 34px}
.pscrew{position:absolute}
.pscrew.tl{top:11px;left:11px}.pscrew.tr{top:11px;right:11px}
.pscrew.bl{bottom:11px;left:11px}.pscrew.br{bottom:11px;right:11px}

/* ---------- 铭牌区 ---------- */
.idplate{display:flex;gap:34px;align-items:flex-start;justify-content:space-between;padding-top:6px}
.eyebrow{font:600 9.5px var(--mono);letter-spacing:.24em;color:var(--ink-2);display:flex;align-items:center;gap:9px}
.eyebrow::before{content:"";width:8px;height:8px;background:var(--orange);flex:none}
h1{font:700 clamp(30px,4vw,52px)/1.08 var(--mono);letter-spacing:-.02em;margin-top:14px}
h1 .ac{color:var(--orange)}
h1 .h1sub{font:600 20px var(--sans);color:var(--ink-2);letter-spacing:.06em;margin-left:14px;vertical-align:8px}
.subtitle{font:500 11.5px var(--mono);color:var(--mute);margin-top:12px;letter-spacing:.03em}
.subtitle .xref{color:var(--ink-2);font-weight:600}
.opnotes{position:relative;flex:none;width:472px;border:1px solid var(--hair-2);background:var(--plate);
  padding:14px 16px 10px;margin-top:8px}
.tab{position:absolute;top:-8px;left:12px;background:var(--ink);color:var(--panel);
  font:600 8.5px var(--mono);letter-spacing:.16em;padding:2.5px 8px}
.tab.o{background:var(--orange);color:#FFF3EA}
.opnotes p{font:10.5px/1.8 var(--mono);color:var(--ink-2);margin:7px 0}
.opnotes strong{color:var(--ink);font-weight:600}
.back-link{font:500 10px var(--mono);letter-spacing:.08em;color:var(--mute);margin-bottom:20px}
.back-link a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--hair-2)}
.back-link a:hover{color:var(--orange);border-color:var(--orange)}

/* ---------- 主显示屏（hero 大数字） ---------- */
.display{margin-top:26px}
.bezel{position:relative;background:var(--panel-2);border:1px solid var(--hair-2);padding:10px 14px 14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.bezel .screw{position:absolute;width:8px;height:8px}
.bezel .screw:nth-of-type(1){top:5px;left:5px}.bezel .screw:nth-of-type(2){top:5px;right:5px}
.bz-bar{display:flex;justify-content:space-between;align-items:center;padding:0 2px 8px}
.bz-label{font:600 8.5px var(--mono);letter-spacing:.22em;color:var(--ink-2)}
.bz-r{font:500 8.5px var(--mono);letter-spacing:.14em;color:var(--mute)}
.screen{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#48453B;
  border:1px solid #100F0C;box-shadow:inset 0 2px 14px rgba(0,0,0,.6)}
.rd{background:var(--screen);padding:20px 22px 17px}
.rl{display:block;font:600 9px var(--mono);letter-spacing:.16em;color:var(--screen-mute)}
.rv{display:block;font:600 40px/1.1 var(--mono);color:var(--screen-ink);margin:9px 0 7px;
  font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.rv small{font-size:.42em;font-weight:500;color:#9B978A;margin-left:5px;letter-spacing:.04em}
.rs{display:block;font:500 9.5px var(--mono);letter-spacing:.05em;color:var(--screen-mute)}
.rs.o{color:var(--orange-soft)}
.status{grid-column:1/-1;background:var(--screen);border-top:1px solid var(--screen-line);
  padding:9px 22px;font:500 9px var(--mono);letter-spacing:.1em;color:#7C786B;
  display:flex;align-items:center;gap:8px}
.cur{display:inline-block;width:7px;height:12px;background:var(--orange);flex:none;animation:blink 1.6s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.cur{animation:none}}

/* ---------- 校准尺（装饰） ---------- */
.ruler{height:30px;margin-top:24px;position:relative;
  background-image:
    repeating-linear-gradient(90deg,var(--hair-2) 0 1px,transparent 1px 10px),
    repeating-linear-gradient(90deg,var(--ink-2) 0 1px,transparent 1px 50px);
  background-size:100% 7px,100% 13px;background-repeat:no-repeat;background-position:left bottom}
.ruler span{position:absolute;top:0;right:0;font:500 8px var(--mono);letter-spacing:.18em;color:var(--mute)}

/* ---------- Module 铭牌头 ---------- */
.module{margin-top:52px;scroll-margin-top:64px}
.mod-head{position:relative;display:flex;align-items:center;gap:15px;padding-bottom:12px;
  border-bottom:1px solid var(--ink-2)}
.mod-head::after{content:"";position:absolute;left:50%;bottom:-4.5px;width:8px;height:8px;margin-left:-4.5px;
  background:var(--panel);border:1px solid var(--ink-2);transform:rotate(45deg)}
.mnum{width:33px;height:33px;background:var(--ink);color:var(--panel);display:grid;place-items:center;
  font:700 13.5px var(--mono);flex:none;letter-spacing:.04em}
.mt h2{font:600 17px var(--sans);letter-spacing:.02em}
.mlab{display:block;font:600 9px var(--mono);letter-spacing:.2em;color:var(--mute);margin-top:3px}
.mscrews{margin-left:auto;display:flex;gap:9px}

/* ---------- 内容页正文（特性页/机架页） ---------- */
.module>p{margin:12px 0;font-size:12.5px;line-height:1.85;color:var(--ink-2)}
.module>p strong{color:var(--ink)}
.module p code,.module li code{font:600 11px var(--mono);background:var(--panel-2);padding:1px 5px;border:1px solid var(--hair)}
.module ul:not(.src){margin:10px 0;padding-left:20px}
.module ul:not(.src) li{font-size:12.5px;line-height:1.8;color:var(--ink-2);margin:5px 0}
.module ul:not(.src) li strong{color:var(--ink)}
.module h3{font:600 13.5px var(--sans);margin:20px 0 6px;display:flex;align-items:center;gap:9px}
.module h3::before{content:"";width:7px;height:7px;background:var(--orange);flex:none}
.module h3 code{font:600 11.5px var(--mono);background:var(--panel-2);padding:1px 5px;border:1px solid var(--hair)}
.lead{font-size:12.5px;color:var(--ink-2);margin:14px 0 4px;max-width:920px;line-height:1.8}
.lead strong{color:var(--ink)}
.lead code{font:600 11px var(--mono);background:var(--panel-2);padding:1px 5px;border:1px solid var(--hair)}

/* ---------- 表格（主页 .twrap / 特性页 .table-wrap 同一体系） ---------- */
.twrap,.table-wrap{overflow-x:auto;margin-top:16px;border:1px solid var(--hair-2);background:var(--plate)}
.twrap table,table.spec{width:100%;min-width:840px;border-collapse:collapse}
table.spec{min-width:660px}
.twrap th,table.spec th{font:600 9.5px var(--mono);letter-spacing:.14em;color:var(--panel);text-align:left;
  padding:9px 12px;border-bottom:1px solid var(--ink);white-space:nowrap;background:var(--ink)}
.twrap th + th,table.spec th + th{border-left:1px solid rgba(247,246,238,.14)}
.twrap td,table.spec td{padding:8px 12px;border-bottom:1px solid var(--hair);vertical-align:middle;font-size:12.5px}
.twrap tbody tr:last-child td,table.spec tbody tr:last-child td{border-bottom:none}
.twrap tbody tr:hover td,table.spec tbody tr:hover td{background:rgba(255,255,255,.45)}
th.n,td.n{text-align:right}
td.n,td.dual{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:12px;white-space:nowrap;text-align:right}
td.metric{font-weight:600;white-space:nowrap}
td.note{color:var(--ink-2);font-size:12px;white-space:normal}
td.note code{font:600 11px var(--mono);background:var(--panel-2);padding:1px 5px;border:1px solid var(--hair)}
tr.grp td{background:var(--panel-2);font:600 9.5px var(--mono);letter-spacing:.24em;color:var(--ink-2);
  padding:6px 12px;border-bottom:1px solid var(--hair-2)}
tr.grp td::before{content:"";display:inline-block;width:7px;height:7px;background:var(--ink-2);margin-right:10px;vertical-align:0}
.star{color:var(--orange);font-weight:600}

/* ---------- ×A100 刻度尺 ---------- */
.xr{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.xr b{font:600 11px var(--mono);min-width:44px;text-align:right;font-variant-numeric:tabular-nums}
.xr .sc{position:relative;width:92px;height:12px;border-bottom:1px solid var(--ink-2)}
.xr .tk{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,var(--hair-2) 0 1px,transparent 1px 23px)}
.xr .sc::after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:var(--hair-2)}
.xr .f{position:absolute;left:0;bottom:1px;height:5px;background:var(--ink)}
.xr.hi b{color:var(--orange)}
.xr.hi .f{background:var(--orange)}
.xt{font:500 11px var(--mono);color:var(--mute);white-space:nowrap}

/* ---------- dense/sparse 仪表层级 ---------- */
.tlegend{display:flex;flex-wrap:wrap;gap:20px;font:500 9.5px var(--mono);letter-spacing:.1em;color:var(--ink-2);margin:14px 0 10px}
.tlegend i{display:inline-block;width:11px;height:11px;margin-right:7px;vertical-align:-1.5px}
.sw-d{background:var(--plate-2);border:1px solid var(--ink)}
.sw-s{border:1px solid var(--hair-2);
  background:repeating-linear-gradient(45deg,transparent 0 3px,rgba(27,26,22,.14) 3px 4px)}
th.dz{background:var(--ink);color:var(--orange-soft)}
td.dz{background:var(--plate-2);font:700 14px var(--mono);color:var(--ink);text-align:right;
  font-variant-numeric:tabular-nums;white-space:nowrap}
td.sps{background:repeating-linear-gradient(45deg,transparent 0 5px,rgba(27,26,22,.045) 5px 6px)}
th.sps{background:#23211B;color:var(--screen-mute);letter-spacing:.1em}
td.sps{font:500 11px var(--mono);color:var(--mute);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
td.sps .sp,td.n .sp,td.dual .sp{color:#B5B1A4}
.twrap tbody tr:hover td.dz,table.spec tbody tr:hover td.dz{background:#F5F3EA}
.twrap tbody tr:hover td.sps,table.spec tbody tr:hover td.sps{background:repeating-linear-gradient(45deg,rgba(255,255,255,.4) 0 5px,rgba(27,26,22,.05) 5px 6px)}
.newx{font:600 10px var(--mono);color:var(--orange);letter-spacing:.06em;white-space:nowrap}

/* ---------- 注记牌（callout） ---------- */
.callout{position:relative;border:1px solid var(--hair-2);background:var(--plate);padding:18px 18px 14px;margin-top:20px}
.callout h4{font:600 13.5px var(--sans);margin:2px 0 8px}
.callout p{font-size:12.5px;line-height:1.85;color:var(--ink-2);margin:8px 0}
.callout strong{color:var(--ink);font-weight:600}
.callout code{font:600 11px var(--mono);background:var(--panel-2);padding:1px 5px;border:1px solid var(--hair)}
.callout ul li{font-size:12.5px;line-height:1.8;color:var(--ink-2);margin:6px 0}
.callout ul li strong{color:var(--ink)}
.note-inline{font-size:12px;color:var(--ink-2);margin-top:12px;line-height:1.8;display:block}
.note-inline code{font:600 11px var(--mono);background:var(--panel-2);padding:1px 5px;border:1px solid var(--hair)}

/* ---------- 代码屏（迷你 LCD） ---------- */
pre.code,.card pre{background:var(--screen);color:#E9E6DB;border:1px solid #100F0C;
  padding:13px 15px;overflow-x:auto;font:500 11.5px/1.7 var(--mono);
  box-shadow:inset 0 2px 10px rgba(0,0,0,.55);margin:12px 0 0}
.cm{color:#7E7A6E}.ty{color:#F5F2E8;font-weight:600}.fn{color:#F5F2E8}
.st{color:#FF8A3C}.kw{color:var(--orange-soft);font-weight:600}

/* ---------- details 折叠舱 ---------- */
details{border:1px solid var(--hair-2);background:var(--plate);margin-top:16px}
summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:11px;
  padding:11px 15px;font:600 11px var(--mono);letter-spacing:.1em;color:var(--ink-2)}
summary::-webkit-details-marker{display:none}
summary::before{content:"+";width:17px;height:17px;flex:none;border:1px solid var(--ink-2);
  display:grid;place-items:center;font:600 11px var(--mono)}
details[open] summary::before{content:"–";background:var(--ink);color:var(--panel);border-color:var(--ink)}
summary:hover{color:var(--ink)}
.det-body{padding:4px 17px 16px;border-top:1px dashed var(--hair-2)}
.det-body p{font-size:12.5px;line-height:1.85;color:var(--ink-2);margin-top:12px}
.det-body p strong{color:var(--ink)}

/* ---------- 架构原理图 ---------- */
.fig{position:relative;border:1px solid var(--hair-2);background:var(--plate);padding:20px 18px 14px;margin-top:16px}
.fig .tab{background:var(--panel);color:var(--ink-2);border:1px solid var(--hair-2);top:-9px}
.arch-wrap{overflow-x:auto;margin-top:6px}
.arch-wrap svg{display:block;width:100%;min-width:920px;height:auto}
.figleg{display:flex;flex-wrap:wrap;gap:20px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--hair-2);
  font:500 9.5px var(--mono);letter-spacing:.08em;color:var(--ink-2)}
.figleg i{display:inline-block;width:11px;height:11px;margin-right:7px;vertical-align:-1.5px}
.sw-ink{background:var(--ink)}
.sw-hatch{border:1px solid var(--hair-2);background:repeating-linear-gradient(45deg,#FDFCF7 0 3px,#C9C6BB 3px 4px)}
.sw-box{background:#FDFCF7;border:1px solid var(--ink)}
.sw-org{background:var(--orange)}
.sw-line{height:1.5px !important;background:var(--ink);vertical-align:2px !important;width:16px !important}
.figcap{font:500 9px var(--mono);letter-spacing:.14em;color:var(--mute);margin-top:10px;text-align:right}

/* ---------- 延迟比例尺 ---------- */
.ratio{margin:16px 0 8px;display:flex;flex-direction:column;gap:9px}
.rrow{display:flex;align-items:center;gap:12px}
.rk{font:600 9.5px var(--mono);width:118px;flex:none;color:var(--ink-2);letter-spacing:.05em}
.rbar{position:relative;flex:1;max-width:520px;height:14px;background:var(--panel-2);border:1px solid var(--hair-2)}
.rbar i{position:absolute;left:0;top:0;bottom:0;min-width:2px;background:var(--ink)}
.rbar i.o{background:var(--orange)}
.rbar .seg{position:absolute;inset:0;
  background-image:linear-gradient(90deg,transparent calc(100% - 1px),var(--plate) calc(100% - 1px));
  background-size:calc(100%/22) 100%}
.rn{font:500 9.5px var(--mono);color:var(--mute);white-space:nowrap}
.rn.o{color:var(--orange);font-weight:600}

/* ---------- 公式屏 ---------- */
.formula{background:var(--screen);color:var(--screen-ink);border:1px solid #100F0C;
  font:600 14.5px var(--mono);letter-spacing:.03em;padding:13px 17px;margin:12px 0;
  box-shadow:inset 0 2px 10px rgba(0,0,0,.55);overflow-x:auto;white-space:nowrap}
.formula b{color:var(--orange-soft);font-weight:700}

/* ---------- 脚注引用 / 来源清单 ---------- */
.fnref{font:500 10px var(--mono);color:var(--mute);margin-top:12px;letter-spacing:.05em}
.fnref a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--hair-2)}
.fnref a:hover{color:var(--orange);border-color:var(--orange)}
.src{list-style:none;margin:12px 0;padding:0}
.src li{font:10.5px/1.85 var(--mono);color:var(--ink-2);margin:6px 0;padding-left:16px;position:relative}
.src li::before{content:"";position:absolute;left:0;top:11px;width:7px;height:1px;background:var(--orange)}
.src a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--hair-2)}
.src a:hover{color:var(--orange);border-color:var(--orange)}

/* ---------- 特性卡片 / 设备机架 ---------- */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.card{position:relative;border:1px solid var(--hair-2);background:var(--plate);
  padding:15px 16px 13px;display:flex;flex-direction:column}
.card .cscrew{position:absolute;top:9px;right:9px;width:8px;height:8px}
.card .tag{font:600 9px var(--mono);letter-spacing:.16em;color:var(--orange);margin-bottom:9px}
.card h3{font:600 14px var(--sans);margin:0}
.card h3::before{display:none}
.card h3 a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--hair-2);transition:border-color .15s,color .15s}
.card h3 a:hover{color:var(--orange);border-color:var(--orange)}
.keynum{display:inline-block;align-self:flex-start;font:600 9px var(--mono);letter-spacing:.07em;
  background:var(--ink);color:var(--panel);padding:3.5px 8px;margin:9px 0 4px}
.card .desc{font-size:11.5px;line-height:1.75;color:var(--ink-2);margin:7px 0 2px}
.card .desc strong{color:var(--ink)}
.card pre{margin-top:10px}
.more{margin-top:auto;padding-top:11px;font:600 10px var(--mono);letter-spacing:.08em;
  color:var(--ink-2);text-decoration:none}
.more:hover{color:var(--orange)}
.card.blank,.unit.blank{background:transparent;border:1px dashed var(--hair-2);align-items:center;justify-content:center;min-height:220px}
.blank .bplate{border:1px solid var(--hair);padding:14px 22px;text-align:center}
.blank .bplate b{display:block;font:600 10px var(--mono);letter-spacing:.3em;color:var(--mute)}
.blank .bplate span{display:block;font:500 8.5px var(--mono);letter-spacing:.14em;color:var(--mute);margin-top:6px}
.blank .screw{position:absolute;width:8px;height:8px}
.blank .s1{top:8px;left:8px}.blank .s2{top:8px;right:8px}.blank .s3{bottom:8px;left:8px}.blank .s4{bottom:8px;right:8px}

/* 首页机架：整机位（整卡可点） */
.rack{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.unit{position:relative;border:1px solid var(--hair-2);background:var(--plate);
  padding:18px 20px 16px;display:flex;flex-direction:column;text-decoration:none;color:inherit;
  transition:border-color .15s}
.unit .screw{position:absolute;width:8px;height:8px}
.unit .s1{top:8px;left:8px}.unit .s2{top:8px;right:8px}
a.unit:hover{border-color:var(--ink)}
.u-tag{font:600 9px var(--mono);letter-spacing:.16em;color:var(--orange);margin-bottom:9px}
.u-name{font:600 16px var(--sans);color:var(--ink)}
a.unit:hover .u-name{color:var(--orange)}
.u-desc{font-size:12px;line-height:1.75;color:var(--ink-2);margin:8px 0 0}
.u-foot{margin-top:auto;padding-top:16px;display:flex;justify-content:space-between;align-items:baseline}
.u-go{font:600 11px var(--mono);letter-spacing:.08em;color:var(--ink-2)}
a.unit:hover .u-go{color:var(--orange)}
.u-ver{font:500 11px var(--mono);color:var(--mute);white-space:nowrap}

/* ---------- 页脚 / 编号脚注 ---------- */
.foot{margin-top:60px;border-top:1px solid var(--ink-2);padding-top:22px;position:relative}
.foot::after{content:"";position:absolute;left:50%;top:-4.5px;width:8px;height:8px;margin-left:-4.5px;
  background:var(--panel);border:1px solid var(--ink-2);transform:rotate(45deg)}
.fgrid{display:flex;gap:40px;justify-content:space-between;flex-wrap:wrap}
.fmeta{max-width:400px}
.fmeta p{font-size:12px;line-height:1.8;color:var(--ink-2);margin-bottom:8px}
.fmeta strong{color:var(--ink)}
.qc{display:inline-block;margin-top:8px;font:600 8.5px var(--mono);letter-spacing:.18em;color:var(--ink-2);
  border:1.5px solid var(--ink-2);padding:4px 10px;transform:rotate(-1.5deg)}
.notes{flex:1;min-width:380px;position:relative;border:1px solid var(--hair-2);background:var(--plate);padding:14px 18px 12px}
.notes ol{list-style:none;margin-top:6px}
.notes li{font:10.5px/1.8 var(--mono);color:var(--ink-2);margin:7px 0;padding-left:34px;position:relative}
.notes li b{position:absolute;left:0;top:0;font:600 9.5px var(--mono);color:var(--orange)}
.notes a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--hair-2)}
.notes a:hover{color:var(--orange);border-color:var(--orange)}
.notes em{font-style:italic}
.notes strong{color:var(--ink)}

/* ---------- 数字级脚注上标（B200/MI300X 页） ---------- */
sup.fn{font:600 9px var(--mono);color:var(--orange);letter-spacing:0;white-space:nowrap}
sup.fn a{color:inherit;text-decoration:none;border-bottom:1px dotted var(--orange)}
sup.fn a:hover{color:var(--ink);border-color:var(--ink)}
sup.fn + sup.fn{margin-left:3px}

/* 估算 / 非官方值：降权标签 */
.est{display:inline-block;font:600 8px var(--mono);letter-spacing:.12em;color:var(--mute);
  border:1px dashed var(--hair-2);padding:1.5px 5px;margin-left:8px;white-space:nowrap;vertical-align:1px}
td.n .est{margin-left:6px}

/* 来源分级徽标（页脚 NOTES 内）：官方 / 第三方 / 推算 */
.tier{display:inline-block;font:600 8px var(--mono);letter-spacing:.14em;padding:1.5px 6px;margin-right:8px;white-space:nowrap}
.tier.off{background:var(--ink);color:var(--panel)}
.tier.tpk{border:1px solid var(--ink-2);color:var(--ink-2)}
.tier.estt{border:1px dashed var(--mute);color:var(--mute)}

/* 术语对照小表（CUDA↔ROCm）：两列对照行 */
.tmap td{font-family:var(--mono);font-size:11.5px}
.tmap td.sep{text-align:center;color:var(--mute);width:34px}

/* ---------- 响应式 ---------- */
@media (max-width:1120px){
  .plate{padding:26px 22px}
  .idplate{flex-direction:column;gap:24px}
  .opnotes{width:100%}
  .cards{grid-template-columns:repeat(2,1fr)}
  .rack{grid-template-columns:1fr}
}
@media (max-width:860px){
  .plate{margin:12px auto 40px;padding:20px 14px}
  .tb-in{padding:8px 14px;gap:12px}
  .brand em,.brand span{display:none}
  h1{font-size:32px}
  h1 .h1sub{font-size:16px;vertical-align:5px}
  .screen{grid-template-columns:repeat(2,1fr)}
  .rv{font-size:29px}
  .rd{padding:15px 16px 13px}
  .cards{grid-template-columns:1fr}
  .mod-head{flex-wrap:wrap;gap:10px}
  .mscrews{display:none}
  .pscrew{display:none}
  .status{letter-spacing:.04em}
  .rrow{flex-wrap:wrap;gap:6px}
  .rbar{flex-basis:100%;order:3;max-width:none}
  .fgrid{gap:22px}
  .notes{min-width:0}
}