:root{--night-bg:#050b18;--night-deep:#020611;--night-blue:#0c1d39;--night-line:#31455f;--night-text:#edf2fb;--night-muted:#91a0b8;--night-gold:#f0cf83;--night-cyan:#78dce3;--night-dawn:#d2a584;--night-paper:#e8e5dc;--night-ink:#18263b}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100dvh;color:var(--night-text);background:var(--night-bg);font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif;line-height:1.72}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.night-shell{width:min(1220px,calc(100% - 48px));margin-inline:auto}
.night-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--night-line);background:rgba(5,11,24,.92);backdrop-filter:blur(15px)}
.night-nav{min-height:72px;display:grid;grid-template-columns:auto 1fr auto;gap:34px;align-items:center}.night-brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:900;white-space:nowrap}.night-brand img{display:block;width:34px;height:34px;object-fit:contain}.night-links{display:flex;justify-content:center;gap:clamp(18px,3vw,38px);color:var(--night-muted);font-size:14px;font-weight:700}.night-links a:hover{color:var(--night-gold)}
.night-button{display:inline-flex;align-items:center;justify-content:center;min-width:164px;min-height:50px;padding:0 22px;border:1px solid var(--night-gold);border-radius:2px;color:#171308;background:var(--night-gold);font-weight:900;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;transition:transform .2s ease,background .2s ease}.night-button:hover{background:#ffe5a8;transform:translateY(-2px)}.night-button--small{min-width:132px;min-height:44px;padding-inline:16px}.night-text-link{color:#1a7380;font-weight:900}
a:focus-visible,summary:focus-visible{outline:3px solid var(--night-gold);outline-offset:4px}
.navigation-hero{min-height:calc(100dvh - 72px);overflow:hidden;background:linear-gradient(180deg,#071129 0,#0a1831 52%,#101f32 72%,#3e3340 89%,#7e5661 100%)}.navigation-deck{position:relative;min-height:calc(100dvh - 72px)}
.constellation-guide{position:absolute;z-index:2;top:7%;right:5%;width:44%;height:38%}.star{position:absolute;width:7px;height:7px;border:2px solid var(--night-gold);border-radius:50%;background:#09152d;box-shadow:0 0 12px rgba(240,207,131,.6)}.star-a{top:10%;left:9%}.star-b{top:31%;left:31%}.star-c{top:15%;left:57%}.star-d{top:48%;left:71%}.star-e{right:2%;bottom:14%}.star-f{bottom:5%;left:42%}.constellation-line{position:absolute;height:1px;background:rgba(240,207,131,.58);transform-origin:left}.line-a{top:14%;left:10%;width:30%;transform:rotate(28deg)}.line-b{top:34%;left:32%;width:30%;transform:rotate(-22deg)}.line-c{top:18%;left:58%;width:37%;transform:rotate(38deg)}.line-d{top:51%;left:72%;width:26%;transform:rotate(36deg)}.line-e{bottom:8%;left:43%;width:52%;transform:rotate(-12deg)}.constellation-guide b{position:absolute;right:0;bottom:-2px;color:#a99169;font-size:9px;letter-spacing:.14em}
.bearing-scale{position:absolute;top:25px;right:0;left:0;display:flex;align-items:center;gap:12px;color:#77849d;font:700 9px Consolas,monospace}.bearing-scale i{flex:1;height:1px;background:repeating-linear-gradient(90deg,#44526b 0 1px,transparent 1px 12px)}.bearing-scale b{color:var(--night-gold)}
.night-heading{position:absolute;z-index:6;top:15%;left:0;width:min(650px,56%)}.night-label{margin:0 0 13px;color:var(--night-gold);font-size:10px;font-weight:900;letter-spacing:.17em}.night-heading h1,.bearing-layout h2,.horizon-layout h2,.device-copy h2,.constellation-layout h2,.check-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(44px,6.2vw,84px);line-height:.98;letter-spacing:-.05em;text-wrap:balance}.night-heading>p:not(.night-label){max-width:580px;margin:24px 0;color:#b0bbcd;font-size:17px}
.horizon-path{position:absolute;z-index:3;right:0;bottom:17%;left:0;height:230px}.distant-horizon{position:absolute;right:-5%;bottom:0;left:-5%;height:90px;border-top:1px solid rgba(240,207,131,.6);border-radius:50% 50% 0 0/100% 100% 0 0;background:linear-gradient(180deg,rgba(194,130,119,.18),rgba(6,14,28,.8))}.distant-horizon i{position:absolute;bottom:0;width:1px;height:45px;background:linear-gradient(transparent,#9a7777)}.distant-horizon i:nth-child(1){left:22%}.distant-horizon i:nth-child(2){left:56%;height:70px}.distant-horizon i:nth-child(3){right:19%;height:35px}.waypoint{position:absolute;z-index:3;padding:5px 9px;border-left:2px solid var(--night-gold);color:#b7c0d2;background:rgba(5,11,24,.75);font-size:9px}.waypoint-origin{bottom:25px;left:4%}.waypoint-select{top:31%;left:51%}.waypoint-connect{top:2%;right:7%}.guidance-arc{position:absolute;border-top:1px dashed var(--night-cyan);border-radius:50%}.arc-primary{top:23%;left:8%;width:74%;height:130px;transform:rotate(-4deg)}.arc-secondary{top:5%;right:3%;width:45%;height:100px;border-color:var(--night-gold);transform:rotate(8deg)}
.remote-window{position:absolute;z-index:7;right:2%;bottom:18%;width:220px;height:auto;margin:0;padding:0;border:1px solid #55647b;background:rgba(7,15,29,.88);overflow:visible;transform:none;align-self:center}.remote-window figcaption{display:flex;justify-content:space-between;padding:8px 11px;border-bottom:1px solid #44526a;color:#9aa8bc;font-size:8px}.remote-window img{display:block;width:100%;height:auto;min-height:0;max-height:250px;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none}.remote-window p{margin:0;padding:7px 10px;color:#78879e;font-size:8px}
.navigation-readout{position:absolute;z-index:8;right:0;bottom:24px;left:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(240,207,131,.45);border-bottom:1px solid rgba(240,207,131,.45)}.navigation-readout p{margin:0;padding:11px 16px;border-right:1px solid rgba(240,207,131,.22)}.navigation-readout p:last-child{border-right:0}.navigation-readout span,.navigation-readout b{display:block}.navigation-readout span{color:#8997aa;font-size:8px}.navigation-readout b{font-size:11px}.night-disclaimer{position:absolute;bottom:3px;left:0;margin:0;color:#625f72;font-size:8px}
.bearing-section{padding:clamp(100px,13vw,170px) 0;color:var(--night-ink);background:var(--night-paper)}.bearing-layout{display:grid;grid-template-columns:.68fr 1.32fr;gap:clamp(50px,8vw,110px)}.bearing-layout h2,.horizon-layout h2,.device-copy h2,.constellation-layout h2,.check-layout h2,.guide-layout h2,.faq-layout h2{font-size:clamp(38px,5vw,68px)}.bearing-layout .night-label,.device-copy .night-label,.guide-layout .night-label,.faq-layout .night-label{color:#7b5d2a}.bearing-layout header>p:last-child{color:#687386}.bearing-table{border-top:1px solid #334057}.bearing-head,.bearing-table article{display:grid;grid-template-columns:.55fr 1fr .7fr;gap:24px;padding:18px 0}.bearing-head{color:#727b8b;font-size:9px;font-weight:900}.bearing-table article{border-top:1px solid #b1b5bb}.bearing-table article p{margin:0;color:#687386}.bearing-table article strong{color:#7b5d2a;font-size:12px}
.horizon-section{padding:clamp(96px,12vw,158px) 0;background:#0a172a}.horizon-layout>header{display:grid;grid-template-columns:.4fr 1.6fr;gap:38px;margin-bottom:66px}.horizon-layout h2{max-width:16ch}.horizon-band{display:flex;align-items:center;border-top:1px solid var(--night-line);border-bottom:1px solid var(--night-line)}.horizon-band p{flex:1;margin:0;padding:24px 10px}.horizon-band span,.horizon-band b,.horizon-band small{display:block}.horizon-band span{color:var(--night-gold);font-size:9px;font-weight:900}.horizon-band b{margin:8px 0;font-size:17px}.horizon-band small{color:var(--night-muted)}.horizon-band>i{width:30px;height:1px;background:var(--night-gold);position:relative}.horizon-band>i::after{content:"";position:absolute;right:0;top:-3px;border-width:4px 0 4px 6px;border-style:solid;border-color:transparent transparent transparent var(--night-gold)}
.night-device{padding:clamp(96px,12vw,158px) 0;color:var(--night-ink);background:#ece8df}.device-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(50px,8vw,110px);align-items:center}.device-copy>p:not(.night-label){color:#687386}.device-bearing{margin:28px 0;border-top:1px solid #a8adb4}.device-bearing a{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #a8adb4;font-weight:800}.device-bearing span{color:#687386;font-size:10px;font-weight:400}.device-window{align-self:center;height:auto;margin:0;padding:0;border:1px solid #9fa5ae;background:#f5f2eb;overflow:visible;transform:none}.device-window figcaption{display:flex;justify-content:space-between;padding:8px 11px;border-bottom:1px solid #a8adb4;color:#687386;font-size:9px}.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}
.constellation-index{padding:clamp(96px,12vw,158px) 0;background:#07101f}.constellation-layout>header{display:grid;grid-template-columns:.4fr 1.6fr;gap:38px;margin-bottom:72px}.constellation-list{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:45px}.constellation-list::before{content:"";position:absolute;top:10px;right:0;left:0;height:1px;background:linear-gradient(90deg,var(--night-gold),var(--night-cyan),var(--night-gold))}.constellation-list article{position:relative;padding-top:45px}.constellation-list i{position:absolute;top:4px;width:13px;height:13px;border:3px solid var(--night-gold);border-radius:50%;background:#07101f}.constellation-list span{color:var(--night-gold);font-size:9px;font-weight:900}.constellation-list h3{margin:25px 0 9px;font-size:21px}.constellation-list p{color:var(--night-muted)}
.night-check{padding:clamp(96px,12vw,158px) 0;color:var(--night-ink);background:#d9d5cf}.check-layout{display:grid;grid-template-columns:.68fr 1.32fr;gap:clamp(50px,8vw,110px)}.check-layout .night-label{color:#7b5d2a}.check-layout ol{list-style:none;margin:0;padding:0;border-top:1px solid #91979e}.check-layout li{display:grid;grid-template-columns:140px 1fr;gap:22px;padding:19px 0;border-bottom:1px solid #a9adb2}.check-layout li span{color:#7b5d2a;font-weight:900}.check-layout li p{margin:0;color:#687386}.check-layout>.night-text-link{grid-column:2}
.night-guides{padding:clamp(96px,12vw,158px) 0;color:var(--night-ink);background:var(--night-paper)}.guide-layout{display:grid;grid-template-columns:.62fr 1.38fr;gap:clamp(50px,8vw,110px)}.guide-list{border-top:1px solid #9da3ab}.guide-list article{display:grid;grid-template-columns:105px 1fr 1fr 50px;gap:20px;padding:22px 0;border-bottom:1px solid #b5b8bd}.guide-list span{color:#7b5d2a;font-size:9px;font-weight:900}.guide-list h3,.guide-list p{margin:0}.guide-list h3{font-size:18px}.guide-list p{color:#687386}.guide-list a{color:#7b5d2a;font-weight:900;text-align:right}
.night-faq{padding:clamp(96px,12vw,158px) 0;color:var(--night-ink);background:#fff}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,8vw,110px)}.faq-list{border-top:1px solid #b0b5bc}.faq-list details{border-bottom:1px solid #b0b5bc}.faq-list summary{padding:22px 0;cursor:pointer;list-style:none;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{margin:0 0 22px;color:#687386}
.dawn-callout{padding:clamp(64px,8vw,100px) 0;color:#211711;background:var(--night-dawn)}.callout-layout{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end}.callout-layout .night-label{color:#694834}.callout-layout h2{max-width:17ch}.night-button--dark{border-color:#0a1425;color:#fff;background:#0a1425}
.night-footer{padding:52px 0 22px;background:#020611}.footer-layout{display:grid;grid-template-columns:1.5fr .6fr .6fr;gap:46px}.footer-layout h3{margin:0 0 10px;color:var(--night-gold);font-size:12px}.footer-layout>div>a:not(.night-brand){display:block;margin:7px 0;color:var(--night-muted);font-size:12px}.footer-layout>div:first-child p{color:var(--night-muted);font-size:12px}.night-copyright{grid-column:1/4;margin:20px 0 0;padding-top:18px;border-top:1px solid #23324a;color:#59677d;font-size:10px}
@media(max-width:980px){.night-heading{width:58%}.constellation-guide{right:-4%;width:48%}.remote-window{width:180px}.bearing-layout,.device-layout,.check-layout,.guide-layout,.faq-layout{grid-template-columns:1fr}.check-layout>.night-text-link{grid-column:auto}.guide-list article{grid-template-columns:95px 1fr}.guide-list p{grid-column:2}.guide-list a{grid-column:2;text-align:left}}
@media(max-width:680px){.night-shell{width:min(100% - 24px,1220px)}.night-nav{grid-template-columns:auto auto}.night-nav>.night-button{display:none}.night-links{grid-column:1/3;grid-row:2;justify-content:flex-start;overflow-x:auto;padding:11px 0}.navigation-hero,.navigation-deck{min-height:920px}.night-heading{position:relative;top:auto;width:100%;padding-top:65px}.night-heading h1{font-size:clamp(42px,13vw,60px)}.constellation-guide{top:430px;right:0;width:100%;height:210px}.horizon-path{bottom:105px}.remote-window{right:4%;bottom:150px;width:135px}.navigation-readout{grid-template-columns:1fr;bottom:25px}.navigation-readout p{display:none}.navigation-readout p:first-child{display:block;border-right:0}.bearing-head{display:none}.bearing-table article{grid-template-columns:1fr;gap:7px}.horizon-layout>header,.constellation-layout>header{grid-template-columns:1fr}.horizon-band{display:grid;grid-template-columns:1fr}.horizon-band>i{width:1px;height:24px;margin-left:50%;background:var(--night-gold)}.constellation-list{grid-template-columns:1fr;padding-left:28px}.constellation-list::before{top:0;bottom:0;left:6px;width:1px;height:auto}.constellation-list i{top:0;left:-28px}.constellation-list article{padding:0 0 32px}.constellation-list h3{margin:7px 0}.check-layout li{grid-template-columns:1fr;gap:6px}.guide-list article{grid-template-columns:1fr;gap:8px}.guide-list p,.guide-list a{grid-column:auto}.callout-layout{grid-template-columns:1fr}.callout-layout .night-button{width:100%}.footer-layout{grid-template-columns:1fr 1fr}.footer-layout>div:first-child{grid-column:1/3}.night-copyright{grid-column:1/3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.night-button{transition:none}}
.remote-window,.device-window{align-self:center;height:auto;padding:0;margin-top:0;margin-bottom:0;overflow:visible;transform:none}.remote-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}