:root{color-scheme:dark;--ink:#e5e8f5;--soft:#b1bdd4;--muted:#8491ad;--line:#b9c8eb25;--tone:#c7c5ec;--planet-light:#e8e2f2;--planet-mid:#979abf;--planet-dark:#1a2e4c;--scene-glow:#8584bb;--px:0px;--py:0px}
*{box-sizing:border-box}html{background:#0c1427;scrollbar-width:thin;scrollbar-color:#424b66 #0c1427}body{margin:0;color:var(--ink);font-family:'Microsoft YaHei','PingFang SC',system-ui,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d4d4f3;outline-offset:6px}button:disabled{cursor:wait}svg{fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.sky-room{position:relative;isolation:isolate;min-height:760px;min-height:max(760px,100svh);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;padding:42px 6.5% 34px;background:#0c1427}.landscape{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.sky{position:absolute;inset:0;transition:opacity 1.6s ease}.sky-night{background:radial-gradient(ellipse 70% 80% at 72% 39%,#2a365b 0,#15233c80 43%,transparent 75%),linear-gradient(150deg,#101a2b,#101827 60%,#111322)}.sky-dusk{opacity:0;background:radial-gradient(ellipse 70% 80% at 72% 39%,#764f6c 0,#4d354e80 43%,transparent 75%),linear-gradient(150deg,#271e36,#372339 62%,#211b30)}.sky-mist{opacity:0;background:radial-gradient(ellipse 70% 80% at 72% 39%,#466b7b 0,#28445280 43%,transparent 75%),linear-gradient(150deg,#142c36,#1b323f 60%,#172a35)}[data-scene=dusk]{--planet-light:#f8d9c9;--planet-mid:#b58ba4;--planet-dark:#4e324b;--scene-glow:#df9db5;--tone:#e3b7c8}[data-scene=mist]{--planet-light:#e0f0ea;--planet-mid:#9dbfc4;--planet-dark:#234651;--scene-glow:#8fc2c7;--tone:#b8d6d9}[data-scene=dusk] .sky-dusk,[data-scene=mist] .sky-mist{opacity:1}.nebula{position:absolute;border-radius:50%;opacity:.4;mix-blend-mode:screen;transform:rotate(-25deg);pointer-events:none}.nebula-one{width:100%;height:90%;left:25%;top:-25%;background:radial-gradient(ellipse,var(--scene-glow),transparent 65%);opacity:.07}.nebula-two{width:130%;height:40%;left:15%;top:43%;background:radial-gradient(ellipse,#a2b0d9,transparent 65%);opacity:.045;transform:rotate(-28deg)}#starfield{position:absolute;inset:0;width:100%;height:100%}.horizon{position:absolute;left:-20%;bottom:-33%;width:140%;height:50%;border-radius:50%;background:radial-gradient(ellipse at 50% 0,#6c799b28,transparent 65%);border-top:1px solid #a2b3de0d;transform:rotate(-5deg)}.horizon-line{position:absolute;left:18%;right:-12%;bottom:12%;height:1px;background:linear-gradient(90deg,transparent,#b0c7e91c,transparent);transform:rotate(-12deg);opacity:.3}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 54% 45%,transparent 34%,#050a152e 100%);pointer-events:none}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2}.brand{display:inline-flex;align-items:center;gap:13px;color:#dde2f0;font-family:'Songti SC','SimSun',serif;font-size:17px;letter-spacing:.16em}.brand svg{width:24px;height:24px;stroke-width:.9;color:#cfcee9}.brand small{font:8px/1.4 system-ui,sans-serif;letter-spacing:.27em;color:#8592ad;margin-left:10px;padding-left:20px;border-left:1px solid #b6c3df30}.icon-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:9px 0 9px 12px;border:0;background:none;color:#aab7ce;font-size:11px;letter-spacing:.06em;transition:color .25s,opacity .25s}.icon-button svg{width:18px;height:18px}.icon-button:hover{color:#f5f1fc}.welcome{position:relative;align-self:center;padding:85px 0 100px;max-width:650px;z-index:1;transition:opacity .7s ease,transform .9s ease,visibility .7s}.eyebrow{display:flex;align-items:center;gap:11px;font:9px/1.7 system-ui,sans-serif;letter-spacing:.23em;color:#aab8d2;margin-bottom:30px}.tiny-star{width:4px;height:4px;border-radius:50%;background:#d7d3f0;box-shadow:0 0 12px #bab5e9}.welcome h1{font-family:'Songti SC','STSong','SimSun',serif;font-weight:400;font-size:clamp(58px,6.2vw,96px);letter-spacing:.13em;line-height:1.4;margin:0 0 24px;color:#eff0fa;position:relative;display:inline-block;white-space:nowrap}.welcome h1>span{color:var(--tone);transition:color 1.5s}.welcome h1>i{position:absolute;right:-24px;top:-7px;font:normal 29px/1 serif;color:var(--tone)}.welcome-line{font-family:'Songti SC','SimSun',serif;font-size:clamp(17px,1.55vw,23px);font-weight:400;letter-spacing:.15em;line-height:1.8;margin:0 0 23px;color:#d6deef}.welcome-note{font-size:12px;letter-spacing:.07em;line-height:2.3;color:#94a4bf;margin:0;min-height:56px}.meteor-button{display:inline-flex;align-items:center;gap:12px;margin-top:30px;padding:10px 0;border:0;background:transparent;font-size:11px;letter-spacing:.1em;color:#c5cde0;min-height:44px}.meteor-symbol{font:20px/1 serif;color:var(--tone);transition:transform .35s}.button-line{width:43px;height:1px;background:linear-gradient(90deg,#a3adca80,transparent);transition:width .35s}.meteor-button:hover .button-line{width:65px}.meteor-button:hover .meteor-symbol{transform:translate(3px,-3px)}.planet-system{position:absolute;width:min(58vw,820px);aspect-ratio:1;top:50%;left:69%;transform:translate(calc(-50% + var(--px)),calc(-50% + var(--py)));will-change:transform;contain:layout style;transition:opacity 1s}.planet{position:absolute;inset:29%;border-radius:50%;background:radial-gradient(circle at 29% 24%,var(--planet-light) 0,var(--planet-mid) 28%,var(--planet-dark) 76%);box-shadow:inset -18px -22px 34px #080f2580,inset 2px 2px 8px #f3edff66,0 0 90px #b2acd612;transition:background 1.5s,box-shadow 1.5s;overflow:hidden}.planet-texture{position:absolute;inset:0;border-radius:50%;opacity:.16;background-image:url('/assets/grain.svg');background-size:180px;mix-blend-mode:soft-light}.planet-shade{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 27% 22%,#f1edff14,transparent 45%,#05112547 83%)}.halo{position:absolute;border:1px solid #a8bce412;border-radius:50%;inset:6%;transform:rotate(-20deg)}.halo-inner{inset:17%;border-style:dashed;border-color:#b4bfde13}.orbit{position:absolute;inset:15%;border:1px solid #c2c9eb45;border-radius:50%;transform:rotate(-27deg) scaleY(.49)}.orbit-back{clip-path:inset(0 0 50% 0);opacity:.45}.orbit-front{clip-path:inset(50% 0 0 0);border-color:#cbd2f363}.orbit-sketch{inset:20%;transform:rotate(43deg) scaleY(.7);border-style:dashed;border-color:#b7c4e124;z-index:-1}.satellite-path{position:absolute;inset:15%;transform:rotate(-27deg) scaleY(.49);border-radius:50%;animation:satellite-drift 90s linear infinite}.satellite{position:absolute;width:7px;height:7px;left:75%;top:6.7%;border-radius:50%;background:#ede4f8;box-shadow:0 0 12px #cdc6f7b3;transform:scaleY(2.04)}@keyframes satellite-drift{from{rotate:0deg}to{rotate:360deg}}.planet-star{position:absolute;color:#d4d0eb;font:22px/1 serif}.planet-star-one{left:20%;top:28%}.planet-star-two{right:20%;bottom:26%;font-size:28px}.planet-note{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);white-space:nowrap;font:10px/1.6 'Songti SC','SimSun',serif;letter-spacing:.2em;color:#b7c2d66b}.orbit-caption{position:absolute;right:5%;top:38%;display:flex;align-items:center;gap:15px;writing-mode:vertical-rl;font:8px/1.6 system-ui,sans-serif;letter-spacing:.18em;color:#8c9ab3;transition:opacity .7s}.caption-line{height:36px;width:1px;background:linear-gradient(#a9b9db88,transparent)}.room-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;position:relative;z-index:3;border-top:1px solid #becceb19;padding-top:26px;transition:opacity .7s,transform .7s}.sound-dock{display:inline-flex;align-items:center;justify-self:start;background:#c0c8e808;border:1px solid #becceb20;border-radius:40px;min-height:57px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:border-color .3s,background .3s;max-width:100%}.sound-dock:hover{background:#c0c8e80e;border-color:#becceb40}.music-toggle{display:flex;align-items:center;gap:13px;border:0;background:none;padding:12px 20px;border-radius:40px;min-height:55px;text-align:left}.sound-bars{display:flex;align-items:center;justify-content:center;gap:3px;width:20px;height:22px}.sound-bars i{width:2px;height:6px;background:#b8c2dd;border-radius:2px;transform-origin:center;transition:height .25s}.sound-bars i:nth-child(2){height:15px}.sound-bars i:nth-child(3){height:10px}.sound-bars i:nth-child(4){height:18px}.sound-label{display:flex;flex-direction:column;gap:4px;min-width:78px}.sound-label>span{font-size:11px;letter-spacing:.09em;color:#d4ddef;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-label small{font-size:8px;letter-spacing:.06em;color:#8d9bb7}.music-toggle svg{width:17px;height:17px;margin-left:7px;color:#b7c4e0}.play-symbol{fill:currentColor;stroke:none}.pause-symbol{display:none;stroke-width:2}.music-toggle[aria-pressed=true] .play-symbol{display:none}.music-toggle[aria-pressed=true] .pause-symbol{display:block}.music-toggle[data-playing=true] .sound-bars i{animation:sound-breathe 1.6s ease-in-out infinite alternate}.music-toggle[data-playing=true] .sound-bars i:nth-child(2){animation-delay:-.8s}.music-toggle[data-playing=true] .sound-bars i:nth-child(3){animation-delay:-.5s}.music-toggle[data-playing=true] .sound-bars i:nth-child(4){animation-delay:-1.2s}@keyframes sound-breathe{from{scale:1 .4}to{scale:1 1.15}}.volume-wrap{display:flex;gap:8px;align-items:center;padding:0 18px 0 2px;font-size:10px;color:#8b9ab6;max-width:150px;transition:opacity .3s}.volume-wrap input{width:65px;height:20px;accent-color:#b4b4d7;cursor:pointer;min-width:0}input[type=range]{appearance:none;-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:2px;background:#aebcda44;border-radius:4px}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:8px;border-radius:50%;background:#c5c9e1;margin-top:-3px}input[type=range]::-moz-range-track{height:2px;background:#aebcda44}input[type=range]::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:#c5c9e1}.touch-hint{font-size:10px;letter-spacing:.1em;color:#8796b3;margin:0}.scene-picker{display:flex;align-items:center;gap:4px;justify-self:end}.scene-picker button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid transparent;border-radius:30px;padding:11px 15px;background:transparent;font-size:11px;letter-spacing:.05em;color:#8d9ab5;transition:background .4s,color .4s,border-color .4s}.scene-picker button:hover{color:#edf0f8}.scene-picker button[aria-pressed=true]{color:#dce2f0;border-color:#c4cee32e;background:#c2c9e90a}.scene-dot{width:5px;height:5px;border-radius:50%;background:#8b9fc5}.dot-dusk{background:#c68ca6}.dot-mist{background:#9ac2c6}.quiet-hint{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);opacity:0;pointer-events:none;white-space:nowrap;color:#a3afc8;font-size:10px;letter-spacing:.08em;transition:opacity .7s}.quiet-mode .welcome{opacity:0;visibility:hidden;transform:translateY(12px);pointer-events:none}.quiet-mode .room-controls{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}.quiet-mode .orbit-caption{opacity:0}.quiet-mode .quiet-hint{opacity:.75}.quiet-mode .brand{opacity:.45}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 6.5% 24px;background:#0b1322;color:#75849f;line-height:1.8;font-size:9px}.footer-poem{font-family:'Songti SC','SimSun',serif;letter-spacing:.1em;white-space:nowrap}.footer-links{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:7px 20px}.footer-links a{display:inline-flex;align-items:center;gap:4px;transition:color .2s}.footer-links a:hover{color:#c9d2e6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript-note{font-size:12px;color:#c0c8df;position:absolute;bottom:130px;left:6.5%}body.page-hidden *{animation-play-state:paused!important}
@media(min-width:1700px){.sky-room{padding-left:8%;padding-right:8%}.welcome h1{font-size:108px}.welcome{max-width:720px}.planet-system{width:900px;left:69%}.site-footer{padding-left:8%;padding-right:8%}}
@media(max-width:1150px){.touch-hint{display:none}.room-controls{grid-template-columns:1fr auto}.sky-room{padding-left:5%;padding-right:5%}.planet-system{width:64vw;left:72%}.welcome h1{font-size:70px}.volume-wrap{padding-right:14px}.scene-picker button{padding:11px 12px}}
@media(max-width:760px){.sky-room{min-height:max(900px,100svh);padding:26px 7% 26px;grid-template-rows:auto 1fr auto}.brand{font-size:15px;gap:10px}.brand small{display:none}.brand svg{width:22px;height:22px}.quiet-toggle{font-size:10px;gap:7px}.welcome{align-self:start;padding:69px 0 0;max-width:100%;pointer-events:none}.welcome>*{pointer-events:auto}.eyebrow{font-size:7px;letter-spacing:.16em;margin-bottom:23px;gap:9px}.welcome h1{font-size:56px;letter-spacing:.13em;margin-bottom:15px}.welcome h1>i{font-size:22px;right:-20px;top:-7px}.welcome-line{font-size:17px;letter-spacing:.1em;margin-bottom:15px}.welcome-note{font-size:11px;line-height:2.2;min-height:48px}.meteor-button{margin-top:15px;font-size:10px;gap:10px}.planet-system{width:440px;max-width:110vw;left:64%;top:64%;opacity:.9}.planet{inset:28%}.planet-note{bottom:8%;font-size:9px}.orbit-caption{display:none}.room-controls{grid-template-columns:1fr;gap:15px;padding-top:20px;justify-items:center}.sound-dock{justify-self:center;min-height:54px}.music-toggle{min-height:52px;padding:10px 16px;gap:12px}.sound-label{min-width:74px}.scene-picker{justify-self:center;gap:8px}.scene-picker button{font-size:10px;padding:8px 16px;min-height:38px}.volume-wrap{padding-right:16px}.volume-wrap input{width:60px}.quiet-hint{font-size:9px;bottom:36px;white-space:normal;width:80%;text-align:center}.site-footer{padding:18px 7% 23px;flex-direction:column;gap:10px;font-size:8px}.footer-links{justify-content:center;gap:5px 14px}.footer-poem{font-size:10px}.quiet-mode .planet-system{opacity:1}}
@media(max-width:370px){.sky-room{padding-left:7%;padding-right:7%;min-height:870px}.welcome{padding-top:58px}.welcome h1{font-size:47px}.welcome-line{font-size:14px}.welcome-note{font-size:10px}.eyebrow{font-size:6.5px;letter-spacing:.12em}.planet-system{top:64%;left:63%;width:365px}.sound-dock{width:100%;justify-content:center}.music-toggle{padding:9px 12px;gap:9px}.sound-label>span{font-size:9px;letter-spacing:.03em;max-width:88px}.sound-label small{font-size:7px}.volume-wrap{padding-right:12px;gap:5px}.volume-wrap input{width:45px}.scene-picker button{padding:8px 15px}}
@media(max-height:620px) and (min-width:761px){.sky-room{min-height:650px}.welcome{padding:60px 0}.planet-system{width:540px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.planet-system{will-change:auto}}