.new-returning {
  position:relative;
  background:transparent;
  font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif
}
.new-returning .new-returning__bg {
  opacity: .88;
}
@media (max-width: 750px) {
  .new-returning {
  margin:0
}
.new-returning .new-returning__border {
  background-repeat:no-repeat;
  background-size:100% 100%
}
.new-returning .new-returning__border--top {
  height:8px;
  background-image:url(assets/border-nr-top-750-CBsFO41a.png)
}
.new-returning .new-returning__border--bottom {
  height:9px;
  background-image:url(assets/border-nr-bottom-750-shnp41I7.png)
}
.new-returning .new-returning__corner {
  display:block;
  position:absolute;
  z-index:0;
  background-repeat:no-repeat;
  background-size:contain;
  pointer-events:none
}
.new-returning .new-returning__corner--left {
  top:77px;
  left:0;
  width:350px;
  height:383px;

}
.new-returning .new-returning__corner--right {
  bottom:-1px;
  right:0;
  width:253px;
  height:281px;

}
.new-returning .new-returning__card--returning:hover~.new-returning__corner--left {
  filter:brightness(1.2)
}
.new-returning .new-returning__card--returning:active~.new-returning__corner--left {
  filter:brightness(.9)
}
.new-returning .new-returning__card--new:hover~.new-returning__corner--right {
  filter:brightness(1.2)
}
.new-returning .new-returning__card--new:active~.new-returning__corner--right {
  filter:brightness(.9)
}
.new-returning .new-returning__cards {
  position:relative;
  display:flex;
  flex-direction:column
}
.new-returning .new-returning__card {
  position:relative;
  display:flex;
  overflow:hidden;
  border-radius:4px;
  min-height:360px;
  text-decoration:none
}
.new-returning .new-returning__card .new-returning__bg {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:url(assets/bg-nr-returning-750-og7LBxhI.png) no-repeat center / cover;
  pointer-events:none
}
.new-returning .new-returning__card .new-returning__content {
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  box-sizing:border-box;
  background:rgba(255,255,255,.06);
  margin-bottom:38px;
  margin-top:25px;
  padding:25px;
  width:59.2%
}
.new-returning .new-returning__card .new-returning__tag {
  margin:0 0 6px;
  font-size:15px;
  line-height:1.3;
  font-weight:700;
  color:#f8b700
}
.new-returning .new-returning__card .new-returning__title {
  margin:0 0 10px;
  font-size:24px;
  line-height:1.4;
  font-weight:700;
  color:#fff
}
.new-returning .new-returning__card .new-returning__title .new-returning__title-br {
  display:block
}
.new-returning .new-returning__card .new-returning__desc {
  margin:0;
  font-size:14px;
  line-height:1.5;
  font-weight:400;
  color:rgba(255,255,255,.7);
  white-space:pre-line
}
.new-returning .new-returning__card .new-returning__desc--pc {
  display:none
}
.new-returning .new-returning__card .new-returning__desc--mobile {
  display:block
}
.new-returning .new-returning__card .new-returning__desc--mobile-960 {
  display:none
}
.new-returning .new-returning__card--new {
  min-height:334px
}
.new-returning .new-returning__card--new .new-returning__bg {
  background-image:url(assets/bg-nr-new-750-BeM8o1Sb.png)
}
.new-returning .new-returning__card--new .new-returning__content {
  margin-right:auto;
  margin-left:17px;
  margin-top:26px
}
.new-returning .new-returning__card--new .new-returning__title {
  line-height:1.128
}
.new-returning .new-returning__card--new .new-returning__desc {
  font-weight:500
}
.new-returning .new-returning__card--returning .new-returning__title {
  max-width:4em
}
.new-returning .new-returning__card--returning .new-returning__content {
  margin-left:auto;
  margin-right:17px;
  align-items:flex-end
}
.new-returning .new-returning__card--returning .new-returning__content .new-returning__desc {
  text-align:right
}
.new-returning .new-returning__card--returning .new-returning__arrow {
  align-self:flex-end
}

}
@media (min-width: 751px) and (max-width: 960px) {
  .new-returning .new-returning__border {
  background-repeat:no-repeat;
  background-size:100% 100%
}
.new-returning .new-returning__border--top {
  height:7px;
  background-image:url(assets/border-nr-top-960-B9p2mLzg.png)
}
.new-returning .new-returning__border--bottom {
  height:8px;
  background-image:url(assets/border-nr-bottom-960-BnE_3uE6.png)
}
.new-returning .new-returning__corner {
  display:block;
  position:absolute;
  bottom:0;
  z-index:0;
  background-repeat:no-repeat;
  background-size:contain;
  pointer-events:none
}
.new-returning .new-returning__corner--left {
  left:8px;
  width:250px;
  height:211px;

}
.new-returning .new-returning__corner--right {
  right:-38px;
  width:279px;
  height:211px;

}
.new-returning .new-returning__card--returning:hover~.new-returning__corner--left {
  filter:brightness(1.2)
}
.new-returning .new-returning__card--returning:active~.new-returning__corner--left {
  filter:brightness(.9)
}
.new-returning .new-returning__card--new:hover~.new-returning__corner--right {
  filter:brightness(1.2)
}
.new-returning .new-returning__card--new:active~.new-returning__corner--right {
  filter:brightness(.9)
}
.new-returning .new-returning__cards {
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr
}
.new-returning .new-returning__card {
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-radius:0;
  min-height:250px;
  text-decoration:none
}
.new-returning .new-returning__card .new-returning__bg {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:url(assets/bg-nr-returning-960-n3sHLx0K.png) no-repeat center / cover;
  pointer-events:none
}
.new-returning .new-returning__card .new-returning__content {
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:none;
  padding:0;
  box-sizing:border-box
}
.new-returning .new-returning__card .new-returning__tag {
  margin:0 0 6px;
  font-size:18px;
  line-height:1.3;
  font-weight:700;
  color:#f8b700
}
.new-returning .new-returning__card .new-returning__title {
  margin:0 0 10px;
  font-size:32px;
  line-height:1.2;
  font-weight:700;
  color:#fff
}
.new-returning .new-returning__card .new-returning__title .new-returning__title-br {
  display:none
}
.new-returning .new-returning__card .new-returning__desc {
  margin:0;
  font-size:18px;
  line-height:1.5;
  font-weight:400;
  color:rgba(255,255,255,.7);
  white-space:pre-line
}
.new-returning .new-returning__card .new-returning__desc--pc,.new-returning .new-returning__card .new-returning__desc--mobile {
  display:none
}
.new-returning .new-returning__card .new-returning__desc--mobile-960 {
  display:block
}
.new-returning .new-returning__card--returning {
  border-right:1px solid #514a48;
  justify-content:flex-end
}
.new-returning .new-returning__card--returning .new-returning__content {
  align-items:flex-end;
  text-align:right;
  padding-right:30px
}
.new-returning .new-returning__card--new {
  border-left:1px solid #514a48
}
.new-returning .new-returning__card--new .new-returning__bg {
  background-image:url(assets/bg-nr-new-960-BO6_-D_5.png)
}
.new-returning .new-returning__card--new .new-returning__content {
  align-items:flex-start;
  text-align:left;
  padding-left:30px
}

}
@media (min-width: 961px) {
  .new-returning .new-returning__border {
  background-repeat:no-repeat;
  background-size:100% 100%
}
.new-returning .new-returning__border--top {
  height:7px;
  background-image:url(assets/border-nr-top-1920-DxCp3tKM.png)
}
.new-returning .new-returning__border--bottom {
  height:8px;
  background-image:url(assets/border-nr-bottom-1920-BqUa1FAP.png)
}
.new-returning .new-returning__corner {
  display:block;
  position:absolute;
  top:0;
  z-index:0;
  background-repeat:no-repeat;
  background-size:contain;
  pointer-events:none
}
.new-returning .new-returning__corner--left {
  top:-31px;
  left:33px;
  width:333px;
  height:281px;

  transform-origin:bottom;
  transition:transform .25s
}
.new-returning .new-returning__corner--right {
  top:-31px;
  right:0;
  width:372px;
  height:281px;

  transform-origin:bottom;
  transition:transform .25s
}
.new-returning .new-returning__card--returning:hover~.new-returning__corner--left {
  filter:brightness(1.2);
  transform:scale(1.1)
}
.new-returning .new-returning__card--new:hover~.new-returning__corner--right {
  filter:brightness(1.2);
  transform:scale(1.1)
}
.new-returning .new-returning__cards {
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr
}
.new-returning .new-returning__card {
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-radius:0;
  min-height:250px;
  text-decoration:none
}
.new-returning .new-returning__card .new-returning__bg {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:url(assets/bg-nr-returning-1920-ROxLvP3e.png) no-repeat center / cover;
  pointer-events:none
}
.new-returning .new-returning__card .new-returning__content {
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:none;
  padding:0;
  box-sizing:border-box
}
.new-returning .new-returning__card .new-returning__tag {
  margin:0 0 6px;
  font-size:18px;
  line-height:1.3;
  font-weight:700;
  color:#f8b700
}
.new-returning .new-returning__card .new-returning__title {
  margin:0 0 10px;
  font-size:32px;
  line-height:1.2;
  font-weight:700;
  color:#fff
}
.new-returning .new-returning__card .new-returning__title .new-returning__title-br {
  display:none
}
.new-returning .new-returning__card .new-returning__desc {
  margin:0;
  font-size:20px;
  line-height:1.5;
  font-weight:400;
  color:rgba(255,255,255,.7);
  white-space:pre-line
}
.new-returning .new-returning__card .new-returning__desc--pc {
  display:block
}
.new-returning .new-returning__card .new-returning__desc--mobile,.new-returning .new-returning__card .new-returning__desc--mobile-960 {
  display:none
}
.new-returning .new-returning__card--returning {
  justify-content:flex-end;
  border-right:1px solid #514a48
}
.new-returning .new-returning__card--returning .new-returning__content {
  align-items:flex-end;
  text-align:right;
  padding-right:74px
}
.new-returning .new-returning__card--new {
  border-left:1px solid #514a48
}
.new-returning .new-returning__card--new .new-returning__bg {
  background-image:url(assets/bg-nr-new-1920-CWCvLZAj.png)
}
.new-returning .new-returning__card--new .new-returning__content {
  align-items:flex-start;
  text-align:left;
  padding-left:74px
}

}

