:root{color-scheme:dark;--ink:#f2f4ef;--muted:#9da8b7;--accent:#c7e99a;--surface:#151a23;--line:#ffffff17}*{box-sizing:border-box}html{background:#0c1017}body{margin:0;min-width:280px;min-height:100svh;isolation:isolate;color:var(--ink);font-family:Inter,'PingFang SC','Microsoft YaHei',system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;max-width:100%}.landscape{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#0c1017}.landscape-shift{position:absolute;inset:-3%;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);transition:transform 1.8s ease-out}.landscape img{width:100%;height:100%;object-fit:cover;animation:backdrop-drift 38s ease-in-out infinite alternate;opacity:.75}.landscape-shade{position:absolute;inset:0;background:linear-gradient(180deg,#090d1375,transparent 45%,#080b117d)}.site-shell{width:min(1520px,calc(100% - 88px));min-height:100svh;margin:auto;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:flex-start;font-size:24px;line-height:1.05;letter-spacing:-1px;font-weight:850;font-style:italic}.brand-light{font-weight:350;margin-left:5px;font-style:normal;letter-spacing:-.9px}.brand i{width:6px;height:6px;background:var(--accent);margin-top:3px}.creator{display:flex;align-items:center;gap:12px}.creator-copy{display:flex;flex-direction:column;text-align:right;gap:2px}.creator-copy b{font-size:13px;font-weight:500;letter-spacing:.5px}.creator-copy>span{font-size:10px;color:var(--muted);letter-spacing:.4px}.avatar-wrap img{width:44px;height:44px;border-radius:50%;object-fit:cover;outline:1px solid #ffffff36;outline-offset:3px;transition:transform .35s,outline-color .35s}.creator>svg{width:13px;height:13px;color:var(--muted);margin-left:3px}.creator:hover .avatar-wrap img{transform:translateY(-2px);outline-color:var(--accent)}.creator:hover>svg{color:var(--accent)}main{padding:29px 0 26px;margin:auto 0}.section-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 23px}.section-title{display:flex;gap:13px;align-items:center}.section-line{width:24px;height:2px;background:var(--accent)}h1{font-size:25px;font-weight:600;line-height:1.15;letter-spacing:2px;margin:0}h1>span{font-size:12px;font-weight:400;letter-spacing:1.5px;color:#7f8b9c;vertical-align:middle;margin-left:10px}.section-intro>p{font-size:12px;color:#a5b0be;letter-spacing:1px;margin:0}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;perspective:1400px}.game-link{display:block;min-width:0;animation:card-arrive .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.06s + var(--order)*.14s)}.game-frame{margin:0;position:relative;background:var(--surface);outline:1px solid #edf3ff1b;outline-offset:-1px;box-shadow:0 15px 40px -18px #0009;transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s cubic-bezier(.2,.7,.3,1),outline-color .4s,box-shadow .4s;transform-style:preserve-3d}.image-shell{position:relative;aspect-ratio:16/10;overflow:hidden;background:#121923}.game-dice .image-shell{background:#518e9a}.game-image{width:100%;height:100%;object-fit:contain;filter:none;transition:transform .7s cubic-bezier(.2,.75,.2,1)}.light-sweep{position:absolute;inset:-100% -50%;background:linear-gradient(105deg,transparent 43%,#fff1 49.5%,transparent 57%);transform:translateX(-70%) rotate(-5deg);opacity:0;pointer-events:none}.game-info{padding:23px 25px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);background:linear-gradient(115deg,#ffffff03,transparent 75%)}.game-name{min-width:0}.game-meta{margin:0 0 10px;display:flex;gap:11px;align-items:center;color:#8f9cad;font-size:10px;letter-spacing:1.3px;line-height:1;font-variant-numeric:tabular-nums}.game-number{color:var(--accent);font-weight:600}.game-meta>.version{padding-left:11px;border-left:1px solid #7d8a9c66;letter-spacing:.4px}h2{font-size:clamp(27px,2.4vw,39px);line-height:1.1;font-weight:700;letter-spacing:1.5px;margin:0}.chinese-title{font-size:clamp(25px,2.15vw,35px);font-weight:600;letter-spacing:2px}.genre{margin:10px 0 0;font-size:12px;letter-spacing:1.4px;color:#a6b1bf;line-height:1.4}.enter{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.enter>span:first-child{font-size:11px;letter-spacing:1px;color:#bdc8d5;order:2;line-height:1}.enter-arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #69758466;background:#ffffff04;transition:background .35s,border-color .35s,color .35s;order:1}.enter-arrow svg{width:20px;height:20px;transition:transform .35s}.game-dice .game-number{color:#accced}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0 22px;border-top:1px solid var(--line);font-size:10px;color:#8c98a9;letter-spacing:1.3px}.footer-domain{letter-spacing:2px;color:#8a97a8}.footer-note{display:flex;align-items:center;gap:8px}.footer-note i{width:4px;height:4px;background:#a0bd89;border-radius:50%}.exit-veil{position:fixed;inset:0;z-index:20;background:#0c1017;opacity:0;pointer-events:none;transition:opacity .29s ease}.leaving .exit-veil{opacity:1}.leaving .site-shell{opacity:0;transform:translateY(-6px) scale(.992);transition:opacity .25s,transform .29s}.skip{position:fixed;left:12px;top:12px;padding:9px 14px;background:var(--accent);color:#0c1017;transform:translateY(-200%);z-index:30}.skip:focus{transform:translateY(0)}
@media(hover:hover) and (pointer:fine){.game-link:hover .game-frame,.game-link:focus-visible .game-frame{outline-color:#bacdd95c;box-shadow:0 20px 48px -15px #000c}.game-link:hover .game-image,.game-link:focus-visible .game-image{transform:scale(1.015)}.game-link:hover .light-sweep{animation:sweep .95s ease both}.game-link:hover .enter-arrow,.game-link:focus-visible .enter-arrow{background:var(--accent);border-color:var(--accent);color:#132015}.game-link:hover .enter-arrow svg{transform:translate(1px,-1px)}.game-link:hover h2{color:#fff}}
@keyframes backdrop-drift{from{transform:scale(1.015) translate3d(-.2%,0,0)}to{transform:scale(1.035) translate3d(.3%,-.3%,0)}}@keyframes card-arrive{from{opacity:0;transform:translateY(25px) scale(.98)}to{opacity:1;transform:translateY(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:1650px){.site-shell{width:min(1520px,calc(100% - 110px))}.game-grid{gap:32px}.game-info{padding:28px 29px}.section-intro{margin-bottom:27px}header{padding:25px 0}main{padding-top:34px;padding-bottom:30px}}
@media(max-width:950px){.site-shell{width:calc(100% - 48px)}header{padding:20px 0}.brand{font-size:23px}.game-grid{gap:20px}.game-info{padding:21px 18px}.genre{font-size:11px;letter-spacing:.6px}h2{font-size:26px}.chinese-title{font-size:25px;letter-spacing:1px}.enter-arrow{width:36px;height:36px}.enter-arrow svg{width:17px;height:17px}.enter>span:first-child{font-size:10px;letter-spacing:.4px}.game-info{gap:12px}.section-intro{margin-bottom:20px}}
@media(max-width:650px){.site-shell{width:calc(100% - 36px)}header{padding:19px 0 20px}.brand{font-size:21px}.creator{gap:10px}.creator-copy b{font-size:12px}.creator-copy>span{display:none}.avatar-wrap img{width:37px;height:37px}.creator>svg{display:none}main{margin:0;padding:24px 0 26px}.section-intro{margin-bottom:19px}.section-title{gap:9px}.section-line{width:17px}h1{font-size:22px;letter-spacing:1.5px}h1>span{font-size:10px;margin-left:5px}.section-intro>p{font-size:10px;letter-spacing:.3px}.game-grid{grid-template-columns:1fr;gap:23px}.game-info{padding:19px 20px 20px}.game-meta{font-size:9px;gap:9px;margin-bottom:10px}h2{font-size:28px}.chinese-title{font-size:27px;letter-spacing:2px}.genre{font-size:11px;letter-spacing:1px;margin-top:9px}.enter-arrow{width:40px;height:40px}.enter-arrow svg{width:18px;height:18px}.enter>span:first-child{font-size:10px;letter-spacing:.8px}.enter{gap:7px}.landscape img{object-position:center center;opacity:.6}footer{padding:18px 0 21px;font-size:9px;letter-spacing:.5px}.footer-domain{letter-spacing:1px}.game-frame{box-shadow:0 14px 27px -17px #000b}}
@media(max-width:360px){.site-shell{width:calc(100% - 28px)}.brand{font-size:19px}.creator-copy b{font-size:11px}.game-info{padding:18px 16px}.game-info h2{font-size:26px}.game-info .chinese-title{font-size:25px}.section-intro>p{font-size:9px}}
@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}.exit-veil{display:none}.leaving .site-shell{opacity:1;transform:none}}