@charset "UTF-8";
:root{color-scheme:dark;--ink:#05080f;--white:#eff7ff;--muted:#94a8bd;--blue:#a8ddff;--line:rgba(172,207,237,.17);--pointer-x:0px;--pointer-y:0px;font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;background:var(--ink);color:var(--white)}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;overflow-x:hidden;background:#05080f}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:7px}button:disabled{cursor:default}svg{display:block}button svg{fill:none;stroke:currentColor;stroke-width:1.2}::selection{background:#a8ddff;color:#071522}.skip{position:fixed;left:12px;top:-90px;z-index:100;background:#fff;color:#000;padding:12px}.skip:focus{top:12px}.scene{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}.cosmos{position:absolute;inset:-3%;background:#05080f url('assets/universe.png') 62% 50%/cover no-repeat;transform:translate(var(--pointer-x),var(--pointer-y)) scale(1.035);transition:transform 1.8s cubic-bezier(.16,1,.3,1),filter 1.4s;will-change:transform;animation:arrival 2.5s ease-out both}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,14,.68) 0%,rgba(3,7,14,.32) 35%,transparent 70%),linear-gradient(0deg,#05080f 0%,rgba(5,8,15,.78) 12%,transparent 40%,rgba(5,8,15,.12) 80%,rgba(5,8,15,.75) 100%)}.grain{position:absolute;inset:0;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:screen}.cursor-light{position:fixed;left:0;top:0;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(116,190,245,.045),transparent 68%);transform:translate(-700px,-700px);pointer-events:none;z-index:1}.opening{position:fixed;inset:0;background:#03060b;z-index:90;display:grid;place-items:center;pointer-events:none;animation:openSpace 1.7s .15s forwards}.opening span{width:3px;height:3px;border-radius:50%;background:white;box-shadow:0 0 18px 4px #aad7ff,0 0 100px 20px #4a85ba;animation:lightBirth 1.7s forwards}.header{height:116px;margin:0 4.4%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4;border-bottom:1px solid rgba(174,204,226,.12)}.brand{display:flex;align-items:center;gap:15px;padding:0;text-align:left}.brand svg{width:37px;height:37px;stroke-width:1}.brand svg circle{fill:rgba(153,210,252,.07)}.brand>span{font-size:23px;font-weight:550;letter-spacing:.22em;line-height:1.3}.brand small{display:block;font-size:12px;letter-spacing:.31em;font-weight:400;color:#a4b3c5;margin-top:6px}.header nav{display:flex;gap:38px;height:100%;align-items:center;position:absolute;left:50%;transform:translateX(-50%)}.nav-link{font-size:14px;color:#9aabba;position:relative;height:100%;padding:0 2px;letter-spacing:.08em;transition:color .25s}.nav-link.active,.nav-link:hover{color:white}.nav-link.active:after{content:"";position:absolute;width:20px;left:50%;bottom:-1px;transform:translateX(-50%);height:2px;background:#bfe5ff;box-shadow:0 0 10px #a8ddff}.utilities{display:flex;align-items:center;gap:21px}.control{display:flex;align-items:center;justify-content:center;color:#b5c8d9;transition:color .2s,background .2s}.control:hover{color:white}.sound{gap:10px;font-size:12px;padding:8px 0}.equalizer{display:flex;gap:3px;align-items:center;height:17px}.equalizer i{display:block;background:currentColor;width:1px;height:5px}.equalizer i:nth-child(2){height:12px}.equalizer i:nth-child(3){height:8px}.equalizer i:nth-child(4){height:15px}.sound[aria-pressed=true] .equalizer i{animation:soundWave 1s ease-in-out infinite alternate}.sound[aria-pressed=true] .equalizer i:nth-child(2){animation-delay:-.5s}.sound[aria-pressed=true] .equalizer i:nth-child(3){animation-delay:-.2s}.icon-button{width:25px;height:30px;padding:0}.icon-button svg{width:18px;height:18px}.header,main,footer{position:relative}main{z-index:2;margin:0 4.4%;min-height:calc(100svh - 183px);display:flex;flex-direction:column;justify-content:flex-end}.hero{position:relative;z-index:2;padding:70px 0 42px;width:53%;transition:opacity .7s,transform 1s;pointer-events:none}.hero button{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:.24em;color:#bfd2e2;line-height:1.6}.line{height:1px;width:26px;background:#c0ddf3}.hero h1{font-weight:400;font-size:clamp(42px,4.5vw,78px);line-height:1.3;letter-spacing:.055em;margin:24px 0 20px;text-shadow:0 2px 36px rgba(0,0,0,.2)}.hero h1 span{background:linear-gradient(105deg,#fafcfe 15%,#a9cee7 92%);background-clip:text;-webkit-background-clip:text;color:transparent}.intro{font-size:15px;line-height:2;color:#a4b5c8;font-weight:300;letter-spacing:.09em;margin:0}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.primary{display:flex;align-items:center;justify-content:center;gap:14px;font-size:14px;letter-spacing:.12em;padding:17px 24px;background:rgba(134,194,239,.075);border:1px solid rgba(180,219,249,.42);box-shadow:inset 0 0 20px rgba(151,207,250,.035);transition:background .3s,box-shadow .3s,transform .3s}.primary:hover{background:rgba(134,194,239,.16);box-shadow:0 0 28px #75bdf51a;transform:translateY(-2px)}.cross{font-size:22px;line-height:1;font-weight:300}.hint{font-size:12px;letter-spacing:.08em;color:#8a9fb3}.chapter-caption{display:flex;gap:20px;margin-top:48px;align-items:center;color:#8195a8;font-size:12px;letter-spacing:.1em}.chapter-caption span:first-child{letter-spacing:.2em;font-size:12px}.chapter-caption span+span:before{content:"";display:inline-block;width:25px;height:1px;vertical-align:middle;background:#53657a;margin-right:20px}.star-map{position:absolute;right:-1%;top:-28px;width:62%;height:min(650px,77vh);pointer-events:none;transition:width 1s,right 1s;z-index:1}.orbit-lines{position:absolute;inset:0;width:100%;height:100%;opacity:.48;stroke:#b7d1ed;stroke-width:.5}.orbit-secondary{stroke-dasharray:1 10;opacity:.65}.chart-line{opacity:0;transition:opacity 1s;stroke-width:.6;stroke-dasharray:3 7}.beacon{position:absolute;display:flex;align-items:center;gap:12px;pointer-events:auto;text-align:left;padding:10px;transition:transform .4s;z-index:2}.beacon:hover{transform:translateY(-4px)}.beacon-origin{left:31%;top:18%}.beacon-gravity{left:78%;top:41%}.beacon-echo{left:61%;top:78%}.beacon-beyond{left:18%;top:63%}.point{width:21px;height:21px;flex:none;border:1px solid #92b4d066;border-radius:50%;display:grid;place-items:center;position:relative}.point i{display:block;width:5px;height:5px;background:#d9edff;border-radius:50%;box-shadow:0 0 14px 3px #aed7ff77}.point:after{content:"";position:absolute;inset:-6px;border:1px solid #a8ddff35;border-radius:50%;animation:beaconPulse 4s infinite}.beacon-gravity .point:after{animation-delay:-1s}.beacon-echo .point:after{animation-delay:-2s}.beacon-beyond .point:after{animation-delay:-3s}.beacon-label{display:flex;flex-direction:column;gap:4px;text-shadow:0 1px 14px #000}.beacon-label small{font-size:12px;letter-spacing:.16em;color:#9cafc3}.beacon-label strong{font-size:15px;letter-spacing:.2em;font-weight:400}.beacon-label em{font-style:normal;font-size:12px;color:#9caebf;opacity:0;max-height:0;transition:opacity .3s,max-height .3s}.beacon:hover .beacon-label em,.chart-mode .beacon-label em{opacity:1;max-height:30px}.planet-caption{position:absolute;top:48%;left:51%;font-size:12px;letter-spacing:.2em;opacity:.6;display:flex;align-items:center;gap:10px;transform:translateX(-35%);white-space:nowrap}.planet-caption span:last-child{position:absolute;left:22px;top:20px;font-size:12px;letter-spacing:.12em}.tiny-cross{font-size:18px}.map-heading{position:absolute;left:-44%;top:21%;opacity:0;transform:translateY(20px);transition:opacity .6s,transform .7s;width:330px}.map-heading h2{font-size:clamp(26px,3vw,45px);font-weight:350;line-height:1.65;letter-spacing:.08em}.map-heading p{font-size:14px;color:#a6bacd;line-height:1.9}.map-help{position:relative;text-align:right;font-size:12px;letter-spacing:.12em;color:#8299b2;padding:0 3px 24px;pointer-events:none}.destinations{display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:3;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(4,10,17,.35);backdrop-filter:blur(6px)}.destination{display:flex;align-items:center;text-align:left;gap:18px;padding:23px 25px;min-height:108px;position:relative;transition:background .3s}.destination:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:var(--line)}.destination:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:#afd8fc;transform:scaleX(0);transition:transform .35s;transform-origin:left}.destination:hover,.destination:focus-visible{background:rgba(134,194,239,.05)}.destination:hover:before{transform:scaleX(1)}.destination-number{color:#7b93aa;font-size:12px;letter-spacing:.1em;align-self:flex-start;margin-top:5px}.destination strong{display:block;font-size:18px;font-weight:400;letter-spacing:.17em;margin-bottom:8px}.destination small{display:block;font-size:12px;color:#879db3;letter-spacing:.09em}.destination svg{width:38px;height:38px;margin-left:auto;stroke:#7997b2;stroke-width:.7;transition:transform .6s,color .6s}.destination:hover svg{transform:rotate(30deg);stroke:#cfebff}.destination.visited .destination-number{color:#c9e9ff}.destination.visited .destination-number:after{content:"·";margin-left:4px}footer{margin:0 4.4%;height:67px;display:flex;justify-content:space-between;align-items:center;z-index:2;color:#7990a5;font-size:12px;letter-spacing:.11em}.private-label{display:flex;align-items:center;gap:8px}.private-label svg{fill:none;stroke:#849eb5;stroke-width:.8;width:12px;height:12px}.footer-quote{font-size:12px;letter-spacing:.24em;color:#6f8195}#progress{font-variant-numeric:tabular-nums}.chart-mode .hero{opacity:0;transform:translateX(-35px);visibility:hidden}.chart-mode .map-heading{opacity:1;transform:none}.chart-mode .cosmos{transform:translate(calc(var(--pointer-x) - 2%),var(--pointer-y)) scale(1.13);filter:brightness(.8)}.chart-mode .chart-line{opacity:.65}.chart-mode .orbit-lines{opacity:.8}.chart-mode .beacon .point{background:#b9dfff12}.chart-mode .planet-caption{opacity:.35}.world-open .cosmos{transform:scale(1.3);filter:brightness(.6) blur(3px)}
dialog{padding:0;max-width:none;max-height:calc(100svh - 60px);width:min(950px,90vw);border:1px solid #accfe82e;background:#090f18;color:var(--white);box-shadow:0 24px 160px #000b;overflow-y:auto}dialog::backdrop{background:#01050aa1;backdrop-filter:blur(9px)}dialog[open]{animation:dialogIn .65s cubic-bezier(.16,1,.3,1) both}.world-shell{display:grid;grid-template-columns:42% 58%;min-height:570px}.world-visual{position:relative;overflow:hidden;min-height:100%;background:#040910}.world-visual img{width:100%;height:100%;object-fit:cover;object-position:72% center;position:absolute;inset:0;filter:var(--world-filter,none);transform:scale(1.1);animation:planetFloat 18s ease-in-out infinite alternate}.world-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#060e1b 0%,transparent 45%,#04080d44 100%)}.visual-index{position:absolute;top:30px;left:30px;font-size:12px;letter-spacing:.15em;color:#c1daef;z-index:1}.visual-caption{position:absolute;bottom:90px;left:30px;z-index:1;letter-spacing:.18em;font-size:27px;font-weight:300}.visual-coordinates{position:absolute;bottom:57px;left:32px;z-index:1;font-size:12px;letter-spacing:.15em;color:#92a6bb}.world-content{padding:55px 48px 30px;position:relative;display:flex;flex-direction:column;background:radial-gradient(ellipse at top right,#15253655,transparent 55%)}.close{position:absolute;right:19px;top:17px;width:35px;height:35px;border:1px solid #adcce21c;border-radius:50%}.close svg{width:16px;height:16px}.world-content h2{font-size:47px;font-weight:350;letter-spacing:.13em;margin:17px 0 10px}.world-subtitle{font-size:20px;line-height:1.65;color:#e2eef7;margin:0;letter-spacing:.05em}.small-rule{width:25px;height:1px;background:#99bed8;margin:26px 0}.world-body{font-size:15px;line-height:2.15;color:#9cb0c3;margin:0;white-space:pre-line}.world-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.world-tags span{border:1px solid #8caec42b;color:#bad0e1;padding:6px 10px;font-size:12px;letter-spacing:.08em}blockquote{margin:32px 0 25px;font-family:Georgia,"Songti SC","SimSun",serif;font-style:italic;font-size:15px;line-height:1.8;color:#c4d7e7}.world-bottom{margin-top:auto;padding-top:23px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#728ba2}.next-world{font-size:12px;letter-spacing:.06em;color:#c7ddeb;display:flex;align-items:center;gap:18px;padding:7px 0}.next-world span{font-size:20px;color:#7db1d7}.next-world:hover{color:white}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#132134ed;border:1px solid #adcee33a;padding:13px 22px;font-size:13px;color:#d9eafb;z-index:100;transition:opacity .25s,transform .25s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .opening{display:none}.motion-paused .cosmos{transition:none;transform:scale(1.035)}
@keyframes arrival{from{filter:brightness(.2);transform:scale(1.1)}to{filter:brightness(1);transform:translate(var(--pointer-x),var(--pointer-y)) scale(1.035)}}@keyframes openSpace{0%,22%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes lightBirth{0%{transform:scale(.2);opacity:0}30%{opacity:1}100%{transform:scale(6);opacity:0}}@keyframes beaconPulse{0%,100%{transform:scale(.8);opacity:.2}50%{transform:scale(1.15);opacity:.7}}@keyframes soundWave{from{transform:scaleY(.4)}to{transform:scaleY(1)}}@keyframes dialogIn{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}@keyframes planetFloat{from{transform:scale(1.1) translateX(-1%)}to{transform:scale(1.2) translateX(1%)}}
@media(min-width:1600px){.hero{padding-top:100px;padding-bottom:70px}.star-map{height:760px;top:-30px}.destination{padding-top:30px;padding-bottom:30px}}
@media(max-width:1100px){.header{height:96px}.utilities{gap:12px}.header nav{gap:26px}.sound-label{display:none}main{min-height:calc(100svh - 155px)}.hero{padding-top:70px;padding-bottom:28px;width:59%}.hero h1{font-size:48px}.star-map{width:62%;right:-1%;top:0;height:550px}.beacon-gravity{left:73%}.beacon-label small{font-size:12px}.chapter-caption{margin-top:35px}.destination{gap:12px;padding:22px 16px}.destination svg{width:27px;height:27px}.destination small{font-size:12px}.map-help{padding-bottom:18px}footer{height:59px}.footer-quote{display:none}.map-heading{left:-49%;width:290px}.world-content{padding:50px 35px 26px}}
@media(max-width:700px){.header{margin:0 6%;height:89px;align-items:center}.brand{gap:9px}.brand svg{width:30px;height:30px}.brand>span{font-size:18px}.brand small{font-size:12px;letter-spacing:.15em}.header nav{position:static;transform:none;margin-left:auto;margin-right:20px;gap:18px}.nav-link{font-size:12px}.utilities{gap:8px}.icon-button{display:none}.sound{padding:10px 0}.cosmos{background-position:66% center;inset:-2%;background-size:auto 100%;opacity:.85}.shade{background:linear-gradient(0deg,#05080f 0%,#05080fe8 16%,#05080f1a 65%,#05080f66 100%),linear-gradient(90deg,#05080f44,transparent)}main{margin:0 6%;min-height:calc(100svh - 145px);padding-top:285px}.hero{padding:0 0 30px;width:100%;z-index:2}.hero .eyebrow{font-size:12px;letter-spacing:.2em}.hero h1{font-size:clamp(34px,9vw,49px);margin:16px 0 14px;line-height:1.27}.intro{font-size:13px;line-height:1.9;letter-spacing:.045em}.hero-actions{margin-top:25px;gap:16px}.primary{font-size:13px;padding:14px 18px}.hint{font-size:12px}.chapter-caption{display:none}.star-map{top:-15px;height:340px;width:115%;right:-7.5%;z-index:1}.orbit-lines{opacity:.4}.beacon{padding:8px;gap:7px}.beacon-origin{left:24%;top:13%}.beacon-gravity{left:69%;top:41%}.beacon-echo{left:53%;top:74%}.beacon-beyond{left:7%;top:57%}.beacon-label strong{font-size:12px;letter-spacing:.12em}.beacon-label small{font-size:12px}.point{height:17px;width:17px}.point i{height:4px;width:4px}.planet-caption{font-size:7px;left:50%;top:43%}.planet-caption span:last-child{font-size:12px}.map-help{display:none}.destinations{grid-template-columns:1fr 1fr;background:#06101c66}.destination{min-height:88px;padding:17px 12px;gap:11px}.destination:nth-child(2):after{display:none}.destination:nth-child(-n+2){border-bottom:1px solid var(--line)}.destination strong{font-size:15px;margin-bottom:6px}.destination small{font-size:12px}.destination-number{font-size:12px}.destination svg{width:30px;height:30px}.destination:before{display:none}footer{margin:0 6%;height:56px;font-size:12px}.map-heading{display:none}.chart-mode main{padding-top:390px}.chart-mode .hero{display:none}.chart-mode .star-map{height:380px;top:0}.chart-mode .beacon-label em{font-size:12px}.chart-mode .cosmos{transform:scale(1.13);background-position:68% 30%}.chart-mode .map-help{display:block;text-align:center;padding:0 0 24px;font-size:12px}.chart-mode .star-map .beacon-origin{top:20%}dialog{width:91vw;max-height:89svh}.world-shell{grid-template-columns:1fr;min-height:0}.world-visual{min-height:190px;max-height:190px}.world-visual img{object-position:72% 48%}.visual-index{top:20px;left:25px}.visual-caption{left:25px;bottom:40px;font-size:26px}.visual-coordinates{left:27px;bottom:19px;font-size:12px}.world-content{padding:30px 27px 22px}.world-content .eyebrow{font-size:12px}.world-content h2{font-size:37px;margin-top:12px}.world-subtitle{font-size:17px}.world-body{font-size:14px;line-height:1.9}.small-rule{margin:20px 0}.world-tags{margin-top:19px}blockquote{margin:23px 0;font-size:14px}.close{right:14px;top:15px}.cursor-light{display:none}}
@media(max-width:380px){.header nav{gap:12px;margin-right:15px}.brand small{display:none}.brand{gap:5px}.brand>span{font-size:16px}.brand svg{width:25px}.hint{display:none}.destination svg{width:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.opening{display:none}.cosmos{transform:none!important}}