:root{
  color-scheme:light;
  --ui-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  --ui-page-bg:#f4f7f6;
  --ui-page-bg-top:#f8fbfa;
  --ui-surface:#fff;
  --ui-surface-soft:#f8faf9;
  --ui-ink:#17242d;
  --ui-text:#40515a;
  --ui-muted:#6b7880;
  --ui-line:#dce6e2;
  --ui-brand-primary:#155e75;
  --ui-brand-deep:#0f4c5d;
  --ui-brand-soft:#e8f3f5;
  --ui-focus:rgba(21,94,117,.20);
  --ui-success:#2f6f5e;
  --ui-success-soft:#eaf5f1;
  --ui-warning:#956017;
  --ui-warning-soft:#fff7e8;
  --ui-risk:#9a4336;
  --ui-risk-soft:#fff0ec;
  --ui-shadow-sm:0 8px 24px rgba(20,42,50,.06);
  --ui-shadow-md:0 16px 44px rgba(20,42,50,.09);
  --ui-radius-sm:10px;
  --ui-radius-md:14px;
  --ui-radius-lg:20px;
  --ui-radius-xl:26px;
  --ui-touch-min:44px;
  --ui-reading-width:1040px;
  --ui-workspace-width:1180px;
  --ui-page-gutter:max(12px,calc((100vw - var(--ui-workspace-width))/2));
  --ui-safe-bottom:env(safe-area-inset-bottom,0px);
}

body.ui-orchestrated{
  --bg:var(--ui-page-bg);
  --page:var(--ui-page-bg);
  --card:var(--ui-surface);
  --surface:var(--ui-surface);
  --surface-soft:var(--ui-surface-soft);
  --ink:var(--ui-ink);
  --text:var(--ui-text);
  --muted:var(--ui-muted);
  --line:var(--ui-line);
  --border:var(--ui-line);
  --brand:var(--ui-brand-primary);
  --brand-dark:var(--ui-brand-deep);
  --brand-deep:var(--ui-brand-deep);
  --brand-soft:var(--ui-brand-soft);
  --soft:var(--ui-brand-soft);
  --primary:var(--ui-brand-primary);
  --primary-hover:var(--ui-brand-deep);
  --good:var(--ui-success);
  --good-soft:var(--ui-success-soft);
  --easy:var(--ui-success);
  --easy-soft:var(--ui-success-soft);
  --warning:var(--ui-warning);
  --warning-soft:var(--ui-warning-soft);
  --warm:var(--ui-warning);
  --warm-soft:var(--ui-warning-soft);
  --hard:var(--ui-risk);
  --hard-soft:var(--ui-risk-soft);
  --danger:var(--ui-risk);
  --danger-soft:var(--ui-risk-soft);
  --shadow:var(--ui-shadow-md);
  --radius:var(--ui-radius-lg);
  --family-ink:var(--ui-ink);
  --family-text:var(--ui-text);
  --family-muted:var(--ui-muted);
  --family-line:var(--ui-line);
  --family-surface:var(--ui-surface);
  --family-soft:var(--ui-surface-soft);
  --family-brand:var(--ui-brand-primary);
  --family-brand-soft:var(--ui-brand-soft);
  --family-warning:var(--ui-warning);
  --family-warning-soft:var(--ui-warning-soft);
  --family-success:var(--ui-success);
  --family-success-soft:var(--ui-success-soft);
  --family-risk:var(--ui-risk);
  --family-risk-soft:var(--ui-risk-soft);
  min-height:100vh;
  background:linear-gradient(180deg,var(--ui-page-bg-top),var(--ui-page-bg));
  color:var(--ui-ink);
  font-family:var(--ui-font-family);
}

body.ui-orchestrated[data-ui-brand="tongxue"]{
  --ui-brand-primary:#172d67;
  --ui-brand-deep:#102352;
  --ui-brand-soft:#eaf7f3;
  --ui-focus:rgba(69,185,154,.24);
  --brand-teal:#45b99a;
  --brand-teal-soft:#eaf7f3;
  --warm:#fff6ed;
  --warm-border:#f0d4bc;
  --warm-text:#8d4b20;
  --danger:#9a4336;
  --danger-bg:#fff0ec;
  --danger-border:#efc5ba;
}

body.ui-orchestrated *,body.ui-orchestrated *::before,body.ui-orchestrated *::after{box-sizing:border-box}
body.ui-orchestrated :focus-visible{outline:3px solid var(--ui-focus);outline-offset:2px}
body.ui-orchestrated button,body.ui-orchestrated input,body.ui-orchestrated select,body.ui-orchestrated textarea{font:inherit}
body.ui-orchestrated [hidden]{display:none!important}
body.ui-orchestrated .ui-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:767px){
  body.ui-orchestrated{--ui-page-gutter:8px}
}

@media(prefers-reduced-motion:reduce){
  body.ui-orchestrated,body.ui-orchestrated *,body.ui-orchestrated *::before,body.ui-orchestrated *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
