a {
  text-decoration: none;
}
.contentBox {
  max-width: 1200rem;
  margin-inline: auto;
}
.aff-section1 {
  padding-block: calc(80px + 30rem) 40rem;
}

.aff-section1 .section1Container {
  width: 1440rem;
  height: 640rem;
  margin-inline: auto;
  border-radius: 16px;
  padding-top: 390rem;
  box-sizing: border-box;
  position: relative;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.32) -6.03%,
    rgba(0, 0, 0, 0.15) 46.69%,
    rgba(0, 0, 0, 0) 74.46%,
    rgba(0, 0, 0, 0) 106.21%
  );
  overflow: hidden;
}
.aff-section1 img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: -1;
}
.aff-section1 .headerTitle {
  color: var(--ebc-text-primary_white);
  text-align: center;
  font-size: 60rem;
  font-weight: 700;
  line-height: 1;
}

.aff-section1 .headerDesc {
  color: var(--ebc-text-primary_white);
  text-align: center;
  font-size: 20rem;
  font-weight: 400;
  line-height: 1;
  margin: 22rem 0 28rem;
}

.aff-section1 .headerBtn {
  border-radius: 42rem;
  background-color: var(--ebc-text-primary_white);
  color: var(--ebc-brand-secondary-red);
  text-align: center;
  font-size: 20rem;
  font-weight: 500;
  line-height: 1;
  width: fit-content;
  min-width: 220rem;
  height: 52rem;
  margin-inline: auto;
}
.aff-section1 .headerBtn:hover {
  background-color: #a52933;
  color: var(--ebc-text-primary_white);
}
@media (max-width: 996px) {
  .aff-section1 {
    padding: 52rem 32rem 72rem;
  }
  .aff-section1 .section1Container {
    width: 100%;
    height: auto;
    padding-top: 0;
    border-radius: 0;
    background: unset;
  }
  .aff-section1 img {
    position: static;
    margin-bottom: 48rem;
    width: 686rem;
    height: 456rem;
    object-fit: cover;
    border-radius: 8px;
    border: 2px solid rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
  }
  .aff-section1 .headerTitle {
    color: var(--ebc-text-primary);
    font-size: 64rem;
    font-weight: 700;
    line-height: 1;
  }
  .aff-section1 .headerDesc {
    color: var(--ebc-text-secondary);
    font-size: 28rem;
    font-weight: 400;
    line-height: 44rem;
    margin: 16rem 0 48rem;
  }
  .aff-section1 .headerBtn {
    height: 80rem;
    min-width: 326rem;
    background-color: #a52933;
    color: var(--ebc-text-primary_white);
    font-size: 28rem;
    font-weight: 500;
    line-height: 1;
  }
}
.aff-section2 {
  padding-block: 78rem;
  background: url("/ebc-static/image/Affiliate/section2Bg.png") 100% 100% /
    cover no-repeat;
}

.aff-section2 .section2-cardTitle {
  color: var(--ebc-brand-primary-limestone);
  font-size: 16rem;
  font-weight: 400;
  line-height: 24rem;
  margin-bottom: 5rem;
}

