:root{--hz-night:#101528;--hz-panel:#1a2038;--hz-blue:#526dff;--hz-cyan:#24d2dc;--hz-lime:#b8ec63;--hz-red:#ff655c;--hz-ink:#182038;--hz-muted:#6b748b;--hz-paper:#f1f4f8;--hz-line:#d6dce8;--shadow:0 20px 55px rgba(27,40,86,.14)}
body{color:var(--hz-ink);background:#f1f4f8;background-image:linear-gradient(90deg,rgba(82,109,255,.035) 1px,transparent 1px);background-size:80px 100%}.container{width:min(1220px,calc(100% - 42px))}
.announcement{min-height:38px;justify-content:flex-start;padding-left:max(21px,calc((100% - 1220px)/2));background:var(--hz-night);border-bottom:2px solid var(--hz-cyan)}.announcement:before{content:"LIVE";color:#0e1525;background:var(--hz-lime);border-radius:3px}.announcement b{color:#91a2ff}.header{height:72px;background:rgba(248,249,252,.94);border-color:#d5dbe7;box-shadow:none}.logo{color:#17203a}.logo-mark{border-radius:5px;background:linear-gradient(135deg,var(--hz-blue),var(--hz-cyan));box-shadow:none}.logo-mark:before{border-radius:3px}.navlinks a.active,.navlinks a:hover{color:var(--hz-blue);border-color:var(--hz-cyan);background:#eef1f8}.btn{border-radius:5px;box-shadow:none}.btn-dark,.btn-orange{color:#fff;background:var(--hz-blue);border-color:var(--hz-blue)}.btn-orange{color:#11182a;background:var(--hz-lime);border-color:#a5d84f}
.hero{min-height:660px;padding:82px 0;background:linear-gradient(90deg,#fff 0 57%,#e9edf7 57%);border:0}.hero:before{width:43%;height:100%;right:0;top:0;border-radius:0;background:repeating-linear-gradient(90deg,transparent 0 79px,rgba(82,109,255,.08) 80px)}.hero:after{content:"SWIPE → EXPLORE → CONNECT";right:2%;bottom:13px;color:rgba(24,32,56,.08);font-size:23px}.hero-grid{grid-template-columns:.95fr 1.05fr;gap:65px}.eyebrow{color:var(--hz-blue)}.eyebrow:before{height:3px;border-radius:0;background:var(--hz-cyan)}.hero h1{font-size:clamp(54px,6.5vw,84px)}.hero h1 span{background:linear-gradient(90deg,var(--hz-blue),#7458ef);-webkit-background-clip:text}.visual{padding:0}.visual-frame{padding:40px 8px 8px;border-radius:7px;border-color:#b8c3d7;box-shadow:20px 20px 0 rgba(82,109,255,.1)}.visual-frame:before{content:"控制台 / 横向设备工作区";top:11px}.visual-frame img{border-radius:4px}.metal-node{border-radius:4px}.node-dot{border-radius:1px;background:var(--hz-cyan)}
.metrics{background:var(--hz-night);border:0}.metric{border-color:#343b55}.metric:after{left:0;width:100%;height:3px;background:var(--hz-cyan)}.metric strong{color:#fff}.metric span{color:#99a3bb}.logo-belt{padding:72px 0;background:#fff}.logo-belt p{text-align:left;font-weight:700}.logo-matrix{display:flex;gap:14px;overflow-x:auto;padding:5px 3px 22px;scroll-snap-type:x mandatory;scrollbar-color:var(--hz-blue) #e5e8ef}.logo-matrix span{min-width:310px;min-height:170px;padding:26px;scroll-snap-align:start;border-radius:7px;box-shadow:none}.logo-matrix span:nth-child(2){border:1px solid #d6dae6;transform:none}.logo-matrix span:nth-child(2):after{display:none}.logo-matrix span:before{content:"继续浏览 →";color:var(--hz-blue)}.logo-matrix small{color:var(--hz-cyan)}.logo-matrix b{color:#1c2541}
.section{padding:102px 0}.section-head{margin-bottom:44px}.section-head h2{font-size:clamp(36px,4.5vw,55px)}.section-head:after{content:"拖动横向浏览  →";align-self:flex-start;padding:7px 11px;color:var(--hz-blue);background:#e8ebff;border-radius:4px;font-size:10px;font-weight:900}.section-head>p+.section-head:after{display:none}.grid-6{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(330px,36%);grid-template-columns:none;gap:16px;overflow-x:auto;padding:4px 4px 27px;scroll-snap-type:x mandatory;scrollbar-color:var(--hz-blue) #dfe3ec}.feature{min-height:320px;padding:32px;scroll-snap-align:start;border-radius:8px;box-shadow:none}.feature:before{content:"SLIDE";color:#8791a8}.feature:after{left:0;right:0;height:4px;background:linear-gradient(90deg,var(--hz-blue),var(--hz-cyan))}.ficon{margin-bottom:54px;border-radius:4px;color:var(--hz-blue);background:#eef0ff}.more{color:var(--hz-blue)}
.section.dark{background:var(--hz-night)}.scenes{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(820px,86%);grid-template-columns:none;gap:28px;overflow-x:auto;padding:5px 4px 32px;scroll-snap-type:x mandatory;scrollbar-color:var(--hz-cyan) #252c43}.scene{min-height:500px;scroll-snap-align:start;border-radius:8px;background:var(--hz-panel);border-color:#39415c;box-shadow:none}.scene-media:after{background:linear-gradient(90deg,transparent 60%,var(--hz-panel))}.scene:nth-child(even) .scene-media:after{background:linear-gradient(-90deg,transparent 60%,var(--hz-panel))}.scene-copy{padding:52px}.scene-no{color:var(--hz-cyan)}.scene h3{font-size:42px}.tags span{border-radius:3px}
.compare-wrap{border-radius:8px;box-shadow:var(--shadow)}.compare thead th{background:#e6e9f1}.compare .ours{color:var(--hz-blue);background:#e8ebff}.yes{color:#0f9ca4}.reviews{display:flex;gap:16px;overflow-x:auto;padding:4px 4px 26px;scroll-snap-type:x mandatory;scrollbar-color:var(--hz-blue) #dfe3ec}.review{min-width:390px;scroll-snap-align:start;border-radius:8px;box-shadow:none}.review:before{content:"REVIEW →"}.review:after{left:0;right:0;background:var(--hz-cyan)}.avatar{border-radius:4px;background:var(--hz-blue)}
.faq{gap:65px}.faq-list{border-radius:8px;box-shadow:none}summary:after{border-radius:4px;background:var(--hz-blue)}details[open] summary:after{background:var(--hz-cyan)}.cta{background:linear-gradient(100deg,var(--hz-blue),#674cd7);border:0}.cta:before{border-radius:0}.cta:after{content:"MOVE FORWARD →";font-size:80px}.cta .btn-dark{color:#101728;background:var(--hz-lime);border-color:var(--hz-lime)}.articles{display:flex;gap:16px;overflow-x:auto;padding:4px 4px 25px;scroll-snap-type:x mandatory}.article{min-width:370px;scroll-snap-align:start;border-radius:8px;box-shadow:none}.article:before{left:0;right:0;background:var(--hz-cyan)}.article-cover img{filter:saturate(.7)}.footer{background:#0c1121;border-top:4px solid var(--hz-cyan)}
.page-hero{padding:86px 0;background:linear-gradient(90deg,#fff 0 72%,#e7ebf5 72%);border-bottom:3px solid var(--hz-cyan)}.page-hero:before{content:"→";right:5%;top:-145px;color:rgba(82,109,255,.09)}.page-hero:after{content:"SELECT → DOWNLOAD → CONNECT"}.downloads{display:flex;gap:16px;overflow-x:auto;padding:4px 4px 28px;scroll-snap-type:x mandatory}.download-card{min-width:370px;min-height:370px;scroll-snap-align:start;border-radius:8px;box-shadow:none}.download-card.featured{border-color:var(--hz-blue);box-shadow:8px 8px 0 #dde2ef}.download-card.featured:before{color:var(--hz-blue)}.badge{border-radius:3px;color:var(--hz-blue)}.download-card:after{color:#0b9ca5}.download-banner{border-radius:8px;background:var(--hz-panel)}.steps{display:flex;gap:16px;overflow-x:auto;padding-bottom:24px}.step{min-width:340px;border-radius:8px;box-shadow:none}.step b{color:var(--hz-blue)}.searchbox{border-radius:7px}.help-side,.help-card{border-radius:7px;box-shadow:none}.help-side b{border-color:var(--hz-cyan)}.help-grid{display:flex;gap:14px;overflow-x:auto;padding:3px 3px 22px;scroll-snap-type:x mandatory}.help-card{min-width:360px;scroll-snap-align:start}.help-card:after{content:"→";color:var(--hz-blue)}
@media(max-width:920px){.hero{background:#fff}.hero-grid{grid-template-columns:1fr}.grid-6{grid-auto-columns:minmax(320px,68%)}.scenes{grid-auto-columns:minmax(700px,92%)}.scene:nth-child(even) .scene-media{order:0}.scene-media:after,.scene:nth-child(even) .scene-media:after{background:linear-gradient(0deg,var(--hz-panel),transparent 52%)}}
@media(max-width:620px){.announcement{padding-left:14px}.hero{padding:60px 0}.hero h1{font-size:47px}.metric-grid{grid-template-columns:repeat(2,1fr)}.logo-matrix span{min-width:82vw}.section{padding:72px 0}.section-head:after{display:none}.grid-6{grid-auto-columns:88%}.scenes{grid-auto-columns:92%}.scene{grid-template-columns:1fr;min-height:auto}.scene-media{min-height:270px}.scene-copy{padding:30px 24px}.scene h3{font-size:32px}.review,.article,.download-card,.help-card,.step{min-width:86vw}.page-hero{background:#fff}}