/* GuoGuo Web UI proposal 0.2.0. Shared by all component specimens. */
:root{
 color-scheme:light;
 --ui-bg:#f7f7f6;--ui-panel:#ffffff;--ui-subtle:#f1f1ef;--ui-hover:#ececea;--ui-text:#242522;--ui-muted:#63665f;--ui-border:#dedfd9;
 --ui-brand-logo:#ed8c3b;--ui-accent:var(--pr-accent,#b84c0a);--ui-on-accent:var(--pr-on-accent,#ffffff);
 --ui-accent-soft:color-mix(in srgb,var(--ui-accent) 9%,var(--ui-panel));--ui-accent-hover:color-mix(in srgb,var(--ui-accent) 86%,#000);--ui-accent-pressed:color-mix(in srgb,var(--ui-accent) 72%,#000);
 --ui-success:#23774e;--ui-success-soft:#edf6f0;--ui-warning:#8d5a0a;--ui-warning-soft:#fff6df;--ui-danger:#ba3e3e;--ui-danger-soft:#fff0ef;--ui-info:#3a62a1;
 --ui-radius:8px;--ui-radius-lg:12px;--ui-gap:12px;--ui-control:34px;--ui-control-pad:6px;--ui-row:38px;--ui-border-strong:#a6aaa0;
 --ui-shadow:0 10px 36px #2425221c,0 1px 4px #2425220c;
 --ui-font:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;--ui-code:ui-monospace,SFMono-Regular,Consolas,monospace;
 --ui-font-display:26px;--ui-font-title:20px;--ui-font-subtitle:17px;--ui-font-heading:15px;--ui-font-body:14px;--ui-font-ui:13px;--ui-font-caption:12px;--ui-font-micro:11px;
 --ui-leading-display:1.3;--ui-leading-title:1.4;--ui-leading-body:1.8;--ui-leading-ui:1.55;--ui-leading-caption:1.6;
 --ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:20px;--ui-space-6:24px;--ui-space-8:32px;
 --ui-layout-sidebar:284px;--ui-layout-content:900px;--ui-layout-gutter:28px;
 --ui-motion:140ms;
}
:root[data-pr-theme=dark]{color-scheme:dark;--ui-bg:#1b1c1a;--ui-panel:#232521;--ui-subtle:#2b2e28;--ui-hover:#363a31;--ui-text:#eeefe9;--ui-muted:#afb5a6;--ui-border:#42473b;--ui-border-strong:#78836d;--ui-success:#8bd2aa;--ui-success-soft:#253b2d;--ui-warning:#edc97c;--ui-warning-soft:#3b331e;--ui-danger:#f3a3a3;--ui-danger-soft:#432b2a;--ui-info:#a7bfeb;--ui-shadow:0 10px 36px #0006,0 1px 4px #0004}
:root[data-pr-density=compact]{--ui-gap:8px;--ui-control:30px;--ui-control-pad:4px;--ui-row:34px}
:root[data-pr-style=soft]{--ui-radius:12px;--ui-radius-lg:16px}