:root{color-scheme:dark;--ink:#f6f3e8;--muted:#bac7c8;--cyan:#b3e2df;--gold:#f0d5a6}*{box-sizing:border-box}html{background:#0a1720}body{margin:0;color:var(--ink);font-family:'Inter','PingFang SC','Microsoft YaHei',system-ui,sans-serif;font-size:16px;line-height:1.5;min-width:280px;min-height:100svh;isolation:isolate}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid #fff4b9;outline-offset:8px;border-radius:5px}button,a{touch-action:manipulation}img{max-width:100%;display:block}.landscape{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#102d3a}.landscape-shift{position:absolute;inset:-4%;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);transition:transform 1.8s ease-out;will-change:transform}.landscape img{width:100%;height:100%;object-fit:cover;object-position:center 47%;animation:landscape-breathe 26s ease-in-out infinite alternate;filter:saturate(.78)}.landscape-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,15,22,.27),rgba(5,13,18,.03) 25%,rgba(5,14,20,.12) 65%,rgba(3,12,18,.65)),linear-gradient(90deg,rgba(5,15,22,.15),rgba(5,15,22,0) 60%)}.site-shell{width:min(1600px,calc(100% - 88px));min-height:100svh;margin:auto;display:flex;flex-direction:column;position:relative}header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:27px 0 15px}.brand{display:flex;align-items:center;gap:13px;letter-spacing:3.6px;font-weight:700;font-size:20px}.brand b{font-weight:400;opacity:.65;letter-spacing:2px}.brand-orbit{position:relative;width:29px;height:29px;border:1.5px solid #d8e5dc;border-radius:50%;transform:rotate(-35deg);box-shadow:0 0 18px #bcf8ef10}.brand-orbit:before{content:'';position:absolute;inset:5px -5px;border:1px solid #d8e5dc;border-radius:50%}.brand-orbit:after{content:'';width:5px;height:5px;position:absolute;top:1px;left:1px;background:var(--gold);border-radius:50%;box-shadow:0 0 10px #f0d5a680}.creator{display:flex;align-items:center;gap:14px;transition:transform .35s ease}.creator:hover{transform:translateY(-3px)}.creator-copy{text-align:right;display:flex;flex-direction:column;gap:3px}.creator-copy b{font-weight:500;font-size:14px;letter-spacing:.6px}.creator-copy>span{font-size:11px;color:var(--muted);letter-spacing:.3px}.avatar-wrap{position:relative;display:block}.avatar-wrap>img{height:56px;width:56px;object-fit:cover;border-radius:50%;border:2px solid #f8ead390;box-shadow:0 5px 25px #0005;transition:border-color .3s,box-shadow .3s}.creator:hover .avatar-wrap>img{border-color:#fff1c4;box-shadow:0 0 24px #f0d5a630}.bilibili{position:absolute;right:-4px;bottom:-3px;width:23px;height:23px;background:#e1abaf;color:#18272d;border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px solid #29343a}.bilibili svg{width:15px;height:15px}main{width:100%;margin:auto 0;padding:23px 0 18px}.section-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}.section-intro h1{font-size:clamp(26px,2.8vw,40px);font-weight:500;letter-spacing:2px;line-height:1.3;margin:0;text-shadow:0 2px 25px #06101899}.section-intro h1>span{color:var(--gold)}.section-intro>p{font-size:12px;letter-spacing:2px;color:#d3ddda;margin:0;display:flex;gap:11px;align-items:center}.section-intro>p>span{width:25px;height:1px;background:#d3ddda70}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;perspective:1400px}.game-link{display:block;min-width:0;--accent:179,226,223;animation:game-arrive .95s cubic-bezier(.2,.75,.2,1) both;animation-delay:calc(.12s + var(--order) * .15s)}.game-dice{--accent:240,213,166}.game-frame{position:relative;transform-style:preserve-3d;transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s cubic-bezier(.22,.7,.3,1),filter .4s;will-change:transform}.image-shell{position:relative;aspect-ratio:16/10;overflow:hidden;background:#17272e;box-shadow:0 20px 45px -18px #000a,0 0 0 1px rgba(var(--accent),.35);border-radius:3px;transition:box-shadow .45s}.game-image{width:100%;height:100%;object-fit:contain;transition:transform .85s cubic-bezier(.2,.75,.2,1),filter .6s;filter:saturate(.89) brightness(.88)}.game-dice .image-shell{background:#4e8b98}.image-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 73%,#03121945);transition:opacity .4s}.screen-label{position:absolute;top:15px;right:15px;font-size:10px;line-height:1;letter-spacing:1.3px;padding:6px 8px;color:#f8faf0b0;background:#07141b86;border:1px solid #e8f9ff25;border-radius:3px}.light-sweep{position:absolute;inset:-100% -50%;background:linear-gradient(105deg,transparent 42%,rgba(var(--accent),.03) 46%,rgba(var(--accent),.10) 49.5%,rgba(var(--accent),.03) 53%,transparent 58%);transform:translateX(-70%) rotate(-5deg);opacity:0;pointer-events:none}.frame-corner{position:absolute;width:28px;height:28px;z-index:2;pointer-events:none;border-color:rgba(var(--accent),.8);border-style:solid;transition:width .4s,height .4s,opacity .4s;opacity:.8}.top-left{left:-5px;top:-5px;border-width:1px 0 0 1px}.bottom-right{right:-5px;bottom:-5px;border-width:0 1px 1px 0}.enter{position:absolute;right:20px;bottom:18px;display:flex;align-items:center;gap:17px;color:#fcfaeb;background:#081720bc;border:1px solid rgba(var(--accent),.38);border-radius:50px;padding:10px 13px 10px 18px;box-shadow:0 3px 16px #0003;transform:translateZ(30px);transition:background .4s,transform .4s,border-color .4s;backdrop-filter:blur(10px)}.enter span{font-size:13px;letter-spacing:1px}.enter svg{width:19px;height:19px;color:rgb(var(--accent));transition:transform .4s}.game-info{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 1px 0}.game-name{display:flex;align-items:flex-start;gap:15px;min-width:0}.game-number{font-size:11px;color:rgba(var(--accent),.77);font-variant-numeric:tabular-nums;line-height:1;margin-top:7px;position:relative}.game-number:after{content:'';display:block;width:1px;height:21px;background:rgba(var(--accent),.4);margin:8px auto 0}h2{font-size:clamp(25px,2.5vw,39px);line-height:1.1;font-weight:600;letter-spacing:2.5px;margin:0;text-shadow:0 4px 15px #05111955}.chinese-title{font-size:clamp(24px,2.2vw,34px);letter-spacing:4px}.game-info p{font-size:12px;line-height:1.4;letter-spacing:2px;color:#cbd8d7;margin:9px 0 0}.version{font-size:12px;color:#cbd8d7;letter-spacing:1px;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:9px;white-space:nowrap}.version i{width:4px;height:4px;background:rgb(var(--accent));border-radius:50%;box-shadow:0 0 9px rgba(var(--accent),.55)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 26px;color:#d5dddb95;font-size:10px;letter-spacing:1.6px}.footer-note{display:flex;gap:9px;align-items:center}.footer-note i{height:4px;width:4px;background:#d7e6d3;border-radius:50%}.footer-domain{font-size:10px;letter-spacing:3px;opacity:.7}.footer-caption{opacity:.8}.exit-veil{position:fixed;inset:0;z-index:20;background:#07121a;opacity:0;pointer-events:none;transition:opacity .3s ease}.leaving .exit-veil{opacity:1}.leaving .site-shell{opacity:0;transform:translateY(-9px) scale(.99);transition:opacity .28s ease,transform .32s ease}.skip{position:fixed;left:12px;top:12px;padding:9px 14px;background:#dcebe1;color:#12252c;transform:translateY(-200%);z-index:10}.skip:focus{transform:translateY(0)}
@media(hover:hover) and (pointer:fine){.game-link:hover .image-shell,.game-link:focus-visible .image-shell{box-shadow:0 28px 58px -12px #0009,0 0 0 1px rgba(var(--accent),.8),0 0 34px rgba(var(--accent),.13)}.game-link:hover .game-image,.game-link:focus-visible .game-image{transform:scale(1.016);filter:saturate(1) brightness(1.02)}.game-link:hover .frame-corner{width:45px;height:45px;opacity:1}.game-link:hover .light-sweep{animation:sweep 1.15s cubic-bezier(.2,.55,.3,1) both}.game-link:hover .enter{background:#132b36dc;border-color:rgba(var(--accent),.7)}.game-link:hover .enter svg{transform:translate(2px,-2px)}}
@keyframes landscape-breathe{0%{transform:scale(1.02) translate3d(-.3%,.1%,0)}100%{transform:scale(1.055) translate3d(.6%,-.5%,0)}}@keyframes game-arrive{from{opacity:0;transform:translate3d(0,32px,0) scale(.97)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}@keyframes sweep{0%{opacity:0;transform:translateX(-70%) rotate(-5deg)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateX(70%) rotate(-5deg)}}
@media(min-width:1600px){.site-shell{width:min(1600px,calc(100% - 120px))}header{padding-top:34px}.section-intro{margin-bottom:30px}.game-grid{gap:45px}.game-info{padding-top:27px}footer{padding-top:32px;padding-bottom:32px}}
@media(max-width:950px){.site-shell{width:calc(100% - 48px)}header{padding-top:23px}.brand{font-size:17px;letter-spacing:2px}.brand b{letter-spacing:1px}.game-grid{gap:25px}.section-intro{margin-bottom:23px}.section-intro h1{font-size:28px}.game-info{padding-top:22px}.game-name{gap:10px}h2{font-size:26px;letter-spacing:1.5px}.chinese-title{font-size:24px;letter-spacing:2px}.game-info p{font-size:11px;letter-spacing:1px}.version{font-size:11px}.enter{right:14px;bottom:13px;padding:8px 11px 8px 13px;gap:12px}.enter span{font-size:12px}.screen-label{top:10px;right:10px;font-size:9px}}
@media(max-width:650px){.site-shell{width:calc(100% - 40px);min-height:100svh}header{padding:20px 0 20px}.brand{font-size:16px;gap:10px;letter-spacing:2px}.brand-orbit{width:23px;height:23px}.brand-orbit:before{inset:4px -4px}.creator{gap:0}.creator-copy{display:none}.avatar-wrap>img{height:44px;width:44px}.bilibili{height:19px;width:19px;border-radius:6px;right:-3px;bottom:-2px}.bilibili svg{width:12px;height:12px}main{padding:12px 0 10px;margin:0}.section-intro{align-items:flex-end;margin:0 0 22px;gap:10px}.section-intro h1{font-size:27px;letter-spacing:1px}.section-intro>p{font-size:10px;letter-spacing:.7px;white-space:nowrap}.section-intro>p>span{display:none}.game-grid{grid-template-columns:1fr;gap:33px}.game-info{padding-top:17px}.game-name{gap:12px}h2{font-size:29px;letter-spacing:2px}.chinese-title{font-size:27px;letter-spacing:3px}.game-info p{font-size:11px;letter-spacing:1.6px;margin-top:7px}.game-number{font-size:10px;margin-top:6px}.game-number:after{height:16px}.version{font-size:11px}.screen-label{font-size:9px;top:12px;right:12px}.enter{right:14px;bottom:14px;gap:15px;padding:9px 12px 9px 15px}.enter span{font-size:12px}.enter svg{width:18px;height:18px}.frame-corner{width:23px;height:23px}.top-left{top:-4px;left:-4px}.bottom-right{right:-4px;bottom:-4px}footer{padding:27px 0 23px;gap:10px;font-size:9px;letter-spacing:1px}.footer-domain{font-size:9px;letter-spacing:1.5px}.footer-caption{display:none}.landscape img{object-position:43% center;filter:saturate(.8)}.landscape-shade{background:linear-gradient(180deg,#08182230,#06152020 50%,#04111e99)}.image-shell{box-shadow:0 18px 36px -16px #0008,0 0 0 1px rgba(var(--accent),.5)}.game-image{filter:saturate(.96) brightness(.98)}}
@media(max-width:365px){.site-shell{width:calc(100% - 32px)}.section-intro h1{font-size:23px}.section-intro>p{font-size:9px}.brand{font-size:15px}h2{font-size:25px}.chinese-title{font-size:24px}.version{font-size:10px}.game-grid{gap:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.landscape-shift,.landscape img,.game-frame,.game-image{transform:none!important;will-change:auto}.exit-veil{display:none}.leaving .site-shell{opacity:1;transform:none}}

/* Soft anime sky: quiet background, clear screenshots and dark readable copy. */
:root{color-scheme:light;--ink:#263e4c;--muted:#456270;--cyan:#47788a;--gold:#528591}
html{background:#ddecf1}.landscape{background:#ddecf1}.landscape img{filter:none;object-position:center center;animation-duration:34s}.landscape-shade{background:linear-gradient(180deg,#fff9ec24,transparent 35%,#e4f0f333)}
.brand{color:#284453}.brand b{opacity:.7}.brand-orbit,.brand-orbit:before{border-color:#486c7b}.brand-orbit:after{background:#577f86;box-shadow:none}.creator-copy b{color:#304c5c}.creator-copy>span{color:#496777}.avatar-wrap>img{border-color:#ffffffcf;box-shadow:0 3px 15px #3b627d18}.bilibili{border-color:#d4e8ed}.creator:hover .avatar-wrap>img{border-color:#fff;box-shadow:0 0 22px #517f9420}
.section-intro h1{color:#253e4f;text-shadow:none}.section-intro>p{color:#426373}.section-intro>p>span{background:#42637366}
.game-link{--accent:59,103,119}.game-dice{--accent:126,102,64}.image-shell{box-shadow:0 14px 32px -14px #2744585c,0 0 0 1px rgba(var(--accent),.26)}.game-image{filter:none}.image-shade{background:linear-gradient(180deg,transparent 86%,#0312191a)}.frame-corner{opacity:.65}.enter{background:#122c39d6;border-color:#d7f1f266;box-shadow:0 3px 13px #0002;backdrop-filter:blur(6px)}.enter svg{color:#eff9ed}
h2{color:#263e4c;text-shadow:none}.game-info p,.version{color:#43616e}.game-number{color:#456b78}.game-dice .game-number{color:#76613d}.game-number:after{background:rgba(var(--accent),.35)}.version i{box-shadow:none}
footer{color:#3a5b6b}.footer-note i{background:#507d89}.footer-domain{opacity:.74}.footer-caption{opacity:.85}.exit-veil{background:#ddecf1}
@media(hover:hover) and (pointer:fine){.game-link:hover .image-shell,.game-link:focus-visible .image-shell{box-shadow:0 18px 42px -14px #27445866,0 0 0 1px rgba(var(--accent),.6),0 0 20px rgba(var(--accent),.07)}.game-link:hover .game-image,.game-link:focus-visible .game-image{filter:none}.game-link:hover .enter{background:#173746ed;border-color:#d7f1f2a0}}
@media(max-width:650px){.landscape img{filter:none}.landscape-shade{background:linear-gradient(180deg,#fff9ec20,transparent 45%,#e4f0f34d)}.game-image{filter:none}.image-shell{box-shadow:0 12px 28px -14px #27445870,0 0 0 1px rgba(var(--accent),.35)}}