/* MRPX666 像素风样式 — 全部手写，无框架 */
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=ZCOOL+QingKe+HuangYou&display=swap');

:root{
  --bg:#1a1c2c; --panel:#243447; --line:#5d275d;
  --txt:#f4f4f4; --dim:#94b0c2; --accent:#41a6f6; --gold:#f9c22b;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--txt);
  font-family:'ZCOOL QingKe HuangYou','Press Start 2P',monospace;
  image-rendering:pixelated;}
a{color:var(--txt);text-decoration:none}
a.plain{color:var(--txt)}

/* 头部 */
.hd{border-bottom:4px solid var(--line);padding:18px 24px;background:#141523;}
.logo{font-size:22px;letter-spacing:2px;color:var(--gold);
  text-shadow:2px 2px 0 #000;}
.sub{font-size:12px;color:var(--dim);margin-top:4px;}
nav{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}
nav a{font-size:14px;padding:6px 14px;border:2px solid var(--panel);
  background:var(--panel);}
nav a:hover,nav a.on{border-color:var(--gold);color:var(--gold);}

/* 主区 */
main{max-width:860px;margin:0 auto;padding:24px;}
.sec{color:var(--accent);font-size:18px;letter-spacing:2px;text-align:center;}
.dim{color:var(--dim);font-size:12px;text-align:center;}

/* 游戏网格 */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:16px;}
.card{border:3px solid var(--panel);background:#1f2235;padding:12px;display:block;}
.card:hover{border-color:var(--accent);transform:translateY(-2px);}
.thumb{height:90px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(45deg,#29366f,#3b1f50);color:var(--gold);
  font-size:34px;margin-bottom:8px;}
.card .t{font-size:15px;}
.card .d{font-size:11px;text-align:left;margin:2px 0 6px;}
.card .tag{font-size:10px;color:#141523;background:var(--accent);
  display:inline-block;padding:2px 6px;}

/* 游戏框 */
.frame{border:4px solid var(--line);background:#000;display:flex;justify-content:center;}
.frame iframe{width:100%;max-width:720px;height:560px;border:0;background:#000;}

/* 底部 */
.ft{border-top:4px solid var(--line);padding:16px;text-align:center;background:#141523;}
.ft p{font-size:11px;color:var(--dim);}