:root{--bg: #060913;--bg-soft: #0a0f1f;--bg-elev: #0e1428;--text: #eef1f8;--text-2: #a6aec6;--text-3: #6b7490;--primary: #4f7cff;--violet: #5a7bff;--cyan: #38bdf8;--grad: linear-gradient(135deg, #4f7cff 0%, #3d6df5 48%, #38bdf8 100%);--grad-soft: linear-gradient(135deg, rgba(79, 124, 255, .16), rgba(56, 189, 248, .12));--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--glass: rgba(255, 255, 255, .035);--glass-strong: rgba(255, 255, 255, .06);--glow: 0 0 0 1px rgba(79, 124, 255, .16), 0 6px 22px rgba(79, 124, 255, .18);--glow-cyan: 0 0 24px rgba(56, 189, 248, .16);--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 30px;--maxw: 1200px;--font: "Inter", "SF Pro Display", -apple-system, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}::selection{background:#4f7cff59;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#1c2440;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#2a3560}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.section{position:relative;padding:56px 0}.section-head{text-align:center;max-width:720px;margin:0 auto 36px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--cyan);background:#22d3ee14;border:1px solid rgba(34,211,238,.2);margin-bottom:18px}.section-head h2{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:16px}.section-head p{font-size:17px;color:var(--text-2)}.grad-text{background:var(--grad);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:gradShift 6s ease infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:transform .2s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{color:#fff;background:var(--grad);box-shadow:0 1px 2px #0000004d}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-ghost{color:var(--text);background:var(--glass);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--glass-strong);border-color:#ffffff3d;transform:translateY(-2px)}.btn-lg{padding:16px 34px;font-size:16px;border-radius:14px}.card{background:var(--glass);border:1px solid var(--border);border-radius:var(--r-md);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.bg-aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;pointer-events:none}.bg-aurora:before,.bg-aurora:after{content:"";position:absolute;width:640px;height:640px;border-radius:50%;filter:blur(120px);opacity:.42}.bg-aurora:before{background:radial-gradient(circle,rgba(79,124,255,.42),transparent 70%);top:-180px;left:-120px;animation:drift 18s ease-in-out infinite alternate}.bg-aurora:after{background:radial-gradient(circle,rgba(56,189,248,.34),transparent 70%);bottom:-200px;right:-120px;animation:drift 22s ease-in-out infinite alternate-reverse}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(120,160,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(120,160,255,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%)}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(60px,40px) scale(1.15)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .7s ease both}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.nav{position:sticky;top:0;z-index:100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#060913b8;border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:68px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.01em}.brand-logo{width:32px;height:32px;border-radius:9px;background:var(--grad);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:var(--glow)}.nav-links{display:flex;align-items:center;gap:30px;list-style:none}.nav-links a{font-size:14.5px;color:var(--text-2);transition:color .2s ease}.nav-links a:hover{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;justify-content:flex-end}.nav-actions .btn{padding:8px 16px;font-size:14px}.hero{position:relative;padding:56px 0 40px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--text);background:var(--glass);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.hero h1{font-size:clamp(40px,7vw,72px);font-weight:900;letter-spacing:-.03em;line-height:1.08;margin:26px 0 22px}.hero-sub{font-size:clamp(16px,2.2vw,19px);color:var(--text-2);max-width:640px;margin:0 auto 34px}.hero-cta{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.hero-note{font-size:13px;color:var(--text-3)}.hero-stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;margin-top:48px}.hero-stat b{font-size:28px;font-weight:800;display:block;letter-spacing:-.02em}.hero-stat span{font-size:13.5px;color:var(--text-3)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-card{padding:30px 26px;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-6px);border-color:#4f7cff52;box-shadow:0 20px 50px #0006,0 0 0 1px #4f7cff1f}.feature-card .ic{width:46px;height:46px;border-radius:12px;background:var(--grad-soft);border:1px solid rgba(79,124,255,.22);display:grid;place-items:center;margin-bottom:18px;font-size:22px}.feature-card h3{font-size:18px;font-weight:700;margin-bottom:10px}.feature-card p{font-size:14.5px;color:var(--text-2);line-height:1.65}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.step{padding:30px 26px;position:relative}.step .num{font-size:15px;font-weight:800;color:var(--cyan);background:#22d3ee1a;border:1px solid rgba(34,211,238,.25);width:40px;height:40px;border-radius:12px;display:grid;place-items:center;margin-bottom:18px}.step h3{font-size:18px;font-weight:700;margin-bottom:10px}.step p{font-size:14.5px;color:var(--text-2)}.pricing-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:860px;margin:0 auto}.pricing-card{padding:40px 38px;position:relative;text-align:center;background:linear-gradient(180deg,#4f7cff14,#06091366);border:1px solid rgba(79,124,255,.24)}.pricing-card .badge-pop{position:absolute;top:-13px;left:50%;transform:translate(-50%);padding:5px 14px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;background:var(--grad);box-shadow:var(--glow);white-space:nowrap}.pricing-card .name{font-size:17px;font-weight:700;color:var(--text-2);margin-top:6px}.pricing-card .price{font-size:56px;font-weight:900;letter-spacing:-.03em;margin:10px 0 4px}.pricing-card .price small{font-size:20px;font-weight:600;color:var(--text-2)}.pricing-card .desc{font-size:14px;color:var(--text-3);margin-bottom:26px}.pricing-features{list-style:none;text-align:left;margin-bottom:30px;display:grid;gap:12px}.pricing-features li{display:flex;gap:10px;font-size:14.5px;color:var(--text-2)}.pricing-features li:before{content:"✓";color:var(--cyan);font-weight:700}.faq-list{max-width:720px;margin:0 auto;display:grid;gap:14px}.faq-item{padding:22px 26px}.faq-item h4{font-size:16px;font-weight:700;margin-bottom:8px}.faq-item p{font-size:14.5px;color:var(--text-2)}.cta-banner{position:relative;text-align:center;padding:48px 32px;border-radius:var(--r-xl);overflow:hidden;background:linear-gradient(135deg,#4f7cff29,#7c5cff24,#22d3ee1f);border:1px solid rgba(79,124,255,.24)}.cta-banner h2{font-size:clamp(26px,4vw,40px);font-weight:800;letter-spacing:-.02em;margin-bottom:14px}.cta-banner p{color:var(--text-2);margin-bottom:28px}.footer{border-top:1px solid var(--border);padding:32px 0;margin-top:24px}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-links{display:flex;gap:24px;font-size:13.5px;color:var(--text-3)}.footer-links a:hover{color:var(--text)}.footer-icp{text-align:center;padding:18px 24px 4px;font-size:12.5px;color:var(--text-3)}.footer-icp a{color:var(--text-3);transition:color .2s ease}.footer-icp a:hover{color:var(--text-2)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:40px 20px}.auth-card{width:100%;max-width:400px;padding:38px 34px}.auth-card h2{font-size:24px;font-weight:800;margin-bottom:6px}.auth-card .sub{font-size:14px;color:var(--text-3);margin-bottom:26px}.field{margin-bottom:16px}.field label{display:block;font-size:13.5px;color:var(--text-2);margin-bottom:7px}.field input{width:100%;padding:12px 14px;border-radius:11px;border:1px solid var(--border-strong);background:var(--glass);color:var(--text);font-size:15px;font-family:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.field input:focus{border-color:#4f7cff99;box-shadow:0 0 0 3px #4f7cff26}.auth-card .btn-primary{width:100%;margin-top:6px}.auth-switch{text-align:center;font-size:14px;color:var(--text-3);margin-top:18px}.auth-switch a{color:var(--cyan)}.form-error{color:#ff6b7a;font-size:13.5px;margin:-6px 0 14px}.muted{text-align:center;padding:30px 0;color:var(--text-3);font-size:14.5px}.order-item{padding:16px 18px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--glass);margin-bottom:12px}.order-head{display:flex;justify-content:space-between;align-items:center;font-size:14.5px}.order-status{color:var(--cyan);font-size:13px}.order-meta{font-size:13px;color:var(--text-3);margin-top:6px}.btn:disabled{opacity:.6;cursor:not-allowed}.price-line{font-size:28px;font-weight:800;margin-top:10px;letter-spacing:-.02em}.btn-download{margin-top:12px;font-size:13px;padding:8px 16px}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.mock-pay{margin-top:18px;text-align:center}.mock-qr{width:160px;height:160px;margin:0 auto 14px;border-radius:var(--r-md);background:repeating-conic-gradient(#0d1220 0,#0d1220 25%,#111a30 0,#111a30 50%) 0 0 / 20px 20px;border:1px solid var(--border-strong);display:grid;place-items:center;color:var(--text-2);font-size:13px;font-weight:600}.mock-tip{font-size:13px;color:var(--text-3);margin-bottom:16px}@media(max-width:1080px){.nav-links{display:none}}@media(max-width:900px){.features-grid,.steps{grid-template-columns:1fr}.hero-stats{gap:28px}}@keyframes gradShift{0%,to{background-position:0% center}50%{background-position:100% center}}@keyframes pulse{0%,to{box-shadow:0 0 12px var(--cyan)}50%{box-shadow:0 0 20px var(--cyan),0 0 40px #22d3eea6}}@keyframes borderFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.hero-badge .dot{animation:pulse 2s ease infinite}.feature-card:before,.step:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);background-size:200% auto;opacity:0;transition:opacity .3s ease}.feature-card:hover:before,.step:hover:before{opacity:1;animation:borderFlow 2s linear infinite}.feature-card .ic{transition:box-shadow .3s ease,transform .3s ease}.feature-card:hover .ic{box-shadow:0 0 24px #4f7cff80;transform:translateY(-2px)}.ver-badge{font-size:12px;padding:2px 8px;border-radius:6px;background:#22d3ee1a;border:1px solid rgba(34,211,238,.25);color:var(--cyan)}.edit-panel{padding:18px 20px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg-soft);margin-bottom:16px}.edit-panel .field{margin-bottom:12px}.edit-panel .field:last-child{margin-bottom:0}
