*{box-sizing:border-box}
body{margin:0;background:#fff;color:#13202b;font-family:"Microsoft YaHei",Arial,sans-serif;line-height:1.65}
header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,7vw,110px);background:#fff;border-bottom:1px solid #e3eaed}
.brand{display:flex;align-items:center;gap:12px;color:#13202b;text-decoration:none;font-size:24px;font-weight:700;line-height:1.08}
.brand img{width:42px;height:48px;object-fit:contain}.brand>span,.brand small{display:block;width:96px;white-space:nowrap}.brand small{margin-top:5px;font-size:8px;font-weight:400;letter-spacing:.18px}
.head-actions{display:flex;align-items:center;gap:22px}.back{color:#31515f;text-decoration:none;font-size:14px}.head-actions select{padding:6px 9px;border:1px solid #c6d5da;background:#fff;color:#17313d}
.eyebrow{margin:0 0 14px;color:#00b8df;font-size:11px;font-weight:700;letter-spacing:1.8px}
.advantage-hero{min-height:500px;display:flex;align-items:center;padding:84px clamp(24px,12vw,190px);color:#fff;background:#082b43;position:relative;overflow:hidden}
.advantage-hero:after{content:"";position:absolute;right:clamp(24px,8vw,130px);width:min(31vw,440px);aspect-ratio:1;border:1px solid rgba(86,216,241,.24);transform:rotate(45deg)}
.advantage-hero>div{position:relative;z-index:1;max-width:760px}.advantage-hero h1{max-width:720px;margin:0;font-size:clamp(38px,5vw,66px);font-weight:500;line-height:1.18}.advantage-hero p:not(.eyebrow){max-width:690px;margin:26px 0 0;color:#c7d9e2;font-size:17px}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);padding:0 clamp(24px,7vw,110px);background:#fff;transform:translateY(-42px);position:relative;z-index:2}
.pillars article{min-height:290px;padding:32px 26px;background:#fff;border-top:3px solid #13b9dc;border-right:1px solid #d8e3e6;border-bottom:1px solid #d8e3e6}.pillars article:first-child{border-left:1px solid #d8e3e6}
.pillars b,.loop-flow b{color:#009fc4;font-size:12px}.pillars h2{margin:34px 0 14px;font-size:21px;font-weight:600;line-height:1.35}.pillars p{margin:0;color:#60727b;font-size:14px}
.closed-loop{padding:78px clamp(24px,7vw,110px) 96px;background:#f1f6f7}.loop-heading{max-width:820px}.loop-heading h2,.system h2,.advantage-cta h2{margin:0;font-size:clamp(31px,3.4vw,48px);font-weight:500;line-height:1.25}.loop-heading>p:last-child,.system>div>p:last-child{max-width:750px;margin:20px 0 0;color:#5b6f78}
.loop-flow{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr 34px 1fr;align-items:stretch;margin-top:52px}.loop-flow article{min-width:0;padding:25px 20px;border-top:3px solid #a9c3ca;border-bottom:1px solid #cbdcdf;background:#fff}.loop-flow article.active{border-top-color:#00b8df;background:#082b43;color:#fff}.loop-flow i{display:flex;align-items:center;justify-content:center;color:#6a929d;font-style:normal;font-size:22px}.loop-flow h3{margin:20px 0 10px;font-size:17px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.loop-flow p{margin:0;color:#61757d;font-size:12px}.loop-flow .active p{color:#bfd2da}
.return-line{margin:24px 8% 0;padding-top:17px;border-top:1px solid #65bdcf;text-align:center;color:#26788b;font-size:12px;position:relative}.return-line:before,.return-line:after{content:"";position:absolute;top:-5px;width:9px;height:9px;border-top:1px solid #65bdcf;border-left:1px solid #65bdcf;transform:rotate(-45deg)}.return-line:before{left:0}.return-line:after{right:0;transform:rotate(135deg)}
.system{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;padding:105px clamp(24px,12vw,190px)}.system-stack{border-top:1px solid #cedcdf}.system-stack article{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid #cedcdf}.system-stack span{color:#009fc4;font-size:11px;font-weight:700}.system-stack h3{margin:0;font-size:19px;font-weight:500;overflow-wrap:anywhere}
.advantage-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:75px clamp(24px,12vw,190px);background:#0a3048;color:#fff}.advantage-cta a{flex:none;padding:14px 22px;background:#00a9cf;color:#fff;text-decoration:none;font-size:14px}
footer{display:flex;justify-content:space-between;gap:20px;padding:30px clamp(24px,12vw,190px);background:#071f31;color:#a9c0ca;font-size:13px}footer a{color:#72d9ef;text-decoration:none}
@media(max-width:1050px){.pillars{grid-template-columns:1fr 1fr}.pillars article:nth-child(3){border-left:1px solid #d8e3e6}.loop-flow{grid-template-columns:1fr}.loop-flow i{height:28px;transform:rotate(90deg)}.loop-flow article{min-height:0}.return-line{display:none}}
@media(max-width:760px){header{height:68px}.brand{gap:8px;font-size:20px}.brand img{width:34px;height:40px}.brand>span,.brand small{width:82px}.brand small{margin-top:3px;font-size:7px}.head-actions{gap:12px}.back span{display:none}.advantage-hero{min-height:430px;padding-top:66px;padding-bottom:88px}.advantage-hero:after{right:-100px;width:280px}.advantage-hero h1{font-size:39px}.advantage-hero p:not(.eyebrow){font-size:15px}.pillars{grid-template-columns:1fr;transform:translateY(-30px)}.pillars article,.pillars article:nth-child(3){min-height:0;border-left:1px solid #d8e3e6}.pillars h2{margin-top:22px}.closed-loop{padding-top:55px;padding-bottom:65px}.loop-flow{margin-top:34px}.system{grid-template-columns:1fr;gap:42px;padding-top:70px;padding-bottom:70px}.system-stack article{grid-template-columns:88px 1fr;gap:12px}.system-stack h3{font-size:16px}.advantage-cta{align-items:flex-start;flex-direction:column;padding-top:60px;padding-bottom:60px}.advantage-cta h2{font-size:32px}footer{flex-wrap:wrap}}