.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}:root{--color-primary: #e94560;--color-primary-hover: #ff6b8a;--color-primary-glow: rgba(233, 69, 96, .4);--color-primary-light: rgba(233, 69, 96, .15);--color-primary-dark: #c73a52;--bg-deep: #0a0a14;--bg-dark: #12121e;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--bg-glass: rgba(18, 18, 30, .85);--bg-gradient: linear-gradient(135deg, #0a0a14 0%, #12121e 40%, #1a1a2e 100%);--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6a6a7a;--text-disabled: #404050;--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(233, 69, 96, .3);--glow-primary: 0 0 30px rgba(233, 69, 96, .25);--glow-soft: 0 0 60px rgba(233, 69, 96, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--shadow-glow: 0 8px 32px rgba(233, 69, 96, .2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 50px;--radius-round: 50%;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--container-width: 1200px;--container-padding: 20px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(ellipse at 20% 20%,rgba(233,69,96,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(100,80,200,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(233,69,96,.04) 0%,transparent 70%);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:-1;opacity:.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;letter-spacing:-.02em}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding)}.glass-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.glass-card:hover{background:var(--bg-card-hover);border-color:#ffffff1f;transform:translateY(-4px);box-shadow:var(--shadow-md)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 36px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--text-primary);font-family:var(--font-display);font-size:15px;font-weight:600;border-radius:var(--radius-pill);transition:all var(--transition-normal);box-shadow:var(--shadow-glow);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--glow-primary),var(--shadow-lg)}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 36px;background:transparent;color:var(--text-primary);font-family:var(--font-display);font-size:15px;font-weight:500;border:1px solid var(--border-color);border-radius:var(--radius-pill);transition:all var(--transition-normal)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}::selection{background:var(--color-primary);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-fade-in{animation:fadeIn .4s ease forwards}@media (max-width: 768px){:root{--container-padding: 16px}html{font-size:15px}}