/* B 工程藍圖 (Marco 2026-11-02). iPad system fonts only — no font files are shipped. */
:root {
  --navy-950: #071a30;
  --navy-900: #0b2240;
  --navy-800: #0f2c50;
  --navy-700: #163b66;
  --line: #8dbbe6;
  --line-soft: rgba(141, 187, 230, .38);
  --grid: rgba(141, 187, 230, .11);
  --text: #eef5fc;
  --text-dim: #a8c2dc;
  --red: #c11f33;
  --red-deep: #8e1323;
  --red-line: #f3b7c0;
  --lime: #8cc63f;
  --gold: #d9a534;
  --ok: #4fb37a;
  --cut: 14px;
  --font: -apple-system, BlinkMacSystemFont, "PingFang TC", "Heiti TC", "Microsoft JhengHei", "Noto Sans TC", system-ui, sans-serif;
  --header-h: 64px;
  --gap: 16px;
  --shadow: 0 10px 28px rgba(4, 16, 32, .38);
  --chamfer: polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));
  --grid-bg:
    linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 22px 22px,
    linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0 / 22px 22px,
    linear-gradient(rgba(141, 187, 230, .05) 1px, transparent 1px) 0 0 / 110px 110px,
    linear-gradient(160deg, var(--navy-800), var(--navy-900));
}
@media (max-width: 760px) {
  :root { --header-h: 54px; --gap: 10px; --cut: 10px; }
}