:root{--bg: #0f172a;--bg-2: #1e293b;--card: #16213c;--line: #2b3a5c;--txt: #e2e8f0;--txt-dim: #94a3b8;--primary: #38bdf8;--accent: #6366f1;--radius: 12px;--maxw: 1360px;--card-size: 100px;--card-gap: 10px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--txt);font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}.container{max-width:var(--maxw);margin:0 auto;padding:0 16px}.container-full{width:100%;padding:8px}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,var(--card-size));gap:var(--card-gap);justify-content:center}.game-card{position:relative;width:var(--card-size);height:var(--card-size);border-radius:10px;overflow:hidden;background:var(--bg-2);transition:transform .18s,box-shadow .18s}.game-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #38bdf847}.game-card .thumb{width:var(--card-size);height:var(--card-size);object-fit:cover}.game-card .name{position:absolute;left:0;right:0;bottom:0;padding:4px 2px;font-size:12px;line-height:1.4;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(to top,#000000c7,#0000);opacity:0;transition:opacity .18s}.game-card:hover .name{opacity:1}.ad-box{background:repeating-linear-gradient(45deg,#131c33,#131c33 12px,#17223d 12px,#17223d 24px);border:1px dashed var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--txt-dim);font-size:13px;letter-spacing:1px;overflow:hidden}