/* 静态网站版：仪表盘平台提供的颜色、字体、间距变量，在这里补齐 */
:root {
  --color-fg: #1f2328;
  --color-fg-muted: #5f6670;
  --color-bg: #f5f6f8;
  --color-panel: #ffffff;
  --color-border-line: #dfe2e7;
  --color-ok: #1f7a4d;
  --color-warn: #a86400;
  --color-bad: #c0362c;
  --font-anthropic-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-anthropic-serif: "Songti SC", "STSong", "SimSun", "Noto Serif SC", "Source Han Serif SC", Georgia, serif;
  --cds-font-size-caption: 12px;
  --cds-font-size-body: 14px;
  --cds-font-size-heading: 16px;
  --cds-font-size-title: 26px;
  --cds-font-weight-medium: 600;
  --cds-gap-xs: 4px;
  --cds-gap-sm: 8px;
  --cds-gap-md: 16px;
  --cds-gap-lg: 24px;
  --cds-gap-xl: 32px;
  --cds-pad-xs: 4px;
  --cds-pad-sm: 8px;
  --cds-pad-md: 12px;
  --cds-pad-lg: 16px;
  --cds-pad-xl: 24px;
  --cds-radius: 8px;
  --cds-chart-muted: #c3c8cf;
  --cds-chart-grid: #e6e8ec;
  --cds-chart-axis: #8a9099;
  --cds-chart-reference: #8a9099;
  --cds-chart-status-critical: #c0362c;
  --cds-surface-popover: #ffffff;
  --cds-border: #d5d9df;
  --cds-shadow-popover: 0 4px 16px rgba(0, 0, 0, .12);
  --cds-text-secondary: #5f6670;
  --cds-dur-slow: .3s;
  --cds-ease-out: cubic-bezier(.2, .8, .2, 1);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-fg: #e6e8eb;
    --color-fg-muted: #a1a8b3;
    --color-bg: #15171a;
    --color-panel: #1d2024;
    --color-border-line: #33373d;
    --color-ok: #4cc38a;
    --color-warn: #e0a33a;
    --color-bad: #ef6b5f;
    --cds-chart-muted: #4a4f57;
    --cds-chart-grid: #2c3036;
    --cds-chart-axis: #7d848e;
    --cds-chart-reference: #7d848e;
    --cds-chart-status-critical: #ef6b5f;
    --cds-surface-popover: #24282d;
    --cds-border: #3a3f46;
    --cds-shadow-popover: 0 4px 16px rgba(0, 0, 0, .5);
    --cds-text-secondary: #a1a8b3;
    color-scheme: dark;
  }
}
html, body { margin: 0; background: var(--color-bg); color: var(--color-fg); font-family: var(--font-anthropic-sans); }
#dash-root { padding: var(--cds-gap-lg) var(--dash-gutter, 24px) var(--cds-gap-xl); }
#dash-root b, #dash-root strong { font-weight: 700; }
.dash-skeleton { color: transparent !important; position: relative; }
.dash-skeleton::after { content: ""; position: absolute; left: 0; top: 30%; width: min(8em, 100%); height: 40%; border-radius: 4px; background: var(--color-border-line); }
.yz-chart.dash-skeleton::after { top: 0; width: 100%; height: 100%; border-radius: var(--cds-radius); opacity: .5; }
.yz-site-nav { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; max-width: 1400px; margin: 0 auto 12px; font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); }
.yz-site-nav a { color: var(--color-fg); }