:root{color-scheme:dark;--bg:#111315;--text:#f3f0e7;--muted:#bcbdb9;--line:#626460;--accent:#c9ff45}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
.site-header{height:69px;border-bottom:1px solid #4b4c48;display:flex;align-items:center;padding:0 max(calc((100vw - 1420px)/2),4vw,24px)}
a{color:inherit;text-decoration:none}
.brand{display:inline-flex;align-items:center;gap:17px;font:700 25px/1 Georgia,"Songti SC",serif;letter-spacing:.035em}
.brand-mark{display:flex;align-items:center;gap:4px;transform:skew(-27deg)}
.brand-mark i{display:block;background:var(--accent);width:13px;height:22px}
.brand-mark i+ i{width:10px;height:16px;align-self:flex-end}
.content{width:min(100% - 8vw, 1420px);margin:0 auto;padding:42px 0 38px}
.feature-layout{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:40px;align-items:end}
.intro{border-left:7px solid var(--accent);padding-left:24px;margin:0 0 31px}
h1{font-family:Georgia,"Songti SC","STSong",serif;font-size:clamp(32px,3.55vw,56px);font-weight:700;letter-spacing:.015em;line-height:1.14;margin:0 0 10px}
.intro p{font-size:clamp(14px,1.25vw,19px);line-height:1.5;margin:0;letter-spacing:.025em}
.side-games{display:grid;gap:28px}
.game{display:block;min-width:0;outline-offset:7px}
.cover{display:block;overflow:hidden;border-radius:5px;background:#25292a;aspect-ratio:2.44/1}
.cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.game-featured .cover{aspect-ratio:2.16/1}
.game:hover .cover img{transform:scale(1.025)}
.game-caption{min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:6px 1px 7px}
.game-title{font-family:Georgia,"Songti SC","STSong",serif;font-size:clamp(18px,1.85vw,28px);font-weight:700;line-height:1.23;letter-spacing:.01em}
.game-featured .game-title{font-size:clamp(23px,2.25vw,35px)}
.game-title small{font:600 .48em/1.2 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;letter-spacing:.08em;color:#babcb6;white-space:nowrap;margin-left:.28em}
.play{flex:0 0 auto;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid var(--accent);margin-right:3px}
.game:focus-visible{outline:2px solid var(--accent)}
.game:hover .game-caption{border-color:var(--accent)}
.more-games{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:34px;margin-top:34px}
.more-games .cover{aspect-ratio:2/1}
footer{color:var(--muted);font-size:13px;letter-spacing:.025em;padding-top:30px}
@media(min-width:1200px){.more-games .game-title{font-size:clamp(17px,1.45vw,22px)}}
@media(min-width:801px) and (max-width:1199px){.more-games{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.content{width:auto;margin:0 22px;padding-top:34px}.site-header{height:62px;padding:0 22px}.feature-layout{grid-template-columns:1fr;gap:28px}.intro{padding-left:16px;border-left-width:5px;margin-bottom:24px}.side-games,.more-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.game-featured .cover{aspect-ratio:1.9/1}.cover,.more-games .cover{aspect-ratio:1.65/1}.game-title{font-size:20px}.game-featured .game-title{font-size:25px}.game-title small{display:block;margin:4px 0 0;font-size:10px}.more-games{margin-top:25px}}
@media(max-width:480px){.content{margin:0 18px}.site-header{padding:0 18px}h1{font-size:32px}.intro p{font-size:14px}.side-games,.more-games{grid-template-columns:1fr;gap:24px}.cover,.more-games .cover{aspect-ratio:1.9/1}.game-title small{display:inline;margin-left:.35em}.game-caption{min-height:44px}}
@media(prefers-reduced-motion:reduce){.cover img{transition:none}}