*{box-sizing:border-box}body{margin:0;color:#13202b;font-family:"Microsoft YaHei",Arial,sans-serif;line-height:1.7}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;text-decoration:none;color:#13202b;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{font-size:8px;letter-spacing:.18px;font-weight:400;margin-top:5px}.head-actions{display:flex;gap:22px;align-items:center}.back{color:#31515f;text-decoration:none;font-size:14px}.head-actions select{border:1px solid #c6d5da;background:#fff;padding:6px 9px;color:#17313d}.hero{min-height:470px;background:#082b43;color:#fff;padding:75px clamp(24px,12vw,190px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;overflow:hidden}.hero>div{max-width:560px}.eyebrow{margin:0 0 15px;color:#00c8f2;font-size:11px;letter-spacing:1.8px;font-weight:700}.hero h1,.overview h2,.features h2,.detail h2{font-size:clamp(35px,4vw,58px);font-weight:500;line-height:1.2;margin:0}.hero p:not(.eyebrow){font-size:17px;color:#c7d9e2;max-width:540px;margin:24px 0}.hero img{width:100%;max-height:360px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.28))}.overview,.detail{padding:105px clamp(24px,12vw,190px);display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.section-copy>p:not(.eyebrow){font-size:17px;color:#536771}.overview img{width:100%;max-height:480px;object-fit:contain}.contact{display:inline-block;margin-top:22px;padding:12px 20px;background:#009dcc;color:#fff;text-decoration:none;font-size:14px}.features{padding:100px clamp(24px,12vw,190px);background:#f0f7f8}.features h2{color:#173845}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-left:1px solid #cddde1;border-top:1px solid #cddde1}.feature-grid article{padding:25px 22px;min-height:230px;border-right:1px solid #cddde1;border-bottom:1px solid #cddde1;background:#f8fbfc}.feature-grid b{color:#009dcc;font-size:12px}.feature-grid h3{font-size:19px;font-weight:500;margin:18px 0 10px;line-height:1.35}.feature-grid p{font-size:13px;color:#60727b;margin:0}.detail{background:#fff}.detail img{width:100%;height:520px;object-fit:contain}.detail ul{padding:0;margin:26px 0 0;list-style:none;border-top:1px solid #d3e0e3}.detail li{padding:15px 0;border-bottom:1px solid #d3e0e3;color:#50646d}.detail li:before{content:"";display:inline-block;width:6px;height:6px;background:#00a6d3;margin:0 12px 3px 0}footer{padding:30px clamp(24px,12vw,190px);background:#07243a;color:#b7cbd4;display:flex;justify-content:space-between;font-size:13px}footer a{color:#78e0f5;text-decoration:none}@media(max-width:800px){header{height:68px}.brand{font-size:20px;gap:8px}.brand img{width:34px;height:40px}.brand>span,.brand small{width:82px}.brand small{font-size:7px;margin-top:3px}.back span{display:none}.head-actions{gap:12px}.hero,.overview,.detail{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px;gap:32px}.hero{min-height:auto}.hero h1,.overview h2,.features h2,.detail h2{font-size:36px}.hero img{max-height:300px}.overview img{max-height:340px}.features{padding-top:65px;padding-bottom:65px}.feature-grid{grid-template-columns:1fr 1fr;margin-top:30px}.feature-grid article{min-height:210px;padding:20px 15px}.detail img{height:auto}footer{display:flex;gap:12px;flex-wrap:wrap}}