:root{--primary:#1890ff;--primary-dark:#096dd9;--primary-light:#e6f7ff;--text:#333;--text-light:#666;--text-lighter:#999;--bg:#fff;--bg-light:#f5f7fa;--bg-dark:#001529;--border:#e8e8e8}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}ul{list-style:none}#root{flex-direction:column;min-height:100vh;display:flex}.header{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;transition:box-shadow .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 4px #00000014}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.logo{color:var(--primary);align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.logo-icon{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:flex}.nav{gap:32px;display:flex}.nav a{color:var(--text);font-size:15px;transition:color .2s}.nav a:hover{color:var(--primary)}.mobile-toggle{color:var(--text);cursor:pointer;background:0 0;border:none;padding:4px;font-size:22px;display:none}@media (width<=768px){.nav{background:#fff;flex-direction:column;gap:16px;padding:16px 24px;display:none;position:absolute;top:64px;left:0;right:0;box-shadow:0 4px 12px #0000001a}.nav.open{display:flex}.mobile-toggle{display:block}}.hero{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;text-align:center;margin-top:64px;padding:100px 24px 120px;position:relative;overflow:hidden}.hero:before{content:"";background:#ffffff0f;border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.hero:after{content:"";background:#ffffff0a;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-30%;left:-10%}.hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.hero h1{letter-spacing:-.5px;margin-bottom:20px;font-size:48px;font-weight:700}.hero p{opacity:.9;margin-bottom:40px;font-size:20px;line-height:1.6}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:14px 36px;font-size:16px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{color:var(--primary);background:#fff}.btn-primary:hover{background:var(--primary-light)}.btn-outline{color:#fff;background:0 0;border:1px solid #ffffff80}.btn-outline:hover{background:#ffffff1a;border-color:#fff}@media (width<=768px){.hero{padding:60px 20px 80px}.hero h1{font-size:32px}.hero p{margin-bottom:32px;font-size:16px}.btn{padding:12px 28px;font-size:15px}}.features{background:var(--bg);padding:80px 24px}.section-title{text-align:center;margin-bottom:60px}.section-title h2{color:var(--text);margin-bottom:12px;font-size:32px;font-weight:700}.section-title p{color:var(--text-light);font-size:16px}.features-grid{grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto;display:grid}.feature-card{background:var(--bg-light);border-radius:12px;padding:40px 32px;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.feature-icon{background:var(--primary-light);border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;font-size:28px;display:flex}.feature-card h3{color:var(--text);margin-bottom:12px;font-size:20px;font-weight:600}.feature-card p{color:var(--text-light);font-size:15px;line-height:1.6}@media (width<=768px){.features{padding:60px 20px}.section-title{margin-bottom:40px}.section-title h2{font-size:26px}.features-grid{grid-template-columns:1fr;gap:20px}.feature-card{padding:28px 24px}}.process{background:var(--bg-light);padding:80px 24px}.process-steps{grid-template-columns:repeat(4,1fr);gap:24px;max-width:1000px;margin:0 auto;display:grid}.step{text-align:center;position:relative}.step-number{background:var(--primary);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{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:600}.step p{color:var(--text-light);font-size:14px;line-height:1.5}@media (width<=768px){.process{padding:60px 20px}.process-steps{grid-template-columns:repeat(2,1fr);gap:32px}}.about{background:var(--bg);padding:80px 24px}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1000px;margin:0 auto;display:grid}.about-text h2{margin-bottom:20px;font-size:32px;font-weight:700}.about-text p{color:var(--text-light);margin-bottom:16px;font-size:15px;line-height:1.8}.about-image{background:var(--bg-light);border-radius:16px;justify-content:center;align-items:center;min-height:320px;padding:48px;display:flex}.about-image-placeholder{text-align:center;color:var(--text-lighter)}.about-image-placeholder .icon{margin-bottom:16px;font-size:64px;display:block}@media (width<=768px){.about{padding:60px 20px}.about-content{grid-template-columns:1fr;gap:32px}.about-text h2{font-size:26px}.about-image{min-height:200px;padding:32px}}.cta{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;text-align:center;padding:80px 24px}.cta h2{margin-bottom:16px;font-size:32px;font-weight:700}.cta>p{opacity:.9;margin-bottom:40px;font-size:18px}.contact-cards{grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto;display:grid}.contact-card{text-align:center;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;padding:32px 24px;transition:background .2s}.contact-card:hover{background:#ffffff2e}.contact-icon{margin-bottom:12px;font-size:36px;display:block}.contact-card h3{color:#fff;margin-bottom:10px;font-size:16px;font-weight:600}.contact-card a,.contact-card span{color:#ffffffd9;word-break:break-all;font-size:15px}.contact-card a:hover{color:#fff}.cta-miniprogram{border-top:1px solid #fff3;margin-top:40px;padding-top:32px}.cta-miniprogram p{opacity:.9;font-size:16px}@media (width<=768px){.cta{padding:60px 20px}.cta h2{font-size:26px}.cta>p{margin-bottom:28px;font-size:16px}.contact-cards{grid-template-columns:1fr;gap:16px}.contact-card{padding:24px 20px}}.footer{background:var(--bg-dark);color:#ffffffa6;margin-top:auto;padding:48px 24px 24px}.footer-inner{grid-template-columns:2fr 1fr 1fr;gap:48px;max-width:1200px;margin:0 auto 40px;display:grid}.footer-brand h3{color:#fff;margin-bottom:12px;font-size:20px;font-weight:600}.footer-brand p{font-size:14px;line-height:1.8}.footer-links h4{color:#fff;margin-bottom:16px;font-size:16px;font-weight:600}.footer-links ul{flex-direction:column;gap:10px;display:flex}.footer-links a{color:#ffffffa6;font-size:14px;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{text-align:center;border-top:1px solid #ffffff1a;max-width:1200px;margin:0 auto;padding-top:24px;font-size:13px}.footer-bottom p{margin-bottom:4px}.footer-bottom a{color:#ffffffa6;transition:color .2s}.footer-bottom a:hover{color:#fff}@media (width<=768px){.footer-inner{grid-template-columns:1fr;gap:32px}}