:root{--color-primary: #537D96;--color-primary-900: #2D4356;--color-primary-700: #354F5E;--color-primary-600: #426474;--color-primary-300: #C0D4DD;--color-primary-200: #DCE8ED;--color-primary-hover: #3F6179;--color-primary-tint-1: rgba(83, 125, 150, .05);--color-primary-tint-2: rgba(83, 125, 150, .1);--color-primary-tint-3: rgba(83, 125, 150, .2);--color-primary-muted: rgba(83, 125, 150, .15);--color-primary-subtle: rgba(83, 125, 150, .25);--color-primary-glow: rgba(83, 125, 150, .12);--color-primary-glow-focus: rgba(83, 125, 150, .35);--color-primary-dark: #C9B896;--color-primary-dark-hover: #D4C4A6;--color-primary-dark-tint-1: rgba(201, 184, 150, .05);--color-primary-dark-tint-2: rgba(201, 184, 150, .1);--color-primary-dark-tint-3: rgba(201, 184, 150, .4);--color-primary-dark-700: #DDD0BC;--color-primary-dark-subtle: rgba(201, 184, 150, .25);--color-primary-dark-glow: rgba(201, 184, 150, .24);--color-primary-dark-glow-focus: rgba(201, 184, 150, .44);--color-gray-50: #F5EFE4;--color-gray-100: #FBF7EE;--color-gray-200: #EFE8DB;--color-gray-300: #E8E2D4;--color-gray-400: #D8CFBE;--color-gray-500: #B8B0A3;--color-gray-600: #8F867B;--color-gray-700: #6B6158;--color-gray-800: #4A433C;--color-gray-900: #2A2622;--color-gray-200-dark: #4A5050;--color-success: #4A6B4A;--color-success-light: #6B8F6B;--color-warning: #8B6F2C;--color-warning-light: #A88A3F;--color-error: #8B2C1F;--color-error-light: #A84A3F;--color-info: #537D96;--color-info-light: #7AA3B5;--color-success-dark: #4ADE80;--color-warning-dark: #FBBF24;--color-error-dark: #FCA5A5;--color-info-dark: #D4C4AD;--color-coral-dark: #FCA5A5;--color-danger-dark: #EF4444;--color-background: #FAF8F5;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-surface-glass: rgba(255, 255, 255, .92);--color-surface-hover: rgba(250, 248, 245, 1);--color-background-dark: #2C3843;--color-surface-dark: #374551;--color-surface-elevated-dark: #435260;--color-surface-container-lowest-dark: #232D36;--color-surface-container-highest-dark: #505868;--color-accent-dark: #B08E9E;--color-text-primary: #1C1917;--color-text-secondary: #3D3630;--color-text-tertiary: #6B6158;--color-text-primary-dark: #A69C92;--color-text-secondary-dark: #B8B0A3;--color-text-tertiary-dark: #8F867B;--color-border-hairline: rgba(216, 207, 190, .6);--color-border-hairline-dark: rgba(80, 88, 80, .6);--color-outline-dark: #5A6268;--color-outline-variant-dark: #484E56;--color-border-accent-dark: rgba(176, 142, 158, .18);--color-fab-shadow-light: rgba(143, 134, 123, .12);--color-fab-shadow-dark: rgba(74, 67, 60, .2);--color-chart-1: #537D96;--color-chart-2: #7AA3B5;--color-chart-3: #C0D4DD;--color-chart-4: #4A6B4A;--color-chart-5: #DCE8ED;--color-chart-6: #5B9BD5;--color-chart-7: #8B6F2C;--color-chart-8: #8B2C1F;--color-chart-9: #6B8F6B;--color-chart-10: #A88A3F;--color-chart-dark-1: #D4C4AD;--color-chart-dark-2: #4ADE80;--color-chart-dark-3: #FBBF24;--color-chart-dark-4: #FCA5A5;--color-chart-dark-5: #A78BFA;--color-chart-dark-6: #22D3EE;--color-chart-dark-7: #FB923C;--color-chart-dark-8: #E879F9;--color-chart-dark-9: #34D399;--color-chart-dark-10: #F472B6;--color-cat-0: #9B5F55;--color-cat-1: #946640;--color-cat-2: #846F37;--color-cat-3: #6B7941;--color-cat-4: #4E7F58;--color-cat-5: #328173;--color-cat-6: #2C7E8B;--color-cat-7: #42789C;--color-cat-8: #5F6FA1;--color-cat-9: #79679A;--color-cat-10: #8C6088;--color-cat-11: #985D70;--color-cat-dark-0: #CD958B;--color-cat-dark-1: #C69B78;--color-cat-dark-2: #B6A372;--color-cat-dark-3: #9FAC7A;--color-cat-dark-4: #85B18E;--color-cat-dark-5: #72B3A6;--color-cat-dark-6: #6EB1BD;--color-cat-dark-7: #7CABCC;--color-cat-dark-8: #93A3D1;--color-cat-dark-9: #AB9BCB;--color-cat-dark-10: #BE95BA;--color-cat-dark-11: #CA93A3;--font-primary: "PingFang SC", "Microsoft YaHei", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--font-serif: "EB Garamond", "Songti SC", "STSong", serif;--font-serif-cjk: "Songti SC", "SimSun", "STSong", serif;--font-size-display: 2rem;--font-size-h1: 1.75rem;--font-size-h2: 1.5rem;--font-size-h3: 1.25rem;--font-size-title-lg: 1.125rem;--font-size-title-md: 1rem;--font-size-body-lg: 1rem;--font-size-body-md: .875rem;--font-size-body-sm: .8125rem;--font-size-caption: .75rem;--font-size-label: .6875rem;--font-size-micro: .5625rem;--font-size-tiny: .625rem;--font-size-button: .9375rem;--font-size-metric: 1.375rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-snug: 1.3;--line-height-normal: 1.4;--line-height-relaxed: 1.5;--line-height-loose: 1.7;--letter-spacing-tight: -.04em;--letter-spacing-snug: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--letter-spacing-wider: .04em;--letter-spacing-widest: .08em;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--page-padding-x: 1rem;--page-padding-y: .75rem;--content-max-width: 45rem;--form-max-width: 35rem;--card-padding: 1rem;--card-gap: .5rem;--section-gap: .75rem;--list-item-padding-x: 1rem;--list-item-padding-y: .75rem;--list-item-gap: .375rem;--radius-sm: .125rem;--radius-sm-plus: .1875rem;--radius-md: .25rem;--radius-lg: .375rem;--radius-xl: .5rem;--radius-2xl: .75rem;--radius-full: 9999px;--radius-circle: 50%;--radius-button: var(--radius-md);--radius-input: var(--radius-sm-plus);--radius-card: var(--radius-md);--radius-dialog: var(--radius-lg);--radius-chip: var(--radius-sm);--radius-tag: var(--radius-sm);--shadow-color-light: 83 125 150;--shadow-1: 0 1px 2px rgba(var(--shadow-color-light), .03);--shadow-2: 0 2px 8px rgba(var(--shadow-color-light), .04);--shadow-3: 0 4px 16px rgba(var(--shadow-color-light), .08);--shadow-4: 0 8px 24px rgba(var(--shadow-color-light), .08);--shadow-5: 0 16px 48px rgba(var(--shadow-color-light), .12);--shadow-color-dark: 201 184 150;--shadow-dark-1: 0 1px 2px rgba(var(--shadow-color-dark), .05);--shadow-dark-2: 0 2px 8px rgba(var(--shadow-color-dark), .06);--shadow-dark-3: 0 4px 16px rgba(var(--shadow-color-dark), .1);--shadow-dark-4: 0 8px 24px rgba(var(--shadow-color-dark), .1);--shadow-dark-5: 0 16px 48px rgba(var(--shadow-color-dark), .15);--glow-subtle: 0 0 24px var(--color-primary-glow);--glow-subtle-dark: 0 0 24px var(--color-primary-dark-glow);--glow-focus: 0 0 32px var(--color-primary-glow-focus);--glow-focus-dark: 0 0 32px var(--color-primary-dark-glow-focus);--duration-instant: 50ms;--duration-quick: .1s;--duration-fast: .15s;--duration-normal: .2s;--duration-medium: .25s;--duration-slow: .3s;--duration-deliberate: .4s;--duration-breathe: 4s;--duration-toast: 3s;--duration-skeleton: 1.5s;--duration-pulse: 2s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo: cubic-bezier(.22, 1, .36, 1);--ease-button-press: cubic-bezier(.34, 1.2, .64, 1);--button-press-scale: .97;--button-press-duration: .1s;--button-hover-duration: .2s;--icon-size-xxs: .75rem;--icon-size-xs: .875rem;--icon-size-sm: 1rem;--icon-size-md: 1.125rem;--icon-size-lg: 1.25rem;--icon-size-xl: 1.5rem;--icon-size-2xl: 2rem;--icon-size-huge: 3rem;--icon-size-massive: 4rem;--border-width-thin: 1px;--border-width-medium: 1.5px;--border-width-thick: 2px;--opacity-subtle: .03;--opacity-light: .04;--opacity-medium: .08;--opacity-strong: .15;--opacity-heavy: .25;--opacity-overlay: .5;--opacity-solid: .92;--opacity-disabled: .08;--opacity-hint: .38;--opacity-divider: .12;--opacity-hover: .08;--opacity-backdrop: .7;--text-opacity-primary: 1;--text-opacity-secondary: .82;--text-opacity-tertiary: .6;--text-opacity-meta: .45;--fab-size: 3.5rem;--fab-icon-size: 1.75rem;--fab-border-width: 1.5px;--fab-border-radius: .875rem;--bottom-nav-height: 4.5rem;--modal-max-width: 37.5rem;--touch-target-size: 2.75rem;--input-height: 3rem;--button-height-sm: 2rem;--button-height-md: 2.75rem;--button-height-lg: 3.25rem;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-popover: 500;--z-toast: 600;--breakpoint-sm: 360px;--breakpoint-md: 640px;--breakpoint-lg: 840px;--breakpoint-xl: 1024px;--breakpoint-2xl: 1200px;--breakpoint-3xl: 1536px;--blur-standard: 20px;--blur-heavy: 40px}[data-theme=dark]{--color-primary: var(--color-primary-dark);--color-primary-hover: var(--color-primary-dark-hover);--color-primary-glow: var(--color-primary-dark-glow);--color-primary-glow-focus: var(--color-primary-dark-glow-focus);--color-background: var(--color-background-dark);--color-surface: var(--color-surface-dark);--color-surface-elevated: var(--color-surface-elevated-dark);--color-text-primary: var(--color-text-primary-dark);--color-text-secondary: var(--color-text-secondary-dark);--color-text-tertiary: var(--color-text-tertiary-dark);--color-success: var(--color-success-dark);--color-warning: var(--color-warning-dark);--color-error: var(--color-error-dark);--color-info: var(--color-info-dark);--color-border-hairline: var(--color-border-hairline-dark);--shadow-1: var(--shadow-dark-1);--shadow-2: var(--shadow-dark-2);--shadow-3: var(--shadow-dark-3);--shadow-4: var(--shadow-dark-4);--shadow-5: var(--shadow-dark-5);--glow-subtle: var(--glow-subtle-dark);--glow-focus: var(--glow-focus-dark)}@theme{ --font-sans: var(--font-primary); --font-serif: var(--font-serif); --font-serif-cjk: var(--font-serif-cjk); --font-mono: var(--font-mono); --color-primary: var(--color-primary); --color-primary-900: var(--color-primary-900); --color-primary-700: var(--color-primary-700); --color-primary-600: var(--color-primary-600); --color-primary-300: var(--color-primary-300); --color-primary-200: var(--color-primary-200); --color-primary-hover: var(--color-primary-hover); --color-gray-50: var(--color-gray-50); --color-gray-100: var(--color-gray-100); --color-gray-200: var(--color-gray-200); --color-gray-300: var(--color-gray-300); --color-gray-400: var(--color-gray-400); --color-gray-500: var(--color-gray-500); --color-gray-600: var(--color-gray-600); --color-gray-700: var(--color-gray-700); --color-gray-800: var(--color-gray-800); --color-gray-900: var(--color-gray-900); --color-background: var(--color-background); --color-surface: var(--color-surface); --color-surface-elevated: var(--color-surface-elevated); --color-surface-glass: var(--color-surface-glass); --color-text-primary: var(--color-text-primary); --color-text-secondary: var(--color-text-secondary); --color-text-tertiary: var(--color-text-tertiary); --color-success: var(--color-success); --color-success-light: var(--color-success-light); --color-warning: var(--color-warning); --color-warning-light: var(--color-warning-light); --color-error: var(--color-error); --color-error-light: var(--color-error-light); --color-info: var(--color-info); --color-info-light: var(--color-info-light); --color-border-hairline: var(--color-border-hairline); --spacing-px: var(--space-px); --spacing-0\.5: var(--space-0-5); --spacing-1\.5: var(--space-1-5); --radius-sm-plus: var(--radius-sm-plus); --shadow-1: var(--shadow-1); --shadow-2: var(--shadow-2); --shadow-3: var(--shadow-3); --shadow-4: var(--shadow-4); --shadow-5: var(--shadow-5); --shadow-glow: var(--glow-subtle); --shadow-glow-focus: var(--glow-focus); --animate-duration-instant: var(--duration-instant); --animate-duration-quick: var(--duration-quick); --animate-duration-fast: var(--duration-fast); --animate-duration-normal: var(--duration-normal); --animate-duration-medium: var(--duration-medium); --animate-duration-slow: var(--duration-slow); --animate-duration-deliberate: var(--duration-deliberate); --ease-standard: var(--ease-standard); --ease-decelerate: var(--ease-decelerate); --ease-spring: var(--ease-spring); --ease-out-expo: var(--ease-out-expo); }*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none;transition:color var(--duration-quick) var(--ease-standard)}a:hover{color:var(--color-primary-700)}button{font-family:inherit;font-size:inherit;border:none;border-radius:var(--radius-md, 8px);background:linear-gradient(135deg,#fff,#f8f6f3);color:var(--color-text-secondary);cursor:pointer;padding:.625rem 1.25rem;transition:all var(--duration-fast) var(--ease-standard);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;font-weight:500}button:hover:not(:disabled){background:linear-gradient(135deg,#fff 0% 100%);color:var(--color-text-primary);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--font-size-body-md);line-height:var(--line-height-relaxed);color:var(--color-text-primary);background-color:var(--color-background);transition:background-color var(--duration-normal) var(--ease-standard),color var(--duration-normal) var(--ease-standard)}h1,.h1{font-family:var(--font-serif-cjk);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-snug);color:var(--color-text-primary)}h2,.h2{font-family:var(--font-serif-cjk);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-snug);color:var(--color-text-primary)}h3,.h3{font-family:var(--font-serif-cjk);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);color:var(--color-text-primary)}p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.glass{background:var(--color-surface-glass);backdrop-filter:blur(var(--blur-standard));-webkit-backdrop-filter:blur(var(--blur-standard));border:var(--border-width-thin) solid var(--color-border-hairline)}.glow-subtle{box-shadow:var(--glow-subtle)}.glow-focus{box-shadow:var(--glow-focus)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.bg-surface{background-color:var(--color-surface)}.bg-elevated{background-color:var(--color-surface-elevated)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-standard)}.animate-fade-in-up{animation:fadeInUp var(--duration-medium) var(--ease-out-expo)}.animate-pulse{animation:pulse var(--duration-pulse) var(--ease-standard) infinite}.animate-breathe{animation:breathe var(--duration-breathe) var(--ease-standard) infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}::selection{background:var(--color-primary-tint-2);color:var(--color-primary-900)}