* {
  box-sizing: border-box;
}
.hasAccount{
  display: none !important;
}

.scroll-fade-up {
  transform: translateY(80rem);
  opacity: 0;
  transition: transform 0.6s ease-out, opacity 0.1s ease-out;
}

.in-view {
  transform: translate(0);
  opacity: 1;
}

html {
  font-size: 0.052083vw !important;
}

body {
  font-size: 16rem;
  font-family: "Inter", "Noto Sans", "Noto Sans SC", sans-serif !important;
  /* 自动匹配用户系统默认字体 */
}

.rem-container {
  position: relative;
  font-size: 16rem;
  line-height: normal;
}

.rem-wrapper {
  padding-left: 360rem;
  padding-right: 360rem;
  margin: 0 auto;
  max-width: 1920rem;
}

.rem-wrapper-all-padding {
  padding: 120rem 360rem;
  margin: 0 auto;
  max-width: 1920rem;
}

.rem-wrapper-top-padding {
  padding: 120rem 360rem 0;
  margin: 0 auto;
  max-width: 1920rem;
}

.rem-wrapper-bottom-padding {
  padding: 0 360rem 120rem;
  margin: 0 auto;
  max-width: 1920rem;
}

.section-title-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16rem;
}

.section-title {
  text-align: center;
  font-size: 48rem;
  font-style: normal;
  font-weight: 700;
  line-height: 56rem;
}

.section-text {
  color: rgba(0, 0, 0, 0.64);
  text-align: center;
  font-size: 24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 32rem;
}

.section-content {
  margin-top: 56rem;
}

.section-form {
  width: 480rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.29) 0.21%, rgba(255, 255, 255, 0.73) 83.25%);
  backdrop-filter: blur(19.024999618530273px);
}
.section-form h2 {
  color: #000;
}
.section-form .phone,
.section-form .email,
.section-form .form-box {
  background: #fff;
}

.section-form .passwordRequest div {
  border-radius: 4rem;
}

body {
  font-family: "Inter", "Noto Sans JP", sans-serif !important;
  /* 自动匹配用户系统默认字体 */
}

.section-pc {
  width: 100%;
}

.section-mobile {
  display: none;
}

@media (max-width: 1920px) {
  html {
    font-size: 0.052083vw !important;
  }
}
@media (max-width: 996px) {
  .rem-wrapper {
    padding-left: 30rem;
    padding-right: 30rem;
  }

  html {
    font-size: 0.133333vw !important;
  }

  .rem-wrapper-all-padding {
    padding: 80rem 30rem;
  }

  .rem-wrapper-top-padding {
    padding: 160rem 30rem 0;
  }

  .rem-wrapper-bottom-padding {
    padding: 0 30rem 160rem;
  }

  .section-pc {
    display: none;
  }

  .section-mobile {
    display: block;
  }

  .section-form {
    width: 100%;
  }

  .section-title {
    font-size: 46rem;
    line-height: 56rem;
  }

  .section-text {
    font-size: 24rem;
    line-height: 40rem;
  }

  .section-content {
    /* margin-top: 80rem; */
  }
}

/* ================= 基础样式 ================= */
.peska-wrapper {
  background: url("/ebc-static/image/activityList/peska-spring-campaign/bg_pc.jpg?v=1.0.3") no-repeat;
  background-size: 100% auto;
  background-position: top;
}

.pink-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48rem;
  padding: 0 24rem;
  border-radius: 24rem;
  border: 1px solid #FFE2EA;
  background: radial-gradient(174.85% 74.66% at 50% 50%, rgba(255, 0, 105, 0.6) 0%, rgba(251, 112, 176, 0.6) 100%), #FFF;
  color: var(--Base-Color-White-100, #FFF);
  text-align: center;
  font-size: 24rem;
  font-style: normal;
  font-weight: 500;
  line-height: 32rem;
}

.section1 {
  position: relative;
}

.section1 .section1-inner {
  position: relative;
  padding: 64rem 360rem 80rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40rem;
}
.section1-inner-left{
  position: relative;
}
.section1-left-img{
  height: 673rem;
  width: 650rem;
}

.section1-kanban-pc{
  position: absolute;
  left: -360rem;
  top: 128rem;
  width: 468rem;
  height: 773rem;
}

.section1 .gif-1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.section2 .section-content {
  position: relative;
}

.section2 .gif-box {
  position: absolute;
  display: flex;
  gap: 24rem;
}

.section2 .gif-box .gif-2 {
  width: calc(50% - 12rem);
}

.section2 .section2-list {
  width: 100%;
}

.section3 .section3-list {
  width: 100%;
}


.section4 .section4-list {
  display: flex;
  justify-content: space-between;
  background: url("/ebc-static/image/activityList/peska-spring-campaign/section4.png") no-repeat;
  background-size: 100% 100%;
  height: 308rem;
  width: 100%;
}

.section4 .section4-item {
  width: 280rem;
  padding: 212rem 20rem 0;
  text-align: center;
  color: #EA5E80;
  text-align: center;
  font-size: 20rem;
  font-style: normal;
  font-weight: 700;
  line-height: 28rem;

}

.section4-item-link {
  cursor: pointer;
  transition: all 0.3s;
}

.section4-item-link:hover {
  color: #E1244E;
  transform: scale(1.1);
}

.section4-item-link .iconfont {
  font-size: 22rem;
  font-style: normal;
  line-height: 28rem;
}

.section5 .section5-content {
  display: flex;
  flex-direction: column;
  gap: 16rem;
  border-radius: 36rem;
  padding: 48rem 24rem 80rem;
  border: 1px solid rgba(251, 112, 176, 0.2);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.54) 0%, rgba(255, 255, 255, 0.9) 100%);
  backdrop-filter: blur(4.550000190734863px);
}

.section5 .section5-list {
  width: 100%;
}

.section6 {
  padding-bottom: 24rem;
}

.section6 .tips-content {
  background: rgba(255, 255, 255, 0.5);
}

/* ================= 移动端适配 (Max-width: 996px) ================= */
@media (max-width: 996px) {
  .peska-wrapper {
    background: url("/ebc-static/image/activityList/peska-spring-campaign/bg_m.jpg") no-repeat;
    background-size: 100% 100%;
  }

  .section1 .gif-1 {
    left: unset;
    right: 0;
    width: auto;
    max-width: unset;
  }

  .section1 .section1-inner {
    position: relative;
    padding: 64rem 30rem 80rem;
    flex-direction: column;
    gap: 24rem;
  }

  .section1 .section1-inner-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12rem;
  }

  .section1 .section1-inner-right {
    margin-top: -80rem;
  }

  .section1 .section1-title {
    width: 690rem;
  }

  .section1 .section1-kanban {
    width: 620rem;
  }

 

  .section4 .section4-list {
    margin: 0 auto;
    flex-direction: column;
    width: 576rem;
    height: 744rem;
    background: url("/ebc-static/image/activityList/peska-spring-campaign/section4-m.png") no-repeat;
    background-size: 100% 100%;
    gap: 24rem;
  }

  .section4 .section4-item {
    width: 250rem;
    height: 168rem;
    padding: 0;
    margin: 0 0 0 274rem;
    text-align: left;
    font-size: 24rem;
    line-height: 32rem;
    display: flex;
    flex-direction: column;
    justify-content: center
  }

  .section4-item-link:hover {
    color: #EA5E80;
    transform: unset;
  }

  .section4-item-link:active {
    color: #E1244E;
    transform: scale(1.1);
  }

  .section6 .tips-content {
    border-radius: 80rem;
    padding: 16rem 48rem;
  }
}