:root{--bg:#0d1021;--bg-2:#141733;--panel:#0a0d1d;--text:#eef1ff;--muted:#a4a8c9;--brand:#8854ff;--tile:#1a1f3f;--tile-hover:#242a54;--border:#23264a}
[data-theme="light"]{--bg:#f5f6fb;--bg-2:#ffffff;--panel:#ffffff;--text:#0f1320;--muted:#5a6482;--brand:#5b48e8;--tile:#ffffff;--tile-hover:#f1f3ff;--border:#e3e6f2}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif}
.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;height:64px;padding:12px 20px;background:linear-gradient(180deg,#131736,#0f1330);border-bottom:1px solid var(--border)}
[data-theme="light"] .topbar{background:var(--panel)}
.brand-wrap{display:flex;align-items:center;gap:10px}
.logo{width:28px;height:28px;border-radius:6px;display:block}
.brand{font-weight:900;color:#fff;font-size:22px}
[data-theme="light"] .brand{color:#121212}
.topbar-center{display:flex;justify-content:center}
.search-form{position:relative;display:block;width:100%;max-width:560px;margin:0 auto}
.search{width:100%;height:40px;padding:10px 36px 10px 12px;border-radius:10px;border:1px solid #2b3161;background:var(--bg-2);color:var(--text)}
.search-icon{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:16px;height:28px;width:28px}
.search-icon:hover{color:#fff}
.user-actions{display:flex;align-items:center;gap:8px}
.icon-btn{background:var(--tile);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 10px;cursor:pointer;transition:background .2s,border-color .2s,color .2s,filter .2s}
.icon-btn:hover{background:var(--brand);border-color:var(--brand);color:#fff;filter:none}
/* language dropdown */
.lang-wrap{display:inline-flex;align-items:center}
.lang-select{height:32px;background:var(--tile);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:0 8px;cursor:pointer}
[data-theme="light"] .lang-select{background:var(--tile);color:#111}
.layout{display:grid;grid-template-columns:260px 1fr;gap:0}
.sidebar{background:var(--panel);border-right:1px solid var(--border);min-height:calc(100vh - 64px);padding:14px}
.divider{height:1px;background:var(--border);margin:10px 0}
.sidebar-title{font-size:12px;color:var(--muted);margin:4px 0 8px 6px}
.categories{display:flex;flex-direction:column;gap:6px}
.categories .cat{color:#cdd2ff;text-decoration:none;padding:10px 12px;border-radius:10px;background:#13183a;border:1px solid #1e2450}
[data-theme="light"] .categories .cat{background:var(--tile);border:1px solid var(--border);color:#2a2a2a}
.categories .cat:hover{background:var(--tile-hover);border-color:var(--brand)}
.categories .active{background:#221f4a;border-color:#3a2a85;color:#fff}
.categories .primary{font-weight:600}
.main{padding:18px}
/* 限制游戏页播放器宽度 */
.constrain{max-width:900px;margin:0 auto}
section{margin-bottom:30px}
h1,h2{margin:6px 0 12px 0}
h2{font-size:18px}
.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.grid-6{grid-template-columns:repeat(6,1fr)}
.grid-large{grid-template-columns:repeat(4,1fr)}
.tile{display:block;background:var(--tile);border-radius:14px;overflow:hidden;color:inherit;text-decoration:none;border:1px solid var(--border);transition:transform .14s ease, background .2s ease}
.tile:hover{transform:translateY(-2px);background:var(--tile-hover)}
.tile .thumb{position:relative;aspect-ratio:16/9;background-size:cover;background-position:center;overflow:hidden}
.tile .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.tile-meta{display:flex;justify-content:space-between;align-items:center;padding:10px}
.tile-title{font-size:14px;color:#f2f4ff}
[data-theme="light"] .tile-title{color:#10172a}
.tile-cat{font-size:12px;color:#8fa0ff;background:#1c2252;border:1px solid #2a3274;padding:2px 8px;border-radius:999px}
[data-theme="light"] .tile-cat{color:#3a4b9c;background:#eef1ff;border-color:#cfd8ff}
.breadcrumb{margin:6px 0 12px 0;color:var(--muted)}
.breadcrumb a{color:#cbd0ff;text-decoration:none}
.breadcrumb, .breadcrumb a, .breadcrumb span{font-size:14px;line-height:1.6}
.game-title{margin:0 0 10px 0}
[data-theme="light"] .panel{background:#fff}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px;margin:18px 0}
.panel h3{margin:0 0 10px 0; font-size:18px}
.game-chips{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}
.overview{display:flex;gap:12px;align-items:flex-start}
.overview-thumb{width:120px;height:auto;border-radius:10px;border:1px solid var(--border);flex:0 0 auto}
.player{position:relative;background:#090d1e;border:1px solid var(--border);border-radius:10px;overflow:hidden}
[data-theme="light"] .player{background:#fff}
.player-inner{width:100%;aspect-ratio:var(--ar);max-height:80vh;background:#000;position:relative}
.player-inner iframe{width:100%;height:100%;border:0;display:block;background:#000}
.player-actions{position:absolute;top:8px;right:8px;z-index:3}
.game-meta{display:flex;gap:14px;align-items:flex-start;margin-top:14px}
.game-thumb{width:180px;border-radius:12px;border:1px solid var(--border)}
.meta-row{margin:8px 0}
.chip{display:inline-block;padding:4px 10px;border-radius:999px;background:#1e2454;border:1px solid #333a7a;color:#d7dbff;text-decoration:none}
.chip.ok{background:#165d2f;border-color:#1e8b49;color:#e6ffef}
.chip.info{background:#183a8f;border-color:#2753c3;color:#e8f0ff}
.chip.warn{background:#7a4a00;border-color:#c07a1a;color:#fff2df}
.desc{color:#d6dbff}
[data-theme="light"] .desc{color:#2a2a2a}
.search-summary,.search-summary.desc,#search-summary{display:block;margin:8px 0 16px}
.bullets{margin:6px 0 0 18px;color:#d6dbff}
.bullets li{margin:4px 0}
[data-theme="light"] .bullets,[data-theme="light"] .bullets li{color:#1f2430}
/* 已移除暂停遮罩 */
.player.paused iframe{pointer-events:none;filter:grayscale(.2) brightness(.9)}
.icon-btn.sm{padding:4px 8px;font-size:12px}
.pagination{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:18px 0}
.pagination .page{padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:var(--tile);color:var(--text);text-decoration:none}
.pagination .page:hover{border-color:var(--brand)}
.pagination .current{background:var(--brand);border-color:var(--brand);color:#fff}
.pagination .disabled{opacity:.5}
.pagination .ellipsis{border:none;background:transparent}
.pagination .jumper{display:inline-flex;align-items:center;gap:6px;margin-left:8px;color:var(--muted)}
.pagination .page-input{width:72px;height:30px;border:1px solid var(--border);border-radius:6px;background:var(--bg-2);color:var(--text);padding:0 6px}
.pagination .page-go{height:30px;border:1px solid var(--border);border-radius:6px;background:var(--tile);color:var(--text);cursor:pointer}
@media (min-width: 781px){body.sidebar-collapsed .layout{grid-template-columns:1fr} body.sidebar-collapsed .sidebar{display:none}}
@media (min-width: 1400px){.grid{grid-template-columns:repeat(6,1fr)}.grid-large{grid-template-columns:repeat(4,1fr)}}
@media (max-width: 1200px){.grid{grid-template-columns:repeat(3,1fr)}.grid-large{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 900px){.overview{flex-direction:column}.overview-thumb{width:100px}}
@media (max-width: 780px){
  .layout{grid-template-columns:1fr}
  .sidebar{position:fixed;top:64px;bottom:0;left:0;width:78vw;max-width:320px;transform:translateX(-100%);transition:transform .25s ease;display:block;z-index:20;overflow:auto}
  .mobile-nav-open .sidebar{transform:translateX(0)}
  .backdrop{display:none}
  .mobile-nav-open .backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:15}
  .grid{grid-template-columns:repeat(2,1fr)}
  .grid-large{grid-template-columns:repeat(1,1fr)}
  .player-inner{max-height:65vh}
}
@media (max-width: 540px){.grid{grid-template-columns:1fr}.player-inner{max-height:58vh}}