.aff-section2 .section2-cardDesc {
  color: var(--ebc-neutral-beige);
  font-size: 56rem;
  font-style: normal;
  font-weight: 700;
  line-height: 66rem;
}

  @media (max-width: 996px) {
  .aff-section2 {
    padding: 0;
    border-radius: 32px;
    margin: 32rem;
    background: url("/ebc-static/image/Affiliate/section2Bgm.png") 100% 100% /
      cover no-repeat;
  }

  .aff-section2 .section2-cardList {
    position: relative;
    height: 585rem;
    perspective: 1000px;
    perspective-origin: center center;
    overflow: hidden;
    /* 统一的背景盒子 */
    border-radius: 24px;
    box-sizing: border-box;
    /* transform: translateY(-20px); */
  }

  .aff-section2 .section2-card {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    max-width: 350px;
    background: transparent;
    padding: 0px 30px;
    border-radius: 0;
    box-shadow: none;
    text-align: center;
    /* 默认过渡（center/top 等）：稍慢一些更自然 */
    transition: transform 0.45s ease-out, opacity 0.45s ease-out;
    will-change: transform;
    /* 移动端优化 */
    -webkit-transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    /* 用 flex 反转顺序 */
    display: flex;
    flex-direction: column-reverse;
  }

  /* 某些状态切换（尤其是进入 bottom）需要“秒出”，用此类临时关闭过渡 */
  .aff-section2 .section2-card.no-transition {
    transition: none !important;
    -webkit-transition: none !important;
  }

  /* 进入 bottom 时用更快的“缩放出现”过渡（只作用一次，JS 会移除） */
  .aff-section2 .section2-card.fast-transition {
    transition-duration: 0.18s !important;
    -webkit-transition-duration: 0.18s !important;
  }

  .aff-section2 .section2-cardDesc {
    font-size: 98rem;
    font-weight: 900;
    line-height: 1.2;
    margin-top: 10px;
    /* 避免从纯色 -> 渐变文字时出现“先白一下再渐变”的过渡 */
    transition: none;
  }

  .aff-section2 .section2-cardTitle {
    font-size: 28rem;
    margin-bottom: 0;
    line-height: 1.2;
    /* 避免从纯色 -> 渐变文字时出现“先白一下再渐变”的过渡 */
    transition: none;
  }

  /* 中心位置 - 最前面、最大 */
  .aff-section2 .section2-card.center {
    transform: translate(-50%, -50%) translateZ(0px) scale(1) !important;
    -webkit-transform: translate(-50%, -50%) translateZ(0px) scale(1) !important;
    opacity: 1 !important;
    z-index: 3;
    filter: blur(0);
  }

  /* 上方位置 - 缩小、向上、向后 */
  .aff-section2 .section2-card.top {
    transform: translate(-50%, -50%) translateY(-100px) translateZ(-100px) scale(0.65) !important;
    -webkit-transform: translate(-50%, -50%) translateY(-100px) translateZ(-100px) scale(0.65) !important;
    opacity: 1 !important;
    z-index: 1;
    pointer-events: none;
  }
  .aff-section2 .section2-card.top .section2-cardDesc,
  .aff-section2 .section2-card.hidden-top .section2-cardDesc{
    color: transparent;                 /* 1. 文字透明 */
  background: linear-gradient(0deg, rgba(255,255,255,.9), rgba(255,255,255,.3)); /* 2. 渐变 */
  -webkit-background-clip: text;      /* 3. 背景只保留文字区域 */
          background-clip: text;
  -webkit-text-fill-color: transparent; /* iOS/Safari：避免闪白 */
  }
  .aff-section2 .section2-card.top .section2-cardTitle,
  .aff-section2 .section2-card.hidden-top .section2-cardTitle{
      color: transparent;                 /* 1. 文字透明 */
  background: linear-gradient(0deg, rgba(255,255,255,.8), rgba(255,255,255,.5)); /* 2. 渐变 */
  -webkit-background-clip: text;      /* 3. 背景只保留文字区域 */
          background-clip: text;
  -webkit-text-fill-color: transparent; /* iOS/Safari：避免闪白 */
  }

    .aff-section2 .section2-card.bottom .section2-cardDesc,
    .aff-section2 .section2-card.hidden-bottom .section2-cardDesc{
    color: transparent;                 /* 1. 文字透明 */
  background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.3)); /* 2. 渐变 */
  -webkit-background-clip: text;      /* 3. 背景只保留文字区域 */
          background-clip: text;
  -webkit-text-fill-color: transparent; /* iOS/Safari：避免闪白 */
  }
  .aff-section2 .section2-card.bottom .section2-cardTitle,
  .aff-section2 .section2-card.hidden-bottom .section2-cardTitle{
      color: transparent;                 /* 1. 文字透明 */
  background: linear-gradient(180deg, rgba(255,255,255,.5), rgba(255,255,255,.2)); /* 2. 渐变 */
  -webkit-background-clip: text;      /* 3. 背景只保留文字区域 */
          background-clip: text;
  -webkit-text-fill-color: transparent; /* iOS/Safari：避免闪白 */
  }
  /* 说明：
     之前在 .top 状态单独改 font-size，会在卡片位移动画中引起自身高度变化，
     配合 translate(-50%, -50%) 造成“先上去再下落”的视觉抖动。
     现在仅依赖卡片自身的 scale(0.85) 来实现远近缩放，保证位移轨迹稳定。 */

  /* 下方位置 - 缩小、向下、向后 */
  .aff-section2 .section2-card.bottom {
    transform: translate(-50%, -50%) translateY(110px) translateZ(-100px) scale(0.65) !important;
    -webkit-transform: translate(-50%, -50%) translateY(110px) translateZ(-100px) scale(0.65) !important;
    opacity: 1 !important;
    z-index: 1;
    pointer-events: none;
  }

  /* 隐藏位置 - 完全消失 */
  .aff-section2 .section2-card.hidden-top {
    transform: translate(-50%, -50%) translateY(-120px) translateZ(-400px) scale(0.5) !important;
    -webkit-transform: translate(-50%, -50%) translateY(-120px) translateZ(-400px) scale(0.5) !important;
    opacity: 0 !important;
    z-index: 0;
    pointer-events: none;
    transition: none !important;
    -webkit-transition: none !important;
  }

  .aff-section2 .section2-card.hidden-bottom {
    transform: translate(-50%, -50%) translateY(120px) translateZ(-400px) scale(0.5) !important;
    -webkit-transform: translate(-50%, -50%) translateY(120px) translateZ(-400px) scale(0.5) !important;
    opacity: 0 !important;
    z-index: 0;
    pointer-events: none;
    transition: none !important;
    -webkit-transition: none !important;
  }
}
.aff-section3 {
  padding-block: 100rem;
}

