:root{--bg:#07111f;--bg2:#0b1b2e;--text:#f3f7ff;--muted:#8da1ba;--blue:#4b7dff;--cyan:#52e4d4;--lime:#c7f46c;--violet:#9b7cff;--paper:#eef3f8;--ink:#152238;--line:#d3dce8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font-family:"Segoe UI","Microsoft YaHei UI",sans-serif;line-height:1.68}a{color:inherit;text-decoration:none}img{max-width:100%}.route-shell{width:min(1220px,calc(100% - 48px));margin-inline:auto}
.route-header{position:sticky;top:0;z-index:50;border-bottom:1px solid #263a55;background:rgba(7,17,31,.93);backdrop-filter:blur(14px)}.route-nav{min-height:70px;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center}.route-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900}.route-brand img{display:block;width:34px;height:34px;object-fit:contain}.route-links{display:flex;justify-content:center;gap:clamp(18px,3vw,38px);color:var(--muted);font-size:13px;font-weight:800}.route-links a:hover{color:var(--cyan)}
.route-button{display:inline-flex;align-items:center;justify-content:center;min-width:170px;min-height:52px;padding:0 24px;border:1px solid var(--cyan);border-radius:999px;color:#07181c;background:var(--cyan);font-weight:900;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;transition:transform .2s ease,filter .2s ease}.route-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.route-button--small{min-width:130px;min-height:42px;padding-inline:16px}.route-text-link{color:#2467d8;font-weight:900}a:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
.junction-hero{overflow:hidden;background:radial-gradient(circle at 50% 55%,#173a56 0,#0b1b2e 29%,#07111f 67%)}.junction-stage{position:relative;min-height:790px}.junction-title{position:absolute;z-index:6;top:85px;left:0;width:58%}.route-label{margin:0 0 13px;color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.15em}.junction-title h1,.switch-layout h2,.path-layout h2,.capability-layout h2,.device-copy h2,.reroute-layout h2,.guide-layout h2,.faq-layout h2,.callout-layout h2{margin:0;font-family:"Arial Narrow","Microsoft YaHei UI",sans-serif;font-size:clamp(50px,6.2vw,85px);line-height:.96;letter-spacing:-.055em;text-wrap:balance}.junction-title>p:not(.route-label){max-width:570px;margin:24px 0;color:#a7b7ca}
.route-streams{position:absolute;z-index:2;right:-12%;bottom:0;left:-12%;width:124%;height:610px}.route-path{fill:none;stroke-width:10;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:9 15;animation:routeFlow 7s linear infinite}.route-path--a{stroke:var(--blue)}.route-path--b{stroke:var(--cyan);animation-duration:5s}.route-path--c{stroke:var(--lime);animation-duration:8s}.route-path--d{stroke:var(--violet);animation-duration:6s}@keyframes routeFlow{to{stroke-dashoffset:-240}}
.junction-window{position:absolute;z-index:8;top:275px;left:50%;width:220px;height:auto;margin:0;padding:0;border:1px solid #587691;border-radius:18px;background:#071522;box-shadow:0 0 0 10px rgba(75,125,255,.15),0 18px 50px rgba(0,0,0,.4);transform:translateX(-50%);overflow:visible;align-self:center}.junction-window figcaption{display:flex;justify-content:space-between;padding:8px 11px;border-bottom:1px solid #29435c;color:#8ca7be;font-size:8px}.junction-window img,.device-window img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none}.junction-window p{margin:0;padding:8px;text-align:center;color:#708ba3;font-size:8px}
.direction-tag{position:absolute;z-index:5;padding:5px 10px;border:1px solid #466079;border-radius:999px;background:#0b1a2a;color:#9fb3c8;font-size:8px}.tag-a{top:350px;left:6%}.tag-b{top:460px;left:20%}.tag-c{top:430px;right:20%}.tag-d{top:590px;right:7%}.route-readout{position:absolute;z-index:7;right:0;bottom:24px;left:0;display:flex;justify-content:space-around;padding:13px;border-top:1px solid #304963;border-bottom:1px solid #304963;color:#9eb0c3;font-size:10px}
.switch-section{padding:clamp(105px,13vw,170px) 0;color:var(--ink);background:var(--paper)}.switch-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(50px,8vw,110px)}.switch-layout h2,.path-layout h2,.capability-layout h2,.device-copy h2,.reroute-layout h2,.guide-layout h2,.faq-layout h2{font-size:clamp(40px,5vw,68px)}.switch-layout .route-label,.device-copy .route-label,.guide-layout .route-label,.faq-layout .route-label{color:#2467d8}.switch-layout header>p:last-child{color:#64738a}.switch-forks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.switch-forks article{position:relative;padding:28px;border:1px solid var(--line);border-radius:28px 8px 28px 8px;background:#fff}.switch-forks span{color:#2467d8;font-size:9px;font-weight:900}.switch-forks h3{margin:35px 0 8px}.switch-forks p{color:#64738a;font-size:12px}
.path-band{padding:clamp(95px,11vw,145px) 0;background:#0d2135}.path-layout>header{display:grid;grid-template-columns:.4fr 1.6fr;gap:38px;margin-bottom:60px}.path-layout ol{list-style:none;margin:0;padding:0;display:flex}.path-layout li{position:relative;flex:1;padding:24px;border-top:6px solid var(--blue);background:#102941}.path-layout li:nth-child(2){border-color:var(--cyan)}.path-layout li:nth-child(3){border-color:var(--lime)}.path-layout li:nth-child(4){border-color:var(--violet)}.path-layout li::after{content:"";position:absolute;right:-12px;top:50%;z-index:2;border:12px solid transparent;border-left-color:#102941;transform:translateY(-50%)}.path-layout b,.path-layout span{display:block}.path-layout span{margin-top:8px;color:var(--muted);font-size:11px}
.route-capabilities{padding:clamp(100px,12vw,155px) 0;color:var(--ink);background:#fff}.capability-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(50px,8vw,110px)}.capability-routes{border-top:1px solid var(--line)}.capability-routes article{display:grid;grid-template-columns:25px 140px 1fr;gap:22px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.capability-routes i{height:7px;border-radius:9px;background:var(--blue)}.capability-routes article:nth-child(2) i{background:#27a99d}.capability-routes article:nth-child(3) i{background:#86ad31}.capability-routes article:nth-child(4) i{background:#7655d6}.capability-routes span{font-weight:900}.capability-routes p{margin:0;color:#64738a}
.device-interchange{padding:clamp(100px,12vw,155px) 0;color:var(--ink);background:#e8eff7}.device-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(50px,8vw,100px);align-items:center}.device-window{align-self:center;height:auto;margin:0;padding:0;border:1px solid #b9c7d7;border-radius:32px 8px 32px 8px;background:#fff;overflow:visible;transform:none}.device-window figcaption{display:flex;justify-content:space-between;padding:10px 15px;border-bottom:1px solid var(--line);color:#64738a;font-size:9px}.device-copy>p:not(.route-label){color:#64738a}.device-copy nav{display:flex;flex-wrap:wrap;gap:7px;margin:27px 0}.device-copy nav a{padding:7px 11px;border:1px solid #b8c7d8;border-radius:999px;color:#324d6d;font-size:9px;font-weight:900}
.reroute-section{padding:clamp(100px,12vw,155px) 0;background:#091827}.reroute-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(50px,8vw,110px)}.reroute-list{border-top:1px solid #30465e}.reroute-list article{display:grid;grid-template-columns:130px 1fr 65px;gap:20px;padding:19px 0;border-bottom:1px solid #30465e}.reroute-list span{color:var(--cyan);font-weight:900}.reroute-list p{margin:0;color:var(--muted)}.reroute-list b{color:var(--lime);font-size:10px}.reroute-layout>.route-text-link{grid-column:2;color:var(--cyan)}
.route-guides{padding:clamp(100px,12vw,155px) 0;color:var(--ink);background:#eef3f8}.guide-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(50px,8vw,110px)}.guide-layout>div{border-top:1px solid #aebdcd}.guide-layout article{display:grid;grid-template-columns:65px 1fr 1fr 60px;gap:20px;padding:20px 0;border-bottom:1px solid #bdc8d4}.guide-layout span,.guide-layout a{color:#2467d8;font-weight:900}.guide-layout h3,.guide-layout p{margin:0}.guide-layout p{color:#64738a}.guide-layout a{text-align:right}
.route-faq{padding:clamp(100px,12vw,155px) 0;color:var(--ink);background:#fff}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,8vw,110px)}.faq-layout>div{border-top:1px solid var(--line)}.faq-layout details{border-bottom:1px solid var(--line)}.faq-layout summary{padding:20px 0;cursor:pointer;list-style:none;font-weight:900}.faq-layout summary::-webkit-details-marker{display:none}.faq-layout details p{margin:0 0 20px;color:#64738a}
.route-callout{padding:72px 0;color:#10213a;background:var(--cyan)}.callout-layout{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end}.callout-layout .route-label{color:#176f68}.callout-layout h2{max-width:17ch}.route-button--dark{border-color:#07111f;color:#fff;background:#07111f}
.route-footer{padding:52px 0 22px;background:#050d18}.footer-layout{display:grid;grid-template-columns:1.5fr .6fr .6fr;gap:46px}.footer-layout h3{margin:0 0 10px;color:var(--cyan);font-size:12px}.footer-layout>div>a:not(.route-brand){display:block;margin:7px 0;color:var(--muted);font-size:12px}.footer-layout>div:first-child p{color:var(--muted);font-size:12px}.copyright{grid-column:1/4;margin:20px 0 0;padding-top:18px;border-top:1px solid #26384d;color:#586d84;font-size:10px}
@media(max-width:900px){.junction-title{width:68%}.switch-layout,.capability-layout,.device-layout,.reroute-layout,.guide-layout,.faq-layout{grid-template-columns:1fr}.reroute-layout>.route-text-link{grid-column:auto}.guide-layout article{grid-template-columns:65px 1fr}.guide-layout p{grid-column:2}.guide-layout a{grid-column:2;text-align:left}}
@media(max-width:680px){.route-shell{width:min(100% - 24px,1220px)}.route-nav{grid-template-columns:auto auto}.route-nav>.route-button{display:none}.route-links{grid-column:1/3;grid-row:2;justify-content:flex-start;overflow-x:auto;padding:10px 0}.junction-stage{min-height:940px}.junction-title{top:60px;width:100%}.junction-title h1{font-size:clamp(44px,13vw,62px)}.junction-window{top:430px;width:165px}.route-streams{bottom:80px;height:500px}.direction-tag{display:none}.switch-forks{grid-template-columns:1fr}.path-layout>header{grid-template-columns:1fr}.path-layout ol{display:grid}.path-layout li::after{display:none}.capability-routes article{grid-template-columns:20px 1fr}.capability-routes p{grid-column:2}.reroute-list article{grid-template-columns:1fr;gap:6px}.guide-layout article{grid-template-columns:1fr}.guide-layout p,.guide-layout a{grid-column:auto}.callout-layout{grid-template-columns:1fr}.callout-layout .route-button{width:100%}.footer-layout{grid-template-columns:1fr 1fr}.footer-layout>div:first-child{grid-column:1/3}.copyright{grid-column:1/3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.route-path{animation:none}.route-button{transition:none}}
.junction-window,.device-window{align-self:center;height:auto;padding:0;margin-top:0;margin-bottom:0;overflow:visible}.junction-window img,.device-window img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none}