:root{--paper:#090909;--gold:#f0ece1;--acc:#8fb59a}html{scroll-behavior:smooth}body{background:#090909;letter-spacing:0}#planet-background{position:fixed;inset:0;width:100%;height:100%;border:0;z-index:0;pointer-events:none;filter:saturate(.7)}body>header,body>main,body>footer,body>.marquee{position:relative;z-index:2}body>header{position:sticky;background:#090909ef}.hero{min-height:calc(100svh - 96px);padding:65px 0 58px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero:before{content:"";position:absolute;inset:0 -40px;background:linear-gradient(90deg,#090909ed,#0909099e 48%,#09090900);pointer-events:none;z-index:-1}.hero h1{font-size:100px;letter-spacing:0}.hero h1 .zh{font-size:40px;letter-spacing:0}.hero .lead{max-width:460px;font-size:15px;color:#d1cec5}.hero-badge{font-family:var(--disp);color:var(--ink);cursor:pointer;background:#090909d9;right:0;top:12%;padding:0}.hero-wave{display:none}.planet-start{margin-top:24px;background:var(--red);border:var(--line);color:#090909;padding:12px 21px;font:800 14px var(--sans);box-shadow:var(--shadow-s);cursor:pointer}.planet-start:disabled{opacity:.55;cursor:wait}.planet-start:hover:not(:disabled){background:#f0ece1}main>.wrap>section{background:#090909f5;position:relative}main>.wrap>section:before{content:"";position:absolute;inset:0 -24px;background:#090909f5;z-index:-1}body>footer{background:#090909}.shead h2,.contact h3{letter-spacing:0}.gtab,.gbtn,.stamp{letter-spacing:0}#leave-game{position:fixed;right:16px;top:calc(72px + 12px);z-index:60;border:1px solid #f0ece165;background:#090909f5;color:#f0ece1;font:700 12px var(--sans);padding:9px 14px;cursor:pointer}[hidden]{display:none!important}body.planet-playing{overflow:hidden}body.planet-playing>header,body.planet-playing>main,body.planet-playing>footer,body.planet-playing>.marquee{display:none}body.planet-playing #planet-background{z-index:30;pointer-events:auto;filter:none}.hero-badge:focus-visible,.planet-start:focus-visible,#leave-game:focus-visible{outline:2px solid #8fb59a;outline-offset:5px}@media(min-width:1700px){#leave-game{top:98px}}@media(max-width:820px){.hero{min-height:calc(100svh - 96px);padding:44px 0}.hero h1{font-size:64px}.hero h1 .zh{font-size:29px}.hero:before{inset:0 -18px;background:linear-gradient(90deg,#090909e8,#09090980)}.hero .lead{font-size:14px;max-width:340px}#leave-game{top:72px;font-size:10px;padding:8px 10px}nav a{padding:6px 9px}.stamp{font-size:16px}}@media(max-height:600px){.hero{min-height:500px}.hero h1{font-size:64px}.hero h1 .zh{font-size:29px}}

/* 首屏是个人介绍与星球的并置，后续内容回到纯主页背景。 */
#planet-background{position:absolute;top:96px;left:0;height:calc(100svh - 96px);min-height:560px;z-index:0}
.hero{position:relative;min-height:calc(100svh - 96px);padding:54px 0 46px;justify-content:center}
.hero:before{inset:0 46% 0 -40px;background:linear-gradient(90deg,#090909f2,#090909b8 72%,#09090900)}
.hero h1{font-size:clamp(58px,7vw,92px);max-width:410px}
.hero h1 .zh{font-size:clamp(25px,3vw,38px)}
.hero .lead{max-width:360px;font-size:13px;line-height:1.8}
.hero .hero-badge{right:28%;top:32%;width:160px;height:160px;font-size:21px;transform:rotate(5deg)}
.hero .hero-badge small{font-size:15px;margin-top:8px}
#planet-background{mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 68%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 68%,transparent 100%)}
#play{border-top:0}
body.planet-playing #planet-background{mask-image:none;-webkit-mask-image:none}
.hero .planet-start{margin-top:20px}
main>.wrap>section{background:#090909;z-index:3}
main>.wrap>section:before{background:#090909}
body>footer{position:relative;z-index:3}
body.planet-playing #planet-background{position:fixed;top:0;height:100%;min-height:0}
@media(min-width:1017px){.hero{width:100vw;margin-left:calc((980px - 100vw)/2);padding-left:7vw;padding-right:7vw}.hero .hero-badge{right:28vw}}
@media(max-width:820px){#planet-background{top:96px;height:calc(100svh - 96px);min-height:520px}.hero{padding:38px 0 32px}.hero:before{inset:0 20% 0 -18px}.hero h1{font-size:58px}.hero h1 .zh{font-size:27px}.hero .lead{max-width:310px}.hero .hero-badge{right:16%;top:29%;width:126px;height:126px;font-size:17px}.hero .hero-badge small{font-size:12px}}