:root{--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-primary-800:#312e81;--color-primary-900:#1e1b4b;--color-gold-400:#fbbf24;--color-gold-500:#f59e0b;--color-gold-600:#d97706;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-success:#22c55e;--color-danger:#ef4444;--font-heading:"Plus Jakarta Sans", "Noto Sans SC", sans-serif;--font-body:"Noto Sans SC", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--section-padding:100px 0;--container-max:1200px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.hero-gradient{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 40%,#4338ca 100%);position:relative;overflow:hidden}.grain-overlay:before{content:"";opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:absolute;inset:0}.orb{filter:blur(80px);opacity:.3;pointer-events:none;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#818cf8,#0000);width:400px;height:400px;animation:8s ease-in-out infinite float-orb-1;top:-100px;right:-100px}.orb-2{background:radial-gradient(circle,#f59e0b,#0000);width:300px;height:300px;animation:10s ease-in-out infinite float-orb-2;bottom:-50px;left:-50px}.orb-3{background:radial-gradient(circle,#6366f1,#0000);width:250px;height:250px;animation:12s ease-in-out infinite float-orb-3;top:40%;left:50%}@keyframes float-orb-1{0%,to{transform:translate(0)}33%{transform:translate(-30px,20px)}66%{transform:translate(20px,-30px)}}@keyframes float-orb-2{0%,to{transform:translate(0)}33%{transform:translate(40px,-20px)}66%{transform:translate(-20px,30px)}}@keyframes float-orb-3{0%,to{transform:translate(0)}50%{transform:translate(-40px,-40px)}}.glass-card{-webkit-backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px}.glass-card-light{-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 4px 24px #0000000f}.btn-gold{color:#fff!important;background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:none!important;border-radius:12px!important;height:48px!important;padding:0 32px!important;font-size:16px!important;font-weight:600!important;transition:all .3s!important;box-shadow:0 4px 24px #f59e0b59!important}.btn-gold:hover{transform:translateY(-2px)!important;box-shadow:0 8px 32px #f59e0b80!important}.btn-outline-light{color:#fff!important;background:0 0!important;border:2px solid #fff6!important;border-radius:12px!important;height:48px!important;padding:0 32px!important;font-size:16px!important;font-weight:500!important;transition:all .3s!important}.btn-outline-light:hover{color:#fff!important;background:#ffffff1a!important;border-color:#fffc!important}.fade-in-section{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.fade-in-section.visible{opacity:1;transform:translateY(0)}.feature-card{border:1px solid var(--color-gray-200);cursor:default;background:#fff;border-radius:16px;padding:32px;transition:all .3s}.feature-card:hover{border-color:var(--color-primary-200);transform:translateY(-6px);box-shadow:0 12px 40px #6366f11f}.feature-card .feature-icon{background:var(--color-primary-50);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;font-size:28px;display:flex}.feature-card h3{color:var(--color-gray-900);margin:0 0 8px;font-size:18px}.feature-card p{color:var(--color-gray-500);margin:0;font-size:14px;line-height:1.6}.pricing-card{border:2px solid var(--color-gray-200);text-align:center;background:#fff;border-radius:20px;padding:40px 32px;transition:all .3s;position:relative}.pricing-card.featured{border-color:var(--color-gold-500);transform:scale(1.02);box-shadow:0 8px 40px #f59e0b26}.pricing-card.featured:before{content:"推荐";color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;padding:4px 16px;font-size:13px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.pricing-card.featured:hover{transform:scale(1.02)translateY(-4px);box-shadow:0 12px 40px #f59e0b33}.pricing-card .price{font-family:var(--font-heading);color:var(--color-gray-900);margin:16px 0 4px;font-size:48px;font-weight:800;line-height:1}.pricing-card .price-unit{color:var(--color-gray-500);font-size:16px;font-weight:400}.pricing-card .feature-list{text-align:left;margin:24px 0;padding:0;list-style:none}.pricing-card .feature-list li{color:var(--color-gray-600);align-items:center;gap:8px;padding:8px 0;font-size:14px;display:flex}.pricing-card .feature-list li .check{color:var(--color-success);font-weight:700}.step-card{text-align:center;padding:32px 24px}.step-card .step-number{background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-700));color:#fff;width:56px;height:56px;font-family:var(--font-heading);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:24px;font-weight:800;display:flex}.step-card h3{margin:0 0 8px;font-size:18px}.step-card p{color:var(--color-gray-500);margin:0;font-size:14px;line-height:1.6}.section{padding:var(--section-padding)}.section-title{text-align:center;color:var(--color-gray-900);margin-bottom:16px;font-size:36px;font-weight:800}.section-subtitle{text-align:center;color:var(--color-gray-500);max-width:600px;margin-bottom:56px;margin-left:auto;margin-right:auto;font-size:16px}.site-navbar{z-index:1000;padding:16px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.site-navbar.scrolled{-webkit-backdrop-filter:blur(16px);background:#1e1b4bd9;padding:10px 0;box-shadow:0 4px 24px #00000026}.site-navbar .nav-inner{max-width:var(--container-max);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.site-navbar .logo{font-family:var(--font-heading);color:#fff;letter-spacing:-.5px;font-size:24px;font-weight:800;text-decoration:none}.site-navbar .logo span{color:var(--color-gold-500)}.site-navbar .nav-links{align-items:center;gap:32px;margin:0;padding:0;list-style:none;display:flex}.site-navbar .nav-links a{color:#ffffffbf;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.site-navbar .nav-links a:hover{color:#fff}.site-navbar .nav-actions{align-items:center;gap:12px;display:flex}.site-footer{background:var(--color-gray-900);color:var(--color-gray-400);padding:48px 0 32px}.site-footer a{color:var(--color-gray-400);text-decoration:none;transition:color .2s}.site-footer a:hover{color:#fff}.auth-page{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 40%,#4338ca 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffff2;border-radius:24px;width:100%;max-width:440px;padding:48px 40px;box-shadow:0 24px 64px #00000040}.auth-card h1{text-align:center;color:var(--color-gray-900);margin:0 0 8px;font-size:28px}.auth-card .auth-subtitle{text-align:center;color:var(--color-gray-500);margin:0 0 32px;font-size:14px}.admin-sidebar{background:linear-gradient(#1e1b4b 0%,#312e81 100%)!important}.admin-sidebar .ant-menu{background:0 0!important}.stats-card{overflow:hidden;border:1px solid var(--color-gray-200)!important;border-radius:16px!important}.stats-card .ant-card-body{padding:24px!important}@media (width<=768px){:root{--section-padding:60px 0}.section-title{font-size:28px}.site-navbar .nav-links{display:none}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-4px)}}@media (width<=480px){.auth-card{margin:16px;padding:32px 24px}}