/* =====================================================================
   STEADY STRATEGY DESIGN TOKENS — v4.12.0
   Single source of truth for typography, color, spacing, radius and shadow.
   ===================================================================== */
:root{
  --font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;

  --color-canvas:#f5f7fb;
  --color-surface:#ffffff;
  --color-surface-soft:#f8fafc;
  --color-ink:#0f172a;
  --color-body:#475569;
  --color-sub:#64748b;
  --color-muted:#94a3b8;
  --color-line:#e2e8f0;
  --color-line-strong:#cbd5e1;
  --color-action:#2563eb;
  --color-action-soft:#eff6ff;
  --color-action-line:#93c5fd;
  --color-surface-subtle:#fcfdff;
  --color-loading-soft:#f1f5f9;
  --color-status-neutral:#e49a9e;

  --color-danger:#d9363e;
  --color-danger-soft:#fff5f5;
  --color-danger-line:#f2d7d9;
  --color-success:#178044;
  --color-success-soft:#f4fbf6;
  --color-success-line:#d5eadb;
  --color-warning:#f97316;
  --color-warning-soft:#fff7ed;

  --color-text-strong:#334155;
  --color-action-strong:#1d4ed8;
  --color-action-mid:#60a5fa;
  --color-action-fill:#dbeafe;
  --color-action-line-soft:#bfdbfe;
  --color-success-strong:#15803d;
  --color-success-bright:#16a34a;
  --color-success-soft-alt:#ecfdf3;
  --color-success-line-strong:#bbf7d0;
  --color-danger-strong:#dc2626;
  --color-danger-deep:#b91c1c;
  --color-danger-bright:#ef4444;
  --color-danger-mid:#f87171;
  --color-danger-soft-alt:#fff1f2;
  --color-danger-line-strong:#fecaca;
  --color-warning-strong:#c2410c;
  --color-warning-deep:#ea580c;
  --color-warning-line:#fed7aa;

  --page-width:760px;
  --page-padding-x:18px;
  --page-padding-x-mobile:12px;
  --page-padding-bottom:36px;

  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;

  --radius-sm:10px;
  --radius-md:13px;
  --radius-lg:18px;
  --radius-xl:22px;
  --radius-pill:999px;

  --shadow-card:0 8px 24px rgba(15,23,42,.055);
  --shadow-panel:0 14px 34px rgba(15,23,42,.07);

  --font-page-title:30px;
  --font-page-title-mobile:24px;
  --font-section-title:17px;
  --font-card-title:21px;
  --font-label:15px;
  --font-value:28px;
  --font-body:13px;
  --font-help:11px;

  --control-height:42px;
  --section-gap:12px;
}

html,body{font-family:var(--font-sans)}
body{margin:0;background:var(--color-canvas);color:var(--color-ink)}
*,*::before,*::after{box-sizing:border-box}
main{
  width:100%;
  max-width:var(--page-width);
  margin:0 auto;
  padding:0 var(--page-padding-x) var(--page-padding-bottom);
}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
@media(max-width:700px){
  main{padding:0 var(--page-padding-x-mobile) 28px}
}