:root{--primary:#6c5ce7;--primary-light:#a29bfe;--primary-dark:#5241cc;--accent:#00d2d3;--accent-bright:#00f5f5;--bg:#0a0a0f;--bg-card:#12121a;--bg-card-hover:#1a1a25;--text:#e8e8f0;--text-secondary:#9090a8;--border:#2a2a3a;--gradient:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);--success:#00b894}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.7}.container{max-width:1200px;margin:0 auto;padding:0 24px}.navbar{z-index:100;padding:20px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0a0a0fe6;padding:12px 0}.navbar-inner{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:8px;display:flex}.logo-icon{font-size:24px}.logo-text{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-secondary);cursor:pointer;font-size:15px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.btn-contact{background:var(--gradient);border-radius:8px;padding:8px 24px;font-weight:600;color:#fff!important}.btn-contact:hover{opacity:.9}.mobile-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.mobile-toggle span{background:var(--text);border-radius:2px;width:24px;height:2px}.hero{align-items:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#6c5ce726 0%,#0000 70%);width:60%;height:80%;position:absolute;top:-50%;left:-20%}.hero:after{content:"";pointer-events:none;background:radial-gradient(#00d2d31a 0%,#0000 70%);width:50%;height:60%;position:absolute;bottom:-30%;right:-10%}.hero-badge{color:var(--primary-light);background:#6c5ce726;border:1px solid #6c5ce74d;border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:14px;display:inline-block}.hero h1{margin-bottom:24px;font-size:56px;font-weight:800;line-height:1.2}.highlight{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{color:var(--text-secondary);max-width:560px;margin-bottom:40px;font-size:18px}.hero-actions{gap:16px;margin-bottom:60px;display:flex}.btn-primary{background:var(--gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:14px 32px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6c5ce766}.btn-secondary{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;padding:14px 32px;font-size:16px;font-weight:500;transition:border-color .2s}.btn-secondary:hover{border-color:var(--primary)}.btn-full{width:100%}.hero-stats{gap:48px;display:flex}.stat-num{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800}.stat-label{color:var(--text-secondary);margin-top:4px;font-size:14px}.section{padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.section-tag{color:var(--primary-light);background:#6c5ce726;border:1px solid #6c5ce74d;border-radius:16px;margin-bottom:16px;padding:4px 14px;font-size:13px;display:inline-block}.section-header h2{margin-bottom:12px;font-size:36px;font-weight:700}.section-header p{color:var(--text-secondary);font-size:16px}.product-feature-list{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.product-feature{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;gap:16px;padding:24px;transition:all .3s;display:flex}.product-feature:hover{border-color:var(--primary);transform:translateY(-2px)}.pf-icon{flex-shrink:0;font-size:28px}.product-feature h3{margin-bottom:6px;font-size:16px}.product-feature p{color:var(--text-secondary);font-size:13px;line-height:1.6}.scenarios{background:var(--bg-card)}.scenario-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.scenario-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:32px;transition:all .3s}.scenario-card:hover{border-color:var(--accent)}.scenario-icon{margin-bottom:12px;font-size:36px}.scenario-card h3{margin-bottom:16px;font-size:20px}.scenario-problems{margin-bottom:16px}.problem{color:#ff6b6b;padding:4px 0 4px 16px;font-size:13px;position:relative}.problem:before{content:"✕";font-size:11px;position:absolute;left:0}.scenario-solution{background:#00d2d30d;border:1px solid #00d2d333;border-radius:10px;margin-bottom:12px;padding:12px 16px}.solution-tag{color:var(--accent);margin-bottom:6px;font-size:11px;font-weight:600}.scenario-solution p{color:var(--text-secondary);font-size:13px;line-height:1.6}.scenario-result{color:var(--success);font-size:14px;font-weight:700}.steps{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;display:flex}.step{text-align:center;flex:1;min-width:180px;max-width:220px}.step-num{background:var(--gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:20px;font-weight:700;display:flex}.step h3{margin-bottom:8px;font-size:18px}.step p{color:var(--text-secondary);font-size:13px;line-height:1.6}.step-arrow{color:var(--primary);padding-top:14px;font-size:24px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px;display:grid}.pricing-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:16px;padding:32px;transition:all .3s;position:relative}.pricing-card:hover{border-color:var(--primary)}.pricing-card.popular{border-color:var(--primary);box-shadow:0 0 40px #6c5ce726}.pricing-badge{background:var(--gradient);color:#fff;border-radius:12px;padding:4px 16px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-name{margin-bottom:16px;font-size:20px;font-weight:700}.pricing-price{margin-bottom:24px}.price-amount{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:800}.price-unit{color:var(--text-secondary);margin-top:4px;font-size:14px;display:block}.pricing-features{text-align:left;margin-bottom:24px;list-style:none}.pricing-features li{color:var(--text-secondary);padding:6px 0 6px 24px;font-size:14px;position:relative}.pricing-features li:before{content:"✓";color:var(--success);font-weight:700;position:absolute;left:0}.pricing-note{text-align:center;color:var(--text-secondary);font-size:13px}.about-content{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.about-text p{color:var(--text-secondary);margin-bottom:20px;font-size:16px;line-height:1.8}.feature{border-bottom:1px solid var(--border);gap:20px;padding:24px 0;display:flex}.feature:last-child{border-bottom:none}.feature-num{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:32px;font-weight:800}.feature-text{padding-top:6px;font-size:16px}.contact{background:var(--bg-card)}.contact-grid{grid-template-columns:1fr 2fr;gap:60px;display:grid}.contact-item{gap:16px;margin-bottom:24px;display:flex}.contact-icon{font-size:24px}.contact-label{color:var(--text-secondary);margin-bottom:4px;font-size:13px}.contact-value{font-weight:600}.contact-guarantee{background:#00b8940d;border:1px solid #00b89433;border-radius:12px;margin-top:32px;padding:20px}.guarantee-title{color:var(--success);margin-bottom:8px;font-weight:700}.guarantee-item{color:var(--text-secondary);padding:3px 0;font-size:13px}.contact-form{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);font-size:13px}.form-group input,.form-group select,.form-group textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:10px;outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary)}.form-group select{cursor:pointer}.form-group textarea{resize:vertical}.btn-submit{align-self:flex-start;margin-top:8px}.footer{border-top:1px solid var(--border);padding:32px 0}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-brand{align-items:center;gap:8px;font-weight:600;display:flex}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--text-secondary);font-size:13px;text-decoration:none}.footer-links a:hover{color:var(--text)}.footer-copy{color:var(--text-secondary);font-size:13px}.footer-beian{margin-top:4px;font-size:11px}.footer-beian a{color:var(--text-secondary);text-decoration:none}.footer-beian a:hover{color:var(--primary-light)}@media (width<=768px){.hero h1{font-size:36px}.hero-stats{gap:24px}.stat-num{font-size:24px}.product-feature-list,.scenario-grid,.pricing-grid,.about-content,.contact-grid,.form-row{grid-template-columns:1fr}.steps{flex-direction:column;align-items:center}.step-arrow{transform:rotate(90deg)}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ffa;flex-direction:column;gap:16px;padding:20px;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open,.mobile-toggle{display:flex}.footer-inner{text-align:center;flex-direction:column;gap:12px}.footer-links{display:none}}
