:root{
  --oy-design-version:"1.0.0";
  --oy-color-page:#f5f5f7;--oy-color-workspace:#f1f2f4;--oy-color-surface:#fff;--oy-color-surface-soft:#f7f7f8;
  --oy-color-ink:#1d1d1f;--oy-color-text:#303338;--oy-color-muted:#6e6e73;--oy-color-faint:#92979d;--oy-color-line:rgba(20,25,31,.08);
  --oy-color-accent:#6f8fb8;--oy-color-success:#6e9178;--oy-color-warning:#b98245;--oy-color-danger:#b46f6f;
  --oy-font-rounded:"SF Pro Rounded","Arial Rounded MT Bold","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei UI",system-ui,sans-serif;
  --oy-size-caption:12px;--oy-size-body:14px;--oy-size-body-lg:16px;--oy-size-card-title:19px;--oy-size-section:28px;--oy-size-page:clamp(36px,4vw,52px);
  --oy-radius-control:14px;--oy-radius-card:24px;--oy-radius-panel:30px;--oy-radius-pill:999px;
  --oy-space-1:4px;--oy-space-2:8px;--oy-space-3:12px;--oy-space-4:16px;--oy-space-5:20px;--oy-space-6:24px;--oy-space-8:32px;
  --oy-shadow-card:0 14px 38px rgba(28,31,36,.055);--oy-shadow-panel:0 24px 70px rgba(28,31,36,.09);
  --oy-motion-ease:cubic-bezier(.16,1,.3,1);--oy-motion-fast:240ms;--oy-motion-base:500ms;--oy-motion-slow:680ms;
}