body,html {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-list .header {
  display: block;
}
.page-list .strategy-content-list {
  margin: 0.34rem auto 0;
  width: 6.5rem;
  height: 11.28rem;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-list .strategy-item {
  position: relative;
  width: 3.18rem;
  height: 1.78rem;
  margin-bottom: 0.2rem;
}

.page-list .strategy-pic {
  position: relative;
  width: 3.18rem;
  height: 1.78rem;
  overflow: hidden;
  border-radius: 0.2rem;
}
.page-list .strategy-pic .v-pic {
  display: block;
}
.page-list .strategy-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-list .strategy-pic::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
  background: url('https://game.gtimg.cn/images/dnf/m/m202511/strategy/top-video-mask.png') no-repeat center bottom / 100% 1.5rem;
}
.page-list .strategy-pic .icon-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  margin-left: 0;
  width: 0.53rem;
  height: 0.53rem;
  background: url('https://game.gtimg.cn/images/dnf/m/m202511/strategy/icon-video.png') no-repeat center/ cover;
}
.page-list .strategy-bottom {
  position: absolute;
  left: 0;
  bottom: 0.1rem;
  width: 3rem;
  padding-left: 0.15rem;
  font-size: 0.32rem;
  color: #fff;
  z-index: 2;
}
.page-list .strategy-bottom .v-tlt {
  display: block;
  font-size: 0.22rem;
  color: #fff;
  width: 3.23rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.page-list .strategy-info {
  font-size: 0.2rem;
  color: #b6b6b6;
}
.page-list .strategy-count {
  margin-right: 0.25rem;
}
.page-list .strategy-wrap .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.page-list .load-status {
  text-align: center;
  color: #999;
  font-size: .22rem;
  padding: .24rem 0;
}
/* 横向滚动容器 */
.page-list .tab-nav { width: 6.9rem; }
.page-list .tab-nav .tab-scroll {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding-right: .36rem;
}

.page-list .tab-nav .strategy-nav-list {
  display: flex;
  flex-wrap: nowrap;
  overflow: visible;
  scrollbar-width: none;
}
.page-list .tab-nav .tab-scroll::-webkit-scrollbar { display: none; }
.page-list .tab-nav .strategy-nav-list li {
  flex: 0 0 auto;
  margin-right: .28rem;
}
.page-list .tab_nav_baseline,
.page-list .tab-nav .strategy-nav-list::after {
  content: '';
  display: block;
  height: .06rem;
  margin-top: .06rem;
  background: #eae8ed;
  border-radius: .06rem;
}

.page-list .tab-nav .strategy-nav-list li.tab_active .tab_title {
  color: #000;
  font-weight: 700;
  position: relative;
}
/* .page-list .tab-nav .strategy-nav-list li.tab_active .tab_title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -.14rem;
  width: .86rem;
  height: .06rem;
  background: #ec4727;
  border-radius: .06rem;
} */

/* 右侧箭头与遮罩 */
.page-list .tab-nav .tab-next {
  position: absolute;
  right: .02rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 0.28rem;
  height: 0.21rem;
  z-index: 2;
  background: url('https://game.gtimg.cn/images/dnf/m/m202511/news/btn-detail.png') no-repeat center/ cover;
}
.page-list .tab-nav .disabled {
  opacity: 0;
}

/* 右侧渐隐遮罩（暗示可继续右滑） */
.page-list .tab-nav .tab-scroll-mask {
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: .6rem;
  height: 100%;
  background: linear-gradient(to left, rgba(255,255,255,.95), rgba(255,255,255,0));
}
.small-scene .page-list .news-wrap {
  height: 11.2rem;
}
.small-scene .page-list .strategy-content-list {
  height: 8.86rem;
}