.aff-section4 h2,
.aff-section9 h2,
.aff-section10 h2,
.aff-section8 h2,
.aff-section6 h2,
.aff-section5 h2,
.aff-section3 h2 {
  padding-left: 100rem;
  color: var(--ebc-brand-primary-burgundy);
  font-size: 44rem;
  font-weight: 700;
  line-height: 1;
}
.aff-section4 h3,
.aff-section6 h3,
.aff-section3 h3 {
  padding-left: 100rem;
  color: #333;
  font-size: 18rem;
  font-weight: 400;
  line-height: 1;
  margin-block: 24rem 40rem;
}

.aff-section3 .container {
  margin: 0 auto;
  background: white;
  padding: 55rem 25rem 45rem;
  border-radius: 20px;
  border: 1px solid #f1f1f1;
  background: #fcfcfc;
}

.aff-section3 .commission-title {
  color: #333;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 15rem;
  margin-left: 75rem;
}

.aff-section3 .commission-amount {
  color: var(--ebc-brand-accent-coral, #ff4b4e);
  font-size: 64rem;
  font-style: normal;
  font-weight: 700;
  line-height: 80rem;
  margin-left: 75rem;
}

.aff-section3 .chart-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 10px;
}

.aff-section3 .chart-container {
  position: relative;
  width: 100%;
  height: 337rem;
  cursor: default;
}

.aff-section3 .chart-container.dragging {
  cursor: grabbing;
}

.aff-section3 .chart-svg {
  width: 100%;
  height: 100%;
  display: block;
}

.aff-section3 .x-axis {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  margin-top: 10px;
}

.aff-section3 .x-axis-label {
  color: var(--ebc-text-secondary);
  font-size: 18rem;
  font-weight: 400;
  line-height: 1;
  margin-top: 9rem;
  white-space: nowrap;
}
.jp .aff-section3 .x-axis-label:nth-child(-n + 3),
.kr .aff-section3 .x-axis-label:nth-child(-n + 3),
.zh .aff-section3 .x-axis-label:nth-child(-n + 3) {
  transform: translateX(40%);
}
.aff-section3 .x-axis-label:nth-child(4),
.aff-section3 .x-axis-label:nth-child(5) {
  transform: translateX(30%);
}

.aff-section3 .point-badge {
  position: absolute;
  background: #ff4b4e;
  color: white;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  transform: translate(-50%, calc(-100% - 20px));
  white-space: nowrap;
  cursor: grab;
  z-index: 11;
  pointer-events: none;
}

