:root{--bg:#f7f8fa;--card:#fff;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--accent:#111827;--green:#15803d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}
.header{height:60px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:20}.logo{font-size:22px;font-weight:800;letter-spacing:-.7px}.logo b{font-weight:500}
.nav{background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:22px;padding:8px 12px;font-size:13px;color:#4b5563;overflow:auto;white-space:nowrap}.nav a:hover{color:#111827}
.container{max-width:1000px;margin:auto;padding:18px}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px;display:flex;align-items:center;gap:10px;min-width:0}.icon{width:52px;height:52px;border-radius:13px;object-fit:cover;flex:none;background:#eef0f3}.ct{min-width:0;flex:1}.name{font-weight:750;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buttons{display:flex;gap:6px;margin-top:6px}.btn{font-size:11px;font-weight:700;padding:5px 8px;border-radius:7px;border:1px solid var(--line);white-space:nowrap}.download{background:var(--accent);color:#fff;border-color:var(--accent)}
.article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;max-width:820px;margin:20px auto}.article-head{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding-bottom:18px}.article-head img{width:72px;height:72px;border-radius:16px;object-fit:cover}.article h1{font-size:27px;line-height:1.2;margin:0}.muted{color:var(--muted);font-size:12px}.meta{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;margin:18px 0;overflow:hidden}.meta div{padding:11px;border-right:1px solid var(--line)}.meta div:last-child{border:0}.meta strong{display:block;font-size:12px}.meta span{font-size:12px;color:var(--muted)}.article-download{display:inline-block;background:var(--accent);color:#fff;border-radius:9px;padding:10px 17px;font-weight:700;font-size:13px;margin:2px 0 16px}.article h2{font-size:20px;margin:27px 0 8px}.article h3{font-size:16px;margin:18px 0 4px}.article p{color:#374151}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.related a{border:1px solid var(--line);border-radius:10px;padding:10px;font-size:12px;background:#fff}.footer{margin-top:35px;background:#fff;border-top:1px solid var(--line);padding:24px 18px;color:var(--muted);font-size:12px}.footer-grid{max-width:1000px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.footer h3{color:#111827;font-size:13px;margin:0 0 8px}.footer a{display:block;margin:4px 0}.copyright{text-align:center;border-top:1px solid var(--line);margin-top:18px;padding-top:14px}
@media(max-width:720px){.games{grid-template-columns:repeat(2,1fr);gap:9px}.card{padding:10px;gap:8px}.icon{width:45px;height:45px;border-radius:11px}.name{font-size:12px}.btn{font-size:10px;padding:4px 6px}.container{padding:10px}.article{padding:17px;border-radius:14px}.article h1{font-size:23px}.meta{grid-template-columns:repeat(2,1fr)}.meta div:nth-child(2){border-right:0}.meta div:nth-child(-n+2){border-bottom:1px solid var(--line)}.related{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:390px){.games{grid-template-columns:1fr}.card{max-width:100%}.footer-grid{grid-template-columns:1fr}.nav{justify-content:flex-start}}