.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 .section1-title {
  color: var(--Text-Primary, #000);
  font-size: 48rem;
  font-style: normal;
  font-weight: 700;
  line-height: 56rem;
}
.section1 .forex-title-intro {
  margin-top: 24rem;
  color: var(--Text-Secondary, rgba(0, 0, 0, 0.64));
  /* font-family: Sinter; */
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24rem;
}
.section2{
  margin-top: 56rem;
}

.courses-box {
  margin-top: 32rem;
  display: flex;
  flex-wrap: wrap;
  gap: 32rem 20rem;
}
.course-item {
  width: calc(33.3% - 18rem);
}

.course-item-img {
  width: 100%;
  height: auto;
  border-radius: 8rem;
}

.course-item-title {
  width: 100%;
  margin-top: 16rem;
  color: #232222;
  font-size: 16rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap; /* 禁止换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 溢出时显示省略号 */
}

.course-item-intro {
  position: relative;
  padding-right: 40rem;
  margin-top: 8rem;
  display: flex;
  align-items: center;
  gap: 10rem;
  color: var(--Text-Tertiary, rgba(0, 0, 0, 0.48));
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.57;
}

html[lang="ar"] .course-item-intro {
  padding-left: 40rem;
  padding-right: 0;
}

.course-item:hover .course-item-intro::after {
  color: #6a6967;
}

.course-item-intro::after {
  font-family: "iconfont" !important;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 20rem;
  line-height: normal;
  content: "\e618";
  color: #fff;
  cursor: pointer;
}
html[lang="ar"] .course-item-intro::after {
  left: 0;
  right: unset;
  transform: rotate(180deg);
}

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

@media (max-width: 996px) {
  .section1 .section1-title {
    font-size: 48rem;
    line-height: 72rem;
  }
  .section1 .forex-title-intro {
    margin-top: 16rem;
    font-size: 28rem;
    line-height: 44rem;
  }
  .courses-box {
    margin-top: 56rem;
    gap: 56rem 20rem;
  }
  .course-item {
    width: calc(50% - 10rem);
  }
  .course-item-img {
    /* border-radius: 16rem; */
  }
  .course-item-title {
    font-size: 28rem;
    line-height: 44rem;
    margin-top: 20rem;
  }
  .course-item-intro {
    margin-top: 8rem;
    font-size: 24rem;
    gap: 24rem;
  }
  .course-item-intro-line {
    height: 24rem;
  }
  .course-item-intro::after {
    font-size: 28rem;
    line-height: 1.57;
  }
}