.aff-section3 .point-badge:active {
  cursor: grabbing;
}

.aff-section3 .point-badge::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ff4b4e;
  pointer-events: none;
}

.aff-section3 .point-dot {
  position: absolute;
  width: 16px;
  height: 16px;
  background: #ff4b4e;
  border: 4px solid white;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 8px rgba(255, 75, 78, 0.4);
  cursor: grab;
  z-index: 10;
  pointer-events: none;
}

.aff-section3 .point-dot:active {
  cursor: grabbing;
}

.aff-section3 .description {
  color: rgba(0, 0, 0, 0.24);
  margin-left: 75rem;
  margin-top: 28rem;
}

@media (max-width: 996px) {
  .aff-section4 h2,
  .aff-section6 h2,
  .aff-section8 h2,
  .aff-section9 h2,
  .aff-section5 h2,
  .aff-section10 h2,
  .aff-section3 h2 {
    padding-left: 0;
    text-align: center;
    color: var(--ebc-brand-primary-burgundy);
    font-size: 48rem;
    font-weight: 700;
    max-width: calc(100vw - 64rem);
    margin-inline: auto;
  }
  .aff-section4 h3,
  .aff-section6 h3,
  .aff-section3 h3 {
    max-width: calc(100vw - 64rem);

    padding-left: 0;
    color: #333;
    font-size: 28rem;
    line-height: 44rem;
    margin-block: 16rem 60rem;
    text-align: center;
  }
  .aff-section3 h3 {
    margin-inline: auto;
  }
  .aff-section3 .container {
    border-radius: 0;
    padding: 56rem 15rem;
  }
  .aff-section3 .description {
    color: rgba(0, 0, 0, 0.24);
    font-size: 24rem;
    line-height: 40rem;
    margin: 0;
    padding-inline: 17rem;
    margin-top: 64rem;
  }
  .aff-section3 .commission-title {
    font-size: 24rem;
    line-height: 40rem;
    margin-bottom: 16rem;
    margin-inline: auto;
    width: 405rem;
  }
  .aff-section3 .commission-amount {
    font-size: 96rem;
    line-height: 112rem;
    margin-inline: auto;
    width: 405rem;
  }
  .x-axis .x-axis-label:nth-child(even),
  .chart-svg line:nth-child(even) {
    display: none;
  }
  .aff-section3 .x-axis-label:nth-child(7) {
    transform: translateX(30%);
  }
  .aff-section3 .x-axis-label:nth-child(3) {
    transform: translateX(10%);
  }
  .aff-section3 .x-axis-label:nth-child(1) {
    transform: translateX(-30%);
  }
}

.aff-section4 {
  background-color: #f6f6f6;
  padding: 100rem 0;
}
.aff-section4 h3 {
  margin-bottom: 60rem;
}

