
:root{--navy:#102e6b;--blue:#087dff;--cyan:#18bfd1;--green:#a9ff32;--teal:#20a9ad;--muted:#607f97;--pale:#effaff}*{box-sizing:border-box}html,body{margin:0;width:calc(750 * var(--u));background:#fff;font-family:'Microsoft YaHei','Noto Sans CJK SC',sans-serif;color:var(--navy)}h1,h2,h3,p{margin:0}img{display:block}.poster{width:calc(750 * var(--u));height:calc(7260 * var(--u));background:white;overflow:hidden}.hero{height:calc(1180 * var(--u));position:relative;text-align:center;overflow:hidden;background:linear-gradient(155deg,#d9f8ff,#f9fdff 48%,#e0faff)}.top-art{position:absolute;top:0;left:0;width:calc(750 * var(--u));height:calc(144 * var(--u));object-fit:cover}.hero-product-name{position:absolute;top:calc(161 * var(--u));width:100%;font-size:calc(28 * var(--u));line-height:1.4;font-weight:700}.hero h1{position:absolute;top:calc(208 * var(--u));left:0;width:100%;font-size:calc(87 * var(--u));line-height:1.13;font-style:italic;letter-spacing:calc(1 * var(--u));font-weight:900}.hero h1 span{display:block;color:#087dff}.hero-ribbon{position:absolute;top:calc(418 * var(--u));left:calc(123 * var(--u));width:calc(504 * var(--u));height:calc(53 * var(--u));line-height:calc(53 * var(--u));background:linear-gradient(100deg,#acff32,#20c4d2);color:white;font-weight:700;font-style:italic;font-size:calc(27 * var(--u));clip-path:polygon(3% 0,100% 0,97% 100%,0 100%)}.hero-support{position:absolute;top:calc(483 * var(--u));width:100%;font-size:calc(22 * var(--u));line-height:1.4;color:#537994}.hero-scene{position:absolute;left:0;top:calc(523 * var(--u));width:calc(750 * var(--u));height:calc(557 * var(--u));object-fit:cover;mask-image:linear-gradient(180deg,transparent,#000 calc(18 * var(--u)),#000)}.terminal-caption{position:absolute;right:calc(73 * var(--u));top:calc(1073 * var(--u));color:#19a9ae;font-size:calc(24 * var(--u));font-weight:700;line-height:1.4}.hero-wave{position:absolute;bottom:0;left:0;width:calc(750 * var(--u));height:calc(85 * var(--u))}
.pain{height:calc(820 * var(--u));position:relative;overflow:hidden;text-align:center;background:linear-gradient(180deg,#36aff6,#b8ecff 35%,#e9faff 69%,#fff)}.pain h2{position:absolute;left:0;top:calc(22 * var(--u));width:100%;font-size:calc(36 * var(--u));line-height:1.4;color:white;font-weight:800}.pain-tag{position:absolute;height:calc(48 * var(--u));line-height:calc(48 * var(--u));border-radius:calc(27 * var(--u));background:#f8feffed;font-size:calc(27 * var(--u));font-weight:700;z-index:2}.pain-tag.a{top:calc(96 * var(--u));left:calc(48 * var(--u));width:calc(425 * var(--u))}.pain-tag.b{top:calc(166 * var(--u));right:calc(39 * var(--u));width:calc(425 * var(--u))}.pain-tag.c{top:calc(235 * var(--u));left:calc(61 * var(--u));width:calc(467 * var(--u))}.pain-photo{position:absolute;left:0;top:calc(309 * var(--u));width:calc(750 * var(--u));height:calc(461 * var(--u));object-fit:contain;mask-image:linear-gradient(180deg,transparent,#000 calc(15 * var(--u)),#000 90%,transparent 100%)}
.solution{height:calc(510 * var(--u));position:relative;padding:0 calc(41 * var(--u));background:#fff}.transition{font-size:calc(31 * var(--u));font-style:italic;font-weight:800;line-height:1.4;text-align:center;padding-top:calc(8 * var(--u))}.solution-panel{position:absolute;top:calc(71 * var(--u));left:calc(41 * var(--u));width:calc(668 * var(--u));height:calc(375 * var(--u));border-radius:calc(26 * var(--u));overflow:hidden;background:linear-gradient(115deg,#087dff,#16bdd0);box-shadow:0 calc(12 * var(--u)) calc(23 * var(--u)) #79c7e51d;color:#fff}.solution-tab{height:calc(62 * var(--u));width:calc(410 * var(--u));padding:calc(18 * var(--u)) calc(28 * var(--u));font-size:calc(21 * var(--u));line-height:1.2;font-weight:700;font-style:italic;color:#143b5a;background:linear-gradient(100deg,#a9ff32,#3cd3d0);clip-path:polygon(0 0,100% 0,91% 100%,0 100%)}.solution-panel h2{position:absolute;left:calc(29 * var(--u));top:calc(90 * var(--u));font-size:calc(46 * var(--u));line-height:1.2;font-style:italic;letter-spacing:calc(-1 * var(--u));font-weight:800}.solution-orbit{position:absolute;right:calc(25 * var(--u));top:calc(115 * var(--u));width:calc(180 * var(--u));height:calc(97 * var(--u));border-radius:50%;border:calc(2 * var(--u)) solid #c5f5ff;background:#e5fbff44;transform:rotate(-4deg)}.sphere{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 29% 23%,white,#bce8ff 53%,#54b7e8);color:#183d6d;font-weight:700;box-shadow:calc(2 * var(--u)) calc(4 * var(--u)) calc(9 * var(--u)) #1676b333;z-index:2}.sphere.cpc{width:calc(94 * var(--u));height:calc(94 * var(--u));right:calc(69 * var(--u));top:calc(84 * var(--u));font-size:calc(24 * var(--u));line-height:1.2;flex-direction:column}.sphere.cpc small{display:block;font-size:calc(16 * var(--u));color:#167bd2;margin-top:calc(5 * var(--u))}.sphere.ct{width:calc(60 * var(--u));height:calc(60 * var(--u));right:calc(142 * var(--u));top:calc(161 * var(--u));font-size:calc(20 * var(--u))}.sphere.dms{width:calc(64 * var(--u));height:calc(64 * var(--u));right:calc(15 * var(--u));top:calc(155 * var(--u));font-size:calc(21 * var(--u))}.solution-def{position:absolute;left:calc(30 * var(--u));top:calc(225 * var(--u));width:calc(608 * var(--u));font-size:calc(21 * var(--u));line-height:1.6;color:#e1f7ff}.solution-points{position:absolute;bottom:calc(22 * var(--u));left:calc(27 * var(--u));right:calc(27 * var(--u));display:flex;justify-content:space-between;font-size:calc(23 * var(--u));font-weight:700;line-height:1.5}.solution-points span:before{content:'✓';display:inline-block;text-align:center;width:calc(23 * var(--u));height:calc(23 * var(--u));line-height:calc(22 * var(--u));border:calc(1.5 * var(--u)) solid #e3fdff;border-radius:50%;font-size:calc(18 * var(--u));font-weight:400;margin-right:calc(7 * var(--u))}.soft-wave{width:calc(750 * var(--u));height:calc(45 * var(--u));display:block}.solution .soft-wave{position:absolute;bottom:0;left:0}
.section-head .index{display:flex;align-items:center;gap:calc(14 * var(--u));font-size:calc(19 * var(--u));line-height:1.4;font-weight:700;color:#0784ec;margin-bottom:calc(12 * var(--u))}.index i{display:block;width:calc(65 * var(--u));height:calc(2 * var(--u));background:#22beca}.section-head h2{font-size:calc(38 * var(--u));line-height:1.32;font-weight:800;letter-spacing:-.5px}.section-head p{font-size:calc(24 * var(--u));line-height:1.5;color:var(--muted);margin-top:calc(10 * var(--u))}.architecture{height:calc(970 * var(--u));padding:calc(37 * var(--u)) calc(42 * var(--u)) calc(30 * var(--u));position:relative;background:#fff}.architecture .section-head h2{font-size:calc(38 * var(--u))}.architecture-stage{height:calc(704 * var(--u));margin-top:calc(28 * var(--u));position:relative}.host-row{position:absolute;top:0;left:0;width:calc(666 * var(--u));display:grid;grid-template-columns:repeat(3,1fr);gap:calc(15 * var(--u))}.physical-host{height:calc(148 * var(--u));border:calc(1 * var(--u)) solid #d2e9f4;background:linear-gradient(145deg,#f7fcff,#eaf7ff);border-radius:calc(13 * var(--u));text-align:center;padding:calc(19 * var(--u)) calc(8 * var(--u)) calc(14 * var(--u));box-shadow:0 calc(7 * var(--u)) calc(15 * var(--u)) #4b93b812}.physical-host:nth-child(2){background:linear-gradient(145deg,#f3fffc,#e3f7f0)}.physical-host h3{font-size:calc(26 * var(--u));line-height:1.4}.physical-host p{font-size:calc(21 * var(--u));line-height:1.5;color:#63869d;margin-top:calc(9 * var(--u))}.physical-host b{font-size:calc(20 * var(--u));line-height:1.4;color:#0d8fc9;font-weight:500;display:block;margin-top:calc(7 * var(--u))}.host-leaders{position:absolute;left:0;top:calc(148 * var(--u));width:calc(666 * var(--u));height:calc(34 * var(--u))}.isolation{position:absolute;top:calc(181 * var(--u));left:0;width:calc(666 * var(--u));height:calc(103 * var(--u));background:linear-gradient(105deg,#087dff,#18bfce);border-radius:calc(16 * var(--u));text-align:center;padding:calc(16 * var(--u)) calc(20 * var(--u));color:white;box-shadow:0 calc(6 * var(--u)) calc(16 * var(--u)) #59bad52b}.isolation h3{font-size:calc(30 * var(--u));line-height:1.35}.isolation p{font-size:calc(23 * var(--u));line-height:1.4;color:#e0f8ff;margin-top:calc(5 * var(--u))}.isolation-note{position:absolute;top:calc(306 * var(--u));width:100%;text-align:center;font-size:calc(24 * var(--u));line-height:1.5;color:#2e6192}.flow-labels{position:absolute;top:calc(356 * var(--u));left:calc(89 * var(--u));right:calc(89 * var(--u));display:flex;justify-content:space-between;align-items:center;height:calc(55 * var(--u))}.flow-labels p{font-size:calc(23 * var(--u));font-weight:700;color:#0784ec;display:flex;align-items:center;gap:calc(13 * var(--u))}.flow-labels p:last-child{color:#24a9af}.flow-labels strong{font-weight:400;font-size:calc(47 * var(--u));line-height:1}.terminal-image{position:absolute;top:calc(420 * var(--u));left:0;width:calc(666 * var(--u));height:calc(244 * var(--u));object-fit:contain}.terminal-label{position:absolute;top:calc(669 * var(--u));left:0;width:100%;text-align:center;font-size:calc(25 * var(--u));line-height:1.4;font-weight:700;color:#2a6395}.dms-architecture{height:calc(44 * var(--u));line-height:calc(44 * var(--u));text-align:center;font-size:calc(22 * var(--u));font-weight:700;color:#276293;border-radius:calc(24 * var(--u));background:#e7f8ff;margin-top:calc(11 * var(--u))}
.cloud-office{height:calc(640 * var(--u));position:relative;overflow:hidden;background:#eefaff}.cloud-copy{position:absolute;left:calc(42 * var(--u));top:calc(28 * var(--u));z-index:3}.cloud-copy h2{font-size:calc(43 * var(--u));line-height:1.15;font-weight:800}.cloud-copy p{font-size:calc(24 * var(--u));line-height:1.5;color:#638299;margin-top:calc(13 * var(--u))}.cloud-office .office-img{position:absolute;left:0;top:calc(185 * var(--u));width:calc(750 * var(--u));height:calc(404 * var(--u));object-fit:cover}.office-three{position:absolute;left:calc(29 * var(--u));right:calc(29 * var(--u));bottom:calc(19 * var(--u));padding:calc(21 * var(--u)) calc(6 * var(--u));background:#fffffff2;border-radius:calc(12 * var(--u));box-shadow:0 calc(7 * var(--u)) calc(20 * var(--u)) #3e78971a;display:grid;grid-template-columns:repeat(3,1fr);z-index:5}.office-three div{text-align:center;border-right:calc(1 * var(--u)) solid #d7ecf6}.office-three div:last-child{border-right:0}.office-three h3{font-size:calc(25 * var(--u));line-height:1.4;color:#0b7eec}.office-three p{font-size:calc(21 * var(--u));line-height:1.4;color:#658499;margin-top:calc(6 * var(--u))}
.scenarios{height:calc(910 * var(--u));padding:calc(39 * var(--u)) calc(42 * var(--u)) calc(25 * var(--u));position:relative;background:#fff}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(22 * var(--u)) calc(20 * var(--u));margin-top:calc(26 * var(--u))}.scenario{height:calc(275 * var(--u));border:calc(1 * var(--u)) solid #ceeaf4;border-radius:calc(19 * var(--u));background:#f0faff;box-shadow:0 calc(7 * var(--u)) calc(14 * var(--u)) #5e9cb712;overflow:hidden}.scenario:nth-child(even){background:#effbf7}.scenario img{width:100%;height:calc(175 * var(--u));object-fit:cover;object-position:center top}.scenario.interface img{object-fit:contain;padding:calc(14 * var(--u)) calc(8 * var(--u));background:#f3faff}.scenario-caption{padding:calc(13 * var(--u)) calc(9 * var(--u));text-align:center}.scenario h3{font-size:calc(28 * var(--u));font-weight:700;line-height:1.4}.scenario p{font-size:calc(21 * var(--u));line-height:1.4;color:#0a80dc;margin-top:calc(6 * var(--u))}.scenario:nth-child(even) p{color:#20a6ac}.network-bar{display:flex;justify-content:space-between;gap:calc(9 * var(--u));margin-top:calc(24 * var(--u))}.network-bar span{flex:1;min-width:0;font-size:calc(21 * var(--u));line-height:calc(38 * var(--u));text-align:center;border-radius:calc(7 * var(--u));background:#eaf7ff;color:#2a699a}.network-bar span:nth-child(even){background:#e9f9f3;color:#278e8d}.network-note{font-size:calc(21 * var(--u));line-height:1.55;color:#7390a4;text-align:center;margin-top:calc(11 * var(--u))}
.ai{height:calc(1120 * var(--u));position:relative;padding:calc(39 * var(--u)) calc(42 * var(--u)) calc(28 * var(--u));background:linear-gradient(180deg,#f1fbff,#fff 38%,#f6fcff)}.ai .section-head h2{font-size:calc(39 * var(--u))}.ai-domains{display:grid;grid-template-columns:1fr 1fr;gap:calc(23 * var(--u));margin-top:calc(26 * var(--u))}.ai-domain{height:calc(78 * var(--u));padding:calc(12 * var(--u)) calc(8 * var(--u));text-align:center;background:#e5f3ff;border-radius:calc(11 * var(--u))}.ai-domain:nth-child(2){background:#e2f6f2}.ai-domain h3{font-size:calc(27 * var(--u));line-height:1.35;color:#30589a}.ai-domain:nth-child(2) h3{color:#258c8c}.ai-domain p{font-size:calc(20 * var(--u));line-height:1.5;color:#6b899e;margin-top:calc(4 * var(--u))}.ai-workspace{height:calc(236 * var(--u));width:calc(666 * var(--u));object-fit:contain;margin-top:calc(13 * var(--u))}.ai-exchange{font-size:calc(22 * var(--u));line-height:1.5;color:#2a9fae;text-align:center;margin-top:calc(3 * var(--u));font-weight:700}.ai-flow{display:flex;align-items:center;justify-content:space-between;margin-top:calc(23 * var(--u))}.ai-flow span{width:calc(190 * var(--u));height:calc(47 * var(--u));line-height:calc(47 * var(--u));font-size:calc(25 * var(--u));font-weight:700;text-align:center;border-radius:calc(24 * var(--u));background:#e7f5ff;color:#2a5d98}.ai-flow span:nth-of-type(2){background:#e3f7f2;color:#2d9693}.ai-flow i{font-style:normal;color:#20afc7;font-size:calc(29 * var(--u))}.ai-list{margin-top:calc(23 * var(--u))}.ai-item{display:flex;gap:calc(16 * var(--u));padding:calc(16 * var(--u)) 0 calc(17 * var(--u));border-bottom:calc(1 * var(--u)) solid #deedf5;min-height:calc(105 * var(--u))}.ai-item:last-child{border-bottom:0}.ai-item .num{width:calc(33 * var(--u));flex-shrink:0;font-size:calc(20 * var(--u));line-height:calc(37 * var(--u));font-weight:700;color:#10a5bd}.ai-item h3{font-size:calc(27 * var(--u));line-height:1.4;color:#244a7c;font-weight:700}.ai-item p{font-size:calc(23 * var(--u));line-height:1.55;color:#6a879c;margin-top:calc(7 * var(--u))}.ai-close{height:calc(55 * var(--u));line-height:calc(55 * var(--u));text-align:center;font-size:calc(27 * var(--u));font-weight:700;color:#1b5380;background:linear-gradient(100deg,#bbf3bb,#4bd3da);border-radius:calc(10 * var(--u));margin-top:calc(22 * var(--u))}
.operations{height:calc(760 * var(--u));padding:calc(35 * var(--u)) calc(42 * var(--u)) calc(20 * var(--u));background:linear-gradient(145deg,#e6f9ff,#f4fcff)}.operations .section-head .index{margin-bottom:calc(9 * var(--u))}.operations .section-head h2{font-size:calc(38 * var(--u))}.operations .section-head p{font-size:calc(23 * var(--u));margin-top:calc(7 * var(--u))}.dms-shot{position:relative;height:calc(210 * var(--u));margin-top:calc(18 * var(--u));border:calc(10 * var(--u)) solid #fff;border-radius:calc(12 * var(--u));overflow:hidden;box-shadow:0 calc(7 * var(--u)) calc(20 * var(--u)) #34799b14;background:#fff}.dms-shot img{width:100%;height:100%;object-fit:cover;object-position:top}.dms-shot span{position:absolute;right:calc(8 * var(--u));bottom:calc(3 * var(--u));background:#ffffffeb;color:#8ba0b0;font-size:calc(16 * var(--u));line-height:calc(23 * var(--u));padding:0 calc(5 * var(--u))}.operation-list{margin-top:calc(18 * var(--u))}.op{height:calc(48 * var(--u));display:grid;grid-template-columns:calc(32 * var(--u)) calc(247 * var(--u)) 1fr;gap:calc(10 * var(--u));align-items:center;border-bottom:calc(1 * var(--u)) solid #cae9f3}.op:last-child{border-bottom:0}.op .badge{width:calc(28 * var(--u));height:calc(28 * var(--u));line-height:calc(28 * var(--u));border-radius:50%;background:#0b83e8;color:white;text-align:center;font-size:calc(18 * var(--u));font-weight:700}.op:nth-child(even) .badge{background:#21a6af}.op h3{font-size:calc(23 * var(--u));line-height:1.4;font-weight:700;white-space:nowrap}.op p{font-size:calc(20 * var(--u));line-height:1.4;color:#6b8b9f;white-space:nowrap}.op-close{margin-top:calc(13 * var(--u));font-size:calc(27 * var(--u));line-height:1.4;font-weight:700;text-align:center;color:#286b98}.op-note{margin-top:calc(8 * var(--u));font-size:calc(19 * var(--u));line-height:1.4;text-align:center;color:#7c98aa}
.lead{height:calc(350 * var(--u));position:relative;text-align:center;background:linear-gradient(155deg,#f3fcff,#e9fbff);overflow:hidden}.lead h2{position:absolute;top:calc(29 * var(--u));width:100%;font-size:calc(43 * var(--u));font-style:italic;font-weight:800;line-height:1.14;letter-spacing:-.5px}.lead h2 span{display:block;color:#087dff}.lead .tagline{position:absolute;top:calc(139 * var(--u));width:100%;font-size:calc(23 * var(--u));line-height:1.5;color:#548ba3}.lead .cta{position:absolute;left:calc(94 * var(--u));top:calc(191 * var(--u));width:calc(562 * var(--u));height:calc(65 * var(--u));line-height:calc(65 * var(--u));border-radius:calc(35 * var(--u));background:linear-gradient(100deg,#aeff35,#1ec5d3);font-size:calc(28 * var(--u));font-weight:700;color:#175e8c;box-shadow:0 calc(8 * var(--u)) calc(17 * var(--u)) #71cad42a}.lead .action{position:absolute;top:calc(278 * var(--u));left:0;width:100%;font-size:calc(23 * var(--u));line-height:1.5;color:#6b8d9f}.contact{position:absolute;bottom:0;left:calc(42 * var(--u));right:calc(42 * var(--u));border-top:calc(1 * var(--u)) solid #c8e5ed;padding:calc(12 * var(--u)) 0 calc(13 * var(--u));text-align:center}.contact .company{font-size:calc(21 * var(--u));font-weight:700;line-height:1.4}.contact .website{font-size:calc(21 * var(--u));line-height:1.4;color:#567d98;margin-top:calc(5 * var(--u))}.lead:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:calc(7 * var(--u));background:linear-gradient(90deg,#087dff,#1abfd1)}

:root{--u:min(0.133333333333vw,1px)}
html,body{width:100%;min-height:100%;background:#edf6fa}
html{scroll-behavior:smooth}body{font-size:16px}
.page-shell{width:min(100%,750px);margin:0 auto;background:white;box-shadow:0 0 48px #193c6810;container-type:inline-size}
.poster{--u:min(0.133333333333cqw,1px)}
.poster{max-width:100%}.office-img{object-position:center top}.lead .cta{text-decoration:none}.lead .cta:focus-visible{outline:3px solid #11396e;outline-offset:4px}
.lead-form-section{background:linear-gradient(135deg,#effbff,#fff);padding:24px 42px 30px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.fields label{display:block;font-size:16px;font-weight:700;color:#163c64}
.fields label>span{color:#e63f4d}
.fields input{display:block;width:100%;margin-top:9px;border:1px solid #c7ddea;background:#fff;border-radius:8px;padding:15px;font:inherit;font-size:16px;line-height:1.4;color:#163c64;min-width:0}
.fields input::placeholder{color:#8d9eac}.fields input:focus{outline:2px solid #057dff;outline-offset:2px}
.consent{display:flex;gap:10px;align-items:flex-start;margin:25px 0 20px;font-size:13px;line-height:1.7;color:#587990}
.consent input{flex:0 0 auto;width:18px;height:18px;margin:2px 0;accent-color:#087dff}.consent a{color:#067bd3}
.honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
#submit-button{width:100%;border:0;border-radius:8px;padding:16px;background:linear-gradient(105deg,#087dff,#0bb7cf);color:white;font:inherit;font-weight:700;font-size:19px;line-height:1.5;cursor:pointer}
#submit-button:disabled{opacity:.6;cursor:wait}.message{margin-top:16px;font-size:14px;line-height:1.6;color:#b33932}
.success{text-align:center;padding:30px 0}.success h2{font-size:24px;margin-bottom:12px}.success p{font-size:16px;color:#55768b}.success .check{font-size:32px;color:#0a9d9b;display:block;margin-bottom:10px}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 30px;background:#0aa8df;color:white;font-size:13px;line-height:1.5}
.site-footer a{color:white;text-decoration:none}.site-footer a:hover{text-decoration:underline}
[hidden]{display:none!important}
@media(max-width:600px){.lead-form-section{padding:18px 22px 24px}.fields{grid-template-columns:1fr;gap:18px}.fields input{padding:13px}.consent{margin:22px 0 18px}.site-footer{padding:12px 18px;flex-direction:column;gap:4px;text-align:center;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
