:root{--primary: #1677FF;--primary-dark: #0958D9;--primary-light: #4096FF;--primary-tint: #E6F4FF;--primary-tint2: #91CAFF;--primary-grad: linear-gradient(135deg, #4FACFE 0%, #00C6FB 100%);--primary-glow: 0 6px 28px rgba(22,119,255,.35);--accent: #00C6FB;--accent2: #4FACFE;--bg-page: #F0F5FF;--bg-section-alt: #E8F0FE;--bg-dark: #060F20;--bg-dark2: #0D1A35;--bg-card: #FFFFFF;--blue-900: #060F20;--blue-800: #0D1A35;--blue-700: #1A2B4A;--blue-600: #263B5E;--blue-500: #3D5278;--blue-400: #556080;--blue-300: #8899AA;--blue-100: #D6E0EC;--blue-50: #EEF4FF;--text-1: #060F20;--text-2: #3D5278;--text-3: #7A90AA;--border: #D0DEFA;--shadow-sm: 0 2px 12px rgba(22,119,255,.08);--shadow-md: 0 6px 28px rgba(22,119,255,.14);--shadow-lg: 0 12px 48px rgba(22,119,255,.2);--shadow-xl: 0 24px 80px rgba(22,119,255,.26);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--max-w: 1240px;--text-xs: 15px;--text-sm: 17px;--text-base: 20px;--text-lg: 24px;--text-xl: 30px;--text-2xl: 38px;--text-3xl: 48px;--text-4xl: 60px;--text-5xl: 76px;--text-6xl: 96px}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}body{font-family:Noto Sans SC,Inter,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-page);color:var(--text-1);font-size:var(--text-base);line-height:1.65}a{text-decoration:none}.container{max-width:var(--max-w);margin:0 auto;padding:0 40px}@media (max-width:1024px){.container{padding:0 24px}}@media (max-width:768px){.container{padding:0 16px}}.section{padding:96px 0}.section-sm{padding:56px 0}.section-dark{background:var(--bg-dark)}.section-dark2{background:var(--bg-dark2)}.section-gray{background:var(--bg-section-alt)}.section-white{background:#fff}.section-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-xs);font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);background:var(--primary-tint);border:1px solid var(--primary-tint2);padding:6px 16px;border-radius:999px;margin-bottom:18px}.section-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary);animation:dot-pulse 2s infinite}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.section-title{font-size:var(--text-3xl);font-weight:900;color:var(--text-1);text-align:center;margin-bottom:16px;line-height:1.15;letter-spacing:-1px}.section-sub{font-size:var(--text-base);color:var(--text-2);text-align:center;max-width:580px;margin:0 auto 56px;line-height:1.85}.section-dark .section-title,.section-dark2 .section-title{color:#fff}.section-dark .section-sub,.section-dark2 .section-sub{color:#fff9}.section-dark .section-eyebrow{background:#4facfe26;border-color:#4facfe59;color:#4facfe}.section-dark .section-eyebrow .dot{background:#4facfe;box-shadow:0 0 8px #4facfe}#navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:72px;background:#ffffffeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all .3s}#navbar.scrolled{background:#fffffffa;box-shadow:0 4px 24px #1677ff1a}.nav-inner{height:72px;display:flex;align-items:center;max-width:var(--max-w);margin:0 auto;padding:0 40px;gap:0}.nav-logo{font-size:26px;font-weight:900;margin-right:44px;text-decoration:none;white-space:nowrap;letter-spacing:-1px;flex-shrink:0}.nav-logo .biz{color:var(--text-1)}.nav-logo .spring{background:var(--primary-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:2px;flex:1}.nav-link{padding:8px 16px;font-size:15px;color:var(--text-2);text-decoration:none;border-radius:var(--radius-sm);transition:all .2s;font-weight:500;white-space:nowrap;cursor:pointer}.nav-link:hover{color:var(--primary);background:var(--primary-tint)}.nav-link.active{color:var(--primary);background:var(--primary-tint);font-weight:600}.lang-toggle{display:flex;align-items:center;gap:4px;background:var(--bg-section-alt);border:1px solid var(--border);border-radius:999px;padding:4px;margin-right:12px;flex-shrink:0}.lang-btn{padding:5px 14px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;border:none;background:none;font-family:inherit;color:var(--text-3);transition:all .2s}.lang-btn.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px #1677ff26}.nav-ctas{display:flex;gap:10px;flex-shrink:0}.btn-outline{padding:9px 20px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--blue-700);cursor:pointer;background:#fff;font-family:inherit;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-tint)}.btn-primary{padding:10px 22px;background:var(--primary-grad);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:700;color:#fff;cursor:pointer;font-family:inherit;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;box-shadow:var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 32px #1677ff73}.btn-primary-lg{padding:16px 40px;font-size:17px;border-radius:var(--radius-md)}.btn-outline-lg{padding:16px 40px;font-size:17px;border-radius:var(--radius-md);border:2px solid var(--border)}.btn-outline-lg:hover{border-color:var(--primary);color:var(--primary)}.btn-white{padding:16px 40px;background:#fff;color:var(--blue-900);border:none;border-radius:var(--radius-md);font-size:17px;font-weight:700;cursor:pointer;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;transition:all .2s}.btn-white:hover{background:var(--primary-tint);color:var(--primary)}.btn-ghost-white{padding:16px 40px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-md);font-size:17px;cursor:pointer;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;transition:all .2s}.btn-ghost-white:hover{border-color:#4facfe;color:#4facfe}.card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}#float-contact{position:fixed;right:28px;bottom:100px;z-index:900;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.float-btn{width:52px;height:52px;border-radius:50%;background:var(--primary-grad);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--primary-glow);border:none;transition:all .25s;position:relative}.float-btn:hover{transform:scale(1.12) translateY(-2px);box-shadow:0 12px 32px #1677ff80}.float-btn .tooltip{position:absolute;right:62px;top:50%;transform:translateY(-50%);background:var(--blue-900);color:#fff;font-size:13px;padding:6px 12px;border-radius:8px;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}.float-btn:hover .tooltip{opacity:1}#wechat-popup{background:#fff;border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-xl);border:1px solid var(--border);text-align:center;width:160px}#wechat-popup .qr-img{width:128px;height:128px;border-radius:8px;display:block;margin:0 auto 10px;object-fit:contain}#wechat-popup p{font-size:13px;color:var(--text-2);margin:0 0 4px}#wechat-popup strong{display:block;font-size:12px;color:var(--primary)}#back-top{position:fixed;right:28px;bottom:36px;z-index:900;width:48px;height:48px;border-radius:50%;background:var(--blue-800);color:#fff;border:none;cursor:pointer;font-size:18px;box-shadow:var(--shadow-md);opacity:0;transition:all .3s;display:flex;align-items:center;justify-content:center}#back-top.visible{opacity:1}#back-top:hover{background:var(--primary);transform:translateY(-2px)}footer{background:var(--bg-dark);color:#ffffff8c;padding:72px 0 36px}.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-logo{font-size:26px;font-weight:900;margin-bottom:14px;letter-spacing:-1px}.footer-logo .biz{color:#fff}.footer-logo .spring{background:var(--primary-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-desc{font-size:14px;color:#fff6;line-height:1.85}.footer-col h4{font-size:14px;font-weight:700;color:#ffffffd9;margin-bottom:16px}.footer-col a{display:block;font-size:13px;color:#fff6;text-decoration:none;margin-bottom:10px;transition:color .15s;cursor:pointer}.footer-col a:hover{color:#4facfe}.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:28px;display:flex;justify-content:space-between;font-size:13px}.page-hero{padding:128px 0 72px;background:linear-gradient(160deg,var(--bg-dark) 0%,var(--bg-dark2) 100%);text-align:center;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(79,172,254,.12) 1.5px,transparent 1.5px);background-size:32px 32px}.page-hero:after{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(79,172,254,.14) 0%,transparent 70%);pointer-events:none}.page-hero h1{font-size:var(--text-4xl);font-weight:900;color:#fff;margin-bottom:14px;position:relative;z-index:1;letter-spacing:-1.5px;line-height:1.1}.page-hero p{font-size:var(--text-base);color:#fff9;max-width:560px;margin:0 auto;line-height:1.85;position:relative;z-index:1}#demo-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#060f20bf;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#demo-modal.open{display:flex}.modal-box{background:#fff;border-radius:var(--radius-xl);padding:48px;width:700px;max-width:92vw;position:relative;box-shadow:0 32px 96px #0006}.modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;background:var(--bg-page);border:none;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-close:hover{background:var(--primary-tint);color:var(--primary)}.modal-title{font-size:var(--text-xl);font-weight:800;margin-bottom:6px}.modal-sub{font-size:15px;color:var(--text-2);margin-bottom:28px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-demo-item{border:1.5px solid var(--border);border-radius:var(--radius-md);padding:20px;text-align:center;cursor:pointer;transition:all .2s;text-decoration:none;display:block}.modal-demo-item:hover{border-color:var(--primary);background:var(--primary-tint);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.modal-demo-name{font-size:15px;font-weight:700;color:var(--blue-900);margin-bottom:4px}.modal-demo-url{font-size:12px;color:var(--text-3)}.fade-up{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-up-delay-1{transition-delay:.12s}.fade-up-delay-2{transition-delay:.24s}.fade-up-delay-3{transition-delay:.36s}.fade-up-delay-4{transition-delay:.48s}.fade-in{opacity:0;transition:opacity .8s ease}.fade-in.visible{opacity:1}.scale-in{opacity:0;transform:scale(.92);transition:opacity .6s ease,transform .6s cubic-bezier(.34,1.56,.64,1)}.scale-in.visible{opacity:1;transform:scale(1)}.slide-left{opacity:0;transform:translate(-40px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.slide-left.visible{opacity:1;transform:translate(0)}.slide-right{opacity:0;transform:translate(40px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.slide-right.visible{opacity:1;transform:translate(0)}.stagger>*{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.stagger.visible>*{opacity:1;transform:translateY(0)}.stagger.visible>*:nth-child(1){transition-delay:0s}.stagger.visible>*:nth-child(2){transition-delay:.1s}.stagger.visible>*:nth-child(3){transition-delay:.2s}.stagger.visible>*:nth-child(4){transition-delay:.3s}.stagger.visible>*:nth-child(5){transition-delay:.4s}.stagger.visible>*:nth-child(6){transition-delay:.5s}.stagger.visible>*:nth-child(7){transition-delay:.6s}.stagger.visible>*:nth-child(8){transition-delay:.7s}@keyframes float1{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float2{0%,to{transform:translateY(-6px)}50%{transform:translateY(6px)}}@keyframes float3{0%,to{transform:translateY(-3px)}50%{transform:translateY(9px)}}.float-anim-1{animation:float1 5s ease-in-out infinite}.float-anim-2{animation:float2 6s ease-in-out infinite}.float-anim-3{animation:float3 7s ease-in-out infinite}@media (max-width:768px){.nav-links{display:none}.section{padding:64px 0}.section-title{font-size:var(--text-2xl)}.footer-grid{grid-template-columns:1fr}.page-hero h1{font-size:var(--text-3xl)}}