/* ============================================================
   试玩大厅 · 厂商游戏列表（深色默认 + 浅色主题覆盖）
   ============================================================ */

/* ===== 厂商卡片"敬请期待"态（深色） ===== */
#gameHallView .gh-card--soon{ opacity:.7; filter:saturate(.7); }
#gameHallView .gh-card--soon .gh-enter{ background:rgba(120,130,160,.32); box-shadow:none; }

/* ===== 厂商游戏列表视图（深色） ===== */
#gameListView .gl-topbar{ max-width:920px; margin:4px auto 0; display:flex; align-items:center; gap:14px; }
#gameListView .gl-back{ flex:0 0 auto; padding:9px 16px; border-radius:11px; cursor:pointer; font-size:14px; font-weight:600;
  color:#eaf0ff; background:rgba(113,84,255,.16); border:1px solid rgba(125,112,255,.4); }
#gameListView .gl-back:active{ transform:scale(.96); }
#gameListView .gl-title{ margin:0 !important; font-size:20px !important; white-space:nowrap; }
#gameListView .gl-title::after{ display:none !important; }
#gameListView .gl-total{ font-size:13px; color:#9aa6d0; white-space:nowrap; margin-left:auto; }
#gameListView .gl-grid{ max-width:920px; margin:18px auto 0; display:grid;
  grid-template-columns:repeat(3,1fr); gap:12px; }
@media(min-width:560px){ #gameListView .gl-grid{ grid-template-columns:repeat(4,1fr); gap:14px; } }
@media(min-width:820px){ #gameListView .gl-grid{ grid-template-columns:repeat(6,1fr); } }
.gl-game{ text-decoration:none; display:flex; flex-direction:column; padding:9px; border-radius:16px;
  background:linear-gradient(145deg, rgba(113,84,255,.12), rgba(0,0,0,0) 50%), rgba(13,18,52,.7);
  border:1px solid rgba(125,112,255,.26); box-shadow:0 8px 20px rgba(3,9,23,.28);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.gl-game:hover{ transform:translateY(-4px); border-color:rgba(125,112,255,.6);
  box-shadow:0 14px 30px rgba(91,68,224,.32); }
.gl-cover{ position:relative; aspect-ratio:1/1; border-radius:12px; overflow:hidden; background:#0d1436; }
.gl-cover img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; }
.gl-game:hover .gl-cover img{ transform:scale(1.07); }
.gl-cover--miss{ background:linear-gradient(135deg,#3a2d80,#1b2358 60%,#0d1436); }
.gl-cover--miss img{ display:none; }
.gl-cover--miss::after{ content:""; position:absolute; inset:0;
  background:radial-gradient(circle at 50% 42%, rgba(255,255,255,.28), transparent 42%); }
.gl-game strong{ margin-top:9px; font-size:13px; font-weight:700; color:#eaf0ff; text-align:center;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gl-play{ margin-top:7px; padding:6px 0; border-radius:9px; text-align:center; font-size:12px; font-weight:600;
  color:#fff; background:linear-gradient(135deg,#7c66ff,#5b44e0); box-shadow:0 5px 12px rgba(91,68,224,.32); }
.gl-game:hover .gl-play{ background:linear-gradient(135deg,#8d78ff,#6650ec); }

/* ===== 浅色主题覆盖 ===== */
body.theme-light #gameHallView .gh-card--soon{ opacity:.75; filter:saturate(.75); }
body.theme-light #gameHallView .gh-card--soon .gh-enter{
  background:linear-gradient(135deg,#aeb8d6,#93a0c4) !important; box-shadow:none !important; }
body.theme-light #gameListView .gl-back{
  color:#234; background:#fff; border:1px solid #e4eaf2; box-shadow:0 4px 12px rgba(16,24,40,.06); }
body.theme-light #gameListView .gl-total{ color:#667085; }
body.theme-light #gameListView .gl-game{
  background:#fff; border:1px solid #e4eaf2; box-shadow:0 6px 18px rgba(16,24,40,.07); }
body.theme-light #gameListView .gl-game:hover{
  border-color:rgba(47,107,255,.5); box-shadow:0 14px 30px rgba(47,107,255,.16); }
body.theme-light #gameListView .gl-cover{ background:#eef2fb; }
body.theme-light #gameListView .gl-cover--miss{ background:linear-gradient(135deg,#c7d6ff,#aebef2 60%,#dfe6fb); }
body.theme-light #gameListView .gl-game strong{ color:#101828; }
body.theme-light #gameListView .gl-play{
  background:linear-gradient(135deg,#2f6bff,#2358d8); box-shadow:0 5px 12px rgba(47,107,255,.28); }
body.theme-light #gameListView .gl-game:hover .gl-play{ background:linear-gradient(135deg,#3f78ff,#2f66ee); }