.app-container{min-height:100vh;background:var(--color-bg-primary)}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .4s cubic-bezier(.22,1,.36,1)}.page-fade-enter-from,.page-fade-leave-to{opacity:0}:root{--color-primary: oklch(.45 .12 145);--color-primary-light: oklch(.55 .1 145);--color-primary-dark: oklch(.35 .14 145);--color-secondary: oklch(.85 .08 150);--color-secondary-dark: oklch(.75 .1 150);--color-accent: oklch(.65 .12 85);--color-accent-light: oklch(.75 .1 85);--color-bg-primary: oklch(.98 .01 85);--color-bg-secondary: oklch(.96 .015 90);--color-bg-card: oklch(.99 .008 85);--color-text-primary: oklch(.25 .02 145);--color-text-secondary: oklch(.45 .02 145);--color-text-muted: oklch(.6 .02 145);--color-border: oklch(.88 .02 145);--color-success: oklch(.6 .15 145);--color-warning: oklch(.7 .15 85);--color-error: oklch(.55 .2 25);--dark-bg: oklch(.13 .04 145);--dark-surface: oklch(.17 .05 145);--dark-surface-elevated: oklch(.21 .05 145);--dark-text: oklch(.9 .02 145);--dark-text-secondary: oklch(.7 .03 145);--dark-gold: oklch(.72 .14 85);--dark-green-glow: oklch(.45 .1 145);--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;--font-serif: "Noto Serif SC", "Songti SC", serif;--font-sans: "Noto Sans SC", "PingFang SC", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: clamp(2.5rem, 5vw, 4.5rem);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .03);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .05), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .05), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .05), 0 8px 10px -6px rgb(0 0 0 / .05);--shadow-glow: 0 0 40px oklch(.45 .1 145 / .15);--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-base: .3s cubic-bezier(.16, 1, .3, 1);--transition-slow: .5s cubic-bezier(.16, 1, .3, 1);--transition-cinematic: .8s cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;scroll-snap-type:y proximity}body{font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600;line-height:1.3}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}::selection{background:var(--color-primary);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#93a4934d;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#67766780}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes scrollHint{0%{transform:translateY(0);opacity:.6}50%{transform:translateY(12px);opacity:1}to{transform:translateY(0);opacity:.6}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
