.animate-element {
    opacity: 0;
    -webkit-transform: translateY(1.5625vw);
    transform: translateY(1.5625vw);
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.is-visible {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.challenge {
    background-color: #000;
}
.challenge .challenge-title{
    color: #FFF;
    text-align: center;
    text-shadow: 0 1px 16.8px #FF27C7;
    font-family: "Montserrat-Bold" !important;
    font-size: 3.75vw;
    font-style: normal;
    line-height: normal;
}
.challenge .challenge-activity-title{
    color: #FFF;
    text-align: center;
    text-shadow: 0 1px 6px #FF27C7;
    font-family: "Montserrat-Bold" !important;
    font-size: 1.6667vw; /* 32px */
    font-style: normal;
    line-height: normal;
    margin: 0 auto 1.25vw; /* 居中 + 24px */
}
.challenge .bannerVideo{
    display: block;
    width: 100%;
    min-height: 55.7292vw;
    background: #02030f;
}
.challenge .mobBanner{
    display: none;
}
.challenge .preface .pcImg{
    display: none;
}
.challenge .buildShowWin{
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 66.6667vw;
    margin: 0 auto;
}
.challenge .buildShowWin .bsItem{
    width: 18.0208vw;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.19vw;
    transform: rotate(-3deg);
    transform-origin: left center;
    line-height: 150%;
}
.challenge .buildShowWin .bsItem h3{
    color: #FFF;
    font-family: Montserrat-Bold !important;
    font-size: 2.607vw;
    font-style: normal;
    line-height: 1;
    margin: 0;
}
.challenge .buildShowWin .bsBuild{
    background: linear-gradient(90deg, #03BFC0 0%, rgba(3, 191, 192, 0.00) 101.02%);
}
.challenge .buildShowWin .bsShow{
    background: linear-gradient(90deg, #B46814 0%, rgba(180, 104, 20, 0.00) 100.87%);
    margin-top: -1.3542vw;
}
.challenge .buildShowWin .bsWin{
    background: linear-gradient(90deg, #BD00BD -0.38%, rgba(189, 0, 189, 0.00) 100.74%);
    margin-top: -2.7084vw;
}
.challenge .preface .mobImg{
    display: none;
}
.challenge .preface{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -4.4792vw;
}
.challenge .preface{
    height: 30.7292vw;
}
.challenge .preface .blurb{
    color: #FFF;
    text-align: center;
    font-family: "Montserrat-Medium";
    display: flex;
    flex-direction: column;
    gap: 0.625vw;
    font-size: 1.25vw;
    font-style: normal;
    line-height: 150%; /* 166.667% */
    width: 62.5vw;
    margin: 4.73vw auto 0;
}
.challenge .preface .blurb > div:last-child{
    margin-top: 2.9167vw;
}
.challenge .preface h2{
    text-align: center;
    font-family: "Montserrat-Bold" !important;
    font-size: 3.64vw;
    font-style: normal;
    line-height: normal;
    background: linear-gradient(0deg, #F99150 26.67%, #FFDD9A 71.9%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(-1px -1px 0 #FFE4B3) drop-shadow(-5px 0 0 #743446);
    margin: 1.5625vw auto 4.3229vw;
}
.challenge .dualParticipation{
    /* background-image 移到内联 style 中 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 3.5938vw;
    height: 68.38vw;
    display: block;
    overflow: hidden;
}
.challenge .mob-dualParticipation{
    display: none;
}
.challenge .dualParticipation .subTitle{
    color: #FFF;
    text-align: center;
    font-family: "Montserrat-SemiBold";
    font-size: 1.6667vw;
    font-style: normal;
    line-height: normal;
    margin-top: 1.5625vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5vw;
}
.challenge .dualParticipation .subTitle::before,
.challenge .dualParticipation .subTitle::after {
    content: "";
    width: 18vw;
    height: 1px;
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
}
.challenge .dualParticipation .subTitle::after {
    background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1));
}
.challenge .dualParticipation .left,
.challenge .dualParticipation .right{
    position: relative;
}
.challenge .dualParticipation .left .phoneTitle{
    color: #F9941E;
    text-align: center;
    font-family: "Montserrat-Bold" !important;
    text-shadow: -6px 3px 4px rgba(0, 0, 0, 0.20);
    font-size: 1.5625vw;
    font-style: normal;
    line-height: 100%; /* 30px */
    display: inline-block;
    transform: perspective(93.75vw) rotateX(14deg) rotateY(24deg) rotateZ(7deg);
    width: 13vw;
    position: absolute;
    right: 5.2083vw; /* 100px */
    top: 5.625vw;
}
.challenge .dualParticipation .right .phoneTitle{
    color: #00E8F0;
    text-align: center;
    text-shadow: 11px 4px 4px rgba(0, 0, 0, 0.20);
    font-size: 1.5625vw;
    font-style: normal;
    line-height: 100%; /* 30px */
    font-family: "Montserrat-Bold" !important;
    display: inline-block;
    transform: perspective(93.75vw) rotateX(14deg) rotateY(-24deg) rotateZ(-7deg);
    width: 16vw;
    position: absolute;
    left: 3.2813vw; /* 左移35px */
    top: 5.625vw;
}
.challenge .dualParticipation .phoneBox {
    position: relative;
    transition: transform 0.3s ease;
}
.challenge .dualParticipation .phoneBox:hover {
    transform: scale(1.08);
}
.challenge .dualParticipation .phone {
    width: 100%;
}
.challenge .dualParticipation .content .phoneGif {
    position: absolute;
    bottom: -1.75vw;
    left: 2.3438vw; /* 45px */
    width: 24.4792vw; /* 470px */
    pointer-events: none;
    z-index: 3;
    opacity: 0;
    transition: opacity 0.5s ease;
}
.challenge .dualParticipation .content .phoneGif.show {
    opacity: 1;
}
.challenge .dualParticipation .content .left .phoneGif {
    left: auto;
    right: 2.3438vw; /* 45px 与右侧对称 */
}
.challenge .dualParticipation .phoneTitle {
    position: relative;
    z-index: 2;
}
.challenge .dualParticipation .content{
    display: flex;
    justify-content: space-between;
}
.challenge .dualParticipation .content .left{
    width: 45.5208vw;
    text-align: right;
    margin-left: -8.8542vw;
}
.challenge .dualParticipation .content .phone{
    width: 100%;
}
.challenge .dualParticipation .content .left .btnImgBox{
    position: absolute;
    right: 1.8229vw; /* 左移35px */
    width: 10.416vw
}
.challenge .dualParticipation .content .right .btnImgBox{
    position: absolute;
    left: 2.3438vw; /* 45px */
    width: 10.416vw
}
.challenge .dualParticipation .content .left .btnImgBox .btnImg{
    transform: perspective(93.75vw) rotateY(24deg) rotateZ(-11deg);
    width: 100%;
}
.challenge .dualParticipation .content .right .btnImgBox .btnImg{
    transform: perspective(93.75vw) rotateY(-24deg) rotateZ(11deg);
    width: 100%;
}
.challenge .dualParticipation .content .left .btnImgBox span{
    position: absolute;
    white-space: nowrap;
    color: #F9941E;
    text-shadow: -6px 3px 4px rgba(0, 0, 0, 0.37);
    font-family: "Montserrat-SemiBold";
    font-size: 1.25vw;
    font-style: normal;
    line-height: 100%; /* 24px */
    transform: perspective(93.75vw) rotateY(24deg) rotateZ(-11deg);
    right: 1.6667vw;
    top: 1.1458vw; /* 22px */
}
.challenge .dualParticipation .content .right .btnImgBox span{
    position: absolute;
    white-space: nowrap;
    color: #00E8F0;
    text-shadow: 11px 4px 4px rgba(0, 0, 0, 0.50);
    font-family: "Montserrat-SemiBold";
    font-size: 1.25vw;
    font-style: normal;
    line-height: 100%; /* 24px */
    transform: perspective(93.75vw) rotateY(-24deg) rotateZ(11deg);
    left: 2vw;
    top: 1.1458vw; /* 22px */

}
.challenge .dualParticipation .content .btnImgBox{
    cursor: pointer;
    transition: transform 0.3s ease;
}
.challenge .dualParticipation .content .btnImgBox:hover {
    transform: scale(1.1);
}
/* 弹窗 */
.challenge .info-modal {
    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.60); z-index: 9999;
    align-items: center; justify-content: center;
    backdrop-filter: blur(10.100000381469727px);
}
.challenge .info-modal.show { display: flex; }

.challenge .info-modal .info-modal-box {
    position: relative; width: 66.19vw; height: auto;
    border-radius: 1.5625vw; background: rgba(255, 255, 255, 0.95);
    padding: 4.3vw 6.7vw;
}
.challenge .info-modal .info-modal-close {
    position: absolute; top: 1.6667vw; right: 1.4583vw;
    width: 2.13vw; height: 2.13vw; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; z-index: 10;
}
.challenge .info-modal .info-modal-close .iconfont {
    font-size: 0.8333vw; color: #fff;
}
.challenge .info-modal .leftContent,
.challenge .info-modal .rightContent { display: none; }
.challenge .info-modal .leftContent.show,
.challenge .info-modal .rightContent.show { display: block; }
.challenge .info-modal .titleBox{
    display: flex;
    align-items: center;
    gap: 0.9375vw;
}
.challenge .info-modal .titleBox img{
    width: auto;
    height: 2.7vw;
}
.challenge .info-modal .leftContent .titleBox .title{
    color: #AE6414;
    font-family: "Montserrat-SemiBold";
    font-size: 1.875vw;
    font-style: normal;
    line-height: normal;
}
.challenge .info-modal .rightContent .titleBox .title{
    color: #00CDD4;
    font-family: "Montserrat-SemiBold";
    font-size: 1.875vw;
    font-style: normal;
    line-height: normal;
}
.challenge .info-modal .txt{
    color: #3F3F3F;
    font-family: "Montserrat-SemiBold";
    font-size: 0.8333vw;
    font-style: normal;
    line-height: normal;
    margin-top: 1.3vw;
}

.challenge .info-modal .txt2{
    color: #3F3F3F;
    font-size: 0.8333vw;
    font-style: normal;
    line-height: normal;
    margin: 2.18vw 0 1.0416vw;
}
.challenge .info-modal .txt2 span{
    font-family: "Montserrat-SemiBold";
    color: #000;
}
.challenge .info-modal .steps{
    margin-top: 1.4583vw;
    display: flex;
}
.challenge .info-modal .leftContent .steps,
.challenge .info-modal .rightContent .steps {
    display: flex;
}
.challenge .info-modal .leftContent .steps .stepsItem{
    flex: 1;
    padding: 1.6667vw  0.8333vw;
    height: auto;
    background: #FEFAF3;
    border-radius: 0.78vw;
    text-align: center;
    position: relative;
}
.challenge .info-modal .rightContent .steps .stepsItem{
    flex: 1;
    padding: 1.6667vw  0.8333vw;
    height: auto;
    width: auto;
    background: #EEF7F8;
    border-radius: 0.78vw;
    text-align: center;
    position: relative;
}
.challenge .info-modal .leftContent .steps .stepsItem::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, #FFAD69, #E56000);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.challenge .info-modal .rightContent .steps .stepsItem::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, #00C3C9, #00E8F0);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.challenge .info-modal .note{
    margin-top: 2.81vw;
}
.challenge .info-modal .note .noteItem{
    display: flex;
    align-items: center;
}
.challenge .info-modal .note .noteItem img{
    width: 1.25vw;
    height: 1.25vw;
    margin-right: 0.4167vw;
}
.challenge .info-modal .note .noteItem h2{
    color: #000;
    font-family: "Montserrat-SemiBold";
    font-size: 0.8333vw;
    font-style: normal;
    line-height: 150%; /* 225% */
}
.challenge .info-modal .note .noteItem p{
    opacity: 0.8;
    color: #3F3F3F;
    font-size: 0.8333vw;
    font-style: normal;
    line-height: 150%;
}
.challenge .info-modal .steps .stepsItem img{
   width: 2.29vw;
   height: 2.23vw;
}
.challenge .info-modal .steps .stepsItem h2{
    color: #000;
    text-align: center;
    font-family: "Montserrat-SemiBold";
    font-size: 0.729vw;
    font-style: normal;
    line-height: normal;
    margin-top: 1.6667vw;
}
.challenge .info-modal .leftContent .steps .jiantou{
    width: 3.8vw;
    height: 3.54vw;
    margin: auto;
}
.challenge .info-modal .rightContent .steps .jiantou{
    width: 1.875vw;
    height: 1.875vw;
    margin: auto;
}
.challenge .info-modal .foot .maisui{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2.39vw;
}
.challenge .info-modal .foot .maisui img{
    width: 3.48vw;
    height: 6.25vw;
}
.challenge .info-modal .foot .maisui .maisuiTxt p{
    color: #615038;
    text-align: center;
    font-size: 1.25vw;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 0.67vw;
    border-bottom: 1px solid rgba(97, 80, 56, 0.3);
    margin: 0 auto;
}
.challenge .info-modal .foot .maisui .maisuiTxt h2{
    color: #615038;
    text-align: center;
    font-family: "Montserrat-SemiBold";
    font-size: 1.875vw;
    font-style: normal;
    line-height: normal;
    margin: 0 auto;
}
.challenge .info-modal .foot .remark{
    color: #F40;
    text-align: center;
    font-family: Montserrat;
    font-size: 0.8333vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 2.39vw 0 0 0;
}
.challenge .dualParticipation .content .right{
    width: 45.5208vw;
    text-align: left;
    margin-right: -8.8542vw;
}
.challenge .become{
    /* background-image 移到内联 style 中 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 2.6vw 13.54vw;
}
.challenge .become .subTitle{
    color: #FFF;
    text-align: center;
    font-family: "Montserrat-Medium";
    font-size: 1.25vw;
    font-style: normal;
    display: flex;
    flex-direction: column;
    gap: 0.625vw;
    line-height: 150%; /* 166.667% */
    margin-top: 2.6vw;
}
.challenge .become .videoBox{
    width: 100%;
    height: 45.625vw;
    position: relative;
}
.challenge .become .videoBox video{
    width: 100%;
    height: 100%;
}
.challenge .become .videoBox img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 45.7vw;
    height: 28.38vw;
}
.challenge .become .videoBox .pcGif{
    transform: translate(-50%, -50%) translateY(1.5625vw);
    opacity: 0;
    transition: all 0.6s ease-out;
}
.challenge .become .videoBox.in-view .pcGif{
    transform: translate(-50%, -50%) translateY(0);
    opacity: 1;
    transition-delay: 0.3s;
}
.challenge .become .videoBox .mobGif{
    display: none;
}
.challenge .videoRotation{
    /* background-image 移到内联 style 中 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 1.4583vw;
    height: 46.9792vw;
    overflow: hidden;
}
.challenge .videoRotation .content{
    position: relative;
}
.challenge .videoRotation .swiper-container-new{
    overflow: visible !important;
}
.challenge .videoRotation .swiper-nav-btn{
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    width: 2.8125vw;
    height: 2.8125vw;
    border-radius: 3.125vw;
    background: rgba(87, 87, 87, 0.54);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}
.challenge .videoRotation .swiper-nav-btn:hover{
    background: rgba(219, 125, 20, 0.6);
}
.challenge .videoRotation .swiper-nav-btn i{
    font-size: 1.1458vw;
    color: #fff;
    line-height: 1;
}
.challenge .videoRotation .prev-btn{
    left: 1.25vw;
}
.challenge .videoRotation .next-btn{
    right: 1.25vw;
}
.challenge .earnBonus{
    /* background-image 移到内联 style 中 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 7.7vw 8.22vw 10.416vw;
}
.challenge .earnBonus .subTitle{
    color: #FFF;
    text-align: center;
    font-family: "Montserrat-SemiBold";
    font-size: 1.25vw;
    font-style: normal;
    line-height: 150%; /* 166.667% */
    margin: 2.34vw auto 0;
    width: 63.6vw;
}
.challenge .earnBonus img{
    width: 100%;
    margin-top: 3.56vw;
}
.challenge .earnBonus .earnGif{
    transform: translateY(1.5625vw);
    opacity: 0;
    transition: all 0.6s ease-out;
}
.challenge .earnBonus.in-view .earnGif{
    transform: translateY(0);
    opacity: 1;
    transition-delay: 0.3s;
}
.challenge .terms{
    /* background-image 移到内联 style 中 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0.729vw 13.43vw 11.3vw;
}
.challenge .terms .content{
    margin-top: 2.6vw;
    padding: 3.85vw 7.7vw;
    border-radius: 1.5625vw;
    position: relative;
    background: linear-gradient(204deg, rgba(158, 14, 252, 0.40) -7.96%, rgba(5, 11, 63, 0.40) 54.72%);
}
.challenge .terms .content::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 2px;
    background: linear-gradient(135deg, #FFBD70, #04FDFA);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.challenge .terms .content p{
    color: #FFF;
    text-align: center;
    font-family: "Montserrat-Medium";
    font-size: 1.25vw;
    font-style: normal;
    line-height: 150%; /* 166.667% */
}
.challenge .terms .content p a{
    color: #DB7D14;
    font-family: "Montserrat-Bold";
    font-size: 1.5625vw;
    font-style: normal;
    line-height: 2.0833vw;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 6%;
    text-underline-offset: 25%;
    text-underline-position: from-font;
}
/* swiper 样式由 newPhoto.css 提供 */

/* ====== 三行滚动头像 (from newPhoto.css) ====== */
.three-floors-container { margin-top: 4.6875vw; }
.card-container { height: 100%; margin-bottom: 14.125rem; }
.scroll-container { width: 100%; overflow: hidden; }
.scroll-content {
  display: flex;
  white-space: nowrap;
  animation: scroll 60s linear infinite;
  margin: .625vw;
  height: auto;
  align-items: center;
}
.scroll-item {
  width: 7.4479vw;
  height: 7.2917vw;
  margin-right: 2.7083vw;
  flex-shrink: 0;
  background: linear-gradient(90deg, rgba(124, 30, 213, 0.3) 0%, rgba(53, 0, 176, 0.3) 100%);
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  padding-left: .1563vw;
}
.scroll-item img {
  width: 100%; height: 100%; object-fit: cover; border-radius: 50%;
  cursor: pointer; transition: all 0.3s ease; z-index: 1; position: relative;
  object-position: left top;
}
.scroll-item::after {
  content: ""; position: absolute; inset: 0; border-radius: 50%;
  background: linear-gradient(to top, rgba(76, 20, 168, 0.7) 5%, transparent 30%);
  pointer-events: none; z-index: 2; transition: opacity 0.3s ease, background 0.3s ease;
  opacity: 0.4;
}
.scroll-item:hover {
  height: auto;
    width: 9.375vw; height: auto; border-radius: 9.375vw;
  background: linear-gradient(90deg, #7c1ed5 0%, #3500b0 100%);
  box-shadow: 0 0 1.25vw 0 rgba(154, 120, 255, 0.8);
}
.scroll-item:hover::after {
  opacity: 0.7;
  background: linear-gradient(to top, rgba(96, 30, 198, 0.8) 8%, transparent 35%);
}
.scroll-content.paused { animation-play-state: paused; }
.scroll-right-to-left .scroll-content { animation-name: scrollRightToLeft; }
.scroll-left-to-right .scroll-content { animation-name: scrollLeftToRight; }
@keyframes scrollRightToLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-30%); } }
@keyframes scrollLeftToRight { 0% { transform: translateX(-30%); } 100% { transform: translateX(0); } }

/* ====== 移动端奖品列表 (from newPhoto.css) ====== */
.prize-container { margin: 0 auto; width: 100%; display: none; }
.prize-list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2.1333vw;
  margin: 8vw 10.667vw;
  height: 62.93333vw;
  overflow: hidden;
}
.prize-item {
  display: flex; align-items: center;
  width: 10.6667vw; height: 10.4vw;
  border-radius: 50%;
  padding-left: 1px;
  background: linear-gradient(90deg, rgba(124, 30, 213, 0.3) 0%, rgba(53, 0, 176, 0.3) 100%);
}
.prize-avatar { width: 9.6vw; height: 9.6vw; border-radius: 9.6vw; object-fit: cover; }
.prize-info { width: 21.333vw; }
.prize-name { margin-bottom: 1.0666vw; color: #ffd597; font-family: MontserratBold; font-size: 2.66667vw; line-height: 150%; }
.prize-desc { color: #fff; font-family: MontserratBold; font-size: 2.4vw; line-height: 150%; text-transform: capitalize; }
.view-more {
  display: block; width: 53.3333vw; height: 13.3333vw; line-height: 13.33333vw;
  text-align: center; background: #fff; color: #5b27d8; border-radius: 6.6666vw;
  margin: 0 auto; border: none; font-size: 4.2666vw; font-family: "Montserrat-SemiBold"; cursor: pointer;
  transition: all 0.3s ease;
}
.view-more:hover { background: #f0e6ff; }

/* PC/移动端切换 */
.container-h5-new { display: none; }
.mySwiper { display: none; }
@media (min-width: 769px) {
  .container-h5-new { display: none; }
  .mySwiper { display: block; }
  .prize-container { display: none; }
  .Three-floors { display: block; }
  /* PC swiper圆角 */
  .swiper-container-new .swiper-slide video {
    border-radius: 0.5208vw;
  }
}
@media (max-width: 768px) {
    .challenge {
        overflow-x: hidden;
    }
    .challenge .challenge-title{
        font-size: 8.5333vw;
    }
    .challenge .challenge-activity-title{
        font-size: 4.2667vw; /* 32px */
        margin: 0 auto 3.2vw; /* 居中 + 24px */
    }
    .challenge .bannerVideo{
        display: none;
    }
    .challenge .mobBanner{
        display: block;
        width: 100%;
    }
    .challenge .preface .pcImg{
        display: none;
    }
    .challenge .buildShowWin{
        flex-wrap: wrap;
        max-width: 100%;
    }
    .challenge .buildShowWin .bsItem{
        width: 100%;
        height: 11.2vw;
        line-height: 11.2vw;
    }
    .challenge .buildShowWin .bsItem h3{
        font-size: 13.3333vw;
        line-height: 1;
    }
    .challenge .buildShowWin .bsShow{
        margin-top: 5.8667vw;
    }
    .challenge .buildShowWin .bsWin{
        margin-top: 5.8667vw;
    }
    .challenge .buildShowWin .bsBuild{
        background: linear-gradient(90deg, rgba(3, 191, 192, 0.3) 0%, rgba(3, 191, 192, 0.00) 101.02%);
    }
    .challenge .buildShowWin .bsShow{
        background: linear-gradient(90deg, rgba(180, 104, 20, 0.3) 0%, rgba(180, 104, 20, 0.00) 100.87%);
    }
    .challenge .buildShowWin .bsWin{
        background: linear-gradient(90deg, rgba(189, 0, 189, 0.3) -0.38%, rgba(189, 0, 189, 0.00) 100.74%);
    }

    .challenge .preface{
        height: auto;
        padding-bottom: 20.2667vw;
    }
    .challenge .preface .blurb{
        margin-top: 7.4667vw;
        font-size: 3.7333vw;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 1.25vw;
    }
    .challenge .preface .blurb > div:last-child{
        margin-top: 7.4667vw;
    }
    .challenge .preface h2{
        font-size: 8.5333vw;
        background: linear-gradient(0deg, #F99150 26.67%, #FFDD9A 71.9%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        filter: drop-shadow(-1px -1px 0 #FFE4B3) drop-shadow(-5px 0 0 #743446);
    }
    .challenge .dualParticipation{
        display: none;
    }
    .challenge .mob-dualParticipation{
        display: block;
        background: #02030F;
        position: relative;
    }
    .challenge .mob-dualParticipation .mob-dualParticipation-head .mob-dualParticipation-bg{
        width: 100%;
        position: absolute;
        top: 0;
        z-index: 1;
    }
    .challenge .mob-dualParticipation .mob-dualParticipation-head h2,
    .challenge .mob-dualParticipation .mob-dualParticipation-head p{
        position: relative;
        z-index: 2;
    }
    .challenge .mob-dualParticipation .mob-dualParticipation-content{
        padding-left: 4.2666vw;
        padding-right: 4.2666vw;
        padding-bottom: 8.5333vw; /* 32px */
        position: relative;
        z-index: 2;
        margin-top: 105vw;
    }
    .challenge .mob-dualParticipation .mob-dualParticipation-content .phone{
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .challenge .mob-dualParticipation .mob-dualParticipation-content .phone img{
        width: 100%;
    }
    .challenge .mob-dualParticipation .mob-dualParticipation-content .phone span{
        position: absolute;
        color: #F9941E;
        text-align: center;
        text-shadow: -6px 3px 4px rgba(0, 0, 0, 0.20);
        z-index: 4;
    }
    .challenge .mob-dualParticipation .mob-dualParticipation-content .phone .phoneGif{
        position: absolute;
        bottom: 0;
        left: 10.6667vw;
        width: 100%;
        pointer-events: none;
        z-index: 3;
        opacity: 0;
        transition: opacity 0.5s ease;
    }
    .challenge .mob-dualParticipation .mob-dualParticipation-content .phone .phoneGif.show{
        opacity: 1;
    }
    .challenge .mob-dualParticipation .mob-dualParticipation-content .phone:not(.rightPhone) .phoneGif{
        left: auto;
        right: 0;
    }
    .challenge .mob-dualParticipation .mob-dualParticipation-content .phone span {
        font-family: "Montserrat-SemiBold";
        font-size: 8vw;
        font-style: normal;
        line-height: 100%; /* 30px */
        top: 8.8vw;
    }
    .challenge .mob-dualParticipation .mob-dualParticipation-content .btn{
        display: flex;
        width: 49.6vw;
        height: 14.94vw;
        margin: 8vw auto 0;
        position: relative;
    }
    .challenge .mob-dualParticipation .mob-dualParticipation-content .btn img{
        width: 100%;
        height: 100%;
    }
    .challenge .mob-dualParticipation .mob-dualParticipation-content .btn span{
        color: #F9941E;
        text-shadow: -6px 3px 4px rgba(0, 0, 0, 0.37);
        font-family: "Montserrat-SemiBold";
        font-size: 6.4vw;
        font-style: normal;
        line-height: 100%; /* 24px */
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        white-space: nowrap;
    }
    .challenge .mob-dualParticipation .mob-dualParticipation-content .phone.rightPhone{
        margin-top: 10.6667vw;
        overflow: hidden;
    }
    .challenge .mob-dualParticipation .mob-dualParticipation-content .phone.rightPhone span{
        color: #00E8F0;
    }
    .challenge .mob-dualParticipation .mob-dualParticipation-content .btn.rightBtn span{
        color: #00E8F0;
    }
    .challenge .mob-dualParticipation .subTitle{
        color: #DBE0FF;
        text-align: center;
        font-family: "Montserrat-SemiBold";
        font-size: 3.2vw;
        font-style: normal;
        line-height: 150%; /* 150% */
        margin-top: 3.7333vw;
        margin-bottom: 0;
        position: relative;
        z-index: 9;
    }
    .challenge .mob-dualParticipation img{
        width: 100%;
    }
    .challenge .become{
        padding: 0 5.3333vw 32vw;
    }
    .challenge .become .subTitle{
        font-size: 2.93vw;
        color: #D6DBFA;
        margin-top: 3.2vw; /* 12px */
        margin-bottom: 26.13vw;
        display: flex;
        flex-direction: column;
        gap: 1.6vw;
    }
    .challenge .become .videoBox{
        width: 76.2vw;
        height: 50.4vw;
        margin: 0 auto;
    }
    .challenge .become .videoBox img{
        width: 100%;
        height: 100%;
    }
    .challenge .become .videoBox .pcGif{
        display: none;
    }
    .challenge .become .videoBox .mobGif{
        display: block;
        transform: translate(-50%, -50%) translateY(1.5625vw);
        opacity: 0;
        transition: all 0.6s ease-out;
    }
    .challenge .become .videoBox.in-view .mobGif{
        transform: translate(-50%, -50%) translateY(0);
        opacity: 1;
        transition-delay: 0.3s;
    }
    .challenge .videoRotation{
        height: auto;
    }
    .challenge .videoRotation .content{
        position: relative;
    }
    .challenge .videoRotation .swiper-container-new{
        overflow: visible !important;
    }
    .challenge .videoRotation .swiper-nav-btn{
        position: absolute;
        top: 45%;
        transform: translateY(-50%);
        width: 7.2vw;
        height: 7.2vw;
        border-radius: 8vw;
        background: rgba(87, 87, 87, 0.54);
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.3s ease;
    }
    .challenge .videoRotation .swiper-nav-btn:hover{
        background: rgba(219, 125, 20, 0.6);
    }
    .challenge .videoRotation .swiper-nav-btn i{
        font-size: 2.9333vw;
        color: #fff;
        line-height: 1;
    }
    .challenge .videoRotation .prev-btn{
        left: 3.2vw;
        display: none;
    }
    .challenge .videoRotation .next-btn{
        right: 3.2vw;
        display: none;
    }
    .challenge .earnBonus{
        height: 160vw;
        padding: 0;
    }
    .challenge .earnBonus .subTitle{
        font-size: 2.93vw;
        margin-top: 3.2vw;
    }
    .challenge .earnBonus img{
        display: none;
    }
    .challenge .terms{
        max-width: 100% !important;
        padding-left: 6.4vw !important;
        padding-right: 6.4vw !important;
        padding-bottom: 19.4667vw !important; /* 73px */
    }
    .challenge .terms .content{
        margin-top: 8vw;
        padding: 7.467vw 9vw;
    }
    .challenge .terms .content{
        border-radius: 5.3333vw;
        background: linear-gradient(90deg, rgba(71, 8, 107, 0.75) 0%, rgba(5, 31, 87, 0.75) 100%);
    }
    .challenge .terms .content::before{
        background: linear-gradient(135deg, #FF8F3B, #DB7D14);
    }
    .challenge .terms .content p{
        font-size: 3.2vw;
        line-height: 250%;
        margin: 0;
    }
    .challenge .terms .content p a{
        font-size: 3.2vw;
    }
    .challenge .info-modal.show{
        display: block;
        padding: 12.8vw 3.2vw 0;
        max-height: 100vh;
        height: auto;
        width: 100%;
        overflow-y: auto;
        box-sizing: border-box;
    }
    .challenge .info-modal.show::after {
        content: "";
        display: block;
        height: 12.8vw;
    }
    .challenge .info-modal .info-modal-box{
        width: 100%;
        padding: 7.467vw 5.3333vw;
        box-sizing: border-box;
        border-radius: 6.4vw;
    }
    .challenge .info-modal .info-modal-close{
        width: 8.5333vw;
        height: 8.5333vw;
        top: 7.467vw;
        right: 5.3333vw;
    }
    .challenge .info-modal .info-modal-close .iconfont{
        font-size: 2.67vw;
    }
    .challenge .info-modal .titleBox{
        display: block;
    }
    .challenge .info-modal .titleBox img{
        height: 10.6667vw;
    }
    .challenge .info-modal .titleBox .title{
        font-size: 6.93vw !important;
        margin: 3.7333vw 0 6.4vw !important;
        word-wrap: break-word;
    }
    .challenge .info-modal .txt{
        margin: 0;
        font-size: 3.46vw;
    }
    .challenge .info-modal .txt2{
        font-size: 3.7333vw;
        margin-top: 7.73vw;
    }
    .challenge .info-modal .txt2 span{
        font-family: "Montserrat-SemiBold";
        color: #000;
    }
    .challenge .info-modal .steps{
        margin-top: 7.2vw;
        flex-wrap: wrap;
        gap: 2.67vw;
    }
   
    .challenge .info-modal .steps .stepsItem{
        flex: 1 1 100% !important;
        border-radius: 3.7333vw !important;
        padding: 3.7333vw 4.2666vw !important;
        display: flex;
        align-items: center;
        gap: 3.7333vw;
        height: auto !important;
    }
    .challenge .info-modal .steps .stepsItem img{
        width: 11.2vw;
        height: 11.2vw;
    }
    .challenge .info-modal .steps .stepsItem h2{
        font-size: 3.7333vw;
        margin: 0;
        text-align: left;
    }
    .challenge .info-modal .rightContent .steps .stepsItem:nth-of-type(3) h2{
        text-align: center;
    }
    .challenge .info-modal .steps .jiantou{
        display: none;
    }
    .challenge .info-modal .note{
        margin-top: 6.4vw;
        gap: 2.67vw;
        flex-wrap: wrap;
    }
    .challenge .info-modal .note .noteItem{
        background: #FFFBF6;
        border-radius: 3.2vw;
        padding: 3.2vw 3.2vw 3.2vw 12.8vw;
        display: block;
        position: relative;
    }
    .challenge .info-modal .note .noteItem img{
        width: 6.4vw;
        height: 6.4vw;
        position: absolute;
        left: 3.2vw;
        top: 3.2vw;
    }
    .challenge .info-modal .note .noteItem h2{
        font-size: 3.2vw;
        margin: 0;
    }
    .challenge .info-modal .note .noteItem p{
        font-size: 2.93vw;
        margin: 1.0666vw 0 0 0;
    }
    .challenge .info-modal .foot .maisui{
        margin-top: 7.467vw;
    }
    .challenge .info-modal .foot .maisui img{
        width: 8.8vw;
        height: 16vw;
    }
    .challenge .info-modal .foot .maisui .maisuiTxt p{
        font-size: 3.2vw;
        padding-bottom: 1.6vw;
    }
    .challenge .info-modal .foot .maisui .maisuiTxt h2{
        font-size: 5.3333vw;
    }
    .challenge .info-modal .foot .remark{
        margin-top: 7.467vw;
        font-size: 3.7333vw;
        text-align: left;
    }
    .container-h5-new { display: block; }
    .mySwiper { display: none; }
    .prize-container { display: block; }
    .Three-floors { display: none; }
    /* Mobile swiper圆角 */
    .container-h5-new .swiper-container-h5-new .swiper-slide video,
    .swiper-container-new .swiper-slide video {
      border-radius: 1.3333vw;
    }
}