:root{--navy:#0b192c;--ink:#122c41;--blue:#78b2cf;--muted:#5c7081;--line:#dce4ea;--heading:"Arial","PingFang SC","Microsoft YaHei",sans-serif;--body:"Arial","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:16px/1.8 var(--body);background:#fff}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);line-height:1.3}a:focus-visible,button:focus-visible{outline:3px solid #409acb;outline-offset:5px}.container{width:min(1240px,calc(100% - 96px));margin:auto}.section{padding:108px 0}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.17em;color:#467c9a;margin-bottom:22px}.eyebrow.light{color:#a3d0e7}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 26px;background:var(--blue);color:var(--navy);font-weight:700;font-size:15px;border:1px solid var(--blue);transition:background .2s,transform .2s}.button:hover{background:#a0cce2;transform:translateY(-2px)}.button.outline{background:transparent;border-color:#b3c3cf;color:#fff}.button.outline:hover{background:#ffffff15}.skip{position:fixed;top:-80px;left:16px;background:#fff;padding:10px;z-index:100}.skip:focus{top:12px}.nav{position:sticky;top:0;z-index:30;background:#0b192cad;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border-bottom:1px solid rgba(190,218,236,.2);box-shadow:0 4px 24px #040e191f;color:#fff}.hero{margin-top:-88px}.hero-inner{padding-top:196px!important}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.nav{background:#0b192cf0}}.nav-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;line-height:1.4;white-space:nowrap}.brand img{width:66px;height:42px;object-fit:contain}.brand span{font-size:17px;font-weight:700;letter-spacing:.04em}.brand small{display:block;font-size:12px;letter-spacing:.13em;font-weight:400;color:#a7b8c6;margin-top:5px}.nav nav{display:flex;gap:32px;font-size:14px;color:#d0dce5}.nav nav a:hover{color:var(--blue)}.nav-cta{min-height:42px;padding:9px 20px;font-size:14px}.menu-button{display:none;color:#fff;border:1px solid #53697a;background:none;padding:6px 12px}.mobile-nav[hidden]{display:none!important}.hero{background:var(--navy);position:relative;overflow:hidden;color:#fff}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071423f0,#071423b8 46%,#07142329),linear-gradient(0deg,rgba(7,20,35,.8),transparent 45%)}.hero-inner{position:relative;z-index:1;padding-top:108px}.hero-copy{padding-bottom:86px;max-width:750px}.hero h1{font-size:clamp(42px,4.7vw,68px);font-weight:700;line-height:1.25;letter-spacing:-.035em}.hero h1 span{color:#91c4de}.hero-desc{font-size:18px;line-height:1.9;color:#c2d1dd;margin-top:28px}.actions{display:flex;gap:16px;margin-top:36px}.hero-bottom{padding:22px 0;border-top:1px solid #ffffff30;display:flex;justify-content:space-between;color:#c3d3df;font-size:12px;letter-spacing:.1em}.benefits{background:#edf3f7;border-bottom:1px solid #dae4eb}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:32px 0;gap:34px}.benefit-grid>div{display:flex;gap:20px;align-items:center}.benefit-grid>div+div{border-left:1px solid #cddce6;padding-left:28px}.benefit-number{color:#6495b1;font-size:14px;border:1px solid #b8cddd;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.benefit-grid h2{font-size:18px}.benefit-grid p{font-size:14px;margin-top:4px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:52px}.section-head h2,.assurance h2,.connection h2{font-size:clamp(32px,3.1vw,44px);letter-spacing:-.025em}.section-head>p{max-width:430px;color:var(--muted);font-size:16px;padding-bottom:4px}.scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.scenario{border-top:2px solid #669dbc;padding-top:25px}.index{font-size:12px;letter-spacing:.12em;color:#748b9b}.scenario h3{font-size:23px;margin:20px 0 16px}.scenario p{color:var(--muted);font-size:15px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tags span{font-size:12px;background:#eef4f7;padding:4px 9px;color:#52788f}.connection{background:var(--navy);color:#fff}.connection-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:110px;align-items:center}.connection p:not(.eyebrow){color:#b1c3d2;margin:25px 0;max-width:445px}.text-link{display:inline-flex;gap:20px;color:#9dc8df;border-bottom:1px solid #52768a;padding-bottom:8px;font-size:15px}.text-link span{font-size:12px}.system-flow{padding:30px;border:1px solid #31495e;background:#102239}.flow-top{display:grid;grid-template-columns:1fr 1fr;gap:20px}.flow-node{border:1px solid #3a5266;padding:14px;text-align:center;font-size:16px;background:#142b42}.flow-node small,.flow-hub small{display:block;font-size:12px;color:#9eb6c8;margin-top:4px}.flow-line{text-align:center;font-size:12px;color:#81aac2;padding:26px 0;position:relative}.flow-line:before,.flow-line:after{content:"";display:block;margin:auto;background:#456b86;width:1px;height:10px}.flow-hub{display:flex;align-items:center;justify-content:center;gap:16px;background:#21445e;border:1px solid #4e819d;padding:12px}.flow-hub img{object-fit:contain;height:85px;width:75px}.flow-hub strong{font-size:19px}.hardware{background:#f6f8fa}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.product-card{background:#fff;border:1px solid #e0e7ed}.product-image{height:260px;background:#eaf0f4;position:relative;padding:46px 30px 24px;overflow:hidden}.product-image>span{position:absolute;top:17px;left:20px;font-size:12px;color:#658197}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.product-card:hover .product-image img{transform:translateY(-5px) scale(1.035)}.product-content{padding:26px}.product-content h3{font-size:21px;margin:10px 0 14px}.product-content p{font-size:14px;color:var(--muted);min-height:52px}.product-content ul{list-style:none;padding:17px 0 0;margin:19px 0 0;border-top:1px solid var(--line)}.product-content li{font-size:13px;color:#526b7e;margin:8px 0;padding-left:13px;position:relative}.product-content li:before{content:"";position:absolute;top:10px;left:0;background:#75a2bd;width:4px;height:4px}.sensor-note{display:flex;align-items:center;gap:28px;margin-top:28px;padding:22px 30px;border:1px solid #d9e4ec;background:#fff}.sensor-note img{object-fit:contain;width:75px;height:70px}.sensor-note h3{font-size:17px;margin-bottom:5px}.sensor-note p{font-size:14px;color:var(--muted)}.sensor-note a{white-space:nowrap;font-size:14px;color:#346e90;margin-left:auto}.assurance-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.track-image{position:relative;min-height:610px;height:100%;background:var(--navy)}.track-image>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:55% center}.track-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#081c33eb,transparent 65%)}.image-caption{position:absolute;z-index:1;left:30px;bottom:30px;color:#c1d9e9;font-size:12px;letter-spacing:.11em}.image-caption span{display:block;color:#fff;font-size:25px;letter-spacing:0;margin-top:10px}.assurance-item{display:flex;gap:21px;padding:26px 0;border-bottom:1px solid var(--line)}.assurance-item>span{font-size:13px;color:#7a9ab0;padding-top:2px}.assurance-item h3{font-size:19px;margin-bottom:10px}.assurance-item p{font-size:15px;color:var(--muted)}.assurance-copy h2{margin-bottom:14px}.contact{padding:90px 0;background:#14324a;color:#fff}.contact-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.contact h2{font-size:clamp(32px,3.5vw,48px)}.contact-head p{color:#b5cddc;font-size:16px;margin-bottom:5px}.contact-grid{display:grid;grid-template-columns:1fr 1.25fr .8fr;gap:30px;margin-top:48px}.contact-grid a{padding:24px 0;border-top:1px solid #537085;display:flex;flex-direction:column;align-items:flex-start}.contact-grid a:hover strong{color:#acd8ed}.contact-grid span{font-size:13px;color:#aec4d4}.contact-grid strong{font-size:25px;margin:11px 0 7px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.contact-grid small{font-size:13px;color:#91bfd8}footer{background:var(--navy);color:#a9bbca;padding:48px 0 22px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-top .brand span{color:#fff}.footer-top p{font-size:13px}.footer-top>a:last-child{font-size:15px}.footer-bottom{border-top:1px solid #2b4256;margin-top:38px;padding-top:22px;display:flex;justify-content:space-between;font-size:12px;color:#7890a3;letter-spacing:.04em}@media(min-width:1600px){.hero-image{object-position:center 60%}.hero-copy{padding-bottom:110px}}@media(max-width:1050px){.container{width:calc(100% - 56px)}.nav nav{gap:18px}.brand span{font-size:14px}.brand img{width:52px}.connection-grid{gap:50px}.product-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{gap:18px}.benefit-grid>div+div{padding-left:18px}.benefit-number{display:none}.assurance-grid{gap:40px}.contact-grid strong{font-size:21px}}@media(max-width:760px){html{scroll-padding-top:80px}.container{width:calc(100% - 40px)}.nav-inner{height:74px;gap:12px}.nav nav:not(.mobile-nav),.nav-cta{display:none}.menu-button{display:block}.brand span{font-size:13px}.brand small{font-size:11px;letter-spacing:.04em}.brand img{width:46px}.mobile-nav{padding:10px 20px 20px;display:flex;flex-direction:column;gap:12px!important}.hero{margin-top:-74px}.hero-inner{padding-top:148px!important}.hero-copy{padding-bottom:65px}.hero h1{font-size:42px}.hero-desc{font-size:16px}.hero-image{object-position:62% center}.hero:after{background:linear-gradient(90deg,#071423ed,#07142360),linear-gradient(0deg,#071423bc,transparent)}.actions{flex-wrap:wrap;gap:12px}.button{font-size:14px;padding:12px 19px}.hero-bottom{font-size:11px}.hero-bottom span:last-child{display:none}.benefit-grid{grid-template-columns:1fr;padding:8px 0;gap:0}.benefit-grid>div{padding:16px 0!important}.benefit-grid>div+div{border-left:0;border-top:1px solid #d4e0e9}.benefit-number{display:grid}.benefit-grid h2{font-size:16px}.benefit-grid p{font-size:13px}.section{padding:68px 0}.section-head{flex-direction:column;align-items:stretch;gap:24px;margin-bottom:35px}.section-head>p{max-width:none}.eyebrow{font-size:12px;margin-bottom:16px}.scenarios{grid-template-columns:1fr;gap:35px}.scenario h3{font-size:22px}.scenario p{font-size:16px}.tags span{font-size:13px}.connection-grid,.assurance-grid{grid-template-columns:1fr;gap:36px}.system-flow{padding:20px 14px}.flow-node{font-size:14px;padding:12px 5px}.flow-node small{font-size:12px}.flow-top{gap:12px}.product-grid{grid-template-columns:1fr;gap:22px}.product-image{height:245px}.product-content p{min-height:0;font-size:16px}.product-content li{font-size:14px}.sensor-note{padding:24px 20px;gap:18px;flex-wrap:wrap}.sensor-note img{width:50px}.sensor-note>div{flex:1;min-width:200px}.sensor-note a{margin-left:68px}.sensor-note p{font-size:15px}.track-image{min-height:360px}.assurance-item p{font-size:16px}.contact{padding:65px 0}.contact-head{flex-direction:column;align-items:flex-start;gap:24px}.contact-grid{grid-template-columns:1fr;gap:0;margin-top:30px}.contact-grid strong{font-size:23px}.footer-top{flex-direction:column;align-items:flex-start;gap:24px}.footer-bottom{flex-direction:column;gap:8px}.product-content{padding:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}.version-switch{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;padding:12px 20px;background:#f5f5f7;color:#1d1d1f;font:14px/1.6 -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;border-bottom:1px solid #dedee3}.version-switch-label{font-size:12px;color:#6e6e73}.version-switch a{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;color:#4a4a50;text-decoration:none}.version-switch a[aria-current=page]{background:#1d1d1f;color:#fff}.version-switch a:hover{box-shadow:inset 0 0 0 1px #a0a0a5}.version-switch a:focus-visible{outline:3px solid #0071e3;outline-offset:3px}.version-switch strong{font-weight:600}.version-switch small{font-size:12px}@media(max-width:760px){.version-switch{gap:8px;padding:10px 12px}.version-switch-label{width:100%;text-align:center}.version-switch a{padding:7px 12px;font-size:13px}.version-switch small{font-size:11px}}.hero-copy{max-width:900px}.hero h1{max-width:850px;line-height:1.35}.scenario-list{padding:22px 20px 22px 38px;margin:0;background:#f0f5f8;color:var(--muted);font-size:16px;min-height:155px}.scenario-list li{padding:3px 0}.connection-grid{grid-template-columns:1fr 1.15fr;gap:65px}.connection h2{font-size:clamp(28px,2.6vw,38px);line-height:1.5}.connection-features{color:#c2dced;padding-left:21px;margin:25px 0;font-size:17px}.connection-features li{margin:12px 0}.architecture-image{display:block;background:#fff;padding:12px;border:1px solid #38556c}.architecture-image img{width:100%;height:auto}.architecture-image span{display:block;text-align:center;color:#517890;font-size:13px;padding:8px 0 0}.product-content p{font-size:16px;min-height:0}.product-content li{font-size:15px;line-height:1.8}.product-content li:before{top:12px}.assurance-block+.assurance-block{margin-top:38px;padding-top:30px;border-top:1px solid var(--line)}.assurance-subtitle{font-size:19px;margin:14px 0 22px}.assurance-copy dl{margin:0}.assurance-copy dl>div{font-size:16px;line-height:1.85;margin:13px 0}.assurance-copy dt{display:inline;font-weight:700}.assurance-copy dt:after{content:"："}.assurance-copy dd{display:inline;margin:0;color:var(--muted)}.contact-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}.contact-head p{max-width:890px;margin:0}.contact-head .button{margin-top:4px}.contact-grid{margin-top:55px}.footer-top{justify-content:flex-start;gap:100px}@media(max-width:1050px){.connection-grid{gap:35px}.scenario-list{padding:20px 14px 20px 30px}}@media(max-width:760px){.hero h1{font-size:36px;max-width:12em;letter-spacing:0}.hero-desc{max-width:24em}.connection-grid{grid-template-columns:1fr}.scenario-list{min-height:0}.connection-features{font-size:16px}.assurance-grid{gap:40px}.assurance h2,.contact h2{font-size:30px}.contact-head p{font-size:16px;text-align:left}.contact-head .button{width:100%}.footer-top{gap:24px}}.dragon-layer{position:fixed;inset:0;z-index:100;pointer-events:none;overflow:hidden}.dragon-layer[hidden]{display:none}.golden-dragon{position:absolute;left:0;top:0;width:100vw;max-width:none;height:70vh;object-fit:contain;filter:drop-shadow(0 0 20px #ffb70088) drop-shadow(0 16px 24px #0007);animation:golden-dragon-flight 20s linear infinite;animation-delay:-3s;will-change:transform}.dragon-fast .golden-dragon{animation-duration:10s}.dragon-controls{position:fixed;z-index:110;bottom:20px;right:20px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;max-width:calc(100vw - 40px);padding:12px 16px;border:1px solid #d6a53c99;border-radius:18px;background:#191207e8;color:#ffe1a2;backdrop-filter:blur(16px);font-size:13px;box-shadow:0 5px 25px #0005}.dragon-controls button{border:1px solid #a17b38;background:#3a2910;color:#ffe5b3;padding:7px 12px;border-radius:999px;font-size:14px;min-height:38px}.dragon-controls button:hover{background:#61451b}.dragon-controls .dragon-status{width:100%;font-size:12px;color:#c7ad7b}.hero h1 span{color:#f4cc76}.hero .eyebrow{color:#dfbf78}.hero .button:not(.outline){background:#edc46e;border-color:#edc46e;color:#2c1d07}.hero:after{background:linear-gradient(90deg,#160c04ee,#160c049c 55%,#160c0430),linear-gradient(0deg,#120c08c9,transparent 60%)}@keyframes golden-dragon-flight{0%{transform:translate(-105vw,2vh) rotate(-7deg) scaleX(1)}40%{transform:translate(110vw,28vh) rotate(7deg) scaleX(1)}41%{transform:translate(110vw,35vh) rotate(-7deg) scaleX(-1)}85%{transform:translate(-110vw,8vh) rotate(7deg) scaleX(-1)}86%{transform:translate(-110vw,2vh) rotate(-7deg) scaleX(1)}to{transform:translate(-105vw,2vh) rotate(-7deg) scaleX(1)}}@media(max-width:760px){.golden-dragon{width:155vw;height:60vh}.dragon-controls{bottom:12px;right:12px;max-width:calc(100vw - 24px);padding:10px 12px}.dragon-controls>span:first-child{font-size:12px}.hero-copy{padding-bottom:100px}}@media(prefers-reduced-motion:reduce){.golden-dragon{animation:none;transform:translate(10vw,12vh);width:80vw;height:55vh}.dragon-fast .golden-dragon{animation:none}}
