#main {
  display: none;
  position: relative;
  z-index: 2;
}
.kv-video {
  width: 7.5rem;
  height: 16.24rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 1;
  opacity: 0;
  /* display: none; */
  background: url(//game.gtimg.cn/images/dnf/m/m202409/kv07.jpg) no-repeat center / 100% 100%;
}
.kv-video .map-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
}
.show-kv-video {
  height: 100%;
  overflow: hidden;
}
html.kv-finished, body.kv-finished,
html, body {
  height: auto !important;
  overflow-y: auto !important;
} 
/* 内容部分 */
.scene {
  width: 100%;
  position: relative;
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  /* z-index: 9; */
  overflow: hidden;
}

.animation {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  width: 100%;
  height: 4.76rem;
  bottom: 0;
  pointer-events: none;
}
.scene {
  width: 100%;
  height: auto;
  position: relative;
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  /* display: flex;
  align-items: center;
  justify-content: center; */
  overflow: hidden;
}


/* 第一屏 */
.slogan-link {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 3.5rem;
    margin-top: -1.8rem;
    display: block;
}
.btn-zs-down {
  width: 4.06rem;
  height: 1.09rem;
  background: url('https://game.gtimg.cn/images/dnf/m/m202511/btn-zs-down.png') no-repeat center / 100% 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 2.5rem;
  margin-left: -2.03rem;
}
.btn-down-cloud {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 1rem;
  margin-left: -2.03rem;
  width: 4.06rem;
  height: 1.09rem;
  background: url('https://game.gtimg.cn/images/dnf/m/m202511/btn-down-cloud.png') no-repeat center / 100% 100%;
}
.scene-home {
  height: 16.24rem;
  position: relative;
  background: url('https://game.gtimg.cn/images/dnf/m/m202511/kv4.jpg') no-repeat center / 100% 100%;
}
#video-div-0 {
  background: url('https://game.gtimg.cn/images/dnf/m/m202511/kv4.jpg') no-repeat center / 100% 100%;
}
.scene-home .scene-kv-image {
  width: 7.5rem;
  height: 16.24rem;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
}
.kv-swiper-pagination {
  position: absolute;
  top: 1.5rem;
  right: 0.2rem;
  left: initial !important;
  text-align: right;
}
.scene-home .scene-kv-image .swiper-container,
.scene-home .scene-kv-image img {
  width: 7.5rem;
  height: 16.24rem;
}
.scene-home .slogan {
  position: absolute;
  bottom: 0%;
  left: 50%;
  margin-left: -3.75rem;
  /* margin-top: -2.5rem; */
  width: 7.5rem;
  height: 4.2rem;
  background: url(https://game.gtimg.cn/images/dnf/m/m202511/slogan4.png) no-repeat center / 100% 100%;
  z-index: 10;
}
.scene-home .icon-video {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1.8rem;
  margin-top: 4rem;
  width: 3.58rem;
  height: 1.85rem;
  background: url('https://game.gtimg.cn/images/dnf/m/m202511/icon-video.png') no-repeat center / 100% 100%;
}
.global-swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.scene .scene-content {
  width: 7.5rem;
  position: relative;
  transform-origin: 50% 50%;
}
/* 资讯页面 */
.scene-news {
  background: #000 url('https://game.gtimg.cn/images/dnf/m/m202511/news/news-bg.jpg') no-repeat center/ cover;
  width:100%;
  height: 14.8rem;
}
.adver-wrap {
  width: 6.91rem;
  height: 4.73rem;
  position: absolute;
  left: 50%;
  top: 0.51rem;
  transform: translateX(-50%);  
}
.adver-wrap .swiper,
.adver-wrap .swiper-slide {
  width: 6.9rem;
  height: 3.88rem;  
}
.adver-wrap .swiper-pagination {
  width: 50% !important;
  left: 0.2rem !important;
  bottom: 0.1rem !important;
  text-align: left;
}
.adver-wrap .swiper-wrapper {
  width: 100%;
  height: 3.88rem;  
}
.adver-info {
  width: 6.5rem;
  height: 0.86rem;
  position: absolute;
  left: 50%;
  margin-left: -3.25rem;
  top: 2.25rem;
  z-index: 2;
}
.adver-title {
  width: 6.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: clamp(0.26rem, 4vw, 0.2rem); /* 字号在12px到36px之间自适应 */
  color: #fff;
  font-size: 0.26rem;
  font-weight: bold;
  font-family: 'microsoft yahei';
}
.adver-subtitle {
  position: relative;
  width: 5.67rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  font-size: 0.26rem; /* 字号在12px到36px之间自适应 */
  font-family: 'microsoft yahei';
  margin-top: 0.05rem;
}
.adver-pic {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -3.45rem;
  width: 6.9rem;
  height: 3.88rem;  
  background-color: #fff;
  border-radius: 0.2rem;
}
.adver-pic a {
  display: block;
  width: 6.9rem;
  height: 3.88rem;  
}
.adver-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.adver-wrap .adver-thumbs {
  margin-top: 0.12rem;
  width: 6.9rem;
  height: 0.92rem;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.adver-thumbs::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
  pointer-events: none;
  z-index: 1;
} 
.adver-wrap .adver-thumbs::-webkit-scrollbar { display: none; }
.adver-wrap .adver-thumbs .swiper,
.adver-wrap .swiper-wrapper {
  width: 13.8rem;
  height: 0.92rem;
}

.adver-thumbs .swiper-slide {
  width: 1.65rem;  
  height: 0.92rem;
  border-radius: 0.2rem;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  opacity: 0.8;
}
.adver-thumb {
  width: 1.65rem;  
  height: 0.92rem;
}
.adver-thumbs .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.adver-thumbs .swiper-slide-active {
  opacity: 1;
}
.adver-thumbs .swiper-slide-active::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1.65rem;  
  height: 0.92rem;
  background: url(https://game.gtimg.cn/images/dnf/m/m202511/news/adver-active-bg.png) no-repeat center / 1.65rem 0.92rem;
}

.news-wrap {
  position: absolute;
  left: 50%;
  margin-left: -3.45rem;
  top: 5.7rem;
  width: 6.9rem;
  height: 7.9rem;
}
.news-list-title {
  padding-left: 0.2rem;
  font-size: 0.5rem;
  color: #000;
  font-weight: bold;
}
.news-item {
  position: relative;
  width: 100%;
  padding: 0.12rem 0.4rem 0.3rem 0; /* 右侧为箭头预留空间 */
  color: #fff;
  text-align: left;
}
.news-item:last-child {
  border-bottom: none;
}
.news-time {
  display: block;
  font-size: 0.22rem;
  color: #b9b9b9;
}
.news-title {
  display: block;
  margin-top: 0.12rem;
  width: 86%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.26rem;
  font-weight: bold;
  color: #000;
}
.news-item.active .news-title {
  color: #ec4727;
}

.scene-news .btn-news-more,
.scene-activity .btn-news-more,
.scene-strategy .btn-news-more {
  display: block;
  margin: 0.3rem auto 0;
  width: 4.06rem;
  height: 0.81rem;
  line-height: 99999px;
  overflow: hidden;
  background: url('https://game.gtimg.cn/images/dnf/m/m202511/btn-more.png') no-repeat center/ 100%;
  position: relative;
  z-index: 10;
}
.scene-strategy .btn-news-more {
  margin-top: 0.1rem;
}
.scene-news .tab-nav,
.scene-activity .tab-nav,
.scene-strategy .tab-nav {
  position: relative;
  width: 5rem;
  margin: 0.22rem auto;
  color: #787878;
  font-size: 0.26rem;
}

.scene-news .tab-nav-list,
.scene-activity .tab-nav-list,
.scene-strategy .tab-nav-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
}
.scene-news .tab-nav-list li,
.scene-activity .tab-nav-list li,
.scene-strategy .tab-nav-list li {
  width: 1.03rem;
  height: 0.61rem;
  line-height: 0.61rem;
  text-align: center;
  /* background: url(https://game.gtimg.cn/images/dnf/m/m202511/news/nav-item-normal-bg.png) no-repeat center/ 100% 100%; */
}
.scene-news .tab-nav::after,
.scene-activity .tab-nav::after,
.scene-strategy .tab-nav::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;  
  width: 100%;
  height: 0.08rem;
  background: rgba(203, 203, 203, 0.35);
  border-radius: 0.08rem;
}

