:root{--bg-base: oklch(.985 0 0);--bg-subtle: oklch(.965 .01 185);--bg-elevated: oklch(1 0 0);--bg-wash: oklch(.94 .01 185);--surface-ink: oklch(.12 .01 185);--text-primary: oklch(.13 .01 185);--text-secondary: oklch(.53 .01 185);--text-tertiary: oklch(.65 0 0);--separator: oklch(.88 .01 185);--separator-light: oklch(.93 .01 185);--accent: #0D9488;--accent-hover: #0F766E;--accent-pressed: #115E59;--accent-soft: rgba(13, 148, 136, .08);--accent-teal: #0D9488;--accent-amber: #D97706;--link: #0D9488;--gradient-accent: linear-gradient(135deg, #0D9488 0%, #D97706 100%);--success: #16A34A;--warning: #D97706;--danger: #DC2626;--font-sans: -apple-system, SF Pro Display, SF Pro Text, BlinkMacSystemFont, Segoe UI, PingFang SC, Helvetica Neue, Microsoft YaHei, Arial, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-30: 120px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 32px;--radius-pill: 980px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.04);--shadow-lg: 0 1px 3px rgba(0,0,0,.04), 0 12px 32px rgba(0,0,0,.06);--shadow-hover: 0 1px 3px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.08);--shadow-float: 0 4px 24px rgba(0,0,0,.1), 0 1px 4px rgba(0,0,0,.04);--blur-bar: saturate(180%) blur(20px);--bar-bg: rgba(255,255,255,.78);--bar-border: rgba(0,0,0,.06);--blur-overlay: saturate(160%) blur(14px);--overlay-bg: rgba(255,255,255,.82);--blur-card: saturate(140%) blur(8px);--card-glass-bg: rgba(255,255,255,.88);--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-instant: .12s;--dur-fast: .2s;--dur-base: .3s;--dur-slow: .4s;--dur-reveal: .6s;--stagger: 60ms;--nav-height: 64px;--container-max: 1200px;--container-narrow: 980px}[data-theme=dark]{--bg-base: oklch(.13 .01 185);--bg-subtle: oklch(.2 .01 185);--bg-elevated: oklch(.18 .01 185);--bg-wash: oklch(.1 .01 185);--surface-ink: oklch(.985 0 0);--text-primary: oklch(.985 0 0);--text-secondary: oklch(.65 0 0);--text-tertiary: oklch(.53 0 0);--separator: oklch(.24 .01 185);--separator-light: oklch(.2 .01 185);--accent: #2DD4BF;--accent-hover: #5EEAD4;--accent-pressed: #CCFBF1;--accent-soft: rgba(45, 212, 191, .12);--accent-teal: #2DD4BF;--accent-amber: #F59E0B;--link: #5EEAD4;--gradient-accent: linear-gradient(135deg, #2DD4BF 0%, #F59E0B 100%);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 1px 3px rgba(0,0,0,.3), 0 4px 12px rgba(0,0,0,.2);--shadow-lg: 0 1px 3px rgba(0,0,0,.3), 0 12px 32px rgba(0,0,0,.25);--shadow-hover: 0 1px 3px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.3);--shadow-float: 0 4px 24px rgba(0,0,0,.4), 0 1px 4px rgba(0,0,0,.2);--bar-bg: rgba(24,24,27,.82);--bar-border: rgba(255,255,255,.06);--overlay-bg: rgba(24,24,27,.85);--card-glass-bg: rgba(24,24,27,.9)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}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:16px;font-weight:400;line-height:1.6;color:var(--text-primary);background:var(--bg-base);overflow-x:hidden}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.container-narrow{max-width:var(--container-narrow);margin:0 auto;padding:0 var(--space-6)}a{color:var(--accent);text-decoration:none;transition:color var(--dur-fast) var(--ease)}a:hover{color:var(--accent-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 20px;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;background:var(--bg-subtle);color:var(--text-primary);transition:all var(--dur-fast) cubic-bezier(.16,1,.3,1)}.btn:hover{background:#d7e0df;transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 16px #0d948833;border:none}.btn-primary:hover{color:#fff;box-shadow:0 8px 24px #0d94884d;transform:translateY(-2px)}.btn-primary:active{color:#fff;transform:scale(.97);box-shadow:0 4px 12px #0d948826}.btn-ghost{background:transparent;color:var(--accent)}.btn-ghost:hover{color:var(--accent-hover);background:var(--accent-soft)}.btn-lg{height:48px;padding:0 28px;font-size:16px}.btn-sm{height:34px;padding:0 16px;font-size:13px}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--separator)}.btn-outline:hover{background:var(--bg-subtle)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--bg-elevated);border-radius:var(--radius-lg);border:.5px solid var(--separator-light);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--dur-base) cubic-bezier(.16,1,.3,1)}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px);border-color:var(--separator)}.input{width:100%;height:44px;padding:0 var(--space-3);border:.5px solid var(--separator);border-radius:var(--radius-sm);font-size:15px;color:var(--text-primary);background:#ffffffb3;outline:none;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:768px){:root{--nav-height: 56px}.container,.container-narrow{padding-left:var(--space-4);padding-right:var(--space-4)}}