*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#7c5cfc;--primary-dark:#5b3ef5;--primary-light:#a688fd;--accent:#00d4ff;--bg-dark:#0a0a0f;--bg-card:#12121a;--bg-card2:#1a1a28;--text-primary:#f0f0ff;--text-secondary:#9090b8;--text-muted:#5a5a80;--border:rgba(120,100,255,.15)}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;justify-content:space-between;padding:0 48px;height:64px;background:rgba(10,10,15,.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-logo,.navbar{display:flex;align-items:center}.nav-logo{gap:10px;text-decoration:none}.nav-logo-img{width:36px;height:36px;border-radius:8px;-o-object-fit:contain;object-fit:contain}.nav-logo-text{font-size:20px;font-weight:700;background:linear-gradient(90deg,#fff,var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-btn{padding:8px 20px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.nav-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px rgba(124,92,252,.5)}.nav-btn:disabled{opacity:.7;cursor:not-allowed}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0a0a0f,#0e0e1f 50%,#0a0a14)}.hero-glow{top:20%;left:50%;transform:translateX(-50%);width:800px;background:radial-gradient(ellipse,rgba(124,92,252,.18) 0,transparent 70%)}.hero-glow,.hero-glow2{position:absolute;height:400px;pointer-events:none}.hero-glow2{bottom:10%;right:10%;width:400px;background:radial-gradient(ellipse,rgba(0,212,255,.08) 0,transparent 70%)}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:rgba(124,92,252,.12);border:1px solid rgba(124,92,252,.3);border-radius:100px;font-size:13px;color:var(--primary-light);margin-bottom:28px;position:relative}.badge-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-title{font-size:clamp(42px,7vw,80px);font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:20px}.gradient-text{background:linear-gradient(135deg,#fff 0,var(--primary-light) 50%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(16px,2.5vw,22px);color:var(--text-secondary);max-width:600px;margin:0 auto 48px;line-height:1.7}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.download-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .25s;box-shadow:0 4px 30px rgba(124,92,252,.4);position:relative;overflow:hidden;min-width:240px;justify-content:center}.download-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s}.download-btn:hover:not(:disabled):before{left:100%}.download-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 40px rgba(124,92,252,.6)}.download-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.download-hint{font-size:13px;color:var(--text-muted)}.status-msg{padding:12px 20px;border-radius:10px;font-size:14px;max-width:420px;text-align:center}.status-msg.success{background:rgba(0,212,100,.1);border:1px solid rgba(0,212,100,.3);color:#00d464}.status-msg.error{background:rgba(255,80,80,.1);border:1px solid rgba(255,80,80,.3);color:#ff8080}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.stats-bar{display:flex;align-items:center;justify-content:center;gap:48px;padding:24px 48px;background:rgba(18,18,26,.6);border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap}.stat-item{text-align:center}.stat-value{font-size:28px;font-weight:800;background:linear-gradient(135deg,var(--primary-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:13px;color:var(--text-muted);margin-top:2px}.section{padding:100px 48px;max-width:1200px;margin:0 auto}.section-header{margin-bottom:60px}.section-label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--primary-light);margin-bottom:16px}.section-title{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-1px;margin-bottom:16px}.section-desc{font-size:17px;color:var(--text-secondary);max-width:560px;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:32px;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;transition:opacity .3s}.feature-card:hover{border-color:rgba(124,92,252,.35);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.3)}.feature-card:hover:before{opacity:1}.feature-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px}.feature-icon.purple{background:rgba(124,92,252,.15)}.feature-icon.blue{background:rgba(0,150,255,.12)}.feature-icon.cyan{background:rgba(0,212,255,.12)}.feature-icon.green{background:rgba(0,212,100,.12)}.feature-icon.orange{background:rgba(255,150,50,.12)}.feature-icon.pink{background:rgba(255,80,160,.12)}.feature-title{font-size:18px;font-weight:700;margin-bottom:10px}.feature-badge{display:inline-block;padding:2px 8px;background:rgba(124,92,252,.2);border-radius:4px;font-size:11px;font-weight:700;color:var(--primary-light);margin-left:8px;vertical-align:middle}.feature-desc{font-size:14px;color:var(--text-secondary);line-height:1.7}.highlight-section{background:linear-gradient(135deg,rgba(124,92,252,.06),rgba(0,212,255,.04));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.highlight-inner{max-width:1200px;margin:0 auto;padding:100px 48px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.highlight-visual{background:var(--bg-card2);border:1px solid var(--border);border-radius:20px;height:320px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.visual-orb{position:absolute;border-radius:50%}.orb1{width:200px;height:200px;background:radial-gradient(circle,rgba(124,92,252,.15),transparent);top:-50px;right:-50px}.orb2{width:150px;height:150px;background:radial-gradient(circle,rgba(0,212,255,.1),transparent);bottom:-30px;left:-30px}.visual-center{text-align:center;position:relative;z-index:1}.visual-emoji{font-size:64px;display:block;margin-bottom:12px}.visual-text{font-size:14px;color:var(--text-muted)}.progress-track{margin-top:20px;width:200px;background:hsla(0,0%,100%,.06);border-radius:100px;height:4px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:100px;animation:progress 2s ease-in-out infinite alternate}@keyframes progress{0%{width:30%}to{width:85%}}.steps-section{background:var(--bg-dark)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;margin-top:60px;position:relative}.steps-grid:before{content:"";position:absolute;top:28px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--border),var(--border),transparent)}.step-item{text-align:center;padding:0 24px}.step-number{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;margin:0 auto 20px;box-shadow:0 0 0 6px rgba(124,92,252,.12);position:relative;z-index:1}.step-title{font-size:16px;font-weight:700;margin-bottom:8px}.step-desc{font-size:13px;color:var(--text-secondary);line-height:1.6}.cta-section{text-align:center;padding:120px 48px;position:relative;overflow:hidden}.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(124,92,252,.15),transparent 70%);pointer-events:none}.cta-title{font-size:clamp(32px,5vw,56px);font-weight:800;letter-spacing:-1px;margin-bottom:16px;position:relative}.cta-desc{font-size:17px;color:var(--text-secondary);margin-bottom:40px;position:relative}.cta-hint{margin-top:12px;font-size:13px;color:var(--text-muted)}.footer{border-top:1px solid var(--border);padding:40px 48px;text-align:center}.footer-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.footer-logo-img{width:24px;height:24px;border-radius:6px;-o-object-fit:contain;object-fit:contain}.footer-brand{font-size:16px;font-weight:700;color:var(--text-secondary)}.footer-links{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:20px;flex-wrap:wrap}.footer-links a{font-size:13px;color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-secondary)}.footer-copy{font-size:12px;color:var(--text-muted)}.modal-mask{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}.modal-box{background:var(--bg-card2);border:1px solid var(--border);border-radius:20px;width:100%;max-width:760px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 80px rgba(0,0,0,.6)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-title-wrap{display:flex;align-items:center;gap:10px}.modal-title{font-size:18px;font-weight:700}.modal-version{font-size:12px;color:var(--text-muted);padding:2px 8px;border-radius:100px}.modal-close,.modal-version{background:hsla(0,0%,100%,.06)}.modal-close{width:36px;height:36px;border-radius:8px;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.modal-close:hover{background:hsla(0,0%,100%,.12);color:var(--text-primary)}.modal-body{overflow-y:auto;padding:28px;flex:1;scrollbar-width:thin;scrollbar-color:rgba(124,92,252,.3) transparent}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-thumb{background:rgba(124,92,252,.3);border-radius:2px}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 0;color:var(--text-muted);font-size:14px}.modal-error{padding:40px 0;text-align:center;color:#ff8080;font-size:14px}.modal-content{font-size:14px;color:var(--text-secondary);line-height:1.9}.modal-content h1,.modal-content h2,.modal-content h3{color:var(--text-primary);font-weight:700;margin:24px 0 12px}.modal-content h1{font-size:20px}.modal-content h2{font-size:17px}.modal-content h3{font-size:15px}.modal-content p{margin-bottom:12px}.modal-content a{color:var(--primary-light);text-decoration:underline}.modal-content ol,.modal-content ul{padding-left:20px;margin-bottom:12px}.modal-content li{margin-bottom:6px}.modal-content strong{color:var(--text-primary);font-weight:600}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .25s}.modal-fade-enter,.modal-fade-leave-to{opacity:0}@media (max-width:768px){.navbar{padding:0 20px}.highlight-inner,.section{padding:60px 20px}.highlight-inner{grid-template-columns:1fr;gap:40px}.stats-bar{gap:24px;padding:20px}.steps-grid:before{display:none}.cta-section{padding:80px 20px}.footer{padding:30px 20px}}