:root{--primary: #00d4ff;--primary-dark: #0099cc;--secondary: #ff6b35;--bg-dark: #0a0e17;--bg-card: rgba(15, 25, 45, .8);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--gradient-primary: linear-gradient(135deg, #00d4ff 0%, #0066ff 100%);--gradient-accent: linear-gradient(135deg, #ff6b35 0%, #ff3366 100%);--glass: rgba(255, 255, 255, .05);--border-glass: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Noto Sans SC,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-display{font-family:Orbitron,sans-serif}.glass{background:#ffffff08;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px}.glow{box-shadow:0 0 30px #00d4ff4d}.glow-text{text-shadow:0 0 20px rgba(0,212,255,.5)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 36px;border-radius:980px;font-weight:500;font-size:1rem;cursor:pointer;transition:all .4s cubic-bezier(.25,.1,.25,1);border:none;text-decoration:none;position:relative;overflow:hidden}.btn: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:hover:before{left:100%}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #00d4ff4d}.btn-primary:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 10px 30px #00d4ff66,0 0 20px #00d4ff33}.btn-primary:active{transform:scale(.98)}.btn-outline{background:#ffffff0d;border:1.5px solid rgba(0,212,255,.5);color:var(--primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{background:#00d4ff1a;border-color:var(--primary);transform:scale(1.05) translateY(-2px);box-shadow:0 10px 30px #00d4ff33}.btn-outline:active{transform:scale(.98)}.card{background:var(--bg-card);border-radius:24px;padding:2rem;border:1px solid var(--border-glass);transition:all .5s cubic-bezier(.25,.1,.25,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.card:hover{transform:translateY(-8px) scale(1.01);border-color:#00d4ff4d;box-shadow:0 30px 60px #0000004d,0 0 40px #00d4ff1a}.stat-number{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-title .highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;max-width:600px}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.fade-slide-enter-active{transition:all .8s cubic-bezier(.25,.1,.25,1)}.fade-slide-leave-active{transition:all .5s cubic-bezier(.25,.1,.25,1)}.fade-slide-enter-from{opacity:0;transform:scale(.96) translateY(20px);filter:blur(10px)}.fade-slide-leave-to{opacity:0;transform:scale(1.02);filter:blur(5px)}.slide-left-enter-active,.slide-left-leave-active{transition:all .7s cubic-bezier(.25,.1,.25,1)}.slide-left-enter-from{opacity:0;transform:translate(60px) scale(.98);filter:blur(8px)}.slide-left-leave-to{opacity:0;transform:translate(-60px) scale(.98);filter:blur(8px)}.slide-right-enter-active,.slide-right-leave-active{transition:all .7s cubic-bezier(.25,.1,.25,1)}.slide-right-enter-from{opacity:0;transform:translate(-60px) scale(.98);filter:blur(8px)}.slide-right-leave-to{opacity:0;transform:translate(60px) scale(.98);filter:blur(8px)}.scale-enter-active,.scale-leave-active{transition:all .6s cubic-bezier(.25,.1,.25,1)}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.92);filter:blur(12px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-60px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(60px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8);filter:blur(20px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 30px #00d4ff33,0 0 60px #00d4ff1a}50%{box-shadow:0 0 50px #00d4ff66,0 0 100px #00d4ff33}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.animate-fadeInUp{opacity:0;animation:fadeInUp 1s cubic-bezier(.25,.1,.25,1) forwards}.animate-fadeInLeft{opacity:0;animation:fadeInLeft 1s cubic-bezier(.25,.1,.25,1) forwards}.animate-fadeInRight{opacity:0;animation:fadeInRight 1s cubic-bezier(.25,.1,.25,1) forwards}.animate-fadeInScale{opacity:0;animation:fadeInScale 1.2s cubic-bezier(.25,.1,.25,1) forwards}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse{animation:pulse 3s ease-in-out infinite}.animate-glow{animation:glow 3s ease-in-out infinite}.animate-breathe{animation:breathe 4s ease-in-out infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.35s}.delay-4{animation-delay:.5s}.delay-5{animation-delay:.7s}.delay-6{animation-delay:.9s}.reveal{opacity:0;transform:translateY(60px);transition:all 1s cubic-bezier(.25,.1,.25,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.apple-hover{transition:all .4s cubic-bezier(.25,.1,.25,1)}.apple-hover:hover{transform:scale(1.02) translateY(-4px);box-shadow:0 20px 40px #0000004d}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 2rem;height:56px;display:flex;align-items:center;transition:all .5s cubic-bezier(.25,.1,.25,1);background:#0a0e17b3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.05)}.navbar.scrolled{background:#0a0e17e6;box-shadow:0 1px #ffffff0d}.navbar .nav-container{max-width:1200px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navbar .logo{display:flex;align-items:center;gap:10px;text-decoration:none;transition:all .3s cubic-bezier(.25,.1,.25,1)}.navbar .logo:hover{transform:scale(1.02)}.navbar .logo-img{width:36px;height:36px;object-fit:contain}.navbar .logo-text{font-size:1.25rem;font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.navbar .nav-links{display:flex;align-items:center;gap:2rem}.navbar .nav-links a{color:#fffc;text-decoration:none;font-weight:400;font-size:.9rem;transition:all .3s cubic-bezier(.25,.1,.25,1);position:relative;padding:8px 0}.navbar .nav-links a:not(.btn):not(.version-btn):after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary);transition:all .3s cubic-bezier(.25,.1,.25,1);transform:translate(-50%);border-radius:2px}.navbar .nav-links a:hover{color:#fff}.navbar .nav-links a:hover:after{width:100%}.navbar .nav-links a.router-link-active{color:#fff}.navbar .nav-links a.router-link-active:after{width:100%}.navbar .nav-links .join-btn,.navbar .nav-links .version-btn{padding:8px 18px;font-size:.85rem;border-radius:980px}.navbar .nav-links .version-btn{padding:6px 14px;font-size:.8rem}.navbar .menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px}.navbar .menu-toggle span{width:22px;height:2px;background:var(--text-primary);transition:all .3s cubic-bezier(.25,.1,.25,1);border-radius:2px}.footer{margin-top:auto;padding:5rem 2rem 1.5rem;background:linear-gradient(180deg,transparent 0%,rgba(0,10,20,.9) 100%)}.footer-content{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.footer-brand .footer-logo{width:50px;height:50px;margin-bottom:1.2rem;opacity:.9}.footer-brand h3{font-size:1.2rem;margin-bottom:.6rem;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.footer-brand p{color:#fff6;font-size:.9rem}.footer-links h4,.footer-contact h4{font-size:.85rem;margin-bottom:1.2rem;color:#ffffffe6;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.footer-links a,.footer-links p,.footer-contact a,.footer-contact p{display:block;color:#fff6;text-decoration:none;margin-bottom:.6rem;font-size:.9rem;transition:color .3s ease}.footer-links a:hover,.footer-links p:hover,.footer-contact a:hover,.footer-contact p:hover{color:var(--primary)}.footer-bottom{text-align:center;padding-top:1.5rem;color:#ffffff4d;font-size:.8rem}.footer-bottom .beian-links{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:.8rem;flex-wrap:wrap}.footer-bottom .beian-links a{color:#fff6;text-decoration:none;font-size:.8rem;transition:color .3s ease}.footer-bottom .beian-links a:hover{color:var(--primary)}.footer-bottom .beian-links .gongan-link{display:flex;align-items:center;gap:.4rem}.footer-bottom .beian-links .gongan-link .gongan-icon{width:16px;height:16px}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;width:3px;height:3px;background:var(--primary);border-radius:50%;opacity:.15;animation:particleFloat 15s infinite ease-in-out}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.1}25%{transform:translateY(-80px) translate(30px) scale(1.2);opacity:.2}50%{transform:translateY(-150px) translate(60px) scale(.8);opacity:.15}75%{transform:translateY(-80px) translate(90px) scale(1.1);opacity:.2}}.main-content{position:relative;z-index:1;min-height:100vh}.main-content.home-main{padding-top:0}.app.is-home .navbar.home-nav{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none}.app.is-home .navbar.home-nav.scrolled{background:#0a0e17d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.05)}@media(max-width:768px){.navbar .nav-links{position:fixed;top:80px;left:0;right:0;background:#0a0e17fa;flex-direction:column;padding:2rem;transform:translateY(-100%);opacity:0;pointer-events:none;transition:all .3s ease}.navbar .nav-links.active{transform:translateY(0);opacity:1;pointer-events:all}.navbar .menu-toggle{display:flex}.footer-content{grid-template-columns:1fr;text-align:center}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:56px}.hero-bg{position:absolute;inset:0;z-index:0}.hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,212,255,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(120,0,255,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 20% 80%,rgba(0,102,255,.1) 0%,transparent 50%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem}.hero-title{font-size:clamp(3rem,8vw,5.5rem);line-height:1.05;margin-bottom:1.5rem;letter-spacing:-.03em;font-weight:700}.hero-title .line1{display:block;background:linear-gradient(135deg,#00d4ff,#09f,#00d4ff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}.hero-title .line2{display:block;font-size:.4em;color:#ffffffe6;margin-top:.8rem;font-weight:500;letter-spacing:.02em}.hero-subtitle{font-size:1.2rem;color:#fff9;margin-bottom:2.5rem;max-width:480px;line-height:1.6;font-weight:400}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-actions .btn{display:inline-flex;align-items:center;gap:8px}.hero-visual{display:flex;justify-content:center;align-items:center}.plane-container{position:relative;width:320px;height:320px;display:flex;align-items:center;justify-content:center;animation:float 5s ease-in-out infinite}.plane-container .plane-glow{position:absolute;width:240px;height:240px;background:radial-gradient(circle,rgba(0,212,255,.3) 0%,transparent 70%);border-radius:50%;animation:breathe 4s ease-in-out infinite}.plane-container .plane-icon{width:160px;height:160px;fill:var(--primary);filter:drop-shadow(0 0 40px rgba(0,212,255,.4));position:relative;z-index:1;transition:all .5s cubic-bezier(.25,.1,.25,1)}.plane-container:hover .plane-icon{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 60px rgba(0,212,255,.6))}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.scroll-indicator svg{animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.stats-section{padding:6rem 0;position:relative}.stats-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.stat-card{text-align:center;padding:2.5rem 2rem;transition:all .5s cubic-bezier(.25,.1,.25,1)}.stat-card:hover{transform:translateY(-8px) scale(1.02);background:#ffffff0d}.stat-card .stat-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem;font-size:1.6rem;transition:all .4s cubic-bezier(.25,.1,.25,1)}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-card .stat-number{font-size:2.8rem;margin-bottom:.5rem;font-weight:700;letter-spacing:-.02em}.stat-card .stat-label{color:#ffffff80;font-size:.95rem}.features-section{padding:6rem 0;background:linear-gradient(180deg,transparent 0%,rgba(0,20,40,.3) 50%,transparent 100%)}.features-section .section-header{text-align:center;margin-bottom:4rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.features-grid{grid-template-columns:1fr}}.feature-card{text-align:center;transition:all .5s cubic-bezier(.25,.1,.25,1)}.feature-card .feature-icon{width:88px;height:88px;border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.8rem;font-size:2.8rem;transition:all .5s cubic-bezier(.25,.1,.25,1)}.feature-card:hover .feature-icon{transform:scale(1.15) rotate(5deg)}.feature-card h3{font-size:1.4rem;margin-bottom:.8rem;font-weight:600;letter-spacing:-.01em}.feature-card p{color:#ffffff80;line-height:1.7;font-size:.95rem}.cta-section{padding:8rem 0}.cta-card{text-align:center;padding:5rem 4rem;background:linear-gradient(135deg,#00d4ff14,#0066ff14);border-radius:32px;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.5),transparent)}.cta-card h2{font-size:3rem;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;letter-spacing:-.02em}.cta-card p{color:#fff9;font-size:1.15rem;margin-bottom:2.5rem}.cta-card .cta-info{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2.5rem}.cta-card .cta-info .qq-label{color:#ffffff80}.cta-card .cta-info .qq-number{font-size:2.2rem;color:var(--primary);font-weight:600;letter-spacing:.02em}@media(max-width:768px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-visual{display:none}.cta-card{padding:2rem}.cta-card h2{font-size:1.8rem}}