:root {
    --color-bg: #ffffff;
    --color-surface: #ffffff;
    --color-surface-soft: #eff6ff;
    --color-primary-rgb: 59, 130, 246;
    --color-primary: #3b82f6;
    --color-primary-strong: #2563eb;
    --color-primary-soft: #deedff;
    --color-primary-border: rgba(59, 130, 246, 0.18);
    --color-text: #1f2a44;
    --color-text-soft: #7b8aa5;
    --color-text-faint: #a0aec0;
    --color-border: #e5edf7;
    --color-control-bg: #f9fafb;
    --color-control-border: #dbe7f7;
    --color-control-placeholder: #9aa4b5;
    --color-success: #ef4444;
    --color-danger: #16a34a;
    --color-warning: #f0b429;
    --shadow-card: 0 18px 42px rgba(32, 72, 135, 0.08);
    --shadow-soft: 0 10px 24px rgba(59, 130, 246, 0.08);
    --shadow-control: 0 8px 18px rgba(59, 130, 246, 0.08);
    --shadow-button: 0 14px 28px rgba(59, 130, 246, 0.22);
    --radius-xl: 32px;
    --radius-lg: 24px;
    --radius-md: 18px;
    --radius-sm: 15px;
    --control-radius: 15px;
    --control-height: 52px;
    --control-padding-x: 16px;
    --control-label-size: 13px;
    --control-text-size: 14px;
    --button-text-size: 15px;
    --button-font-weight: 700;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 28px;
    --space-8: 32px;
    --font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
    --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
    --shell-width: min(100vw, 414px);
    --shell-min-height: 100dvh;
    --top-safe-env: env(safe-area-inset-top, 0px);
    --bottom-safe-env: env(safe-area-inset-bottom, 0px);
    --top-safe: 0px;
    --bottom-safe: 0px;
}