.forex-wrapper-body {
  font-size: 16rem;
}
.flex-center {
  display: flex;
  justify-content: center;
}
/* 全局样式确保能覆盖 teleport 后的元素 */
:where(.el-drawer__body) {
  height: 100%;
}

:where(.el-drawer.btt) {
  border-top-left-radius: 48rem !important;
  border-top-right-radius: 48rem !important;
  overflow: hidden;
}

:where(.el-drawer__container) {
  border-top-left-radius: 48rem;
  border-top-right-radius: 48rem;
  overflow: hidden;
}

.section1 {
  margin-top: 56rem;
}
.section1-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.instructors-list {
  margin-top: 36rem;
  display: flex;
  flex-wrap: wrap;
  gap: 56rem 20rem;
}
.instructor-card {
  width: calc(20% - 16rem);
}

.instructor-card-img-box {
  position: relative;
  display: inline-block;
  border-radius: 16rem;
  overflow: hidden;
}

.instructor-card-img {
  display: block;
  width: 100%;
  height: auto;
}

.instructor-card-img-lang {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 46rem;
  width: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.4) 30%,
    rgba(0, 0, 0, 0.8) 100%
  );
  padding: 12rem;
  display: flex;
  align-items: center;
  gap: 4rem;
  color: #fff;
  font-size: 14rem;
}
.lang-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
  min-width: 0; /* 非常重要！让 flex 子项可以 shrink 到小于内容宽度 */
}
.instructor-card-img-lang .icon-forex-language {
  font-size: 20rem;
}

.instructor-card-content {
  width: 100%;
  margin-top: 32rem;
  color: var(--Text-Primary, #000);
  font-size: 20rem;
  font-style: normal;
  font-weight: 500;
  line-height: 28rem; /* 140% */
}

.instructor-card-content .p2 {
  margin-top: 8rem;
  color: var(--Text-Secondary, rgba(0, 0, 0, 0.64));
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 22rem; /* 157.143% */
}

.pagination-box {
  display: flex;
  justify-content: center;
  margin: 64rem auto;
}

.section1 .icon-a-down{
  transition: all 0.3s;
  display: inline-block;
}
.show-actived{
  transform: rotate(180deg);
}

@media (max-width: 1440px) {
  .instructor-card {
    width: calc(25% - 15rem);
  }
}

@media (max-width: 996px) {
  .forex-wrapper h1 {
    font-size: 40rem;
  }
  .instructors-list {
    margin-top: 56rem;
  }
  .instructor-card {
    width: calc(50% - 10rem);
  }

  .instructor-card-img {
    border-radius: 16rem;
  }
  .instructor-card-img-lang {
    height: 72rem;
    font-size: 24rem;
  }
  .instructor-card-img-lang .icon-forex-language{
    font-size: 28rem;
  }
  .instructor-card-content {
    margin-top: 38rem;
    font-size: 36rem;
    line-height: 52rem;
  }
  .instructor-card-content .p2 {
    font-size: 28rem;
    line-height: 44rem;
  }
}