:root {
  --color-brand: #2053b6;
  --color-brand-deep: #173874;
  --color-ink: #172334;
  --color-muted: #526273;
  --color-paper: #fff;
  --color-ground: #f3f6fa;
  --color-rule: #d7dfe8;
  --color-focus: #a34712;
  --font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-data: Arial, "Noto Sans SC", "PingFang SC", sans-serif;
  --content-max: 1280px;
  --page-gutter: 32px;
  --section-gap: 72px;
  --type-home: 56px;
  --type-page: 40px;
  --type-model: 36px;
  --type-section: 32px;
  --type-card: 24px;
  --radius-control: 4px;
  --space-control: 8px;
  --space-group: 16px;
  --space-field: 24px;
  --ease-control: cubic-bezier(.16,1,.3,1);
  --duration-control: 160ms;
}
::selection { background: #dbe7ff; color: #172334; }
:focus-visible { outline:3px solid var(--color-focus); outline-offset:3px; }
input, select, textarea { caret-color:var(--color-brand); }
[hidden] { display:none !important; }
@media (max-width:1080px) {
  :root { --page-gutter:24px; --section-gap:56px; --type-home:44px; --type-page:36px; --type-model:32px; --type-section:28px; }
}
@media (max-width:760px) {
  :root { --page-gutter:20px; --section-gap:40px; --type-home:36px; --type-page:28px; --type-model:26px; --type-section:24px; --type-card:22px; }
}
@media (max-width:360px) { :root { --page-gutter:16px; } }