:root {--gray-0: #FFFFFF; --gray-1: #F5F5F5; --gray-2: #E5E5E5; --gray-3: #D4D4D4; --gray-4: #A3A3A3; --gray-5: #737373; --gray-6: #525252; --gray-7: #404040; --gray-8: #262626; --gray-9: #171717; --gray-A: #000000; --gray-0-rgb: 255, 255, 255;--gray-1-rgb: 245, 245, 245;--gray-2-rgb: 229, 229, 229;--gray-3-rgb: 212, 212, 212;--gray-4-rgb: 163, 163, 163;--gray-5-rgb: 115, 115, 115;--gray-6-rgb: 82, 82, 82;--gray-7-rgb: 64, 64, 64;--gray-8-rgb: 38, 38, 38;--gray-9-rgb: 23, 23, 23;--gray-A-rgb: 0, 0, 0;--font-family-api: "SF Mono","Fira Code","Consolas",monospace;--font-family-ui: "Segoe UI",SegoeUI,"Microsoft YaHei",微软雅黑,"Helvetica Neue",Helvetica,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53,Arial,sans-serif,tahoma;--skin-default: #002fa7;--skin-red: #AE0F37;--skin-green: #2d8f3f;--text-primary: var(--gray-8); --text-secondary: var(--gray-6); --text-tertiary:var(--gray-5); --text-disabled:var(--gray-4); --text-inverse: var(--gray-0); --bg-base: var(--gray-0);--bg-elevated: var(--gray-1);--bg-inset:var(--gray-2);--bg-overlay:rgba(var(--gray-A-rgb), 0.8); --bg-trans-subtle: rgba(var(--gray-2-rgb), 0.8);--bg-trans-hover:rgba(var(--gray-4-rgb), 0.2);--border-subtle:var(--gray-2); --border-default: var(--gray-3); --border-strong:var(--gray-4); --shadow-card:0 5px 10px rgba(var(--gray-9-rgb), 0.08), 0 1px 2px rgba(var(--gray-9-rgb), 0.05);--shadow-drop:0 8px 24px rgba(var(--gray-9-rgb), 0.12);--shadow-inset: inset 5px 5px 5px 2px rgba(var(--gray-2-rgb), 0.5);--primary-rgb: 0, 47, 167;--color-primary: #002fa7; --color-primary-hover: #1D4ED8; --color-primary-light: #C7D7FF; --success-rgb: 17, 126, 57;--color-success: #16A34A; --color-success-bg:#DCFCE7;--warning-rgb: 181, 117, 8;--color-warning: #F59E0B; --color-warning-bg:#FEF3C7;--danger-rgb:202, 33, 33;--color-danger:#DC2626; --color-danger-bg: #FEE2E2;--color-info:#6B7280; --color-info-bg: #F3F4F6;--space-s: 5px;--space-m: 10px;--space-l: 20px;--space-x: 30px;--radius-s: 5px;--radius-m: 10px;--radius-l: 15px;--radius-x: 20px;--radius-full: 9999px;--font-size-t: 12px;--font-size-s: 14px;--font-size-m: 16px;--font-size-b: 18px;--font-size-l: 20px;--font-size-h: 24px;--font-size-e: 28px;--tap-highlight-color: rgba(var(--gray-4-rgb), 0.3);}[data-theme="dark"] {--gray-0: #1A1A1A; --gray-1: #262626; --gray-2: #333333; --gray-3: #4A4A4A; --gray-4: #6B6B6B; --gray-5: #8C8C8C; --gray-6: #A8A8A8; --gray-7: #C4C4C4; --gray-8: #E0E0E0; --gray-9: #F5F5F5; --gray-A: #FFFFFF; --gray-0-rgb: 26, 26, 26;--gray-1-rgb: 38, 38, 38;--gray-2-rgb: 51, 51, 51;--gray-3-rgb: 74, 74, 74;--gray-4-rgb: 107, 107, 107;--gray-5-rgb: 140, 140, 140;--gray-6-rgb: 168, 168, 168;--gray-7-rgb: 196, 196, 196;--gray-8-rgb: 224, 224, 224;--gray-9-rgb: 245, 245, 245;--gray-A-rgb: 255, 255, 255;--text-inverse: var(--gray-A); --bg-overlay:rgba(var(--gray-0-rgb), 0.8); --bg-trans-subtle: rgba(var(--gray-2-rgb), 0.8);--bg-trans-hover:rgba(var(--gray-4-rgb), 0.3);--shadow-card: 0 4px 12px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(0, 0, 0, 0.4);--shadow-drop: 0 8px 24px rgba(0, 0, 0, 0.7);--color-primary: #4278FF; --color-primary-hover: #93BBFC;--color-primary-light: #1E3A5F; --color-success: #4ADE80; --color-success-bg:#1A3A2A;--color-warning: #FBBF24; --color-warning-bg:#3D2E1A;--color-danger:#F87171; --color-danger-bg: #3D1A1A;--color-info:#9CA3AF; --color-info-bg: #2A2A2A;--tap-highlight-color: rgba(var(--gray-4-rgb), 0.5);}.Red{--primary-rgb: 131, 11, 41;--color-primary: #AE0F37; --color-primary-hover: #D81344; --color-primary-light: #F7A6BA; }.Green{--primary-rgb: 34, 109, 48;--color-primary: #2d8f3f; --color-primary-hover: #38B24F; --color-primary-light: #D8F3DD; }.Red[data-theme="dark"] {--color-primary: #EB144A; --color-primary-hover: #F2698B;--color-primary-light: #960D2F; }.Green[data-theme="dark"]{--color-primary: #329F46; --color-primary-hover: #60CD74;--color-primary-light: #1C5927; }:root {--grid-bg:var(--bg-elevated);--grid-line:var(--border-default);--grid-line-strong: var(--text-secondary);--grid-given: var(--text-primary);--grid-user:var(--color-primary);--grid-note:var(--text-tertiary);--grid-hl-peer: color-mix(in srgb, var(--color-primary) 7%, transparent);--grid-hl-same: color-mix(in srgb, var(--color-primary) 19%, transparent);--grid-hl-sel:color-mix(in srgb, var(--color-primary) 30%, transparent);--grid-error: var(--color-danger);--grid-error-bg:color-mix(in srgb, var(--color-danger) 15%, transparent);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-primary) 35%, transparent);--header-height: 62px;--container-max: 1120px;--footer-bg:#191a21;--footer-heading: #e8eaf0;--footer-text:#b4b9c6;--footer-border:rgba(255, 255, 255, 0.09);}[data-theme="dark"] {--footer-bg: #101116;--footer-border: rgba(255, 255, 255, 0.08);}