/* Keep the original character artwork outside the panel and above its background. */
.new-returning { margin: 0; }
.new-returning--bingtuan .new-returning__corner--right {
  background-image: url("assets/bingtuan-spirit.png");
  background-position: right bottom;
  background-size: contain;
  transform-origin: right bottom;
  transform: scale(1.3);
  transition: transform .25s;
  z-index: 0;
}
.new-returning--bingtuan #control-2 .new-returning__desc {
  white-space: normal;
  overflow-wrap: anywhere;
  font-size: 16px;
  line-height: 1.7;
}
#control-2:is(:hover, :focus, :active) ~ #control-2-image {
  filter: brightness(1.2);
  transform: scale(1.43);
}
@media (min-width: 751px) {
  .new-returning--bingtuan .new-returning__cards { align-items: stretch; }
  .new-returning--bingtuan .new-returning__corner--left {
    top: auto;
    bottom: 0;
  }
  .new-returning--bingtuan #control-2 {
    min-height: 330px;
    padding-top: 36px;
    padding-bottom: 24px;
  }
  .new-returning--bingtuan #control-2 .new-returning__content {
    width: 55%;
    padding-left: clamp(24px, 3vw, 74px);
    padding-right: 12px;
  }
  .new-returning--bingtuan #control-2 .new-returning__title {
    font-size: clamp(22px, 1.65vw, 32px);
  }
  .new-returning--bingtuan .new-returning__corner--right {
    top: auto;
    bottom: 0;
    right: 0;
    width: 27%;
    height: 100%;
  }
}
@media (max-width: 750px) {
  .new-returning--bingtuan #control-2 { min-height: 520px; }
  .new-returning--bingtuan #control-2 .new-returning__content {
    width: calc(100% - 34px);
    margin: 36px 17px 200px;
    padding: 20px;
  }
  .new-returning--bingtuan .new-returning__corner--right {
    width: 90%;
    height: 200px;
    right: 0;
    bottom: 0;
  }
}
.new-returning__card:focus-visible { outline: 2px solid #f8b700; outline-offset: -4px; }
#control-1-image {
  background-image: url("assets/huyang-spirit.png");
  background-position: left bottom;
  background-size: contain;
  transform-origin: left bottom;
  transform: scale(1.12);
  transition: transform .25s;
}
#control-1 .new-returning__title {
  max-width: none;
  font-size: clamp(22px, 1.65vw, 32px);
}
#control-1 .new-returning__desc {
  white-space: normal;
  font-size: 16px;
  line-height: 1.7;
}
#control-1:hover ~ #control-1-image,
#control-1:focus-visible ~ #control-1-image {
  transform: scale(1.232);
}
@media (min-width: 751px) {
  .new-returning--bingtuan #control-1-image {
    top: auto;
    left: 0;
    bottom: 0;
    width: 22%;
    height: 100%;
  }
  #control-1 .new-returning__content {
    width: 58%;
    padding-right: clamp(24px, 3vw, 74px);
  }
}
/* Grow toward the top left without extending the page's right or bottom edge. */
#control-3-image {
  background-image: url("assets/shahai-veterans.png");
  background-position: left bottom;
  background-size: contain;
  transform-origin: left bottom;
  transition: transform .25s;
}
#control-3 .new-returning__title {
  max-width: none;
  font-size: clamp(22px, 1.65vw, 32px);
}
#control-3 .new-returning__desc {
  white-space: normal;
  font-size: 16px;
  line-height: 1.7;
}
#control-3:hover ~ #control-3-image,
#control-3:focus-visible ~ #control-3-image { transform: scale(1.1); }
@media (min-width: 751px) {
  .new-returning--veterans #control-3 { min-height: 330px; padding: 36px 0 24px; }
  .new-returning--veterans #control-3-image {
    top: auto;
    left: 0;
    bottom: 0;
    width: 22%;
    height: 100%;
  }
  #control-3 .new-returning__content {
    width: 58%;
    padding-right: clamp(24px, 3vw, 74px);
  }
}
#control-4-image {
  background-image: url("assets/early-cpc.png");
  background-position: right bottom;
  background-size: contain;
  top: auto;
  right: 0;
  bottom: 0;
  transform-origin: right bottom;
  transition: transform .25s;
}
#control-4 .new-returning__title { font-size: clamp(22px, 1.65vw, 32px); }
#control-4 .new-returning__desc { white-space: normal; font-size: 16px; line-height: 1.7; }
#control-4:hover ~ #control-4-image,
#control-4:focus-visible ~ #control-4-image { transform: scale(1.1); }
@media (min-width: 751px) {
  .new-returning--veterans #control-4-image { width: 22%; height: 100%; }
  .new-returning--veterans #control-4 .new-returning__content {
    width: 56%;
    padding-left: clamp(24px, 3vw, 74px);
    padding-right: 12px;
  }
}
@media (min-width: 961px) {
  .new-returning .new-returning__card--returning:focus-visible ~ .new-returning__corner--left,
  .new-returning .new-returning__card--new:focus-visible ~ .new-returning__corner--right {
    filter: brightness(1.2);
    transform: scale(1.1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .new-returning .new-returning__corner { transition: none; }
}

/* All four text columns start at the same height, independent of copy length. */
.new-returning :is(#control-1, #control-2, #control-3, #control-4) {
  align-items: flex-start;
  padding-top: 36px;
  padding-bottom: 24px;
}
.new-returning :is(#control-1, #control-2, #control-3, #control-4) .new-returning__content {
  justify-content: flex-start;
  margin-top: 0;
  padding-top: 0;
}
.new-returning #control-3 .new-returning__title {
  white-space: nowrap;
  font-size: clamp(12px, 1.32vw, 26px);
}