:root{color-scheme:dark;--ink:#f5ead7;--gold:#edcb94;--muted:#abb9cb;--cyan:#c5e6ff;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",sans-serif;--glass:linear-gradient(135deg,#43556b33,#0d182d66)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#050b16;color:var(--ink);font:15px/1.7 var(--sans);overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}button:disabled{cursor:default}::selection{background:#b08b4c66}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}svg{display:block}.svg-defs{position:absolute;width:0;height:0}.arrow{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.skip{position:fixed;top:12px;left:20px;z-index:100;padding:12px 22px;background:#132237;transform:translateY(-200%)}.skip:focus{transform:none}[hidden]{display:none!important}.universe{position:fixed;inset:-2%;z-index:-1;background:linear-gradient(#050b1688,#050b16bb),var(--image-universe) 55% 50%/cover;pointer-events:none}.glass{background:var(--glass);border:1px solid #e6c79650;border-top-color:#f3d9ab8c;box-shadow:inset 0 1px 1px #fff2,0 12px 40px #02060b20;backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%)}
.header{position:fixed;z-index:20;inset:18px 28px auto;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border:1px solid #c5ced52b;border-top-color:#e5d8bc60;border-radius:20px;background:#0b14214d;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 12px 50px #0002;transition:background .3s,border-color .3s}.header.is-scrolled{background:#07111cce;border-color:#d5b87845}.brand{display:flex;align-items:center;gap:12px;color:var(--gold);font:26px var(--serif);letter-spacing:.12em}.brand svg{width:42px;height:36px;fill:none;stroke:currentColor;stroke-width:1}.header nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:32px;font:17px var(--serif);letter-spacing:.15em}.header nav>span{font:15px var(--sans);color:#c8a77980}.header nav a{padding:14px 0;color:var(--muted);transition:color .25s}.header nav a[aria-current],.header nav a:hover{color:var(--gold)}.header-author{font:14px var(--serif);letter-spacing:.12em;border-radius:28px;padding:10px 22px;min-height:44px;color:var(--gold)}
.flight{position:relative;height:100svh;min-height:650px}.has-motion .flight{height:220svh}.flight-window{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;isolation:isolate}.departure-world{position:absolute;inset:0;background:var(--image-hero-cinema) center/cover no-repeat;transform-origin:50% 44%;will-change:transform,opacity}.departure-shade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,#03091726,transparent 65%),linear-gradient(180deg,#02081233,transparent 70%,#050b16);opacity:.65}.intro-copy{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:4;text-align:center;width:min(1140px,86%);will-change:transform,opacity}.hero-title{position:relative;width:fit-content;margin:0 auto}.hero-title h1{font-family:"Kaiti SC","STKaiti","KaiTi",var(--serif);font-size:clamp(104px,10vw,152px);font-weight:600;line-height:1.25;letter-spacing:.12em;text-indent:.12em;color:#ffda9e;text-shadow:0 4px 36px #040a14a0}.hero-orbit{position:absolute;inset:22% -14%;border:1px solid #e3ba6966;border-left-color:#e3ba69aa;border-right-color:#e3ba6933;border-radius:50%;transform:rotate(-16deg);pointer-events:none}.hero-orbit:after{content:"";position:absolute;right:10%;top:3%;width:5px;height:5px;background:#ffe4ad;border-radius:50%;box-shadow:0 0 12px 3px #ffd99a77}.hero-subtitle{display:flex;justify-content:center;align-items:center;gap:26px;font:36px/1.5 var(--serif);letter-spacing:.3em;color:var(--gold);margin-top:8px;text-indent:.3em;text-shadow:0 2px 18px #0008}.hero-subtitle span{width:65px;height:1px;background:linear-gradient(90deg,transparent,var(--gold));opacity:.7}.hero-subtitle span:last-child{transform:rotate(180deg)}.hero-line{font:18px/1.8 var(--serif);letter-spacing:.16em;margin-top:12px;color:#edf1f6;text-shadow:0 2px 12px #000}.hero-coordinates{display:flex;justify-content:center;gap:20px;margin:54px auto 0}.hero-coordinates>a{position:relative;display:flex;align-items:center;gap:18px;padding:10px 20px 10px 8px;min-width:0;flex:1;border-radius:20px;min-height:116px;transition:transform .28s,border-color .28s,background .28s;text-align:left}.hero-coordinates>a:hover{transform:translateY(-5px);border-color:#f9d9a3bc;background-color:#17223755}.quick-planet{display:block;width:112px;height:96px;flex:none;background-position:center;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 8px 12px #0005);transition:transform .4s}.quick-copy{display:flex;flex-direction:column;flex:1;min-width:0;padding-left:18px;border-left:1px solid #dcc49b55;gap:2px}.quick-copy strong{font:23px/1.5 var(--serif);font-weight:600;white-space:nowrap;letter-spacing:.05em}.quick-copy small{color:#d1d9e4;font-size:13px;letter-spacing:.1em;white-space:nowrap}.hero-coordinates .arrow{color:var(--gold);width:19px;flex:none}.hero-coordinates>a:hover .quick-planet{transform:rotate(-5deg) scale(1.06)}.earth-icon{background-image:var(--image-solar-earth)}.mars-icon{background-image:var(--image-solar-mars)}.jupiter-icon{background-image:var(--image-solar-jupiter)}.saturn-icon{background-image:var(--image-solar-saturn)}.scroll-cue{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;flex-direction:column;gap:10px;font-size:12px;letter-spacing:.23em;text-shadow:0 2px 10px #000;padding:14px 20px}.scroll-cue svg{width:22px;height:22px;fill:none;stroke:var(--gold);stroke-width:1.2}.gate-scene{position:absolute;z-index:2;width:min(85vw,88svh);aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%) scale(.4);opacity:0;will-change:transform,opacity;pointer-events:none}.gate-ring{position:absolute;inset:0;background:var(--image-gate) center/contain no-repeat}.gate-aperture{position:absolute;inset:26%;border-radius:50%;background:var(--image-universe) center/cover}.portal-copy{position:absolute;z-index:3;top:24%;left:5%;width:90%;text-align:center;opacity:0;pointer-events:none;text-shadow:0 2px 30px #030710}.portal-copy h2{font:40px/1.5 var(--serif);letter-spacing:.09em}.portal-copy p{margin-top:14px;color:var(--muted);font-size:14px;letter-spacing:.14em}
.section{width:min(1320px,calc(100% - 120px));margin-inline:auto}.apps{position:relative;padding:100px 0 56px;scroll-margin-top:0}.apps:before{content:"";position:absolute;inset:-100px calc((100vw - 100%)/-2) 0;z-index:-1;background:var(--image-solar-cinema) left center/cover no-repeat;opacity:.55;mask-image:linear-gradient(transparent,#000 25%,#000 60%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 60%,transparent);pointer-events:none}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.section-heading h2{font:52px/1.3 var(--serif);letter-spacing:.09em;color:var(--gold)}.section-lead{color:var(--muted);font:16px/1.8 var(--serif);letter-spacing:.14em;margin-top:13px}.view-switch{display:flex;padding:4px;border-radius:30px;flex:none}.view-switch button{background:transparent;color:var(--muted);padding:9px 25px;border-radius:24px;font:15px var(--serif);letter-spacing:.14em;min-height:40px}.view-switch button[aria-pressed=true]{background:linear-gradient(135deg,#f0ca9450,#b7976414);box-shadow:inset 0 0 0 1px #e6c28a6b;color:#ffe4b8}.solar-atlas{position:relative;margin:32px -15px 0;min-height:450px}.solar-system{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:20px;min-height:440px;padding:25px 0 20px 70px}.solar-orbits{position:absolute;inset:0 auto 0 -5vw;width:calc(100% + 5vw);height:100%;color:#d9b373;opacity:.3;pointer-events:none}.solar-orbit{position:relative;z-index:1;min-width:0}.solar-world{display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;border-radius:24px;padding:15px 4px;transition:background .3s}.solar-image{display:block;background-size:contain;background-position:center;background-repeat:no-repeat;flex:none;width:190px;height:210px;max-width:100%;filter:drop-shadow(0 12px 20px #0006);transition:filter .3s,scale .3s}.orbit-earth .solar-image{width:145px}.orbit-mars .solar-image{width:155px}.orbit-jupiter .solar-image{width:200px}.orbit-saturn .solar-image{width:285px;max-width:115%}.solar-label{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:100px;margin-top:16px;text-shadow:0 2px 16px #000}.solar-label small{font-size:9px;letter-spacing:.17em;color:#aaaeb2;opacity:0;transition:opacity .3s;display:none}.solar-label strong{font:600 25px/1.4 var(--serif);color:#f6dca8;letter-spacing:.06em}.solar-label em{font:14px/1.7 var(--sans);color:#cbd3dc;max-width:260px}.solar-world:hover .solar-image{scale:1.08;filter:drop-shadow(0 0 25px #d5b77540)}.solar-world:focus-visible{outline-offset:0}.has-motion .solar-image{animation:float 8s ease-in-out infinite}.orbit-mars .solar-image{animation-delay:-2s}.orbit-jupiter .solar-image{animation-delay:-4s}.orbit-saturn .solar-image{animation-delay:-6s}@keyframes float{50%{transform:translateY(-10px)}}.atlas-note{font-size:11px;text-align:center;color:#9fadb9;letter-spacing:.08em;margin:18px 0 0}.apps[data-view=list] .solar-system{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-left:0}.apps[data-view=list] .solar-orbits{display:none}.apps[data-view=list] .solar-atlas{min-height:0}.apps[data-view=list] .solar-world{flex-direction:row;text-align:left;gap:24px;padding:10px 24px;background:#11203470;border:1px solid #c9b18730;backdrop-filter:blur(18px)}.apps[data-view=list] .solar-image{width:110px;height:145px;max-width:none}.apps[data-view=list] .solar-label{align-items:flex-start;margin:0;min-height:0}.apps[data-view=list] .solar-label small{display:block;opacity:1}
.footer{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;border-top:1px solid #c5b18b40;padding:36px 0 26px;margin-bottom:20px}.footer>p{font:18px var(--serif);letter-spacing:.12em;color:var(--gold)}.author-open{display:flex;align-items:center;gap:14px;justify-self:start;background:transparent;border-color:transparent;box-shadow:none;border-radius:30px;padding:10px 16px 10px 0;font:16px var(--serif);color:var(--gold);letter-spacing:.08em}.author-open svg{width:32px;height:32px;fill:#c39c5426;stroke:#e9c58b;stroke-width:.8;filter:drop-shadow(0 0 8px #e1ad6440)}.back-top{justify-self:end;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);min-height:44px}.back-top .arrow{transform:rotate(-90deg);width:18px}.credits{font-size:11px;color:#9aa8b8;grid-column:1/3}.credits summary{cursor:pointer;width:fit-content;min-height:34px;padding:6px 0}.credits p{max-width:680px;line-height:1.9;margin-top:8px}.credits a{text-decoration:underline}.motion-toggle{justify-self:end;background:none;color:#a8b7c7;font-size:11px;border-radius:20px;padding:8px 12px;border:1px solid #c5b18b30;min-height:38px}.footer a:hover,.footer button:hover{color:#ffe3aa}.additional-applications{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:32px 0}.additional-applications:empty{display:none}.catalog-application{display:flex;align-items:center;gap:20px;padding:22px;border:1px solid #ffffff25;border-radius:20px;background:#10203577;backdrop-filter:blur(18px)}.catalog-application strong{font:22px var(--serif);color:var(--gold)}.catalog-application p{margin-top:8px;font-size:13px;color:var(--muted)}.catalog-planet{width:75px;height:75px;display:block;flex:none;background-size:contain;background-repeat:no-repeat;background-position:center}.portal-announcement{padding:16px 20px;margin-bottom:30px;border:1px solid #ebbf8030;border-radius:14px;background:#ebbf8008;color:var(--gold)}[aria-disabled=true]{opacity:.45}.page-hidden .solar-image,.modal-open .solar-image{animation-play-state:paused!important}
/* Profile stays a readable, focused dialog rather than a competing page section. */
dialog{color:var(--ink);background:linear-gradient(145deg,#17283bec,#07121cee);border:1px solid #d9bd8959;border-radius:26px;box-shadow:0 40px 100px #0008;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);padding:0}dialog::backdrop{background:#020712bf;backdrop-filter:blur(10px)}.modal-open{overflow:hidden}.author-dialog{width:min(960px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 48px);overflow:auto}.author-close,.wechat-close{position:absolute;top:18px;right:18px;width:42px;height:42px;background:#ffffff0b;border:1px solid #ffffff30;border-radius:50%;font-size:26px;line-height:1;color:var(--gold);z-index:2}.about{display:grid;grid-template-columns:32% 1fr;width:auto;gap:34px;padding:64px 50px 44px}.author-visual{position:relative;align-self:stretch}.author-portrait{position:absolute;inset:0;background:var(--image-navigator) center bottom/contain no-repeat;mask-image:linear-gradient(#000 85%,transparent);-webkit-mask-image:linear-gradient(#000 85%,transparent)}.portrait-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.2em}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--gold);margin-bottom:12px}.author-copy h2{font:42px/1.4 var(--serif)}.author-copy h2 span{font-size:20px;margin-left:20px;color:var(--gold)}.author-role{font-size:14px;line-height:1.9;margin-top:14px}.education{font-size:12px;color:var(--muted);margin-top:12px}.education span{color:var(--gold);padding:0 8px}.small-rule{display:block;width:30px;height:1px;background:var(--gold);margin:22px 0}.author-copy h3{font:25px/1.6 var(--serif)}.author-summary{font-size:13px;line-height:1.9;color:#bfcbd6;margin-top:18px}.wechat-contact-wrap{border-top:1px solid #c5b18b30;margin-top:24px;padding-top:22px}.wechat-contact{display:flex;align-items:center;gap:18px}.wechat-contact>img{width:65px;height:65px;border-radius:10px}.wechat-contact-copy{display:flex;flex-direction:column;gap:4px}.wechat-contact-eyebrow{color:var(--gold);font-size:10px;letter-spacing:.18em}.wechat-contact-title{font:16px var(--serif)}.wechat-contact-title>span{margin-left:10px}.wechat-contact-hint{font-size:11px;color:var(--muted)}.wechat-dialog{width:min(560px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;padding:26px}.wechat-dialog-heading{padding-right:45px;margin-bottom:20px}.wechat-dialog-heading h2{font:23px var(--serif)}.wechat-qr{display:block;width:100%;height:auto;border-radius:14px}.wechat-dialog-footer{margin-top:15px;text-align:center;font-size:12px;line-height:2;color:var(--muted)}.wechat-dialog-footer a{color:var(--gold)}
@media(min-width:1600px){.intro-copy{width:1140px}.hero-coordinates{margin-top:64px}.hero-title h1{font-size:164px}}
@media(max-width:1100px){.section{width:calc(100% - 64px)}.hero-coordinates{gap:14px}.hero-coordinates>a{gap:10px;padding-right:14px}.quick-planet{width:80px;height:82px}.quick-copy{padding-left:12px}.quick-copy strong{font-size:20px}.quick-copy small{font-size:11px}.solar-system{padding-left:20px;gap:8px}.solar-label strong{font-size:22px}.solar-label em{font-size:12px}.solar-image{height:180px}.orbit-saturn .solar-image{width:235px}.footer{gap:16px}.footer>p{font-size:16px}.about{padding:56px 32px 36px;gap:24px}}
@media(max-width:700px){html{scroll-padding-top:95px}.header{inset:12px 14px auto;height:58px;padding:0 16px;border-radius:18px}.brand{font-size:21px;gap:7px}.brand svg{width:31px;height:30px}.header nav{position:static;transform:none;font:13px var(--sans);gap:0}.header nav>a:first-child,.header nav>span{display:none}.header-author{display:none}.flight,.flight-window{min-height:640px}.has-motion .flight{height:200svh;min-height:1200px}.departure-world{background-position:48% center}.intro-copy{width:calc(100% - 36px);top:43%}.hero-title h1{font-size:96px}.hero-orbit{inset:24% -8%}.hero-subtitle{font-size:27px;gap:15px;letter-spacing:.22em}.hero-subtitle span{width:32px}.hero-line{font-size:13px;letter-spacing:.06em;margin-top:12px}.hero-coordinates{margin-top:45px;gap:9px}.hero-coordinates>a{flex-direction:column;min-height:156px;gap:4px;padding:12px 4px 14px;border-radius:18px}.quick-planet{width:90px;height:72px}.quick-copy{padding:0;border:none;align-items:center;gap:3px;flex:0}.quick-copy strong{font-size:18px}.quick-copy small{font-size:10px;letter-spacing:.05em}.hero-coordinates .arrow{display:none}.scroll-cue{bottom:46px;font-size:11px}.portal-copy{top:26%}.portal-copy h2{font-size:26px;letter-spacing:.02em}.portal-copy p{font-size:12px}.section{width:calc(100% - 40px)}.apps{padding:80px 0 36px}.apps:before{inset:-130px -20px 0;background-size:auto 100%;background-position:12% center;opacity:.26}.section-heading{gap:12px}.section-heading h2{font-size:33px;letter-spacing:.04em}.section-lead{font-size:12px;letter-spacing:.06em;margin-top:9px}.view-switch{padding:3px}.view-switch button{padding:8px 12px;font:12px var(--sans);min-height:36px;letter-spacing:0}.solar-atlas{margin:26px 0 0;min-height:0}.solar-system,.apps[data-view=list] .solar-system{grid-template-columns:1fr;padding:0;gap:4px;min-height:0}.solar-orbits{width:125%;left:-25%;opacity:.18}.solar-world{flex-direction:row;justify-content:flex-start;gap:20px;padding:15px 5px;text-align:left;min-height:138px}.solar-image,.orbit-earth .solar-image,.orbit-mars .solar-image,.orbit-jupiter .solar-image,.orbit-saturn .solar-image{width:115px;height:110px;max-width:none}.solar-label{align-items:flex-start;margin:0;gap:5px;min-height:0}.solar-label strong{font-size:23px}.solar-label em{font-size:12px;line-height:1.8;max-width:205px}.solar-label small{display:block;opacity:.7;font-size:8px}.atlas-note{font-size:10px;margin-top:25px;letter-spacing:0}.apps[data-view=list] .solar-world{gap:16px;padding:8px 14px;margin-bottom:8px}.apps[data-view=list] .solar-image{width:85px;height:100px}.footer{grid-template-columns:1fr auto;gap:12px;padding-top:24px}.footer>p{grid-column:1/-1;grid-row:2;text-align:center;font-size:16px;margin:20px 0}.author-open{font-size:14px;gap:8px}.author-open svg{width:27px}.back-top{font-size:11px}.credits{grid-column:1;font-size:10px}.motion-toggle{grid-column:2;font-size:10px}.about{display:block;padding:52px 25px 28px}.author-visual{float:left;width:85px;height:132px;margin:3px 18px 10px 0}.portrait-caption{display:none}.author-copy h2{font-size:32px}.author-copy h2 span{font-size:16px;margin-left:9px}.author-role{font-size:12px;margin-top:10px}.education{clear:both;padding-top:18px;font-size:11px}.author-copy h3{font-size:23px}.author-summary{font-size:13px}.author-dialog{width:calc(100% - 28px)}.wechat-dialog{padding:20px}.wechat-dialog-heading h2{font-size:20px}.wechat-contact-title{font-size:15px}}
@media(max-height:740px) and (min-width:701px){.flight,.flight-window{min-height:580px}.intro-copy{top:48%}.hero-title h1{font-size:110px}.hero-subtitle{font-size:30px;margin-top:0}.hero-coordinates{margin-top:24px}.hero-coordinates>a{min-height:100px}.scroll-cue{bottom:30px}.header{height:60px}}
@media(max-width:360px){.quick-planet{width:75px}.hero-coordinates{gap:6px}.hero-line{font-size:12px}.hero-title h1{font-size:84px}.section{width:calc(100% - 30px)}.solar-world{gap:12px}.solar-image,.orbit-earth .solar-image,.orbit-mars .solar-image,.orbit-jupiter .solar-image,.orbit-saturn .solar-image{width:100px}.section-heading h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}html:not(.has-motion) .solar-image{animation:none}html:not(.has-motion) .gate-scene{display:none}
@media(min-width:701px){.solar-system{grid-template-columns:repeat(var(--planet-count,4),minmax(0,1fr))}.apps[data-view=list] .solar-system{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Keep celestial imagery below the reading layer. */
.universe{background-image:linear-gradient(#050b16c4,#050b16db),var(--image-universe)}
.apps:before{background-image:linear-gradient(90deg,transparent,#050b1688 45%,#050b1688),var(--image-solar-cinema);opacity:.48}
.hero-coordinates>a{background:linear-gradient(135deg,#25344880,#08132394);border-color:#e6c79660;border-top-color:#f3d9ab8c}
@media(max-width:700px){.apps:before{opacity:.3}.solar-orbits{width:100%;left:0}.wechat-contact-title>span{white-space:nowrap}.wechat-contact-title{line-height:1.5}.wechat-contact-copy{min-width:0}.wechat-contact>img{flex:none}}
html{overflow-x:clip}.universe{inset:0}.flight-window{contain:paint}.wechat-contact-title>span{display:inline-block}
@media(max-width:360px){.footer{column-gap:8px}.author-open{padding-right:0}.footer>p{font-size:15px;letter-spacing:.07em}.author-copy h2{font-size:27px}.author-copy h2 span{font-size:14px}.wechat-contact-title{font-size:14px}}
/* The atlas enters while the final gate frame is still visible. */
.has-motion .apps{margin-top:-60svh}.apps{z-index:6}.section-heading h2{text-shadow:0 3px 28px #020711}.gate-aperture{background-image:linear-gradient(#050b1666,#050b1688),var(--image-universe)}
@media(max-width:700px){.has-motion .apps{margin-top:-48svh}}