/* ═══════════════════════════════════════════════════════════════
   game.css —— game 站专用（游戏门户深色主题）
   内容：原 game index.html 内联 <style> 迁入。
   今后 game 新页面的样式统一写这里，不动 common.css，
   与 exam 完全解耦，不需要互相同步。
   ═══════════════════════════════════════════════════════════════ */

/* 深色基调（后加载覆盖 common.css 的浅色 body） */
body{font-family:'Arial','Microsoft YaHei',sans-serif;color:#fff}

.portal{min-height:100vh;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);padding:16px}
.crumbs{max-width:1200px;margin:0 auto 20px;font-size:.95rem;opacity:.85}
.crumbs a{color:#4ecdc4;text-decoration:none}
.header{text-align:center;margin-bottom:28px}
.header h1{font-size:2.4rem;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.header p{opacity:.7;margin-top:6px}

.games-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}
.game-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:14px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s,background .2s,box-shadow .2s}
.game-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.14);box-shadow:0 12px 28px rgba(0,0,0,.45)}
.game-image{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,#16213e,#0f3460)}
.game-title{font-size:1.02rem;font-weight:600;text-align:center;padding:12px 12px 4px;word-break:break-all}
.game-description{font-size:.78rem;opacity:.65;text-align:center;padding:0 12px 10px;min-height:1.2em}
.play-button{margin:auto 14px 14px;padding:9px 0;border:none;border-radius:999px;font-size:.9rem;color:#fff;cursor:pointer;background:linear-gradient(45deg,#ff6b6b,#ee5a52);transition:filter .2s}
.play-button:hover{filter:brightness(1.12)}
.footer{text-align:center;opacity:.55;padding:30px 0 10px;font-size:.85rem}

@media (max-width:480px){
  .header h1{font-size:1.7rem}
  .games-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
}