/* hys-hot-grid.css v10 - hot section v8 grid + ordinary rows: 3 cards perfectly visible, symmetric margins, slightly taller */
.hotGame .gameListNew-big,
.hotGameList .gameListNew-big,
[class*="hot"] .gameListNew-big{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-template-rows:repeat(4,auto)!important;
  grid-auto-columns:calc(20% - .08534rem)!important;
  gap:.10667rem!important;
  height:auto!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0 .10667rem .16rem!important;
  box-sizing:border-box!important;
  scroll-behavior:smooth!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
.hotGame .gameListNew-big::-webkit-scrollbar,
.hotGameList .gameListNew-big::-webkit-scrollbar,
[class*="hot"] .gameListNew-big::-webkit-scrollbar{display:none!important;}
.hotGame .gameListNew-big .gameItem-big,
.hotGameList .gameListNew-big .gameItem-big,
[class*="hot"] .gameListNew-big .gameItem-big{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  margin:0!important;
  position:relative!important;
  border-radius:.12rem!important;
  overflow:hidden!important;
}
.hotGame .gameListNew-big .gameImg,
.hotGameList .gameListNew-big .gameImg,
[class*="hot"] .gameListNew-big .gameImg{
  width:100%!important;
  height:100%!important;
  position:relative!important;
}
.hotGame .gameListNew-big .gameImg .van-image,
.hotGame .gameListNew-big .gameImg .van-image__img,
.hotGame .gameListNew-big .gameImg img,
.hotGameList .gameListNew-big .gameImg .van-image,
.hotGameList .gameListNew-big .gameImg .van-image__img,
.hotGameList .gameListNew-big .gameImg img,
[class*="hot"] .gameListNew-big .gameImg .van-image,
[class*="hot"] .gameListNew-big .gameImg .van-image__img,
[class*="hot"] .gameListNew-big .gameImg img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:0!important;
}
.hotGame .gameListNew-big .gameName,
.hotGameList .gameListNew-big .gameName,
[class*="hot"] .gameListNew-big .gameName{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:auto!important;
  bottom:0!important;
  width:100%!important;
  margin:0!important;
  color:#fff!important;
  text-align:center!important;
  font-size:.18667rem!important;
  font-weight:600!important;
  line-height:1.2!important;
  padding:.10667rem .04rem .05333rem!important;
  box-sizing:border-box!important;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.65))!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  border-radius:0!important;
  pointer-events:none!important;
  z-index:1!important;
}

/* ===== v9: ordinary section rows — 3 cards perfectly visible, slightly taller ===== */
.ordinaryGame .gameListNew-big{
  display:flex!important;
  flex-wrap:nowrap!important;
  width:auto!important;
  /* 补偿外层 .game-list 的左内边距(.37rem)，使行两侧留白对称 ≈.2133rem */
  margin:0 .2133rem 0 calc(-1*.16rem)!important;
  height:auto!important;
  padding:0 0 .2667rem!important;
  box-sizing:border-box!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-behavior:smooth!important;
}
.ordinaryGame .gameListNew-big .gameItem-big{
  flex:0 0 calc((100% - .4266rem)/3)!important;
  width:calc((100% - .4266rem)/3)!important;
  min-width:0!important;
  height:3.65rem!important;
  margin:0 .2133rem 0 0!important;
  box-sizing:border-box!important;
}
.ordinaryGame .gameListNew-big .gameImg{
  width:100%!important;
  height:100%!important;
  position:relative!important;
}
.ordinaryGame .gameListNew-big .gameImg .van-image,
.ordinaryGame .gameListNew-big .gameImg .van-image__img,
.ordinaryGame .gameListNew-big .gameImg img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

/* ===== v11-clean: 只保留用户确认的改动 ===== */

/* --- 1. 轮播图容器加大 + 正常显示（不强制100%高度，避免自动播放失效） --- */
.home_swiper .slide{aspect-ratio:702/200!important;}
.home_swiper .slide-big{aspect-ratio:702/360!important;}

/* 预加载占位隐藏（透明度0保持布局尺寸） */
.van-image__loading,.van-image__error{opacity:0!important;visibility:hidden!important;}
.loading_bg{opacity:0!important;visibility:hidden!important;}

/* --- 2. 热门游戏每行5个（缩小+边距+阴影） --- */
.hotGame .gameListNew-big,.hotGameList .gameListNew-big,[class*="hot"] .gameListNew-big{
  grid-template-rows:repeat(4,auto)!important;grid-auto-columns:calc(20% - .08rem)!important;
  gap:.1rem!important;padding:.1rem!important;}
.hotGame .gameItem-big,.hotGameList .gameItem-big,[class*="hot"] .gameItem-big{
  border-radius:.16rem!important;box-shadow:0 .03rem .1rem rgba(0,0,0,.3)!important;overflow:hidden!important;}
.hotGame .gameImg,.hotGameList .gameImg,[class*="hot"] .gameImg{
  border-radius:.16rem!important;overflow:hidden!important;}
.hotGame .gameImg img,.hotGameList .gameImg img,[class*="hot"] .gameImg img{
  border-radius:.16rem!important;}
.hotGame .gameName,.hotGameList .gameName,[class*="hot"] .gameName{
  border-radius:0 0 .16rem .16rem!important;}

/* --- 3. 电子游戏每行3个（已有v10） --- */
/* 已在v10中实现，无需重复 */

/* --- 4. 底部导航栏恢复为App CSS原样 --- */
.van-tabbar{
  border-radius:.74667rem!important;
  background-image:linear-gradient(180deg,rgba(64,47,71,.12),rgba(28,4,40,.12))!important;
  background-color:transparent!important;
  box-shadow:inset 0 0 .02667rem 0 hsla(0,0%,100%,.2)!important;
  backdrop-filter:blur(.66667rem)!important;}

/* 手机端同步 */
@media (max-width:520px){
  .home_swiper .slide,.home_swiper .slide-big{padding:0!important;margin:0!important;}
  .hotGame .gameItem-big,.hotGameList .gameItem-big,[class*="hot"] .gameItem-big{border-radius:.12rem!important;}
  .hotGame .gameImg,.hotGameList .gameImg,[class*="hot"] .gameImg{border-radius:.12rem!important;}
}