:root {
  --bg-header: #0b1220;
  --bg-page: #0f172a;
  --bg-page-glow: #111d35;
  --bg-card: #162032;
  --bg-card-strong: #1b2942;
  --bg-hover: rgba(255,255,255,.055);
  --bg-input: #101a2c;
  --text-strong: #f8fafc;
  --text-body: #eef3fa;
  --text-muted: #a3b1c6;
  --text-weak: #afbdd0;
  --text-disabled: #91a0b5;
  --brand-cyan: #22d3ee;
  --brand-cyan-soft: rgba(34,211,238,.14);
  --brand-purple: #a78bfa;
  --brand-purple-soft: rgba(167,139,250,.16);
  --brand-blue: #60a5fa;
  --link: #22d3ee;
  --link-hover: #67e8f9;
  --link-underline: rgba(34,211,238,.42);
  --ok: #22c55e;
  --warn: #f59e0b;
  --err: #ef4444;
  --line: #22314a;
  --line-strong: #26334f;
  --line-brand: rgba(34,211,238,.42);
  --fs-h1: 30px;
  --fs-h2: 22px;
  --fs-h3: 18px;
  --fs-body: 14.5px;
  --fs-sm: 13.5px;
  --fs-xs: 13px;
  --ls-h1: 3px;
  --ls-h2: 1.8px;
  --ls-h3: 1.2px;
  --ls-body: .8px;
  --lh-body: 1.8;
  --r-card: 15px;
  --r-btn: 9px;
  --r-tag: 7px;
  --sp-card: 24px;
  --sp-block: 30px;
  --sh-card: 0 2px 6px rgba(0,0,0,.35), 0 14px 34px rgba(0,0,0,.4);
  --sh-inset: inset 0 1px 0 rgba(255,255,255,.05);
  --sh-glow: 0 0 0 3px rgba(34,211,238,.14), 0 0 24px rgba(34,211,238,.16);
  --ease: cubic-bezier(.4,0,.22,1);
  --dur: 200ms;
  --bp-sm: 520px;
  --bp-md: 768px;
  --bp-lg: 1024px;
}

[data-theme="xingtu"] { color-scheme: dark; }