.aff-section4 .section4Swiper {
  position: relative;
}
.aff-section4 .shadow,
.aff-section7 .shadow {
  position: absolute;
  top: 0;
  height: 100%;
  width: 330rem;
  z-index: 2;
}
.aff-section4 .leftShadow,
.aff-section7 .leftShadow {
  background: linear-gradient(270deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
  left: 0;
}
.aff-section4 .rightShadow,
.aff-section7 .rightShadow {
  background: linear-gradient(270deg, #f5f5f5 0%, rgba(245, 245, 245, 0) 100%);
  right: 0;
}
.aff-section4 .section4Swiper img {
  max-height: 58rem;
  width: auto;
}
.swiper-wrapper {
  transition-timing-function: linear !important;
}
.aff-section4 .section4Swiper .swiper-slide {
  width: fit-content;
}

@media (max-width: 996px) {
  .aff-section4 h2,
  .aff-section4 h3 {
    margin-inline: auto;
  }
  .aff-section4 .section4SwiperM1 {
    margin-bottom: 25rem;
  }
  .aff-section4 .section4SwiperM2 .swiper-slide,
  .aff-section4 .section4SwiperM1 .swiper-slide {
    width: fit-content;
  }
  .aff-section4 .shadow {
    width: 150rem;
  }
  .aff-section4 .swiper img {
    max-height: 50rem;
    width: auto;
  }
  .aff-section4 .section4SwiperM2 img {
    max-height: 40rem;
    width: auto;
  }
}

.aff-section5 {
  padding-block: 100rem;
}
@media (min-width: 996px) {
  .mn .aff-section5 h2,
  .es .aff-section5 h2,
  .id .aff-section5 h2,
  .jp .aff-section5 h2 {
    max-width: 60%;
  }
}

.aff-section5 .section5CardList {
  gap: 40rem;
  margin-top: 40rem;
}

.aff-section5 .section5Card {
  padding: 50rem 30rem;
  text-align: center;
  border-radius: 20px;
  background: #fafafa;
  flex: 0 0 320rem;
  box-sizing: border-box;
  transition: transform 0.3s;
}
@media (min-width: 996px) {
    .aff-section5 .section5Card:hover {
  transform: translateY(-20rem);
}
}

.aff-section5 .section5Card img {
  width: 80rem;
  height: 80rem;
}

.aff-section5 .section5Card .cardTip {
  font-size: 24rem;
  font-weight: 500;
  line-height: 1;
  margin-block: 40rem 20rem;
}

.aff-section5 .section5Card .cardDesc {
  color: var(--ebc-text-secondary);
  font-size: 14rem;
  font-weight: 400;
  line-height: 1.2;
}

.aff-section5 .contentBox {
  position: relative;
}

.aff-section5 .section5Btn {
  position: absolute;
  right: 80rem;
  top: 0;
  gap: 5rem;
  border-radius: 24px;
  background: var(--ebc-neutral-beige);
  color: var(--ebc-brand-secondary-red);
  font-size: 20rem;
  font-weight: 500;
  line-height: 1;
  height: 48rem;
  min-width: 160rem;
  padding-inline: 15rem;
}
@media (min-width: 996px) {
    .aff-section5 .section5Btn:hover {
    background: var(--ebc-brand-secondary-red);
    color: var(--ebc-text-primary_white);
  }
}

@media (max-width: 996px) {
  .aff-section5 {
    padding: 120rem 16rem;
  }
  .aff-section5 .section5CardList {
    flex-direction: column;
}
}

@media (max-width: 996px) {
  .aff-section5 {
    padding: 120rem 16rem;
  }
  .aff-section5 .section5CardList {
    flex-direction: column;
  }
  .aff-section5 .section5Btn {
    position: static;
    margin-block: 64rem;
    min-width: 326rem;
    width: fit-content;
    height: 80rem;
    background: #a52933;
    color: var(--ebc-text-primary_white);
    font-size: 28rem;
    font-weight: 500;
    line-height: 1;
    margin-inline: auto;
  }
  .aff-section5 .section5Card {
    display: flex;
    padding: 48rem 32rem 48rem 50rem;
    align-items: center;
    justify-content: flex-start;
    gap: 52rem;
    flex: 1;
    padding-block: 42rem;
  }
  .aff-section5 .section5Card img {
    width: 100rem;
    height: 100rem;
  }
  .aff-section5 .section5Card .cardTip {
    margin-block: 0 16rem;
    font-size: 32rem;
    line-height: 1;
    text-align: left;
  }
  .aff-section5 .section5Card .cardDesc {
    font-size: 24rem;
    line-height: 1.3;
    text-align: left;
  }
}

.aff-section6 {
  padding: 100rem 0;
  background: #fafafa;
}

.aff-section6 h3 {
  line-height: 32rem;
}

.aff-section6 .section6Map {
  height: 630rem;
  border-radius: 12px;
  overflow: hidden;
}
.aff-section6 .mapLegend {
  gap: 50rem;
  margin-top: 40rem;
}
.aff-section6 .mapLegend .legendItem:nth-child(2){
  display: none;
}
.aff-section6 .mapLegend .legendLabel {
  color: var(--ebc-text-secondary);
  font-size: 16rem;
  font-weight: 400;
  line-height: 1;
  margin-left: 8rem;
}

@media (max-width: 996px) {
  .aff-section6 {
    padding: 120rem 32rem;
  }
  .aff-section6 h3 {
    margin-block: 32rem 48rem;
  }
  .aff-section6 .section6Map {
    height: 445rem;
  }
  .aff-section6 .mapLegend {
    display: none;
  }
}

.aff-section7 {
  padding-block: 60rem;
  background: var(--ebc-neutral-beige);
}

.aff-section7 .swiperWordTag {
  border-radius: var(--Corner-Radius-Full, 999px);
  background: #f04553;
  backdrop-filter: blur(8px);
  padding: 12rem 28rem;
}

.aff-section7 .swiperLogoTag {
  width: 48rem;
  height: 48rem;
}

.aff-section7 .section7SwiperList {
  position: relative;
}
.aff-section7 .section7SwiperList .marquee:nth-child(-n + 4) {
  margin-bottom: 28rem;
}
.aff-section7 .swiper-slide {
  width: fit-content;

  color: #fff;
  text-align: center;
  font-size: 20rem;
  font-weight: 500;
  line-height: 1;
}
.marquee {
  overflow: hidden;
  width: 100%;
}
.marquee--reverse.marquee__track {
  animation-direction: reverse;
}
.marquee__track {
  display: inline-flex;
  /* align-items: center; */
  gap: 20px; /* 对应 spaceBetween */

  /* 强制硬件加速 */
  /* transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0); */
  /* will-change: transform; */
  /* backface-visibility: hidden; */
  /* -webkit-backface-visibility: hidden; */
  animation: marquee 140s linear infinite; /* 调整 30s 控制速度 */
}
@keyframes marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(var(--s7move-distance), 0, 0);
  }
}

