/* para 设计系统
   底色取深靛蓝而非纯黑：纯黑+荧光绿是金融终端的默认答案，且长时间盯盘刺眼。
   三个强调色各有语义，不做装饰：琥珀=加速的热度，青瓷=通过，陶红=否决。 */

@font-face{font-family:'Plex Mono';src:url('/static/ibm-plex-mono-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Plex Mono';src:url('/static/ibm-plex-mono-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Plex Sans';src:url('/static/ibm-plex-sans-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Plex Sans';src:url('/static/ibm-plex-sans-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Plex Sans';src:url('/static/ibm-plex-sans-latin-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}

:root{
  --bg:#0B0E16; --panel:#111624; --raise:#161C2C;
  --line:#232B3E; --line-soft:#1A2133;
  --text:#C9D0E0; --dim:#6E7994; --mute:#454E68;
  --teal:#4FC3C7; --amber:#E8A33D; --clay:#D9564B; --violet:#7B6FD4;
  --mono:'Plex Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --sans:'Plex Sans',system-ui,-apple-system,'Helvetica Neue',sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg); color:var(--text);
  font-family:var(--sans); font-size:14px; line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--teal);text-decoration:none}

/* 标签：小号、宽字距、大写——终端仪器读数的标注方式 */
.lbl{
  font-family:var(--sans); font-weight:600; font-size:10px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--mute);
}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.up{color:var(--teal)} .down{color:var(--clay)} .warn{color:var(--amber)}

.panel{
  background:var(--panel); border:1px solid var(--line);
  border-radius:3px;
}
.panel-h{
  display:flex;align-items:baseline;gap:10px;
  padding:11px 14px; border-bottom:1px solid var(--line-soft);
}
.panel-h h2{margin:0;font-size:12px;font-weight:600;letter-spacing:.04em}
.panel-h .note{font-size:11px;color:var(--mute);margin-left:auto}

button{font-family:var(--sans);cursor:pointer}
:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:var(--line);border-radius:5px}
::-webkit-scrollbar-track{background:transparent}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}