:root{--bg:#0b0d12;--surface:#141821;--surface-2:#1b2030;--border:#252c3d;--text:#e9edf6;--text-dim:#8b95ab;--accent:#4cc9f0;--accent-2:#7b61ff;--radius:14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:22px 24px;display:flex}.brand{letter-spacing:.2px;align-items:center;gap:10px;font-weight:600;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:7px;width:22px;height:22px;display:block}.site-nav a{color:var(--text-dim);font-size:14px;transition:color .15s}.site-nav a:hover{color:var(--text)}main{max-width:1100px;margin:0 auto;padding:0 24px 72px}.hero{max-width:640px;padding:56px 0 44px}.hero h1{letter-spacing:-.5px;margin:0 0 14px;font-size:40px;font-weight:600;line-height:1.2}.hero-sub{color:var(--text-dim);margin:0;font-size:16px}.game-section h2{color:var(--text-dim);text-transform:uppercase;letter-spacing:1.2px;margin:0 0 20px;font-size:15px;font-weight:500}.game-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.game-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:transform .16s,border-color .16s;display:flex;overflow:hidden}.game-card:hover{border-color:#3a4359;transform:translateY(-3px)}.game-thumb{aspect-ratio:16/9;background:radial-gradient(circle at 30% 30%,#1d2740,#0e1220 70%);position:relative;overflow:hidden}.thumb-glyph{background:var(--accent);border-radius:5px;width:16px;height:34px;position:absolute;bottom:22%;left:24%;box-shadow:0 0 22px #4cc9f08c}.thumb-glyph:before{content:"";background:var(--accent-2);opacity:.85;border-radius:4px;width:12px;height:28px;position:absolute;top:4px;left:46px}.thumb-glyph:after{content:"";background:var(--accent-2);opacity:.5;border-radius:4px;width:12px;height:20px;position:absolute;top:12px;left:92px}.thumb-glyph--snake{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:7px;width:54px;height:12px;position:absolute;bottom:34%;left:20%;box-shadow:0 0 22px #4cc9f080}.thumb-glyph--snake:after{content:"";background:var(--accent-2);opacity:.9;border-radius:6px;width:12px;height:26px;position:absolute;top:6px;left:40px;box-shadow:0 0 14px #7b61ff73}.thumb-glyph--snake:before{content:"";background:#ff4f9a;border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-30px;box-shadow:0 0 12px #ff4f9ad9}.game-body{padding:16px 18px 18px}.game-body h3{margin:0 0 6px;font-size:17px;font-weight:600}.game-body p{color:var(--text-dim);margin:0 0 12px;font-size:14px}.game-best{color:var(--accent);margin:0 0 12px;font-size:13px}.game-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--surface-2);color:var(--text-dim);border-radius:999px;padding:3px 9px;font-size:12px}.more-note{color:var(--text-dim);margin:28px 0 0;font-size:14px}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-dim);padding:26px 24px;font-size:13px}.site-footer p{margin:0}@media (max-width:640px){.hero{padding:34px 0 30px}.hero h1{font-size:30px}main{padding:0 18px 52px}}