.scene-news .tab-nav-list li,
.scene-activity .tab-nav-list li,
.scene-strategy .tab-nav-list li {
  position: relative;       /* 用于定位选中下划线 */
}

.scene-news .tab-nav-list li.tab_active::after,
.scene-activity .tab-nav-list li.tab_active::after,
.scene-strategy .tab-nav-list li.tab_active::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;         
  width: 100%;            
  height: 0.08rem;          
  background: #cc4647;     
  border-radius: 0.08rem;
  transition: width 0.2s ease;
}

.scene-news .tab-nav-list a,
.scene-activity .tab-nav-list a,
.scene-strategy .tab-nav-list a {
  font-weight: bold;
  color: #787878;
}
.scene-news .tab-nav .tab_active a,
.scene-activity .tab-nav .tab_active a,
.scene-strategy .tab-nav .tab_active a {
  color: #000;
} 
.scene-news .news-list {
  width: 6.88rem;
  margin: 0 auto;
}
.scene .btn-detail {
  position: absolute;
  top: 0.42rem;
  right: 0;
  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;
}
/* 攻略 */
.scene-strategy {
  background: #000 url('https://game.gtimg.cn/images/dnf/m/m202511/strategy/strategy-bg.jpg') no-repeat center/ cover;
  width:100%;
  height: 11.97rem;
}
.scene-strategy .scene-title {
  margin-top: 0.4rem;
}
.scene-strategy .tab-nav {
  width: 6.9rem;
}
.scene-strategy .tab-nav-list li {
  width: 20%;
}
.strategy-new-list {
  width: 6.9rem;
  height: 3.9rem;
  margin: 0.3rem auto 0.3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.strategy-new-list .strategy-item {
  width: 6.92rem;
  height: 3.9rem;
  border-radius: 0.2rem;
  z-index: 2;
}
.strategy-new-list .strategy-item:nth-child(3),
.strategy-new-list .strategy-item:nth-child(4) {
  margin-top: -0.3rem;
  height: 1.5rem;
  border-radius: 0 0 0.2rem 0.2rem;
  z-index: 1;
}
.strategy-new-item img {
  object-fit: contain;
}
.strategy-new-list .strategy-pic {
  margin-bottom: 0;
  width: 6.9rem;
  height: 3.9rem;
}
.strategy-new-list .strategy-pic img {
  width: 6.9rem;
  height: 3.9rem;
}
.strategy-wrap {
  width: 6.9rem;
  height: 5.76rem;
  margin: 0 auto;  
}
.strategy-title {
  width: 2.65rem;
  height: 0.63rem;
  position: absolute;
  top: 2.2rem;
  right: 0.3rem;
  background: url('https://game.gtimg.cn/images/dnf/m/m202511/strategy/title.png') no-repeat center/ cover;
  zoom: 0.9;
}
.strategy-new-list .title {
  width: 93%;
  height: 0.4rem;
  position: absolute;
  bottom: 0rem;
  left: 0.1rem;
  font-size: 0.2rem;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 2;
}

.strategy-wrap .swiper {
  width: 6.9rem;
  position: absolute;
  left: 0;
  top: 0;
}
.strategy-item {
  position: relative;
  width: 3.4rem;
  height: 1.92rem;
  margin-bottom: 0.3rem;
}
.strategy-new-list .strategy-item {
  margin-bottom: 0;
}

.strategy-pic {
  position: relative;
  width: 3.4rem;
  height: 1.92rem;
  overflow: hidden;
  border-radius: 0.2rem;
}
.strategy-pic a {
  display: block;
  width: 3.4rem;
  height: 1.92rem;
}
.strategy-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.strategy-pic a::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;
}
.strategy-new-list .strategy-pic .v-pic::after {
  background-color: rgba(0, 0, 0, .2);  
  border-radius: 0.2rem;
}
.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;
}
.strategy-bottom {
  position: absolute;
  left: 0;
  bottom: 0.1rem;
  width: 3rem;
  padding-left: 0.15rem;
  font-size: 0.32rem;
  color: #fff;
  z-index: 2;
}
.strategy-bottom a.v-tlt {
  display: block;
  font-size: 0.22rem;
  color: #fff;
  width: 3.23rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.strategy-info {
  font-size: 0.2rem;
  color: #b6b6b6;
}
.strategy-count {
  margin-right: 0.25rem;
}
.strategy-wrap .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.scene-strategy .btn-news-more {
  display: block;
  margin: 0.4rem auto 0;
  width: 4.06rem;
  height: 0.81rem;
  line-height: 99999px;
  overflow: hidden;
  background: url('https://game.gtimg.cn/images/dnf/m/m202511/btn-more.png') no-repeat center/ 100%;
}
/* 活动列表 */
.scene-activity {
  background: #000 url('https://game.gtimg.cn/images/dnf/m/m202511/activity/activity-bg.jpg') no-repeat center/ cover;
  width:100%;
  height: 11.48rem;
}
.scene-title {
  font-size: 0.5rem;
  padding-left: 0.5rem;
  font-weight: bold;
  color: #000;
}
.animate-item .content-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  /* width: 3.3rem;
  height: 3.72rem; */
}
.animate-item .content-wrap {
  opacity: 0;
}
.animate-item .purple-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #844cda;
  z-index: 3;
  opacity: 0;
}
.scene-activity .animate-item .purple-bg {  
  position: absolute;
  left: 0.22rem;
    top: 0.1rem;
  width: 3.26rem;
  height: 4.15rem;
}
.scene-activity .show-item-animate .animate-item .purple-bg,
.scene-strategy .show-item-animate .animate-item .purple-bg {
  -webkit-animation-name: itemFadeRight;
  animation-name: itemFadeRight;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.show-item-animate .animate-item .content-wrap {
  -webkit-animation-name: itemFadeIn;
  animation-name: itemFadeIn;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes itemFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes itemFadeRight {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-80%,0,0);
    transform: translate3d(-80%,0,0);
    width: 100%;
  }
  50% {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    width: 100%;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(101%,0,0);
    transform: translate3d(101%,0,0);
    width: 100%;
  }
}
.animate-item .purple-bg {
  animation-delay: 0s!important
}
.animate-item .content-wrap  {
  animation-delay: 0.2s!important;
}
.activity-wrap .top-wrap{
  width: 6.9rem;
  height: 3.16rem;
  margin: 0.25rem auto;
  display: flex;
  justify-content: space-between;
}
/* .activity-wrap .swiper {
  width: 11.5rem;
  position: absolute;
  left: -3.43rem;
  top: 0;
} */
.activity-item {
  display: block;
  position: relative;
  width: 2.21rem;
  height: 3.16rem;
  overflow: hidden;
  border-radius: 0.2rem;
}
.activity-item-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.21rem;
  height: 3.16rem;
  overflow: hidden;
}
.activity-pic {
  /* position: absolute;
  top: 0.1rem;
  left: 0.09rem; */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 2.21rem;
  height: 3.16rem;
  overflow: hidden;
}
.activity-pic::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  background: url(https://game.gtimg.cn/images/dnf/m/m202511/activity/item-bg.png) no-repeat center/ 100% 100%;
  position: absolute;
}
.activity-pic img {
  width: 100%;
  /* height: 110%; */
  object-fit: cover;
}

