:root{--jr-blue:#3c6fe8;--jr-violet:#7658df;--jr-coral:#f27663;--jr-mint:#3ec6aa;--jr-ink:#20304a;--jr-muted:#6a778c;--jr-paper:#f4f7fb;--jr-line:#cfd9e6;--jr-white:#fff;--shadow:0 18px 48px rgba(40,66,120,.12)}
body{color:var(--jr-ink);background:#f4f7fb;background-image:radial-gradient(#cbd6e4 1.2px,transparent 1.2px);background-size:28px 28px}.container{width:min(1200px,calc(100% - 42px))}
.announcement{min-height:39px;background:#203250;border-bottom:3px solid var(--jr-mint)}.announcement:before{content:"旅程更新";color:#fff;background:var(--jr-coral);border-radius:12px}.announcement b{color:#9db9ff}.header{height:72px;background:rgba(255,255,255,.95);border-color:#d9e1eb;box-shadow:0 5px 20px rgba(37,59,103,.07)}.logo{color:#243553}.logo-mark{border-radius:50%;background:conic-gradient(var(--jr-blue),var(--jr-violet),var(--jr-coral),var(--jr-mint),var(--jr-blue));box-shadow:none}.logo-mark:before{border-radius:50%}.navlinks a:hover,.navlinks a.active{color:var(--jr-blue);border-color:var(--jr-blue);background:#f0f4fa}.btn{border-radius:20px;box-shadow:none}.btn-dark,.btn-orange{color:#fff;background:linear-gradient(135deg,var(--jr-blue),var(--jr-violet));border-color:transparent}.btn-orange{background:linear-gradient(135deg,var(--jr-coral),#ef8b5b)}
.hero{min-height:720px;padding:90px 0;background:linear-gradient(135deg,#fff 0 62%,#eaf0f8 62%);border:0}.hero:before{width:50%;height:100%;right:0;top:0;border-radius:0;background:radial-gradient(circle at 25% 25%,rgba(60,111,232,.16),transparent 35%),radial-gradient(circle at 75% 70%,rgba(62,198,170,.13),transparent 32%)}.hero:after{content:"起点  01 ─── 02 ─── 03  连接完成";right:3%;bottom:18px;color:rgba(32,48,74,.16);font-size:14px;font-weight:900;word-spacing:12px}.hero-grid{grid-template-columns:.95fr 1.05fr;gap:70px}.eyebrow{color:var(--jr-blue)}.eyebrow:before{width:14px;height:14px;border:4px solid #dce5fb;border-radius:50%;background:var(--jr-blue)}.hero h1{color:#213453;font-size:clamp(54px,6.3vw,82px)}.hero h1 span{background:linear-gradient(135deg,var(--jr-blue),var(--jr-violet));-webkit-background-clip:text}.lead{color:#5d6e86}.micro{color:#748197}.micro:before{content:"起点";margin-right:8px;padding:2px 7px;color:#fff;background:var(--jr-mint);border-radius:10px;font-size:9px}.visual{padding:10px}.visual:before{content:"";position:absolute;left:-18px;top:50%;width:38px;border-top:3px dashed var(--jr-coral)}.visual-frame{padding:42px 10px 10px;border:2px solid #b9c8da;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.visual-frame:before{content:"旅程终点 · 设备已安全连接";top:11px;color:#526884}.visual-frame:after{content:"● 在线";top:10px;color:var(--jr-mint)}.visual-frame img{border-radius:11px;filter:saturate(.72)}.metal-node{border-radius:18px}.node-dot{background:var(--jr-mint)}
.metrics{background:#223655;border:0}.metric-grid{position:relative}.metric-grid:before{content:"";position:absolute;left:8%;right:8%;top:18px;border-top:2px dashed rgba(255,255,255,.18)}.metric{border-color:#405474}.metric:after{left:50%;transform:translateX(-50%);width:11px;height:11px;bottom:auto;top:13px;border:3px solid #223655;border-radius:50%;background:var(--jr-mint)}.metric strong{color:#fff}.metric span{color:#aebcce}.logo-belt{padding:80px 0;background:#fff}.logo-belt p{text-align:left;font-weight:700}.logo-matrix{position:relative;gap:18px}.logo-matrix:before{content:"";position:absolute;left:8%;right:8%;top:24px;border-top:3px dashed #c7d4e6}.logo-matrix span{z-index:1;min-height:190px;padding:48px 25px 26px;border-radius:18px;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:after{content:"";position:absolute;left:25px;top:15px;width:17px;height:17px;border:5px solid #fff;border-radius:50%;background:var(--jr-blue);box-shadow:0 0 0 2px var(--jr-blue)}.logo-matrix span:nth-child(2):after{display:block;content:"";left:25px;right:auto;top:15px;padding:0;width:17px;height:17px;border:5px solid #fff;border-radius:50%;background:var(--jr-violet);box-shadow:0 0 0 2px var(--jr-violet)}.logo-matrix span:nth-child(3):after{background:var(--jr-coral);box-shadow:0 0 0 2px var(--jr-coral)}.logo-matrix span:nth-child(4):after{background:var(--jr-mint);box-shadow:0 0 0 2px var(--jr-mint)}.logo-matrix span:before{content:"下一站 →";color:var(--jr-blue)}.logo-matrix small{color:var(--jr-coral)}.logo-matrix b{color:#273956}
.section{padding:105px 0}.section.white{background:rgba(255,255,255,.93)}.section-head h2{color:#243655}.section-head p{color:var(--jr-muted)}.grid-6{position:relative;gap:28px}.grid-6:before{content:"";position:absolute;left:16%;right:16%;top:50%;border-top:3px dashed #c8d5e6}.feature{z-index:1;min-height:285px;padding:31px;border-radius:18px;box-shadow:none}.feature:before{content:"STOP";color:#8c9aad}.feature:after{left:31px;right:auto;width:38px;height:4px;border-radius:4px;background:var(--jr-coral)}.ficon{margin-bottom:45px;border-radius:50%;color:var(--jr-blue);background:#edf2fc}.feature p{color:var(--jr-muted)}.more{color:var(--jr-blue)}
.section.dark{background:#1f3150}.dark .eyebrow{color:#91adff}.scenes{position:relative;gap:55px}.scenes:before{content:"";position:absolute;left:48px;top:10%;bottom:10%;border-left:3px dashed #5a6f8f}.scene{position:relative;min-height:450px;margin-left:35px;background:#293e60;border-color:#4a5f7e;border-radius:20px;box-shadow:none}.scene:before{content:"";position:absolute;z-index:3;left:-48px;top:50%;width:23px;height:23px;border:7px solid #1f3150;border-radius:50%;background:var(--jr-coral);box-shadow:0 0 0 2px var(--jr-coral)}.scene:nth-child(2):before{background:var(--jr-violet);box-shadow:0 0 0 2px var(--jr-violet)}.scene:nth-child(3):before{background:var(--jr-mint);box-shadow:0 0 0 2px var(--jr-mint)}.scene-media:after{background:linear-gradient(90deg,transparent 60%,#293e60)}.scene:nth-child(even) .scene-media:after{background:linear-gradient(-90deg,transparent 60%,#293e60)}.scene-media img{filter:saturate(.6)}.scene-copy{padding:50px}.scene-no{color:#7edbd0}.scene p{color:#bdc9da}.tags span{border-radius:15px}.compare-wrap{border-radius:17px;box-shadow:var(--shadow)}.compare .ours{color:var(--jr-blue);background:#eaf0ff}.yes{color:var(--jr-mint)}.reviews{gap:18px}.review{padding:31px;border-radius:18px;box-shadow:none}.review:before{content:"TRAVEL NOTE";color:#8695aa}.review:after{left:31px;right:auto;width:38px;background:var(--jr-coral)}.avatar{border-radius:50%;background:var(--jr-blue)}
.faq{gap:70px}.faq-list{border-radius:18px;box-shadow:none}summary:after{background:var(--jr-blue)}details[open] summary:after{background:var(--jr-coral)}.cta{background:linear-gradient(120deg,var(--jr-blue),var(--jr-violet));border:0}.cta:before{border-radius:50%}.cta:after{content:"ARRIVE · CONNECT";font-size:80px}.cta .btn-dark{color:var(--jr-blue);background:#fff;border-color:#fff}.articles{gap:18px}.article{border-radius:18px;box-shadow:none}.article:before{left:31px;right:auto;width:38px;background:var(--jr-coral)}.article-cover img{filter:saturate(.7);border-radius:18px 18px 0 0}.footer{background:#172742;border-top:4px solid var(--jr-mint)}
.page-hero{padding:90px 0;background:linear-gradient(135deg,#fff 0 70%,#e8eef7 70%);border-bottom:3px solid var(--jr-mint)}.page-hero:before{content:"↗";top:-180px;color:rgba(60,111,232,.08)}.page-hero:after{content:"START → SELECT → CONNECT";color:rgba(32,48,74,.08)}.page-hero h1{color:#233654}.downloads{position:relative;gap:22px}.downloads:before{content:"";position:absolute;left:12%;right:12%;top:26px;border-top:3px dashed #c7d4e6}.download-card{z-index:1;min-height:385px;padding-top:55px;border-radius:18px;box-shadow:none}.download-card:before{content:"";position:absolute;left:29px;top:17px;width:17px;height:17px;border:5px solid #fff;border-radius:50%;background:var(--jr-blue);box-shadow:0 0 0 2px var(--jr-blue)}.download-card.featured{border-color:var(--jr-blue);box-shadow:0 20px 50px rgba(60,111,232,.13)}.download-card.featured:before{content:"";left:29px;right:auto;top:17px;width:17px;height:17px;padding:0;border:5px solid #fff;border-radius:50%;background:var(--jr-coral);box-shadow:0 0 0 2px var(--jr-coral)}.badge{border-radius:14px;color:var(--jr-blue)}.download-card:after{color:var(--jr-mint)}.download-banner{border-radius:20px;background:#293e60}.steps{position:relative;gap:22px}.steps:before{content:"";position:absolute;left:12%;right:12%;top:35px;border-top:3px dashed #c7d4e6}.step{z-index:1;padding-top:60px;border-radius:18px;box-shadow:none}.step b{position:absolute;top:18px;width:34px;height:34px;display:grid;place-items:center;color:#fff;background:var(--jr-blue);border-radius:50%;font-size:13px}.searchbox{border-radius:26px}.help-side,.help-card{border-radius:18px;box-shadow:none}.help-side b{border-color:var(--jr-blue)}.help-card:after{color:var(--jr-mint)}
@media(max-width:920px){.hero{background:#fff}.hero-grid{grid-template-columns:1fr}.logo-matrix{grid-template-columns:repeat(2,1fr)}.grid-6:before{display:none}.scene-media:after,.scene:nth-child(even) .scene-media:after{background:linear-gradient(0deg,#293e60,transparent 52%)}}
@media(max-width:620px){.hero{padding:62px 0}.hero h1{font-size:48px}.metric-grid{grid-template-columns:repeat(2,1fr)}.logo-matrix,.grid-6{grid-template-columns:1fr}.logo-matrix:before,.downloads:before,.steps:before{display:none}.section{padding:72px 0}.scenes:before{left:19px}.scene{margin-left:25px}.scene:before{left:-39px}.scene-copy{padding:32px 24px}.page-hero{padding:62px 0;background:#fff}}
