/* Origin UI 1.1 — 项目自建设计系统，视觉来源：../1.html */
:root,
[data-ui-theme="light"] {
  color-scheme: light;
  --ui-paper: #f9f6f0;
  --ui-surface: #fffefa;
  --ui-surface-subtle: #f3ede2;
  --ui-surface-inset: #eae4d8;
  --ui-ink: #19231a;
  --ui-muted: #626b63;
  --ui-faint: #626b63;
  --ui-border: #d9dbd1;
  --ui-border-strong: #858c80;
  --ui-accent: #d97756;
  --ui-accent-text: #a3472c;
  --ui-accent-soft: #f9e7de;
  --ui-success: #386044;
  --ui-success-soft: #e8f0e7;
  --ui-warning: #825c1c;
  --ui-warning-soft: #fbefcf;
  --ui-danger: #af3636;
  --ui-danger-soft: #fae8e5;
  --ui-info: #365c7b;
  --ui-info-soft: #e7eef5;
  --ui-on-solid: #fffefa;
  --ui-on-accent: #19231a;
  --ui-focus: #a3472c;
  --ui-overlay: #111b1399;
  --ui-chart-1: #537459;
  --ui-chart-2: #d97756;
  --ui-chart-3: #b18a43;
  --ui-chart-4: #657e97;
  --ui-chart-5: #9b7c91;
  --ui-chart-fill: #e8f0e7;
  --ui-heatmap-1: #bfd0bb;
  --ui-heatmap-2: #81a179;
  --ui-heatmap-3: #52704e;
  --ui-heatmap-4: #2c4b2b;
  --ui-shadow-sm: 0 2px 5px #19231a09;
  --ui-shadow-md: 0 8px 28px #19231a12, 0 2px 5px #19231a07;
  --ui-shadow-lg: 0 22px 70px #19231a26;
  --ui-font-sans: Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  --ui-font-serif: Signifier, Georgia, "Noto Serif CJK SC", "Songti SC", "SimSun", serif;
  --ui-font-mono: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  --ui-text-xs: 12px;
  --ui-text-sm: 13px;
  --ui-text-md: 14px;
  --ui-text-lg: 16px;
  --ui-text-xl: 20px;
  --ui-text-2xl: 26px;
  --ui-text-3xl: 36px;
  --ui-text-display: clamp(36px, 5vw, 60px);
  --ui-leading-tight: 1.2;
  --ui-leading-normal: 1.55;
  --ui-leading-relaxed: 1.8;
  --ui-space-0: 0;
  --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-space-10: 40px;
  --ui-space-12: 48px;
  --ui-space-16: 64px;
  --ui-radius-xs: 4px;
  --ui-radius-sm: 6px;
  --ui-radius-md: 9px;
  --ui-radius-lg: 12px;
  --ui-radius-xl: 18px;
  --ui-radius-full: 999px;
  --ui-control-sm: 32px;
  --ui-control-md: 40px;
  --ui-control-lg: 48px;
  --ui-duration-fast: 120ms;
  --ui-duration-normal: 180ms;
  --ui-duration-slow: 280ms;
  --ui-ease: cubic-bezier(.2, .7, .2, 1);
  --ui-z-sticky: 20;
  --ui-z-popover: 40;
  --ui-z-toast: 100;
}

[data-ui-theme="openai"] {
  color-scheme: light;
  --ui-paper: #ffffff;
  --ui-surface: #ffffff;
  --ui-surface-subtle: #f7f7f7;
  --ui-surface-inset: #ececec;
  --ui-ink: #000000;
  --ui-muted: #5d5d5d;
  --ui-faint: #707070;
  --ui-border: #e3e3e3;
  --ui-border-strong: #8f8f8f;
  --ui-accent: #000000;
  --ui-accent-text: #000000;
  --ui-accent-soft: #ededed;
  --ui-success: #236447;
  --ui-success-soft: #e7f3ed;
  --ui-warning: #805919;
  --ui-warning-soft: #faf0d8;
  --ui-danger: #b13333;
  --ui-danger-soft: #fcebea;
  --ui-info: #345b82;
  --ui-info-soft: #ebf1f8;
  --ui-on-solid: #ffffff;
  --ui-on-accent: #ffffff;
  --ui-focus: #0d0d0d;
  --ui-overlay: #00000080;
  --ui-chart-1: #252525;
  --ui-chart-2: #767676;
  --ui-chart-3: #9c9c9c;
  --ui-chart-4: #b4b4b4;
  --ui-chart-5: #d0d0d0;
  --ui-chart-fill: #ededed;
  --ui-heatmap-1: #dddddd;
  --ui-heatmap-2: #a6a6a6;
  --ui-heatmap-3: #6b6b6b;
  --ui-heatmap-4: #252525;
  --ui-shadow-sm: 0 2px 5px #00000008;
  --ui-shadow-md: 0 8px 28px #00000010, 0 2px 5px #00000006;
  --ui-shadow-lg: 0 22px 70px #00000024;
}

[data-ui-theme="dark"] {
  color-scheme: dark;
  --ui-paper: #101612;
  --ui-surface: #19221c;
  --ui-surface-subtle: #202b23;
  --ui-surface-inset: #2b382e;
  --ui-ink: #e9ece6;
  --ui-muted: #acb7aa;
  --ui-faint: #9eaa9b;
  --ui-border: #38463a;
  --ui-border-strong: #7c8a79;
  --ui-accent: #e58663;
  --ui-accent-text: #f0a285;
  --ui-accent-soft: #3d2c23;
  --ui-success: #add1ad;
  --ui-success-soft: #243a2a;
  --ui-warning: #e6c478;
  --ui-warning-soft: #3e3420;
  --ui-danger: #ffaaa0;
  --ui-danger-soft: #442824;
  --ui-info: #a5c7e3;
  --ui-info-soft: #253744;
  --ui-on-solid: #101612;
  --ui-focus: #f0a285;
  --ui-overlay: #000000aa;
  --ui-chart-1: #9ebc9b;
  --ui-chart-2: #e58663;
  --ui-chart-3: #d4b371;
  --ui-chart-4: #a5bed3;
  --ui-chart-5: #c8a6c0;
  --ui-chart-fill: #243a2a;
  --ui-heatmap-1: #374d36;
  --ui-heatmap-2: #5c7958;
  --ui-heatmap-3: #85a87d;
  --ui-heatmap-4: #b1cba7;
  --ui-shadow-sm: 0 2px 5px #0002;
  --ui-shadow-md: 0 8px 28px #0004;
  --ui-shadow-lg: 0 22px 70px #0007;
}

@media (prefers-reduced-motion: reduce) {
  :root { --ui-duration-fast: 0ms; --ui-duration-normal: 0ms; --ui-duration-slow: 0ms; }
}