.activity-info,
.activity-time,
.activity-gift-list {
  transform: translateZ(0); /* Force GPU rendering */
  backface-visibility: hidden; /* Prevent flickering */
}
.activity-info {
  position: absolute;
  top: 2.2rem;
  left: 0.2rem;
  width: 2.8rem;
  color: #fff;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.24rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  z-index: 2;
}
.activity-time {
  position: absolute;
  top: 1.92rem;
  left: 0.2rem;
  width: 2.8rem;
  color: #ec4727;
  font-size: 0.2rem;
  z-index: 2;
}
.activity-gift-list {
  position: absolute;
  top: 2.64rem;
  left: 0.2rem;
  width: 2rem;
  z-index: 2;
}
.activity-gift-list img {
  /* width: 0.4rem; */
  height: 0.4rem;
  display: inline-block;
  margin-right: 0.05rem;
}
.scene-activity .tab-nav {
  width: 6.9rem;
}
.scene-activity .tab-nav-list li {
  width: 20%;
}
.kv-swiper-pagination .swiper-pagination-bullet, 
.scene-strategy .swiper-pagination-bullet,
.scene-tools .swiper-pagination-bullet {
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 0.35rem;
  background-color: #513879;
  opacity: 1;
}
.scene-tools .swiper-pagination-bullet {
  background-color: #fff;
}
.kv-swiper-pagination .swiper-pagination-bullet-active,
.scene-strategy .swiper-pagination-bullet-active,
.scene-tools .swiper-pagination-bullet-active {
  background-color: #eeb372;
}
.activity-row {
  width: 6.9rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* Activity list (inline row items like screenshot) */
.activity-list {
  width: 6.9rem;
  margin: 0rem auto 0;
}

.activity-list-item {  
  padding: 0.25rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.activity-list-item-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.activity-list-item:last-child {
  border-bottom: none;
}

.activity-list-left {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  max-width: 4.6rem; 
}

.activity-list-title {
  display: inline-block;
  width: 2.56rem;
  font-size: 0.26rem;
  font-weight: bold;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scene-activity .btn-detail {
  position: static;
  margin-left: 0.48rem;
}
.activity-list-icons {
  display: inline-flex;
  align-items: center;
}

.activity-list-icons img {
  /* width: 0.38rem; */
  height: 0.38rem;
  margin-right: 0.08rem;
  border-radius: 0.04rem;
  object-fit: cover;
}

.activity-list-right {
  display: inline-flex;
  align-items: center;
  gap: 0.16rem;
}

.activity-list-time {
  font-size: 0.26rem;
  color: #ec4727;
  white-space: nowrap;
}

.activity-list-arrow {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  border-right: 0.05rem solid #000;
  border-top: 0.05rem solid #000;
  transform: rotate(45deg);
}

.activity-list-item.active .activity-list-arrow {
  border-color: #ec4727;
}

/* 版本展示区域 */
.scene-version {
  background: #000;
  width: 100%;
  height: 12.21rem;
  overflow: visible;
}

.version-top {
  width: 7.5rem;
  height: 4.75rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -0.83rem;
}
.version-top-swiper,
.version-top-swiper .swiper-slide,
.version-top-swiper .swiper-slide a {
  width: 7.5rem;
  height: 4.75rem;
  overflow: hidden;
  position: relative;
  display: block;
}
.version-top-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.version-top-mask {
  position: absolute;
  left: 0;
  bottom: 0.88rem;
  width: 100%;
  padding: 0.24rem 0.48rem 0;
  color: #fff;
  /* background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.65) 100%); */
}
.version-top-title {
  font-size: 0.5rem;
  font-weight: bold;
  margin-bottom: 0.1rem;
}
.version-top-sub {
  font-size: 0.26rem;
  color: #e1e1e1;
}
.adver-info-mask {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2rem;
  color: #fff;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .65) 100%);
}
.adver-top-pagination,
.version-top-pagination {
  position: absolute;
  left: 0.48rem !important;
  bottom: 0.36rem !important;
  width: auto !important;
}
.adver-top-pagination .swiper-pagination-bullet,
.version-top-pagination .swiper-pagination-bullet {
  width: 0.14rem;
  height: 0.14rem;
  display: inline-block;
  margin-right: 0.12rem;
  opacity: 1;
  /* 菱形：旋转方形 + 去圆角 */
  background: transparent;
  border: 0.02rem solid rgba(255, 255, 255, 0.7);
  transform: rotate(45deg);
  border-radius: 0;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}
.adver-top-pagination .swiper-pagination-bullet-active,
.version-top-pagination .swiper-pagination-bullet-active {
  background: #ec4727;      /* 激活：填充主色 */
  border-color: #ec4727;    /* 同步边框主色 */
}

/* 下方大图轮播 */
.version-bottom {
  width: 7.5rem;
  height: 8.25rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 3.98rem;
}
.version-bottom-swiper {
  width: 7.5rem;
  height: 8.25rem;
}
.version-bottom-swiper .swiper-slide {
  width: 4.75rem;
  height: 8.22rem;
  overflow: hidden;
  position: relative;
  opacity: .6;
  transition: filter .2s ease, opacity .2s ease, transform .2s ease;
}
.version-bottom-swiper .swiper-slide::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://game.gtimg.cn/images/dnf/m/m202511/version/mask.png) no-repeat center/100% 100%;
  transform: translateY(0);
  transition: transform 0.6s ease-out;
  pointer-events: none; /* 防止遮罩层阻挡点击 */
}

.version-bottom-swiper .swiper-slide-active::after {
  transform: translate3D(28%, -100%, 0)
} 
.version-bottom-swiper .swiper-slide:not(.swiper-slide-active)::after {
  transform: translate3D(0, 0, 0);
} 
.version-bottom-swiper .swiper-slide-active {
  filter: none;
  opacity: 1;
  transform: scale(1);
}
.version-bottom-item {
  width: 100%;
  height: 100%;
  position: relative;
}
.version-bottom-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.version-bottom-title {
  position: absolute;
  left: 0.3rem;
  top: 6.6rem;
  color: #fff;
  font-size: 0.36rem;
  font-weight: bold;
  text-align: center;
  width: 3.2rem;
}

/* 左右箭头 */
.btn-version-prev,
.btn-version-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.35rem;
  height: 0.61rem;
  z-index: 3;
}
.btn-version-prev { left: 0.28rem; }
.btn-version-next { right: 0.28rem; }
.btn-version-prev {
  background: url('https://game.gtimg.cn/images/dnf/m/m202511/version/icon-next.png') no-repeat center/ 100% 100%;
  transform: rotate(180deg);
}
.btn-version-next {
  background: url('https://game.gtimg.cn/images/dnf/m/m202511/version/icon-next.png') no-repeat center/ 100% 100%;
}
/* 世界观 */
.section-dnfu {
  position: relative;
  height: 11.18rem;
  background: url('https://game.gtimg.cn/images/dnf/m/m202511/dnfu/bg.jpg') no-repeat center/ 100% 100%;
}
.section-dnfu .section-title {
  position: absolute;
  top: 1.06rem;
  left: 0.51rem;
  background: url('https://game.gtimg.cn/images/dnf/m/m202511/dnfu/title.png') no-repeat center/ 100% 100%;
  width: 3.32rem;
  height: 0.76rem;
}
.section-dnfu .section-info {
  position: absolute;
  top: 2.15rem;
  left: 0.51rem;
  font-size: 0.26rem;
  color: #e2e2e2;
}
.section-dnfu .section-btn {
  position: absolute;
  top: 8.66rem;
  left: 50%;
  margin-left: -2.03rem;
  width: 4.06rem;
  height: 0.81rem;
  background: url('https://game.gtimg.cn/images/dnf/m/m202511/dnfu/btn-enter.png') no-repeat center/ 100% 100%;
}
/* 弹窗 */
/* ::placeholder {
  color: #fff;
} */
.dialog-message {
  padding: 0.6rem 0.35rem;
}
.dialog-message .btn {
  margin-top: 0.4rem;
}
.dialog-message .decorate-text::before, .dialog-message .decorate-text::after {
  display: none;
}
#_overlay_ {
  max-height: 100% !important;
  overflow: hidden !important;
}
#ageReminder {
  width: .62rem;
  height: .8rem;
  position: absolute;
  left: 50%;
  margin-left: -1rem;
  top: 0.2rem;
  z-index: 10;
}
.dialog-load {
  width: 5rem;
}
.dialog-load .choose-wrapper {
  display: flex;
  justify-content: space-around;
  margin-top: 0.4rem;
  margin-bottom: 0.1rem;
}

.loading-dialog,
.dialog-code {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.dialog-code {
  width: 5rem;
  height: 6rem;
  background: #fff;
}
.loading-dialog .icon-loading {
  width: 1rem;
  height: 1rem;
}
.icon-loading {
  background: url('https://game.gtimg.cn/images/2/act/a202302yuyue/pc/icon-loading.png') no-repeat center / 100% 100%;
  width: 1.99rem;
  height: 1.99rem;
  animation: rotate 2000ms infinite linear;
}
.icon-code {
  background: url('https://game.gtimg.cn/images/dnf/m/m202511/tools/icon-code.png') no-repeat center / 100% 100%;
  width: 4.66rem;
  height: 5.76rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.dialog-code .dialog-close {
  filter: brightness(0);
}
/* 小屏机特殊处理 */
.small-scene .btn-down-cloud {
  margin-top: 1rem;
}
.small-scene .btn-zs-down {
  margin-top: 2.5rem;
}
.small-scene .load {
  font-size: 0.20rem;
}