@media (max-width: 996px) {
  .aff-section7 .section7SwiperList .marquee:nth-child(-n + 4) {
    margin-bottom: 45rem;
  }
  .aff-section7 .swiperWordTag {
    padding: 20rem 46rem;
  }
  .aff-section7 .swiper-slide {
    font-size: 33rem;
    transition: none;
  }
  .marquee__track {
    gap: 33rem;
    animation: marquee 140s linear infinite; /* 调整 30s 控制速度 */
  }
  .aff-section7 .shadow {
    width: 130rem;
  }
  .aff-section7 .swiperLogoTag {
    width: 80rem;
    height: 80rem;
  }
}

.aff-section8 {
  padding: 100rem 0;
}
.aff-section8 h2 {
  padding-left: 100rem;
  margin-bottom: 40rem;
}
.aff-section8 .techerList {
  row-gap: 12rem;
}
.aff-section8 .teacherCard {
  flex: 0 0 290rem;
  height: 330rem;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
.aff-section8 .teacherCard img {
  width: 100%;
  height: 100%;
}
.aff-section8 .teacherCard .tag {
  padding: 12rem 16rem;
  border-radius: 42px;
  font-size: 14rem;
  font-weight: 500;
  line-height: 1;
  position: absolute;
  left: 23rem;
}
.aff-section8 .teacherCard .nameTag {
  background: var(--ebc-brand-accent-coral);
  color: #fff;
  top: 220rem;
}
.aff-section8 .teacherCard .workTag {
  background: var(--ebc-brand-primary-limestone);
  color: var(--ebc-text-primary);
  top: 265rem;
  max-width: 242rem;
  box-sizing: border-box;
  font-size: 14rem;
  line-height: 16rem;
}

@media (max-width: 996px) {
  .aff-section8 {
    padding: 120rem 0;
  }
  .aff-section8 h2 {
    padding-left: 0;
    margin-bottom: 64rem;
    text-align: center;
  }
  .aff-section8 .techerList {
    flex-wrap: nowrap;
  }
  .aff-section8 .teacherCard {
    flex: 0 0 587rem;
    height: 688rem;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
  }
  .aff-section8 .teacherCard .nameTag {
    top: 457rem;
  }
  .aff-section8 .teacherCard .workTag {
    top: 555rem;
    max-width: 500rem;
  }
  .aff-section8 .teacherCard .tag {
    padding: 25rem 33rem;
    border-radius: 42px;
    font-size: 32em;
    position: absolute;
    left: 43rem;
    line-height: 35rem;
  }
}

.aff-section9 {
  padding: 80rem 0;
  background: #f6f6f6;
}
.aff-section9 .v-marquee {
  --h: 525rem;
  --gap: 20rem;
  --speed: 25s;

  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20rem;
  height: var(--h);
  overflow: hidden;
  min-width: 536rem;
}

.aff-section9 .v-col {
  position: relative;
  overflow: hidden;
  height: 100%;
}

/* 关键：不用 flex gap，改用 margin */
.aff-section9 .v-track {
  display: flex;
  flex-direction: column;
  gap: 0; /* 关键：设为0 */
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
  animation: vScroll var(--speed) linear infinite;
}

.aff-section9 .v-track--right {
  animation-delay: calc(var(--speed) * -0.1);
}

.aff-section9 .v-col .shadow {
  position: absolute;
  left: 0;
  right: 0;
  height: 150rem;
  z-index: 2;
}
.aff-section9 .v-col .topShadow {
  background: linear-gradient(180deg, #f6f6f6 0%, rgba(246,246,246,.56) 59.2% ,rgba(246, 246, 246, 0.00) 100%);
  top: -2rem;
}
.aff-section9 .v-col .bottomShadow {
  background: linear-gradient(0deg, #f6f6f6 0%, rgba(246,246,246,.56) 59.2% ,rgba(246, 246, 246, 0.00) 100%);
  bottom: -2rem;
}

.aff-section9 .v-track--right {
  animation: vScroll var(--speed) linear infinite;
  animation-direction: reverse;
}
.aff-section9 .v-track--right {
  animation-delay: calc(var(--speed) * -0.1); /* 关键：错开开始时间 */
}
/* 用 margin-bottom 代替 gap */
.aff-section9 .v-img {
  width: 258rem;
  height: 327rem;
  min-height: 327rem;
  max-height: 327rem;
  display: block;
  margin-bottom: var(--gap);
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

@keyframes vScroll {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -50%, 0);
  }
}
.aff-section9 .contentBox {
  gap: 60rem;
}
.aff-section9 h2 {
  padding-left: 0;
}
.aff-section9 h3 {
  color: #999;
  font-size: 18rem;
  font-weight: 400;
  line-height: 32rem;
  margin-block: 28rem;
}

.aff-section9 .s9Right a {
  width: fit-content;
  min-width: 220rem;
}

@media (max-width: 996px) {
.aff-section9 .v-col .shadow {
  height: 330rem;
}
.aff-section9 .v-col .topShadow {
  background: linear-gradient(180deg, #fff 0%, rgba(255,255,255,.56) 59.2% ,rgba(246, 246, 246, 0.00) 100%);
  top: -2rem;
}
.aff-section9 .v-col .bottomShadow {
  background: linear-gradient(0deg, #fff 0%, rgba(255,255,255,.56) 59.2% ,rgba(246, 246, 246, 0.00) 100%);
  bottom: -2rem;
}
  .aff-section9 {
    padding: 120rem 32rem;
    background: var(--ebc-text-primary_white);
  }
  .aff-section10 {
    background: #f6f6f6;
    
  }
  .aff-section9 h3 {
    color: var(--ebc-text-secondary);
    text-align: center;
    font-size: 28.638rem;
    line-height: 49.093rem;
    margin-block: 30rem 64rem;
  }
  .aff-section9 .contentBox {
    gap: 0;
  }
  .aff-section9 .s9Right a {
    display: none;
  }
  .aff-section9 .contentBox {
    flex-direction: column;
  }

  .aff-section9 .s9Left {
    order: 2;
  }
  .aff-section9 .mobile {
    order: 3;
  }
  .aff-section9 .v-marquee {
    flex: 0 0 946rem;
    --itemH: 420rem;
  }
  .aff-section9 .v-img {
    width: 330rem;
    height: 420rem;
    max-height: 420rem;
    min-height: 420rem;
  }
  .aff-section9 .mobile a {
    height: 80rem;
    min-width: 326rem;
    font-size: 28rem;
    margin-top: 64rem;
  }
}

.aff-section10 .guideDial {
  color: var(--ebc-brand-secondary-red);
}

.pageShadow {
  background: var(--ebc-neutral-mask);
  position: fixed;
  inset: 0;
  z-index: -111;
  opacity: 0;
  transition: opacity 0.3s;
}
.pageShadow.showShadow {
  z-index: 100;
  opacity: 1;
}
.pageDial.showDial {
  opacity: 1;
  bottom: 50vh;
}
.pageDial {
  opacity: 0;
  position: fixed;
  bottom: -999px;
  left: 50%;
  transition: transform 0.5s, opacity 0.5s;
  padding: 32rem;
  width: 950rem;
  max-height: 550rem;
  border-radius: 16px;
  background: #fff;
  z-index: 101;
  transform: translate(-50%, 275rem);
}
.pageDial .title-32_bold{
  padding-bottom: 15rem;
}

.pageDial .closeTag {
  position: absolute;
  top: 43rem;
  right: 32rem;
  width: 18rem;
  height: 18rem;
}
.pageDial .desc {
  margin-bottom: 12rem;
  color: var(--ebc-text-secondary);
}
.pageDial .title {
  margin-block: 2rem 16rem;
}
.pageDial .contentContainer {
  overflow: auto;
  max-height: 438rem;
  padding-right: 25rem;
}

@media (max-width: 996px) {

  .pageDial.showDial {
    bottom: 0;
  }
  .pageDial {
    width: 99vw;
    left: 0;
    transform: unset;
    max-height: 60vh;
    padding: 48rem 32rem;
    border-radius: 32rem 32rem 0 0;
    box-sizing: border-box;
  }
  .pageDial .contentContainer {
    max-height: 50vh;
  }
  .pageDial .title-32_bold {
    font-size: 48rem !important;
    line-height: 64rem !important;
    font-size: 48rem;
    line-height: 64rem;
    font-weight: 500;
  }
  .pageDial .title {
    margin: 35rem 0 24rem;
    font-size: 24rem;
    line-height: 32rem;
  }
  .pageDial .desc {
    margin-bottom: 0;
    font-size: 24rem;
    line-height: 40rem;
    font-size: 24rem;
    line-height: 32rem;
  }
  .pageDial .closeTag {
    right: 32rem;
    top: 55rem;
    width: 36rem;
    height: 36rem;
  }
  .pageDial .contentContainer {
    padding-right: 20rem;
  }
}

@media (min-width: 996px) {
  .navigate-menu-list {
    display: none !important;
  }
  #linkBox {
    justify-content: flex-end !important;
  }
  #page-navigate {
    width: 1440rem;
    border-radius: var(--ebc-corner-radius-full);
    background: rgba(247, 247, 247, 0.8);
    backdrop-filter: blur(16px);
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 24rem;
  }
  .navigate-box {
    height: 64px !important;
    padding-inline: 24rem 46rem !important;
  }
  .navigate-entry-link a:nth-child(1) {
    display: none;
  }
  .navigate-entry-link a:nth-child(2) {
    order: 2;
    padding-inline: 20px !important;
    margin-inline: 8px 24px;
  }
  .navigate-entry-link a:nth-child(2) svg {
    display: none;
  }
  .icon-navigate-menu {
    display: none !important;
  }
  .langList {
    top: 42px !important;
    border: 1px solid #f6f6f6;
    /* border-radius: 8rem; */
    right: calc(50% - 60px) !important;
  }
}
@media (max-width: 996px) {
  .navigate-logo .language {
    margin: 0 !important;
  }
  #langSelectorM {
    display: none;
  }
  .showLanguage + #menu {
    display: none;
  }
  .whiteBg #langSelectorM {
    display: none !important;
  }
  .navigate-logo a:nth-child(2) {
    color: var(--Function-Active-Normal, #a52933);
    font-size: 28rem;
    padding-inline: 4rem;
    font-weight: 500;
    line-height: 44rem;
    margin-right: 10rem;
    margin-left: auto;
  }
  .pt .navigate-logo a:nth-child(2),
  .mn .navigate-logo a:nth-child(2),
  .jp .navigate-logo a:nth-child(2),
  .th .navigate-logo a:nth-child(2),
  .vi .navigate-logo a:nth-child(2) {
    margin-right: 4rem;
    font-size: 24rem;
  }
}