/* Tankless Code Help：设备说明书风。冷蓝 + 火焰橙，代码用大号等宽字 */
:root {
  --bg: #f4f7fa;
  --surface: #ffffff;
  --surface-2: #e8eef4;
  --text: #13202b;
  --muted: #566573;
  --line: #d4dee8;
  --accent: #0e5a8a;
  --accent-ink: #ffffff;
  --accent-soft: #dcebf6;
  --accent-3: #d9730d;
  --accent-3-soft: #fdecd9;
  --radius: 10px;
  --radius-sm: 6px;
  --shadow: 0 1px 3px rgba(19, 32, 43, .08);
  --font: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --font-display: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
}
/* 上面改了哪些浅色变量，深色模式就必须同样全部改一遍 */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0e161d;
    --surface: #141f28;
    --surface-2: #1b2934;
    --text: #e3edf5;
    --muted: #93a6b5;
    --line: #2a3c4a;
    --accent: #5aaee0;
    --accent-ink: #0e161d;
    --accent-soft: #163448;
    --accent-3: #ffa94d;
    --accent-3-soft: #3a2812;
    --radius: 10px;
    --radius-sm: 6px;
    --shadow: none;
    --font: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
    --font-display: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  }
}
.wrap { max-width: 880px; }
h1 { font-weight: 800; letter-spacing: -.01em; }
.code-input .row { display: flex; gap: 8px; }
.code-input input { width: 8ch; font-family: var(--font-mono); font-size: 28px; text-align: center; text-transform: uppercase; padding: 8px; }
.content td.num { font-family: var(--font-mono); font-size: 18px; }
.tag { display: inline-block; background: var(--accent-soft); color: var(--text); border-radius: 99px; padding: 2px 10px; font-size: 13px; font-weight: 600; margin: 2px 2px 2px 0; }
.warn { background: var(--accent-3-soft); border-left: 4px solid var(--accent-3); border-radius: var(--radius-sm); padding: 10px 14px; margin: 16px 0; }