.mobile-page[data-v-28adf530] {
}
.mobile-page img[data-v-28adf530] {
    width: 100%;
}


.view-all-btn[data-v-31aee573] {
  padding: 4px 4px 4px 12px;
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 12px;
  border: 0.5px solid #e5e6ea;
  background: rgba(255, 255, 255, 0);
  color: #677084;
  font-family: 'PingFang SC';
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px; /* 120% */
  cursor: pointer;
}


.audio-card-small[data-v-7361a81c] {
  position: relative;
  padding: 14px 0;
  cursor: pointer;
  width: 100%;
  /* transition: background-color 0.2s; */
}
.audio-card-small[data-v-7361a81c]:not(:last-child)::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #e5e6ea;
    transform: scaleY(0.5);
    transform-origin: bottom;
    pointer-events: none;
}
.audio-card-small[data-v-7361a81c] {
}
.audio-card-small .audio-card-item[data-v-7361a81c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 8px;
    width: 100%;
}
.audio-card-small .audio-card-item.isActiveArticle[data-v-7361a81c] {
      border-radius: 12px;
      background: rgba(40, 197, 144, 0.15);
}
.audio-left[data-v-7361a81c] {
  flex: 1;
  margin-right: 12px
}
.audio-left .audio-title[data-v-7361a81c] {
    color: #111418;
    font-family: 'PingFang SC';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 18px */
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 4.5px;
}
.audio-left .audio-info[data-v-7361a81c] {
    color: #8a8f99;
    font-size: 13px;
    /* font-size: 12px;
    transform: scale(0.83); */
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.audio-right[data-v-7361a81c] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  transition: all 0.2s
}
.audio-right .play-icon[data-v-7361a81c] {
    display: flex;
    align-items: center;
    justify-content: center;
}


.learn-list-container[data-v-143d2338] {
  border-radius: 16px;
  background: #fff;
  padding: 16px 8px 4px 8px;
  position: relative;
  overflow: hidden
}
.learn-list-container .tip[data-v-143d2338] {
    position: absolute;
    top: 0;
    left: 0;
    color: #20b266;
    color: var(--, #20b266);
    border-radius: 0 0 10px 0;
    background: rgba(40, 197, 144, 0.15);
    background: var(--, rgba(40, 197, 144, 0.15));
    display: inline-flex;
    padding: 3px 8px 3px 10px;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 10.8px */
}
.learn-header[data-v-143d2338] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #111418;
  font-family: 'PingFang SC';
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 3px;
}
.skeleton[data-v-143d2338] {
  margin: 12px 0
}
.skeleton[data-v-143d2338] .is-first {
    width: 100%;
}
.skeleton[data-v-143d2338] .is-last {
    width: 100%;
}
.content-container[data-v-143d2338] {
  display: flex;
  flex-direction: column;
}


.learn-list-container[data-v-0d9fc0ed] {
  border-radius: 16px;
  background: #fff;
  padding: 16px 8px 4px 8px;
  position: relative;
  overflow: hidden
}
.learn-list-container .tip[data-v-0d9fc0ed] {
    position: absolute;
    top: 0;
    left: 0;
    color: #20b266;
    color: var(--, #20b266);
    border-radius: 0 0 10px 0;
    background: rgba(40, 197, 144, 0.15);
    background: var(--, rgba(40, 197, 144, 0.15));
    display: inline-flex;
    padding: 3px 8px 3px 10px;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 10.8px */
}
.learn-header[data-v-0d9fc0ed] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #111418;
  font-family: 'PingFang SC';
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 3px;
}
.skeleton[data-v-0d9fc0ed] {
  margin: 12px 0
}
.skeleton[data-v-0d9fc0ed] .is-first {
    width: 100%;
}
.skeleton[data-v-0d9fc0ed] .is-last {
    width: 100%;
}
.content-container[data-v-0d9fc0ed] {
  display: flex;
  flex-direction: column;
}
.fade-up-module[data-v-0d9fc0ed] {
  width: 100%;
  height: 2px;
}


.course-item[data-v-831ef072] {
  display: flex;
  cursor: pointer;
  transition: background-color 0.2s;
  padding: 8px;
  border-radius: 8px;
}
.course-index[data-v-831ef072] {
  padding-top: 3px;
  color: #677084;
  text-align: center;
  font-family: Bebas;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
  margin-right: 11px;
}
.course-index.hot[data-v-831ef072] {
    color: #ff6a41;
}
.course-info[data-v-831ef072] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center
}
.course-info .course-title[data-v-831ef072] {
    color: #292d34;
    font-size: 16px;
    font-family: 'PingFang SC';
    font-weight: 500;
    line-height: normal;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.course-info .course-meta[data-v-831ef072] {
    display: flex;
    align-items: center
}
.course-info .course-meta .tag[data-v-831ef072] {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.6px 3px 1.2px 3px;
      font-family: 'PingFang SC';
      font-size: 10px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      border-radius: 2.642px;
      margin-right: 4px;
}
.course-info .course-meta .date[data-v-831ef072] {
      color: #8a8f99;
      color: var(---03, #8a8f99);
      font-family: 'PingFang SC';
      font-style: normal;
      line-height: normal;
      margin-right: 4px;
      font-size: 13px;
      font-weight: 400;
}
.course-info .course-meta .wrap[data-v-831ef072] {
      display: flex;
}
.course-info .course-meta .progress[data-v-831ef072] {
      color: #677084;
      color: var(----3-, #677084);
      font-family: 'PingFang SC';
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
}
.course-info .course-meta .online-time[data-v-831ef072] {
      color: #20b266;
      color: var(--, #20b266);
      font-family: 'PingFang SC';
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      margin-left: 2px;
}
.course-info .course-meta .learners-count[data-v-831ef072] {
      height: 14px;
      display: flex;
      align-items: center;
      color: #8a8f99;
      font-family: 'PingFang SC';
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
}
.course-item.isActiveArticle[data-v-831ef072] {
  border-radius: 12px;
  background: rgba(40, 197, 144, 0.15);
}


.learn-list-container[data-v-6bce7c03] {
  border-radius: 16px;
  background: #fff;
  padding: 16px 12px;
  position: relative;
  overflow: hidden
}
.learn-list-container .tip[data-v-6bce7c03] {
    position: absolute;
    top: 0;
    left: 0;
    color: #20b266;
    color: var(--, #20b266);
    border-radius: 0 0 10px 0;
    background: rgba(40, 197, 144, 0.15);
    background: var(--, rgba(40, 197, 144, 0.15));
    display: inline-flex;
    padding: 3px 8px 3px 10px;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.learn-header[data-v-6bce7c03] {
  color: #111418;
  font-family: 'PingFang SC';
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin-top: 3px;
  margin-bottom: 16px;
}
.content-container[data-v-6bce7c03] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 54vh;
  overflow-y: scroll;
}
.fade-up-module[data-v-6bce7c03] {
  width: 100%;
  height: 2px;
}
.skeleton[data-v-6bce7c03] {
  margin: 12px 0
}
.skeleton[data-v-6bce7c03] .is-first {
    width: 100%;
}
.skeleton[data-v-6bce7c03] .is-last {
    width: 100%;
}


.learn-list-container[data-v-38062035] {
  border-radius: 16px;
  background: #fff;
  padding: 16px 12px 8px 12px;
}
.learn-header[data-v-38062035] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #111418;
  font-family: 'PingFang SC';
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.tag-container[data-v-38062035] {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px
}
.tag-container .tag-title[data-v-38062035] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 10px;
    border-radius: 100px;
    color: #677084;
    color: var(----3-, #677084);
    font-family: 'PingFang SC';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 18px */
    cursor: pointer;
}
.tag-container .active[data-v-38062035] {
    color: #28c590;
    background: rgba(40, 197, 144, 0.15);
}
.video-content[data-v-38062035] {
  margin-top: 8px;
}
.skeleton[data-v-38062035] {
  margin: 12px 0
}
.skeleton[data-v-38062035] .is-first {
    width: 100%;
}
.skeleton[data-v-38062035] .is-last {
    width: 100%;
}


.video-list-container[data-v-74877d9a] {
  border-radius: 16px;
  background: #fff;
  padding: 16px 12px 8px 12px;
}
.video-header[data-v-74877d9a] {
  display: flex;
  justify-content: space-between;
  color: #111418;
  font-family: 'PingFang SC';
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.skeleton[data-v-74877d9a] {
  margin: 12px 0
}
.skeleton[data-v-74877d9a] .is-first {
    width: 100%;
}
.skeleton[data-v-74877d9a] .is-last {
    width: 100%;
}


.coach-course-list[data-v-3e287b30] {
  padding: 20px 0;
  background: #F7F8FA;
  min-height: 100%;
}
.course-header[data-v-3e287b30] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 32px;
  padding: 0 12px;
}
.course-cover img[data-v-3e287b30] {
  width: 40px;
  height: 53px;
  object-fit: cover;
  border-radius: 4px;
  border: 0.5px solid  #E5E6EA;
  background: #CBFCE1;
}
.course-info[data-v-3e287b30] {
  flex: 1;
}
.course-title[data-v-3e287b30] {
  color: #111418;
  font-family: "PingFang SC";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  margin-bottom: 4px;
}
.course-subtitle[data-v-3e287b30] {
  color: #677084;
  font-family: "PingFang SC";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 18px */
}
.chapter-group[data-v-3e287b30] {
  margin-bottom: 24px;
}
.chapter-title-row[data-v-3e287b30] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  padding: 0 12px;
}
.chapter-mark[data-v-3e287b30] {
  width: 6px;
  height: 18px;
}
.chapter-title[data-v-3e287b30] {
  color: #111418;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 22.4px */
}
.lesson-list[data-v-3e287b30] {
  display: flex;
  flex-direction: column;
}
.lesson-item[data-v-3e287b30] {
  display: flex;
  cursor: pointer;
  position: relative;
  margin-bottom: 16px;
}
.lesson-status-col[data-v-3e287b30] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 24px;
  flex-shrink: 0;
  position: relative;
}
.status-icon[data-v-3e287b30] {
}
.status-icon .status-icon-img[data-v-3e287b30]{
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 2;
}
.status-line[data-v-3e287b30] {
  position: absolute;
  top: -20px;
  bottom: -76px;
  width: 1px;
  background: #E5E6EA;
  z-index: 1;
}
.lesson-item:last-child .status-line[data-v-3e287b30] {
  display: none;
}

/* Hide line for the last item in the last chapter if needed, 
   but since we iterate chapters, we might need more logic. 
   CSS :last-child works for the last lesson in a chapter. */
.lesson-card[data-v-3e287b30] {
  flex: 1;
  background: #fff;
  border-radius: 12px;
  padding: 12px;
  border: 1px solid transparent;
  margin-left: 8px;
  min-width: 89px ;
}
.lesson-item:hover .lesson-card[data-v-3e287b30] {
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.lesson-item.is-active .lesson-card[data-v-3e287b30] {
  border-radius: 12px;
  border: 1px solid #57F5A4;
  background: #FFF;
  box-shadow: 0 4px 16px 0 rgba(87, 245, 164, 0.15);
}
.lesson-tag[data-v-3e287b30] {
  font-size: 12px;
  color: #666;
  margin-bottom: 8px;
  background: #F5F7FA;
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
}
.lesson-title[data-v-3e287b30] {
  color: #111418;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 20.8px */
}
.lesson-desc[data-v-3e287b30] {
  color: #677084;
  font-size: 10px;
  line-height: 160%; /* 16px */
  margin-top: 4px;
}
.lesson-item.is-locked .lesson-title[data-v-3e287b30] {
  color: #677084;
}
.lesson-item.is-locked .lesson-desc[data-v-3e287b30] {
  color: #677084;
}


.ai-test-container[data-v-363c84e0] {
  border-radius: 16px;
  border: 1px solid rgba(40, 197, 144, 0.15);
  background: linear-gradient(180deg, #f6fffa 5.14%, #fff 90.92%);
  padding: 16px 12px
}
.ai-test-container .title[data-v-363c84e0] {
    color: #111418;
    font-family: 'PingFang SC';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
}
.ai-test-container .message[data-v-363c84e0] {
    margin-top: 4px;
    color: #111418;
    font-family: 'PingFang SC';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
}
.ai-test-container .tag[data-v-363c84e0] {
    margin-top: 4px;
    padding: 2px 3px;
    display: inline-flex;
    border-radius: 2.642px;
    background: rgba(40, 197, 144, 0.15);
    background: var(--, rgba(40, 197, 144, 0.15));
    color: #20b266;
    font-family: 'PingFang SC';
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.ai-test-container .btn[data-v-363c84e0] {
    padding: 10px 12px;
    margin-top: 22px;
    border-radius: 100px;
    background: #37FF98;
    color: #111418;
    font-family: 'PingFang SC';
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
    text-align: center;
}


.iget-prompt[data-v-f66259a2] {
  z-index: 3000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden
}
.iget-prompt .prompt-mask[data-v-f66259a2] {
    z-index: 3000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #000;
    opacity: 0.5;
}
.iget-prompt .prompt-main[data-v-f66259a2] {
    z-index: 4000;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 340px;
    padding: 25px 30px 20px;
    transform: translate(-50%, -50%);
    border-radius: 20px
}
.iget-prompt .prompt-main .title[data-v-f66259a2] {
      line-height: 26px;
      text-align: center;
}
.iget-prompt .prompt-main .summary[data-v-f66259a2] {
      margin-bottom: 15px;
      line-height: 24px;
      text-align: center;
}
.iget-prompt .prompt-main .iget-common-button[data-v-f66259a2] {
      margin-top: 20px;
      border: 0 none;
      font-weight: bold;
      color: #292d34;
}
.iget-prompt .prompt-main .iget-common-button.type-prohibit[data-v-f66259a2] {
        cursor: not-allowed;
}
@media (max-width: 767px) {
.prompt-main[data-v-f66259a2] {
    width: 280px !important;
}
}


.footer-condition[data-v-09680bbe] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 0 100px 0;
}
.footer-condition.aside-footer[data-v-09680bbe]{
     padding: 20px 0
}
.footer-condition.aside-footer .detail[data-v-09680bbe]{
      font-size: 11px !important
}
.footer-condition.aside-footer .detail .detail-item[data-v-09680bbe]::after{
            height: 8px;
            top: 0;
            margin-right: 0;
            padding-right: 0;
            content: '';
            border-right: none;
}
.footer-condition[data-v-09680bbe] {
}
.footer-condition .detail[data-v-09680bbe] {
    text-align: center
}
.footer-condition .detail .detail-item[data-v-09680bbe] {
      display: inline-block;
      line-height: 22px;
}
.footer-condition .detail .detail-item[data-v-09680bbe]::after {
        display: inline-block;
        position: relative;
        top: 1px;
        width: 1px;
        height: 11px;
        margin-right: 8px;
        padding-right: 8px;
        border-right: 1px #999 solid;
        content: '';
}
.footer-condition .detail .detail-item.detail-noline[data-v-09680bbe]::after {
          display: none;
}
.footer-condition .detail .detail-item-hover[data-v-09680bbe]:hover {
      color: #57f5a4;
      cursor: pointer;
}
.footer-statement[data-v-09680bbe] {
  position: relative;
  width: 100%;
  height: 230px;
  overflow: hidden
}
.footer-statement .content-section[data-v-09680bbe] {
    position: absolute;
    top: 0;
    right: -10px;
    bottom: 0;
    left: 0;
    overflow-y: scroll;
}
.footer-statement .content[data-v-09680bbe] {
    padding: 15px 5px 0;
    line-height: 26px;
}
.footer-statement-line[data-v-09680bbe] {
  position: fixed;
  bottom: 66px;
  width: calc(100% - 60px);
  height: 30px;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.94) 80%, #fff 100%);
}


.aside-container[data-v-2b8a4d98] {
  padding: 0px 20px;
  box-sizing: border-box;
  /* height: 100vh; */
}
.aside-logo-container[data-v-2b8a4d98] {
  padding-top: 28px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #111418;
  font-family: 'PingFang SC';
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.52px
}
.aside-logo-container .aside-logo[data-v-2b8a4d98] {
    display: flex;
    align-items: center;
    cursor: pointer
}
.aside-logo-container .aside-logo .logo[data-v-2b8a4d98] {
      width: 26.44px;
      height: 32px;
      margin-right: 6px;
}
.aside-logo-container .icon-arrow[data-v-2b8a4d98] {
    cursor: pointer;
}
.scroll-container[data-v-2b8a4d98] {
  height: calc(100vh - 90px);
  box-sizing: border-box;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scroll-container[data-v-2b8a4d98]::-webkit-scrollbar {
  display: none;
}
.aside-title-container[data-v-2b8a4d98] {
  border-radius: 16px;
  background: #fff;

  margin-top: 20px;
  padding: 4px;
  display: flex;
  align-items: center
}
.aside-title-container .title[data-v-2b8a4d98] {
    padding: 4px;
    flex: 1;
    color: #677084;
    font-family: 'PingFang SC';
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    cursor: pointer;
}
.aside-title-container .active-title[data-v-2b8a4d98] {
    border-radius: 12px;
    background: #f5f7fa;
    color: #111418;
    font-family: 'PingFang SC';
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.learn-list[data-v-2b8a4d98] {
  margin-top: 16px;
}


.header-user-card-base {
  z-index: 3100;
  position: absolute;
  top: 80px;
  right: -10px;
  width: 454px;
  min-height: 150px;
  padding: 20px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.1)
}

  /* &::before {
    z-index: 1005;
    position: absolute;
    top: -7px;
    right: 30px;
    width: 10px;
    height: 7px;
    background: url(https://piccdn2.umiwi.com/fe-oss/default/MTU4Mjc5MzAxMTUy.png) no-repeat 0 0 / 10px 7px;
    content: '';
  } */
.header-user-card-base .header-info {
    display: flex;
}
.header-user-card-base .user-name {
    margin-left: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
.header-user-card-base .user-name .name {
      color: #111418;
      color: var(----0-, #111418);
      font-family: 'PingFang SC';
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 150%; /* 24px */
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
}
.header-user-card-base .user-name .main-container {
}
.header-user-card-base .user-name .main-container .vip-container {
        color: #8a8f99;
        font-family: 'PingFang SC';
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%; /* 14.4px */
        display: flex;
        align-items: center;
}
.header-user-card-base .user-name .main-container .vip-btn {
        margin-left: 8px;
        display: flex;
        align-items: center;
        margin-left: 8xp;
        color: #38dba5;
        font-family: 'PingFang SC';
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%; /* 14.4px */
        cursor: pointer;
}
.header-user-card-base .user-name .main-container .no-vip {
        display: inline-flex;
        align-items: center;
        padding: 4px 8px;
        border-radius: 100px;
        background: rgba(104, 132, 200, 0.15);
        background: var(----, rgba(104, 132, 200, 0.15));
        color: #697997;
        color: var(----, #697997);
        font-family: 'PingFang SC';
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 12px; /* 100% */
}
.header-user-card-base .right {
}
.header-user-card-base .right .btn {
      cursor: pointer;
      box-sizing: content-box;
      margin-left: 4px;
      /* width: 108px; */
      display: flex;
      padding: 4px 4px 4px 12px;
      white-space: nowrap;
      align-items: center;
      border-radius: 12px;
      border: 0.5px solid #e5e6ea;
      background: rgba(255, 255, 255, 0);
      color: #677084;
      color: var(----3-, #677084);
      font-family: 'PingFang SC';
      font-size: 10px;
      font-style: normal;
      font-weight: 400;
      line-height: 12px; /* 120% */
}
.header-user-card-base .jump-vip {
    margin-top: 20px;
    border-radius: 20px;
    display: flex;
    padding: 16px 64px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    background: #f5f7fa;
    background: var(----7-b-g, #f5f7fa)
}
.header-user-card-base .jump-vip .title {
      text-align: center;
      color: #292d34;
      color: var(----1-, #292d34);
      font-family: 'PingFang SC';
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 120%; /* 16.8px */
}
.header-user-card-base .jump-vip .jump-btn {
      margin-top: 16px;
      display: inline-flex;
      padding: 10px 40px;
      justify-content: center;
      align-items: center;
      border-radius: 100px;
      background: #57f5a4;
      background: var(--, #57f5a4);
      color: #111418;
      color: var(----0-, #111418);
      font-family: 'PingFang SC';
      font-size: 15px;
      font-style: normal;
      font-weight: 600;
      line-height: 120%; /* 18px */
      cursor: pointer;
}
.header-user-card-base .style-data-container {
    width: 100%;
    margin-top: 20px;
    display: flex
}
.header-user-card-base .style-data-container .style-data-item {
      background-repeat: no-repeat;
      background-position: right bottom;
      background-size: 70px 70px;
      background-color: #f5f7fa;
      border-radius: 20px;
      overflow: hidden;
      flex: 1;
      height: 81px;
      padding: 16px;
}
.header-user-card-base .style-data-container .style-data-item:not(:last-child) {
        margin-right: 12px;
}
.header-user-card-base .style-data-container .style-data-item {
}
.header-user-card-base .style-data-container .style-data-item .count {
        height: 24px;
        display: flex;
        align-items: flex-end;
        color: #111418;
        color: var(----0-, #111418);
        font-family: 'PingFang SC';
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%; /* 24px */
}
.header-user-card-base .style-data-container .style-data-item .unit {
        display: flex;
        align-items: flex-end;
        margin-left: 8px;
        color: #677084;
        color: var(----3-, #677084);
        font-family: 'PingFang SC';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 170%; /* 22.1px */
}
.header-user-card-base .style-data-container .style-data-item .message {
        margin-top: 4px;
        color: #677084;
        color: var(----3-, #677084);
        font-family: 'PingFang SC';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 21px */
}
.header-user-card-base .user-logout {
    margin-top: 20px;
    margin-bottom: 12px;
    padding: 12px 40px;
    height: 43px;
    border-radius: 100px;
    text-align: center;
    background: #f5f7fa;
    color: #677084;
    font-family: 'PingFang SC';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    cursor: pointer;
}
.header-user-card-base .user-logout:hover {
      background: #f9f9f9;
}
.header-user-card-base .user-logout:active {
      background: #f2f2f2;
}
.header-user-card-enter-active {
  opacity: 1;
  transition: opacity 0.33s cubic-bezier(0.33, 0, 0, 1);
}
.header-user-card-leave-active {
  opacity: 0;
  transition: opacity 0.17s cubic-bezier(1, 0, 0.67, 1);
}















































































































































































































































































































































































/* 移动端适配 */
@media (max-width: 640px) {
.header-user-card-base {
    right: -16px;
    top: 64px;
    width: calc(100vw - 24px);
    padding: 16px;
    border-radius: 16px;
}
.header-user-card-base .header-info .el-avatar {
    width: 48px !important;
    height: 48px !important;
    line-height: 48px !important;
    font-size: 20px !important;
    flex-shrink: 0 !important;
}
.header-user-card-base .user-name {
    margin-left: 12px;
}
.header-user-card-base .user-name .name {
    font-size: 14px;
    line-height: 20px;
}
.header-user-card-base .user-name .main-container .vip-container,
  .header-user-card-base .user-name .main-container .vip-btn,
  .header-user-card-base .user-name .main-container .no-vip {
    font-size: 12px;
}
.header-user-card-base .right .btn {
    font-size: 10px;
    padding: 4px 8px;
}
.header-user-card-base .jump-vip {
    padding: 14px 16px;
    border-radius: 16px;
}
.header-user-card-base .jump-vip .title {
    font-size: 13px;
}
.header-user-card-base .jump-vip .jump-btn {
    width: 100%;
    padding: 10px 0;
    font-size: 14px;
}
.header-user-card-base .style-data-container {
    flex-wrap: wrap;
    gap: 12px;
}
.header-user-card-base .style-data-container .style-data-item {
    margin-right: 0 !important;
}
.header-user-card-base .style-data-container .style-data-item {
    flex: 1 1 calc(50% - 6px);
    height: 72px;
}
.header-user-card-base .user-logout {
    width: 100%;
    padding: 12px 0;
    font-size: 15px;
}
}
@media (max-width: 360px) {
.header-user-card-base {
    right: 8px;
    width: calc(100vw - 16px);
}
}



































































































/* 收起状态 */
.collapsed[data-v-8559b3ee] {
}
.collapsed .input-container[data-v-8559b3ee] {
    width: 40px;
    cursor: pointer
}
.collapsed .input-container[data-v-8559b3ee] .el-input__inner {
      width: 40px;
      height: 40px;
      padding: 0;
      text-indent: -9999px;
      cursor: pointer;
}
.collapsed .input-container[data-v-8559b3ee] .el-input__prefix {
      left: 50%;
      transform: translateX(-50%) translateY(25%);
}
.collapsed[data-v-8559b3ee]:hover {
  transform: scale(1.1);
}
/* 展开状态 */
.expanded[data-v-8559b3ee] {
}
.expanded .input-container[data-v-8559b3ee] {
    width: 100%;
    min-width: 300px;
    max-width: 600px
}
.expanded .input-container[data-v-8559b3ee] .el-input__inner {
      text-indent: 0;
}
.expanded .input-container[data-v-8559b3ee] .el-input__prefix {
      left: 2.5%;
      transform:translateY(25%);
}
.focus[data-v-8559b3ee] {
}
.focus .input-container[data-v-8559b3ee] {
    width: 100%;
    min-width: 300px;
    max-width: 600px;
}
.length[data-v-8559b3ee] {
}
.length .input-container[data-v-8559b3ee] {
}
.length .input-container[data-v-8559b3ee] .el-input__inner {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
}
.input-container[data-v-8559b3ee] {
}
.input-container[data-v-8559b3ee] .el-input__inner {
    border-radius: 20px;
    background: #f5f7fa;
    border-color: transparent;
    /* &:focus {
      border-color: #38dba5;
    } */
}
.input-container.input-login[data-v-8559b3ee] {
}
.input-container.input-login[data-v-8559b3ee] .el-input__inner {
      background: #fff;
}
.search-wrapper[data-v-8559b3ee] {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  z-index: 1000;
  background: #f5f7fa;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow-y: scroll;
  max-height: 40vh;
  padding-bottom: 16px;
}
.search-list[data-v-8559b3ee] {
  display: flex;
  flex-direction: column;
}
.search-item[data-v-8559b3ee] {
  margin: 16px 20px;
  cursor: pointer
}
.search-item .search-title[data-v-8559b3ee] {
    height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #292d34;
    color: var(----1-, #292d34);
    font-family: 'PingFang SC';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}
.search-item .search-content[data-v-8559b3ee] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 5px;
    color: #677084;
    color: var(----3-, #677084);
    font-family: 'PingFang SC';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
}


.title-container[data-v-4842bf96] {
  display: flex;
  align-items: center
}
.title-container .title-icon[data-v-4842bf96] {
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    transition: transform 0.2s;
    background: rgba(0, 0, 0, 0.05);
}
.title-container .title-icon[data-v-4842bf96]:hover {
    transform: scale(1.1);
}
.title-container .title[data-v-4842bf96] {
    cursor: pointer;
    color: #111418;
    font-family: 'PingFang SC';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    margin-left: 2px;
}


.header-container[data-v-c060b6fc] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  /* transition: background-color 0.15s linear; */
}
.header-container.header-mobile[data-v-c060b6fc] {
}
.header-container.header-mobile .search-container[data-v-c060b6fc] {
      display: none;
}
.header-container[data-v-c060b6fc] {
}
.header-container .header-container-right[data-v-c060b6fc] {
    display: flex;
    align-items: center;
}
.header-container-left[data-v-c060b6fc] {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.aside-wrap[data-v-c060b6fc] {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.icon-wrap[data-v-c060b6fc] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  transition: transform 0.2s;
  background: #F5F7FA;
}
.icon-wrap[data-v-c060b6fc]:hover {
  transform: scale(1.1);
}
.hairline-column[data-v-c060b6fc] {
  margin: 0 20px;
  background: #e5e6ea;
  height: 32px;
  width: 1px;
}
.hairline-column.right[data-v-c060b6fc] {
    margin: 0 16px;
}
.search-container[data-v-c060b6fc] {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-left: 16px;
  flex: 1;
  max-width: 660px;
  min-width: 40px;
}
.right-container[data-v-c060b6fc] {
  display: flex;
  align-items: center
}
.right-container .sign-in[data-v-c060b6fc] {
    display: flex;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: 'PingFang SC';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    cursor: pointer;
    white-space: nowrap;
    background: #57f5a4;
    color: #111418;
}
.right-container .sign-in[data-v-c060b6fc]:hover {
      /* background: #20b266; */
}
.hairline[data-v-c060b6fc] {
  position: absolute;
  left: -20px;
  right: -20px;
  bottom: 0;
  height: 1px;
  background: #e5e6ea;
  transform: scaleY(0.5);
  transform-origin: 0 0;
}
.hairline[data-v-c060b6fc]::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0; /* 要画顶部就 top:0 */
}
.header-title[data-v-c060b6fc] {
  font-family: PingFang SC;
  font-weight: 600;
  font-style: Semibold;
  font-size: 20px;
  color: #111418;
  margin-left: 20px;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.iget-area-code[data-v-388034f8] {
  z-index: 100;
  position: absolute;
  top: calc(50% - 10px);
  left: 0
}
.iget-area-code .area-code-selected[data-v-388034f8] {
    position: relative;
    width: 70px;
    height: 22px;
    padding: 0 22px 0 13px;
    line-height: 16px;
    cursor: pointer
}
.iget-area-code .area-code-selected .iget-icon-fold[data-v-388034f8] {
      position: absolute;
      top: 3px;
      right: 0px;
      transform: rotate(0deg);
      transition: all 0.2s cubic-bezier(0.33, 0, 0, 1);
}
.iget-area-code .area-code-selected .iget-icon-fold.icon-unfold[data-v-388034f8] {
        top: 1px;
        transform: rotate(180deg);
        transition: all 0.33s cubic-bezier(0.33, 0, 0, 1);
}
.iget-area-code .area-code-list[data-v-388034f8] {
    position: absolute;
    top: 46px;
    left: 0;
    width: 460px;
    height: 222px;
    padding: 10px 12px 12px;
    padding-left: 15px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer
}
.iget-area-code .area-code-list .list[data-v-388034f8] {
      width: 100%;
      height: 174px;
      overflow-y: scroll;
      list-style: none;
      padding: 0;
      margin: 0;
}
.iget-area-code .area-code-list .list[data-v-388034f8]::-webkit-scrollbar {
        width: 0;
        bakground: transparent;
}
.iget-area-code .area-code-list .list[data-v-388034f8] {
}
.iget-area-code .area-code-list .list .list-item[data-v-388034f8] {
        position: relative;
        margin-top: 8px;
        cursor: pointer;
}
.iget-area-code .area-code-list .list .list-item.selected[data-v-388034f8] {
          font-weight: bold;
}
.iget-area-code .area-code-list .list .list-item[data-v-388034f8] {
}
.iget-area-code .area-code-list .list .list-item .codes[data-v-388034f8] {
          margin-left: 10px;
}
.iget-area-code .area-code-list .list .list-item .iget-icon-selected[data-v-388034f8] {
          position: absolute;
          top: 0;
          right: 0;
}


.iget-login[data-v-cad998e6] {
  z-index: 5000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden
}
.iget-login .login-mask[data-v-cad998e6] {
    z-index: 3000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
}
.iget-login .login-main[data-v-cad998e6] {
    z-index: 4000;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 542px;
    height: 92%;
    transform: translate(-50%, -50%);
    border-radius: 16px;
    max-height: 760px
}
.iget-login .login-main .login-header[data-v-cad998e6] {
}
.iget-login .login-main .login-header .login-operating[data-v-cad998e6] {
        position: relative
}
.iget-login .login-main .login-header .login-operating .login-close[data-v-cad998e6] {
          top: 12px;
          right: 14px;
          position: absolute;
          cursor: pointer;
}
.iget-login .login-main .login-header .login-operating .login-close[data-v-cad998e6]:hover {
            color: #666;
}
.iget-login .login-main .login-options[data-v-cad998e6] {
      padding: 40px 32px 48px 32px;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow-y: scroll
}
.iget-login .login-main .login-options .login-title[data-v-cad998e6] {
        padding-top: 4px;
        text-align: center;
}
.iget-login .login-main .login-options .login-divider[data-v-cad998e6] {
        margin-top: 32px;
        width: 460px;
        height: 1px;
        background: #e5e6ea;
}
.iget-login .login-main .login-options .login-phone[data-v-cad998e6],
      .iget-login .login-main .login-options .login-qrcode[data-v-cad998e6] {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
}
.iget-login .login-main .login-options .login-qrcode[data-v-cad998e6] {
        position: relative
}
.iget-login .login-main .login-options .login-qrcode .qrcode-summary[data-v-cad998e6] {
          margin-top: 10px;
          text-align: center;
          color: #adb3be;
          font-family: 'PingFang SC';
          font-size: 13px;
          font-style: normal;
          font-weight: 400;
          line-height: 120%; /* 15.6px */
}
.iget-login .login-main .login-options .login-qrcode .qrcode-code-container[data-v-cad998e6] {
          width: 116px;
          height: 116px;
          border-radius: 16px;
          background-color: #f5f7fa;
          margin: auto;
          margin-top: 24px;
          padding: 10px;
          position: relative
}
.iget-login .login-main .login-options .login-qrcode .qrcode-code-container .qrcode-code[data-v-cad998e6] {
            width: 96px;
            height: 96px;
            background: url('https://piccdn2.umiwi.com/fe-oss/default/MTYyMDYyODk5MjY1.gif') 33px 15px no-repeat;
            background-size: 30px 30px;
}
.iget-login .login-main .login-options .login-qrcode .qrcode-code-container .qrcode-code[data-v-cad998e6]:before {
              content: '加载中';
              font-weight: 500;
              font-size: 16px;
              line-height: 26px;
              position: absolute;
              bottom: 20px;
              left: 32px;
}
.iget-login .login-main .login-options .login-qrcode .qrcode-code-container .qrcode-code[data-v-cad998e6] {
}
.iget-login .login-main .login-options .login-qrcode .qrcode-code-container .qrcode-code .qrcode-img[data-v-cad998e6] {
              position: absolute;
              top: 10px;
              left: 10px;
              display: block;
              width: 96px;
              height: 96px;
}
.iget-login .login-main .login-options .login-qrcode .qrcode-code-container .qrcode-code .qrcode-img[src=''][data-v-cad998e6] {
                opacity: 0;
}
.iget-login .login-main .login-options .login-qrcode .qrcode-state[data-v-cad998e6] {
          display: flex;
          position: absolute;
          top: 62px;
          left: 50%;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          width: 140px;
          height: 140px;
          transform: translate(-50%, 0);
          cursor: pointer;
          opacity: 0.95
}
.iget-login .login-main .login-options .login-qrcode .qrcode-state .qrcode-tips[data-v-cad998e6] {
            padding-top: 8px;
            text-align: center
}
.iget-login .login-main .login-options .login-qrcode .qrcode-state .qrcode-tips .qrcode-color[data-v-cad998e6] {
              color: #4a90e2;
}
.iget-login .login-main .login-options .login-qrcode .qrcode-state .qrcode-icon[data-v-cad998e6] {
            width: 30px;
            height: 30px;
}
.iget-login .login-main .login-options .login-qrcode .qrcode-state .qrcode-icon.qrcode-fail[data-v-cad998e6] {
              /* background: url(../../assets/images/global/toast_error.png) 0 0 no-repeat; */
              background-size: 30px 30px;
}
.iget-login .login-main .login-options .login-qrcode .qrcode-state .qrcode-icon.qrcode-success[data-v-cad998e6] {
              /* background: url(../../assets/images/global/default_success.png) 0 0 no-repeat; */
              background-size: 28px 28px;
}
.iget-login .login-main .login-options .login-qrcode .qrcode-selector[data-v-cad998e6] {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 10px;
          cursor: pointer;
          color: #8a8f99
}
.iget-login .login-main .login-options .login-qrcode .qrcode-selector .iconfont[data-v-cad998e6] {
            margin-right: 4px;
}
.iget-login .login-main .login-options .login-phone[data-v-cad998e6] {
}
.iget-login .login-main .login-options .login-phone .phone-number[data-v-cad998e6],
        .iget-login .login-main .login-options .login-phone .auth-code[data-v-cad998e6] {
          position: relative;
          width: 100%;
          height: 70px
}
.iget-login .login-main .login-options .login-phone .phone-number .phone-input-module[data-v-cad998e6], .iget-login .login-main .login-options .login-phone .auth-code .phone-input-module[data-v-cad998e6] {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 51px;
            border-radius: 100px;
            background: #f5f7fa;
            display: flex;
            align-items: center
}
.iget-login .login-main .login-options .login-phone .phone-number .phone-input-module .area-code-container[data-v-cad998e6], .iget-login .login-main .login-options .login-phone .auth-code .phone-input-module .area-code-container[data-v-cad998e6] {
              left: 10px;
}
.iget-login .login-main .login-options .login-phone .phone-number .phone-input-module .phone-input[data-v-cad998e6], .iget-login .login-main .login-options .login-phone .auth-code .phone-input-module .phone-input[data-v-cad998e6] {
              display: block;
              height: 100%;
              border: none;
              outline: none;
              font-weight: bold;
              line-height: 100%;
              background: #f5f7fa;
              border-radius: 100px;
}
.iget-login .login-main .login-options .login-phone .phone-number .phone-input-module .phone-input[data-v-cad998e6]::-webkit-input-placeholder, .iget-login .login-main .login-options .login-phone .auth-code .phone-input-module .phone-input[data-v-cad998e6]::-webkit-input-placeholder {
                color: #adb3be;
                font-size: 16px;
                font-weight: normal;
}
.iget-login .login-main .login-options .login-phone .phone-number .phone-input-module .phone-input[data-v-cad998e6]::placeholder, .iget-login .login-main .login-options .login-phone .auth-code .phone-input-module .phone-input[data-v-cad998e6]::placeholder {
                color: #adb3be;
                font-size: 16px;
                font-weight: normal;
}
.iget-login .login-main .login-options .login-phone .phone-number .phone-input-module .cancel[data-v-cad998e6], .iget-login .login-main .login-options .login-phone .auth-code .phone-input-module .cancel[data-v-cad998e6] {
              z-index: 20;
              position: absolute;
              top: calc(50% - 7.5px);
              right: 0;
              width: 16px;
              height: 16px;
              margin-right: 13px;
              background: url(https://piccdn2.umiwi.com/fe-oss/default/MTU4ODkxMDczMjk5.png) no-repeat 0 0 / 16px 16px;
              cursor: pointer;
}
.iget-login .login-main .login-options .login-phone .phone-number .phone-error-tips[data-v-cad998e6], .iget-login .login-main .login-options .login-phone .auth-code .phone-error-tips[data-v-cad998e6] {
            position: absolute;
            top: 48px;
            left: 0;
}
.iget-login .login-main .login-options .login-phone .phone-number[data-v-cad998e6] {
          margin-top: 30px
}
.iget-login .login-main .login-options .login-phone .phone-number .phone-input-module[data-v-cad998e6] {
            padding: 12px 32px
}
.iget-login .login-main .login-options .login-phone .phone-number .phone-input-module .phone-input[data-v-cad998e6] {
              position: absolute;
              top: 0;
              left: 100px;
              right: 32px;
}
.iget-login .login-main .login-options .login-phone .auth-code[data-v-cad998e6] {
}
.iget-login .login-main .login-options .login-phone .auth-code .phone-input-module[data-v-cad998e6] {
            padding: 13px 16px
}
.iget-login .login-main .login-options .login-phone .auth-code .phone-input-module .phone-label[data-v-cad998e6] {
              position: absolute;
              right: 32px;
              height: 20px;
              padding-left: 15px;
              cursor: wait;
              color: #57f5a4;
}
.iget-login .login-main .login-options .login-phone .auth-code .phone-input-module .phone-label.phone-label-valid[data-v-cad998e6] {
                cursor: pointer;
}
.iget-login .login-main .login-options .login-phone .auth-code .phone-input-module .phone-label.phone-label-valid[data-v-cad998e6]:hover {
                  color: #20b266;
}
.iget-login .login-main .login-options .login-phone .auth-code .phone-input-module .phone-label.phone-label-valid[data-v-cad998e6]:active {
                  color: #20b266;
}
.iget-login .login-main .login-options .login-phone .auth-code .phone-input-module .phone-input[data-v-cad998e6] {
              position: absolute;
              top: 0;
              left: 32px;
              right: 0;
}
.iget-login .login-main .login-options .login-phone .phone-button[data-v-cad998e6] {
          width: 100%;
          display: block;
          border-radius: 100px;
          padding: 12px 32px;
          cursor: pointer;
          background: #57f5a4;
          border: none;
          color: #111418;
          text-align: center;
          font-family: 'PingFang SC';
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: 150%; /* 27px */
}
.iget-login .login-main .login-options .login-phone .phone-button[data-v-cad998e6]:hover {
            background: #20b266;
}
.iget-login .login-main .login-options .login-phone .phone-button[data-v-cad998e6]:active {
            background: #20b266;
}
.iget-login .login-main .login-options .login-phone .phone-summary[data-v-cad998e6] {
          padding-top: 16px;
          text-align: center;
}
.iget-login .login-main .login-options .logo-top-title[data-v-cad998e6] {
        display: flex;
        justify-content: center;
        color: #111418;
        font-family: 'PingFang SC';
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%; /* 38.4px */
        letter-spacing: 0.64px
}
.iget-login .login-main .login-options .logo-top-title .logo-cover[data-v-cad998e6] {
          width: 40px;
          height: 40px;
          margin-right: 6px;
}
.iget-login .login-main .login-options .logo-message[data-v-cad998e6] {
        text-align: center;
        margin-top: 8px;
        color: #8a8f99;
        font-family: 'PingFang SC';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%; /* 16.8px */
}
.iget-login .login-main .login-options .login-title[data-v-cad998e6] {
        text-align: center;
        margin-top: 32px;
        color: #111418;
        text-align: center;
        font-family: 'PingFang SC';
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 33px */
}
.iget-login .dd-agreement-wrap[data-v-cad998e6] {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center
}
.iget-login .dd-agreement-wrap .dd-checkBox-wrapper[data-v-cad998e6] {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      color: #8a8f99;
      font-family: 'PingFang SC';
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px
}

  /* 166.667% */
.iget-login .dd-agreement-wrap .dd-checkBox-wrapper .link[data-v-cad998e6] {
        color: #6884c8;
        font-family: 'PingFang SC';
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        text-decoration: none;
}
.iget-login .dd-agreement-wrap .dd-checkBox-wrapper .dd-checkBox[data-v-cad998e6] {
        flex-shrink: 0;
        margin-right: 10px;
        border: 1px solid #e5e5e5;
        border-radius: 1px;
        width: 12px;
        height: 12px;
}
.iget-login .dd-agreement-wrap .dd-checkBox-wrapper .dd-checkBox.agree[data-v-cad998e6] {
          border: 1px solid #57f5a4;
          background: #57f5a4;
          color: #fff;
          line-height: 10px;
          text-align: center
}
.iget-login .dd-agreement-wrap .dd-checkBox-wrapper .dd-checkBox.agree .right-icon[data-v-cad998e6] {
            width: 8px;
}


.qrcode-wrapped[data-v-66b8c100] {
  margin: 0 auto;
}


.vip-dialog[data-v-5aa53b46] {
  z-index: 5000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden
}
.vip-dialog .vip-mask[data-v-5aa53b46] {
    z-index: 3000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
}
.vip-dialog .vip-main[data-v-5aa53b46] {
    z-index: 4000;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 902px;
    overflow-y: scroll;
    padding: 24px 0;
    transform: translate(-50%, -50%);
    border-radius: 40px;
    background: radial-gradient(53.93% 62.9% at 69.4% 101.06%, rgba(87, 245, 164, 0.3) 0%, rgba(87, 245, 164, 0) 100%),
      #fff;
}
.vip-dialog .vip-message[data-v-5aa53b46] {
    display: flex;
    padding: 16px 20px 23px 20px;
    margin: 0 25px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 24px;
    background: #f5f7fa
}
.vip-dialog .vip-message .message-title[data-v-5aa53b46] {
      color: #111418;
      font-family: 'PingFang SC';
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%; /* 30px */
}
.vip-dialog .vip-message .message-main[data-v-5aa53b46] {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 24px;
      gap: 24px
}
.vip-dialog .vip-message .message-main .message-item[data-v-5aa53b46] {
        display: flex;
        align-items: center;
        color: #292d34;
        font-family: 'PingFang SC';
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 170%; /* 23.8px */
}
.vip-dialog .tip-title[data-v-5aa53b46] {
    margin: 23px 0 20px 25px;
    color: #292d34;
    font-family: 'PingFang SC';
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 22.5px */
}
.vip-swiper-container[data-v-5aa53b46],
.vip-container[data-v-5aa53b46] {
  overflow: hidden;
  position: relative;
  padding: 0 25px
}
.vip-swiper-container .swiper-slide[data-v-5aa53b46], .vip-container .swiper-slide[data-v-5aa53b46] {
    position: relative;
    cursor: pointer;
    width: 262px;
    height: 191px;
    border-radius: 20px;
    overflow: hidden;
    border: 2px solid #e5e6ea;
    background: #f5f7fa;
}
.vip-swiper-container .swiper-slide.active-card[data-v-5aa53b46], .vip-container .swiper-slide.active-card[data-v-5aa53b46] {
      border-radius: 20px;
      border: 2px solid #57f5a4;
      background: rgba(40, 197, 144, 0.15);
}
.vip-swiper-container .card-tag[data-v-5aa53b46], .vip-container .card-tag[data-v-5aa53b46] {
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 0 0 10px 0;
    background: #57f5a4;
    display: inline-flex;
    padding: 3px 8px 3px 12px;
    justify-content: center;
    align-items: center;
    color: #111418;
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 15px */
}
.vip-swiper-container .card-container[data-v-5aa53b46], .vip-container .card-container[data-v-5aa53b46] {
    display: flex;
    flex-direction: column;
    padding: 24px;
    height: 100%;
    position: relative
}
.vip-swiper-container .card-container .card-name[data-v-5aa53b46], .vip-container .card-container .card-name[data-v-5aa53b46] {
      margin-bottom: 30px;
      color: #111418;
      font-family: 'PingFang SC';
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 170%; /* 27.2px */
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
}
.vip-swiper-container .card-container .card-price[data-v-5aa53b46], .vip-container .card-container .card-price[data-v-5aa53b46] {
      color: #38dba5;
      font-family: 'PingFang SC';
      font-size: 48px;
      font-style: normal;
      font-weight: 600;
      line-height: 100%; /* 48px */
}
.vip-swiper-container .card-container .monthly-tips[data-v-5aa53b46], .vip-container .card-container .monthly-tips[data-v-5aa53b46] {
      margin-right: 2px;
      color: #292d34;
      text-align: justify;
      font-family: 'PingFang SC';
      font-size: 10px;
      font-style: normal;
      font-weight: 400;
      line-height: 200%;
}
.vip-swiper-container .card-container .price-unit[data-v-5aa53b46], .vip-container .card-container .price-unit[data-v-5aa53b46] {
      color: #38dba5;
      font-family: 'PingFang SC';
      font-size: 24px;
      font-style: normal;
      font-weight: 500;
      line-height: 140%; /* 33.6px */
}
.vip-swiper-container .card-container .price-value[data-v-5aa53b46], .vip-container .card-container .price-value[data-v-5aa53b46] {
      margin-top: 12px;
      color: #677084;
      font-family: 'PingFang SC';
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: 170%; /* 25.5px */
      -webkit-text-decoration-line: line-through;
              text-decoration-line: line-through;
}
.vip-swiper-container .custom-prev[data-v-5aa53b46],
  .vip-swiper-container .custom-next[data-v-5aa53b46],
  .vip-container .custom-prev[data-v-5aa53b46],
  .vip-container .custom-next[data-v-5aa53b46] {
    position: absolute;
}
.vip-swiper-container .swiper-button-next[data-v-5aa53b46],
  .vip-swiper-container .swiper-button-prev[data-v-5aa53b46],
  .vip-container .swiper-button-next[data-v-5aa53b46],
  .vip-container .swiper-button-prev[data-v-5aa53b46] {
    background: none !important;
    width: auto !important;
    height: auto !important;
}
.vip-swiper-container .swiper-button-next[data-v-5aa53b46]::after,
  .vip-swiper-container .swiper-button-prev[data-v-5aa53b46]::after,
  .vip-container .swiper-button-next[data-v-5aa53b46]::after,
  .vip-container .swiper-button-prev[data-v-5aa53b46]::after {
    display: none !important;
    content: none !important;
}
.vip-swiper-container .custom-prev[data-v-5aa53b46],
  .vip-swiper-container .custom-next[data-v-5aa53b46],
  .vip-container .custom-prev[data-v-5aa53b46],
  .vip-container .custom-next[data-v-5aa53b46] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
}
.vip-swiper-container .custom-prev[data-v-5aa53b46], .vip-container .custom-prev[data-v-5aa53b46] {
    left: -5px;
}
.vip-swiper-container .custom-next[data-v-5aa53b46], .vip-container .custom-next[data-v-5aa53b46] {
    right: -5px;
}
.vip-container[data-v-5aa53b46] {
  display: flex;
  flex-direction: row
}
.vip-container .swiper-slide[data-v-5aa53b46] {
    flex: 1;
    margin-right: 20px;
}
.vip-container .swiper-slide[data-v-5aa53b46]:last-child {
      margin-right: 0;
}
.welfare_info[data-v-5aa53b46] {
  color: #292d34;
  font-family: 'PingFang SC';
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
  height: 23px;
  margin-top: 23px;
  margin-left: 25px;
}
.q-code-container[data-v-5aa53b46] {
  position: relative;
  margin: auto;
  margin-top: 23px;
  width: 160px;
  height: 201px;
  background-color: #fff;
  border-radius: 16px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  color: #677084;
  font-family: 'PingFang SC';
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 19.5px */
}
.container[data-v-5aa53b46] {
  top: 0;
  position: absolute;
  width: 160px;
  height: 160px;
  background-color: rgba(255, 255, 255, 0.8)
}
.container .corner[data-v-5aa53b46] {
    position: absolute;
    width: 12px;
    height: 12px;
}

/* 使用CSS创建角落装饰图案 */
.container .corner[data-v-5aa53b46]::before,
  .container .corner[data-v-5aa53b46]::after {
    content: '';
    position: absolute;
    background-color: #00d9a3;
}

/* 左上角 */
.container .corner-top-left[data-v-5aa53b46] {
    top: 5px;
    left: 10px;
}
.container .corner-top-left[data-v-5aa53b46]::before {
    width: 3px;
    height: 12px;
    top: 0;
    left: 0;
}
.container .corner-top-left[data-v-5aa53b46]::after {
    width: 12px;
    height: 3px;
    top: 0;
    left: 0;
}

/* 右上角 */
.container .corner-top-right[data-v-5aa53b46] {
    top: 5px;
    right: 10px;
}
.container .corner-top-right[data-v-5aa53b46]::before {
    width: 3px;
    height: 12px;
    top: 0;
    right: 0;
}
.container .corner-top-right[data-v-5aa53b46]::after {
    width: 12px;
    height: 3px;
    top: 0;
    right: 0;
}

/* 左下角 */
.container .corner-bottom-left[data-v-5aa53b46] {
    bottom: 10px;
    left: 10px;
}
.container .corner-bottom-left[data-v-5aa53b46]::before {
    width: 3px;
    height: 12px;
    bottom: 0;
    left: 0;
}
.container .corner-bottom-left[data-v-5aa53b46]::after {
    width: 12px;
    height: 3px;
    bottom: 0;
    left: 0;
}

/* 右下角 */
.container .corner-bottom-right[data-v-5aa53b46] {
    bottom: 10px;
    right: 10px;
}
.container .corner-bottom-right[data-v-5aa53b46]::before {
    width: 3px;
    height: 12px;
    bottom: 0;
    right: 0;
}
.container .corner-bottom-right[data-v-5aa53b46]::after {
    width: 12px;
    height: 3px;
    bottom: 0;
    right: 0;
}
.agree-container[data-v-5aa53b46] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #292d34;
  font-family: 'PingFang SC';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  height: 160px;
  background-color: rgba(255, 255, 255, 0.3);

  cursor: pointer
}
.agree-container .agree[data-v-5aa53b46] {
    display: inline-flex;
    padding: 6px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #57f5a4;
    margin-top: 17px;
}
.q-code-tip[data-v-5aa53b46] {
  color: #677084;
  font-family: 'PingFang SC';
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
  text-align: center
}
.q-code-tip .link[data-v-5aa53b46] {
    cursor: pointer;
}
.q-code-tip .link[data-v-5aa53b46]:hover {
      color: #292d34;
}


.vip-tip[data-v-9334b992] {
  z-index: 5000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden
}
.vip-tip .vip-mask[data-v-9334b992] {
    z-index: 3000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    /* backdrop-filter: blur(20px); */
}
.vip-tip .vip-main[data-v-9334b992] {
    z-index: 4000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 460px;
    padding: 30px;
    border-radius: 32px;
    border: 0.5px solid #e5e6ea;
    border: 0.5px solid var(----6-line, #e5e6ea);
    background: #fff;
    background: var(----, #fff);
    box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.1);
}
.vip-title[data-v-9334b992] {
  color: #111418;
  color: var(----0-, #111418);
  text-align: center;
  font-family: 'PingFang SC';
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 38.4px */
  margin-bottom: 19px;
}
.vip-message[data-v-9334b992] {
  color: #677084;
  color: var(----3-, #677084);
  text-align: center;
  font-family: 'PingFang SC';
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 170%; /* 34px */
}
.vip-btn[data-v-9334b992] {
  margin-top: 32px;
  display: flex;
  padding: 12px 80px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 100px;
  background: #57f5a4;
  background: var(--, #57f5a4);
  color: #292d34;
  color: var(----1-, #292d34);
  font-family: 'PingFang SC';
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}


.ai-assistant-bottom[data-v-4c673c2f] {
  position: fixed;
  bottom: 20px;
  left: 344px;
  z-index: 1200;
  width: calc(100% - 368px);
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.ai-assistant-bottom.assistant-collapsed[data-v-4c673c2f] {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: calc(100% - 40px);
}
.assistant-container[data-v-4c673c2f] {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 32px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  box-shadow: 0px 0px 24px 0px rgba(62,148,104,0.2);
  border-radius: 32px;
}
@media (max-width: 400px) {
.ai-assistant-bottom[data-v-4c673c2f] {
  position: fixed;
  bottom: 20px;
  left: 0;
  z-index: 1200;
  width: 100%;
}
.ai-assistant-bottom.assistant-collapsed[data-v-4c673c2f] {
    position: fixed;
    bottom: 20px;
    left: 25px;
    width: calc(100% - 50px);
}
}


.question-dialog-overlay[data-v-25903382] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.question-dialog-container[data-v-25903382] {
  width: 542px;
  background: white;
  border-radius: 32px;
  position: relative;
  padding: 40px 32px;
  box-sizing: border-box;
  transition: height 0.3s ease;
}
.question-dialog-container.quiz-mode[data-v-25903382] {
  height: 778px;
}
.question-dialog-header[data-v-25903382] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
}
.skip-button[data-v-25903382] {
  width: 68px;
  height: 31px;
  border: 0.5px solid #e5e6ea;
  border-radius: 100px;
  background: transparent;
  color: #8a8f99;
  font-family: 'PingFang SC';
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  outline: none;
}
.skip-button[data-v-25903382]:hover {
  background: #f5f7fa;
}
.question-dialog-content[data-v-25903382] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.welcome-section[data-v-25903382] {
  text-align: center;
  margin-bottom: 32px;
}
.welcome-icon[data-v-25903382] {
  width: 64px;
  height: 64px;
  border-radius: 100%;
  margin-bottom: 20px;
}
.welcome-text[data-v-25903382] {
  color: #111418;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
}
.instruction-text[data-v-25903382] {
  color: #111418;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 32px;
}
.time-hint[data-v-25903382] {
  font-size: 20px;
  color: #111418;
}
.start-button[data-v-25903382] {
  width: 200px;
  height: 51px;
  background: #57f5a4;
  border: none;
  border-radius: 100px;
  color: #111418;
  font-family: 'PingFang SC';
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  outline: none;
  transition: background 0.2s ease;
  margin-bottom: 12px;
}
.start-button[data-v-25903382]:hover {
  background: #2ee687;
}
.start-button[data-v-25903382]:active {
  background: #28cc77;
}
.question-dialog-footer[data-v-25903382] {
  color: #677084;
  font-family: 'PingFang SC';
  font-size: 13px;
  font-weight: 400;
  text-align: center;
}
.question-dialog-footer.skip[data-v-25903382] {
    margin-top: 20px;
}
.question-dialog-footer.pending[data-v-25903382] {
    font-weight: 500;
    font-size: 20px;
    color: #292d34;
}
.quiz-header[data-v-25903382] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.prev-button[data-v-25903382] {
  width: 82px;
  height: 31px;
  border: 0.5px solid #e5e6ea;
  border-radius: 100px;
  background: transparent;
  color: #292d34;
  font-family: 'PingFang SC';
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  outline: none;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
}
.prev-button[data-v-25903382]:not(.disabled) {
  opacity: 1;
  pointer-events: auto;
}
.prev-button[data-v-25903382]:not(.disabled):hover {
  background: #f5f7fa;
}
.progress-text[data-v-25903382] {
  color: #677084;
  font-family: 'PingFang SC';
  font-size: 14px;
  font-weight: 400;
}
.quiz-content[data-v-25903382] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.question-section[data-v-25903382] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 32px;
}
.question-icon[data-v-25903382] {
  margin-right: 12px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
.question-text[data-v-25903382] {
  color: #111418;
  font-family: 'PingFang SC';
  font-size: 22px;
  font-weight: 500;
  line-height: 1.6;
  flex: 1;
  padding-top: 3px;
}
.options-container[data-v-25903382] {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
  max-height: 500px;
  overflow-y: scroll;
  padding: 0 5px;
}
.option-item[data-v-25903382] {
  position: relative;
  width: 100%;
  height: 50px;
  background: #f5f7fa;
  margin-bottom: 12px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0 20px;
  box-sizing: border-box;
  color: #111418;
  font-family: 'PingFang SC';
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  border: 1px solid #f5f7fa;
}
.option-item[data-v-25903382]:hover {
  background: #e8f5ee;
  transform: translateY(-2px);
  border: 1px solid rgba(55, 255, 152, 0.15);
  box-shadow: 0 4px 12px rgba(55, 255, 152, 0.15);
}
.option-item.selected[data-v-25903382] {
  border: 1px solid #57f5a4;
  color: #111418;
  transform: scale(1.02);
  box-shadow: 0 6px 20px rgba(55, 255, 152, 0.25);
  background: #28C590;
}
.option-input[data-v-25903382] {
  height: 100%;
  height: 50px;
  display: flex;
  padding: 12px 24px;
  background: #f5f7fa;
  border-radius: 100px;
  overflow: hidden;
  margin-top: 12px;
}
.other-input[data-v-25903382] {
  height: 100%;
  background: #f5f7fa;
  font-size: 18px;
  outline: none;
  border: none;
}
.other-input[data-v-25903382]:focus {
  border-color: #57f5a4;
}
.next-button[data-v-25903382] {
  width: 100%;
  height: 51px;
  background: #57f5a4;
  border: none;
  border-radius: 100px;
  color: #111418;
  font-family: 'PingFang SC';
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  outline: none;
  transition: all 0.3s ease;
  margin-top: auto;
}
.next-button[data-v-25903382]:hover:not(:disabled) {
  background: #47e893;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(87, 245, 164, 0.25);
}
.next-button[data-v-25903382]:active:not(:disabled) {
  background: #37d983;
  transform: translateY(0);
}
.next-button[data-v-25903382]:disabled {
  background: #e5e6ea;
  color: #adb3be;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
@media (max-width: 768px) {
.question-dialog-container[data-v-25903382] {
    width: 90%;
    height: auto;
    min-height: 400px;
    padding: 32px 24px;
}
.question-dialog-container.quiz-mode[data-v-25903382] {
    height: auto;
    min-height: 600px;
}
.welcome-text[data-v-25903382],
  .instruction-text[data-v-25903382] {
    font-size: 16px;
}
.start-button[data-v-25903382] {
    width: 160px;
    height: 44px;
    font-size: 16px;
}
.question-text[data-v-25903382] {
    font-size: 18px;
}
.option-item[data-v-25903382],
  .next-button[data-v-25903382] {
    width: 100%;
}
.other-input[data-v-25903382] {
    width: 120px;
    font-size: 14px;
}
.option-item[data-v-25903382] {
    height: 46px;
    font-size: 16px;
}
.next-button[data-v-25903382] {
    height: 46px;
    font-size: 16px;
}
}


.iget-status[data-v-6deec06e] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%)
}
.iget-status .img[data-v-6deec06e] {
    transition: none;
    display: block;
    margin: 0 auto;
}
.iget-status .img.img-loading[data-v-6deec06e] {
      width: 30px;
      height: 30px;
}
.iget-status .img.img-empty[data-v-6deec06e],
    .iget-status .img.img-error[data-v-6deec06e],
    .iget-status .img.img-offline[data-v-6deec06e] {
      width: 200px;
}
.iget-status .title[data-v-6deec06e] {
    font-size: 14px;
    color: #666666;
    text-align: center;
}
.iget-status .tips[data-v-6deec06e] {
    text-align: center;
}
.limit-status[data-v-6deec06e] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.limit-status.limit-status_mobile[data-v-6deec06e] {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center
}
.limit-status.limit-status_mobile .limit-tips[data-v-6deec06e] {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
}
.limit-status.limit-status_mobile .limit-img[data-v-6deec06e] {
      margin-left: 0;
      width: 360px;
}
.limit-status.limit-status_dark[data-v-6deec06e] {
}
.limit-status.limit-status_dark .limit-tips[data-v-6deec06e] {
}
.limit-status.limit-status_dark .limit-tips .tip-text[data-v-6deec06e] {
        color: rgba(255, 255, 255, 0.6);
}
.limit-status.limit-status_dark .limit-tips .limit-btn[data-v-6deec06e] {
        background: rgba(255, 107, 0, 0.8);
        color: #f7f7f7;
}
.limit-status[data-v-6deec06e] {
}
.limit-status .limit-tips[data-v-6deec06e] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    transform: translate(0, -30px)
}
.limit-status .limit-tips .tip-text[data-v-6deec06e] {
      color: #333;
      font-size: 18px;
      font-weight: 600;
}
.limit-status .limit-tips .limit-btn[data-v-6deec06e] {
      width: 140px;
      height: 32px;
      border-radius: 6px;
      background: #57f5a4;
      color: #292D34;
      font-size: 14px;
      font-weight: 500;
      margin-top: 24px;
      cursor: pointer;

      /* &:hover {
        background: #ff8933;
      }

      &:active {
        background: #f26600;
      } */
}
.limit-status .limit-img[data-v-6deec06e] {
    margin-left: 165px;
    width: 360px;
}


.page-container[data-v-29c65215] {
  background: #f5f7fa;
  min-height: 100vh;
}
.content-container[data-v-29c65215] {
  border-radius: 16px;
  background: #fff;
  margin: 8px;
  padding-top: 0px;
  position: relative;
}
.sidebar[data-v-29c65215] {
  width: 288px;
  transition: width 0.25s ease;
}
.collapsed[data-v-29c65215] {
  width: 0px;
  display: none;
}
.main-container[data-v-29c65215] {
  position: relative;
  padding-top: 24px;
  overflow: auto;
  height: calc(100vh - 84px);
  /* 预留底部空间，避免内容被底部绝对定位组件遮挡 */
  padding-bottom: 96px;
}

/* login */
.content-no-login[data-v-29c65215] {
  padding: 0px;
  margin: 0px;
  border-radius: 0px;
}
.coach-header[data-v-29c65215] {
  margin: 0px;
  border-radius: 0px;
}
.header-login[data-v-29c65215] {
  border-radius: 16px 16px 0 0;
}
.header-no-login[data-v-29c65215] {
  margin: 0px;
  background: #edfbf6;
  z-index: 10;
  position: absolute;
  left: -0px;
  right: -0px;
  padding: 0 20px;
}
.main-no-login[data-v-29c65215] {
  padding: 0px;
  margin: 0px;
}

@charset "UTF-8";














































































/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */














































































/* Document
   ========================================================================== */
*,
*:before,
*:after {
  box-sizing: border-box;
}














































































/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}














































































/* Sections
   ========================================================================== */














































































/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}














































































/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}














































































/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}














































































/* Grouping content
   ========================================================================== */














































































/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}














































































/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}














































































/* Text-level semantics
   ========================================================================== */














































































/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}














































































/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted currentColor;
          text-decoration: underline dotted currentColor; /* 2 */
}














































































/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}














































































/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}














































































/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}














































































/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}














































































/* Embedded content
   ========================================================================== */














































































/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}














































































/* Forms
   ========================================================================== */














































































/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}














































































/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}














































































/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}














































































/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}














































































/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}














































































/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}














































































/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}














































































/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}














































































/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}














































































/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}














































































/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type='checkbox'],
[type='radio'] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}














































































/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}














































































/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}














































































/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}














































































/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}














































































/* Interactive
   ========================================================================== */














































































/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}














































































/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}














































































/* Misc
   ========================================================================== */














































































/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}














































































/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
.clearfix::after,
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  clear: both;
  overflow: hidden;
}
.clearfix {
  zoom: 1;
}
.iget-common-f1 {
  font-size: 26px;
}
.iget-common-f2 {
  font-size: 20px;
}
.iget-common-f3 {
  font-size: 18px;
}
.iget-common-f4 {
  font-size: 16px;
}
.iget-common-f5 {
  font-size: 14px;
}
.iget-common-f6 {
  font-size: 12px;
}
.iget-common-f7 {
  font-size: 10px;
}
.iget-common-l1 {
  line-height: 26px;
}
.iget-common-l2 {
  line-height: 24px;
}
.iget-common-l3 {
  line-height: 22px;
}
.iget-common-l4 {
  line-height: 20px;
}
.iget-common-l5 {
  line-height: 18px;
}
.iget-common-l6 {
  line-height: 16px;
}
.iget-common-l7 {
  line-height: 14px;
}
.iget-common-l8 {
  line-height: 12px;
}
.iget-common-l9 {
  line-height: 10px;
}
.iget-common-c1 {
  color: #333;
}
.iget-common-c2 {
  color: #666;
}
.iget-common-c3 {
  color: #999;
}
.iget-common-c4 {
  color: #d8d8d8;
}
.iget-common-c5 {
  color: #e5e5e5;
}
.iget-common-c6 {
  color: #f5f3f1;
}
.iget-common-c7 {
  color: #f7f7f7;
}
.iget-common-c8 {
  color: #f9f9f9;
}
.iget-common-c9 {
  color: #fff;
}
.iget-common-c10 {
  color: #57f5a4;
}
.iget-common-c11 {
  color: #59ccb2;
}
.iget-common-c12 {
  color: #ff4f4f;
}
.iget-common-c13 {
  color: rgba(255, 255, 255, 0.5);
}
.iget-common-c14 {
  color: #f3f3f3;
}
.iget-commom-c15 {
  color: #000;
}
.iget-commom-c16 {
  color: #4c4c4c;
}
.iget-commom-c17 {
  color: #c4c4c4;
}
.iget-common-b1 {
  background-color: #333;
}
.iget-common-b2 {
  background-color: #666;
}
.iget-common-b3 {
  background-color: #999;
}
.iget-common-b4 {
  background-color: #d8d8d8;
}
.iget-common-b5 {
  background-color: #e5e5e5;
}
.iget-common-b6 {
  background-color: #f5f3f1;
}
.iget-common-b7 {
  background-color: #f7f7f7;
}
.iget-common-b8 {
  background-color: #f9f9f9;
}
.iget-common-b9 {
  background-color: #fff;
}
.iget-common-b10 {
  background-color: #57f5a4;
}
.iget-common-b11 {
  background-color: #59ccb2;
}
.iget-common-b12 {
  background-color: #ff4f4f;
}
.iget-common-b13 {
  background-color: rgba(255, 255, 255, 0.5);
}
.iget-common-b14 {
  background-color: rgba(0, 0, 0, 0.5);
}
.iget-common-b15 {
  background-color: #e7e7e7;
}
.iget-common-b16 {
  background-color: #e6e6e6;
}
.iget-common-b17 {
  background-color: #0bb861;
}
.iget-common-b18 {
  background-color: #ff3c00;
}
.iget-common-b19 {
  background-color: #f0f0f0;
}
.iget-common-b20 {
  background-color: #fafafa;
}
.iget-common-s1 {
  border-color: #333;
}
.iget-common-s2 {
  border-color: #666;
}
.iget-common-s3 {
  border-color: #999;
}
.iget-common-s4 {
  border-color: #d8d8d8;
}
.iget-common-s5 {
  border-color: #e5e5e5;
}
.iget-common-s6 {
  border-color: #f5f3f1;
}
.iget-common-s7 {
  border-color: #f7f7f7;
}
.iget-common-s8 {
  border-color: #f9f9f9;
}
.iget-common-s9 {
  border-color: #fff;
}
.iget-common-s10 {
  border-color: #57f5a4;
}
.iget-common-s11 {
  border-color: #59ccb2;
}
.iget-common-s12 {
  border-color: #ff4f4f;
}
.iget-common-s13 {
  border-color: rgba(255, 255, 255, 0.5);
}














































































/* .iget-common-s13 {
  border-color: rgba(0, 0, 0, 0.5);
} */
.iget-common-s16 {
  border-color: #e6e6e6;
}
.iget-common-s17 {
  border-color: #f3f3f3;
}
.iget-common-fw1 {
  font-weight: 500;
}
.iget-common-fw2 {
  font-weight: 600;
}
.iget-common-fw3 {
  font-weight: 700;
}
.iget-common-button {
  width: 100%;
  height: 38px;
  border-width: 1px;
  border-style: solid;
  border-radius: 38px;
  line-height: 34px;
  text-align: center;
  cursor: pointer;
}
.iget-common-button-small {
  width: 100%;
  height: 30px;
  border-width: 1px;
  border-style: solid;
  border-radius: 30px;
  line-height: 26px;
  text-align: center;
  cursor: pointer;
}
.iget-main {
  max-width: 1200px;
  margin: 0 auto;
}
.iget-common-text {
  display: block;
  width: 100%;
  height: 100%;
  border: 0 none;
  font-size: 16px;
  line-height: 100%;
}
hl {
  color: #57f5a4;
  font-weight: bold;
}
img[lazy='loaded'] {
  animation: ackgrde 0.3s;
}
img {
  transition: all 0.3s;
}
.tag-1 {
  color: #20b266;
  background: rgba(40, 197, 144, 0.15);
}
.tag-2 {
  color: #fab72a;
  background: rgba(250, 183, 42, 0.15);
}
.tag-3 {
  color: #ff7e80;
  background: rgba(255, 126, 128, 0.15);
}
@keyframes fade {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}














































































/* emoji 字体 */
@font-face {
  font-family: 'iget-emoji';
  src: local('Apple Color Emoji'), local('Segoe UI Emoji'), local('Segoe UI Symbol'), local('Noto Color Emoji');
}
@font-face {
  font-family: 'Bebas';
  src: url('https://piccdn2.umiwi.com/fe-oss/default/MTYyMTkyODA2MTA0.');
}
.iget-emoji {
  font-family: iget-emoji, sans-serif;
}
.el-slider__bar {
  background-color: #57f5a4;
}
.el-slider__button {
  border-color: #57f5a4;
}
* {
  box-sizing: border-box;
}
html {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, 'PingFang SC', 'Hiragino Sans GB', STHeiti,
    'Microsoft YaHei', 'Microsoft JhengHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'Source Han Sans CN',
    'Noto Sans SC', 'Source Han Sans TC', 'Noto Sans CJK TC', SimSun, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
}
body {
  margin: 0;
  overflow-x: hidden;
  background: #fff;
  color: #333;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
}
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
ol,
ul,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4 {
  font-size: inherit;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
a,
button {
  color: inherit;
}
a {
  text-decoration: none;
}
button {
  overflow: visible;
  border: 0;
  outline: 0;
  background: none;
  font: inherit;
  letter-spacing: inherit;
  padding: 0;
}
input {
  outline: 0;
}
input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
}
input[type='search'] {
  -webkit-appearance: none;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
}
strong {
  font-weight: bold;
}
em,
i {
  font-style: normal;
}
.unselect {
  -webkit-user-select: none;
          user-select: none;
}
@font-face {
  font-family: iconfont;
  src: url(https://imgcdn.umiwi.com/fe-static/test/iget-pc-ai-channel/font/iconfont.95edee20.ttf) format('truetype'), url(https://imgcdn.umiwi.com/fe-static/test/iget-pc-ai-channel/font/iconfont.f22f331d.svg) format('svg');

  /* home 包发版需开启这条注释，保证 iconfont 正确引用 */

  /* src: url('./iconfont.ttf') format('truetype'), url('./iconfont.svg') format('svg'); */
}
.iconfont {
  font-family: iconfont, sans-serif !important;
}
.iconfont {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iget-icon-note::before {
  content: '\ea11';
}
.iget-icon-delete-line::before {
  content: '\ea0e';
}
.iget-icon-note-line::before {
  content: '\ea10';
}
.iget-icon-copy::before {
  content: '\ea0f';
}
.iget-icon-quote::before {
  content: '\ebee';
}
.iget-icon-audio-playing::before {
  content: '\e9d2';
}
.iget-icon-audio-default::before {
  content: '\e9cf';
}
.iget-icon-pack-right::before {
  content: '\e9cc';
}
.iget-icon-pack-left::before {
  content: '\e9ca';
}
.iget-icon-share-wechat::before {
  content: '\e9d6';
}
.iget-icon-wechat::before {
  content: '\e9d7';
}
.iget-icon-go-top::before {
  content: '\e9d5';
}
.iget-icon-search::before {
  content: '\e9d1';
}
.iget-icon-more::before {
  content: '\e9c7';
}
.iget-icon-buy::before {
  content: '\e9d3';
}
.iget-icon-out::before {
  content: '\e9d4';
}
.iget-icon-weibo::before {
  content: '\e9d8';
}
.iget-icon-fold::before {
  content: '\e9c8';
}
.iget-icon-prev::before {
  content: '\e9c5';
}
.iget-icon-play::before {
  content: '\e9d9';
}
.iget-icon-pause::before {
  content: '\e9da';
}
.iget-icon-next::before {
  content: '\e9c6';
}
.iget-icon-close::before {
  content: '\e9be';
}
.iget-icon-speed::before {
  content: '\e9c0';
}
.iget-icon-article::before {
  content: '\e9c3';
}
.iget-icon-selected::before {
  content: '\e9db';
}
.iget-icon-like::before {
  content: '\e996';
}
.iget-icon-share::before {
  content: '\e9d0';
}
.iget-icon-forward::before {
  content: '\e9f4';
}
.iget-icon-comment::before {
  content: '\e9f5';
}
.iget-icon-commented::before {
  content: '\eac5';
}
.iget-icon-liked::before {
  content: '\eac4';
}
.iget-icon-forwarded::before {
  content: '\e9f6';
}
.iget-icon-cancel-forward::before {
  content: '\eabe';
}
.iget-icon-filter::before {
  content: '\ea0b';
}
.iget-icon-single-page::before {
  content: '\ea15';
}
.iget-icon-back::before {
  content: '\ea16';
}
.iget-icon-list::before {
  content: '\ea17';
}
.iget-icon-font::before {
  content: '\ea18';
}
.iget-icon-full-page::before {
  content: '\ea24';
}
.iget-icon-add-book::before {
  content: '\ea1a';
}
.iget-icon-double-page::before {
  content: '\ea1b';
}
.iget-icon-sync::before {
  content: '\ea1c';
}
.iget-icon-bookshelf::before {
  content: '\ea1d';
}
.iget-icon-full-screen::before {
  content: '\ea25';
}
.iget-icon-warn::before {
  content: '\ea07';
}
.iget-icon-phone::before {
  content: '\ea20';
}
.iget-icon-message::before {
  content: '\e9d6';
}
.iget-icon-star::before {
  content: '\ea23';
}
.iget-icon-half-star::before {
  content: '\ea21';
}
.iget-icon-collapse::before {
  content: '\ea1e';
}
.iget-icon-unfold::before {
  content: '\ea1f';
}
.iget-icon-edit::before {
  content: '\ea0c';
}
.iget-icon-select::before {
  content: '\ea0d';
}
.iget-icon-unselect::before {
  content: '\ea27';
}
.iget-icon-radio::before {
  content: '\ea0d';
}
.iget-icon-question::before {
  content: '\ea26';
}














































































/* 永久免费 */
.iget-icon-free-forever::before {
  content: '\ea14';
  color: #666;
  font-size: 24px;
}














































































/* 付费书籍 */
.iget-icon-pay::before {
  content: '\ea13';
  color: #6d7fa7;
  font-size: 24px;
}














































































/* 会员免费 */
.iget-icon-free-for-members::before {
  content: '\ea12';
  color: #da9727;
  font-size: 24px;
}
.iget-icon-selected-circle::before {
  content: '\e9dd';
}
.iget-icon-hot::before {
  content: '\ea0a';
}
.iget-icon-clear::before {
  content: '\e984';
}
.iget-icon-prompt::before {
  content: '\ea2f';
}
.iget-icon-public::before {
  content: '\eb80';
}
.iget-icon-private::before {
  content: '\ea7c';
}
.iget-icon-return::before {
  content: '\ea08';
}
.iget-icon-point::before {
  content: '\eabc';
}
.iget-icon-image::before {
  content: '\eab6';
}
.iget-icon-topic::before {
  content: '\eb7e';
}
.iget-icon-attention::before {
  content: '\eab4';
}
.iget-icon-knowledge-close::before {
  content: '\eac3';
}
.iget-icon-knowledge-report::before {
  content: '\eabd';
}
.iget-icon-cancel-forwarding::before {
  content: '\eabe';
}
.iget-icon-expand-full-screen::before {
  content: '\eabf';
}
.iget-icon-cancle-full-screen::before {
  content: '\eac0';
}
.iget-icon-delete::before {
  content: '\eac1';
}
.iget-icon-get-off::before {
  content: '\eac2';
}
.iget-icon-knowledge-pop-link::before {
  content: '\eaba';
}
.iget-icon-knowledge-top-link::before {
  content: '\eabb';
}
.iget-icon-knowledge-news::before {
  content: '\eab8';
}
.iget-icon-get-on::before {
  content: '\eac6';
}
.iget-icon-live::before {
  content: '\ea2d';
}
.iget-icon-live-circle::before {
  content: '\ea2e';
}
.iget-icon-iphone::before {
  content: '\ea94';
}
.iget-icon-android::before {
  content: '\ea93';
}
.iget-icon-record::before {
  content: '\ea98';
}
.iget-icon-bought::before {
  content: '\eab9';
}
.iget-icon-unfold-arrow::before {
  content: '\e9cb';
}
.iconicon-zihao-xiao::before {
  content: '\ead6';
}
.iconicon-zihao-zhong::before {
  content: '\ead7';
}
.iconicon-zihao-da::before {
  content: '\ead8';
}
.iget-icon-remove::before {
  content: '\ead9';
}
.iget-icon-to-top::before {
  content: '\eada';
}
.iget-icon-elected::before {
  content: '\eadb';
}
.iget-icon-cancel-top::before {
  content: '\eadc';
}
.iget-icon-knowledge::before {
  content: '\eae3';
}
.iget-icon-teacher::before {
  content: '\eae4';
}
.iget-icon-grade::before {
  content: '\eaff';
}
.iget-icon-default-image::before {
  content: '\eafa';
}
.iget-icon-graduate::before {
  content: '\eb40';
}
.iget-icon-info::before {
  content: '\eadd';
}
.iget-icon-article-fill::before {
  content: '\eaa4';
}
.iget-icon-write::before {
  content: '\eaa3';
}
.iget-icon-audio-playing-v2::before {
  content: '\eaa2';
}
.iget-icon-headset::before {
  content: '\eaa1';
}
.iget-icon-medal::before {
  content: '\ea8d';
}
.iget-icon-flag::before {
  content: '\ea52';
}
.iget-icon-link::before {
  content: '\e9e0';
}
.iget-icon-position::before {
  content: '\e812';
}
.iget-icon-folder::before {
  content: '\eb61';
}
.iget-icon-flag-empty::before {
  content: '\eb64';
}
.iget-icon-exam::before {
  content: '\eb68';
}
.iget-icon-message-square::before {
  content: '\eb67';
}
.iget-icon-idea::before {
  content: '\eb67';
}
.iget-icon-start-chapter::before {
  content: '\eb6a';
}
.iget-icon-end-chapter::before {
  content: '\eb6c';
}
.iget-icon-start-chapter-fill::before {
  content: '\ea8c';
}
.iget-icon-end-chapter-fill::before {
  content: '\ea56';
}
.iget-icon-close-middle::before {
  content: '\eb7f';
}
.iget-icon-only-classmate::before {
  content: '\eb81';
}
.iget-icon-submitted::before {
  content: '\eb85';
}
.iget-icon-display-popup::before {
  content: '\eb9a';
}
.iget-icon-minimize-popup::before {
  content: '\eba5';
}
.iget-icon-rating-star::before {
  content: '\ebb8';
}
.iget-icon-rating-half-star::before {
  content: '\ebba';
}
.iget-icon-ebook-tag::before {
  content: '\ebc5';
}
.iget-icon-training-camp-tag::before {
  content: '\ebc6';
}
.iget-icon-course-tag::before {
  content: '\ebc4';
}
.iget-icon-notes-count::before {
  content: '\ebbf';
}
.iget-icon-offline-center::before {
  content: '\ebbe';
}
.iget-icon-learning-time::before {
  content: '\ebbd';
}
.iget-icon-users-count::before {
  content: '\ebbc';
}
.iget-icon-login-course::before {
  content: '\ebc9';
}
.iget-icon-login-learn::before {
  content: '\ebd6';
}
.iget-icon-login-message::before {
  content: '\ebca';
}
.iget-icon-login-synchronize::before {
  content: '\ebcc';
}
.iget-icon-users-accumulation::before {
  content: '\ebcb';
}
.iget-icon-back-to-top::before {
  content: '\ebd4';
}
.iget-icon-qr-code::before {
  content: '\ebb5';
}
.iget-icon-live-interactive::before {
  content: '\ebcf';
}
.iget-icon-online-people::before {
  content: '\ebdd';
}
.iget-icon-clock::before {
  content: '\ebcd';
}
.iget-icon-elevator-controller::before {
  content: '\ebd3';
}
.iget-icon-search-new::before {
  content: '\ebb1';
}
.iget-icon-toast-error::before {
  content: '\eae0';
}
.iget-icon-qrcode::before {
  content: '\ebda';
}
.iget-icon-refresh::before {
  content: '\ebd2';
}
.iget-icon-double-arrow::before {
  content: '\ebd5';
}
.iget-icon-correct::before {
  content: '\ebd1';
}
.iget-icon-wrong::before {
  content: '\ebd0';
}
.iget-icon-read::before {
  content: '\ebfd';
}
.iget-icon-update-reminder::before {
  content: '\ebfa';
}
.iget-icon-circle-success::before {
  content: '\ec50';
}
.iget-icon-circle-add::before {
  content: '\ec23';
}
.iget-icon-xunlian::before {
  content: '\ec95';
}
@font-face {
  font-family: 'element-icons';
  src: url('https://meils.oss-cn-beijing.aliyuncs.com/element-icons.woff') format('woff'),
    url('https://meils.oss-cn-beijing.aliyuncs.com/element-icons.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Alibaba PuHuiTi 2.0';
  src: url(https://imgcdn.umiwi.com/fe-static/test/iget-pc-ai-channel/font/AlibabaPuHuiTi-2-85-Bold.subset.44d92815.ttf) format('truetype');
  font-weight: normal;
  font-display: swap;
}














































































/* 保障易盾验证码不收全局img样式的影响 */
.yidun_jigsaw {
  transition: none !important;
}
.yidun_modal {
  top: 50% !important;
  margin-top: -124px !important;
}
.xgplayer-start svg {
  border-radius: 50% !important;
}


.fade-up-module[data-v-65559065] {
  position: relative;
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-up-module.show[data-v-65559065] {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}


.home-cover-container[data-v-381b660a] {
  position: relative;
  padding-right: 10px
}
.home-cover-container .cover[data-v-381b660a] {
    width: 100%;
}
.home-cover-container .jump-btn[data-v-381b660a] {
    position: absolute;
    bottom: 15px;
    left: 40%;
    right: 13%;
    height: 15%;
    cursor: pointer;
}
.home-cover-container .video-wrap[data-v-381b660a] {
    width: 100%;
}


.video-card[data-v-18282dd3] {
  /* width: 208px; */
  min-height: 216.32px;

  border-radius: 16px;
  background: #f5f7fa;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}
.video-card[data-v-18282dd3]:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.video-image[data-v-18282dd3] {
  position: relative;
  height: 100%;
  height: 0;
  padding-bottom: 56.2%;
  overflow: hidden
}
.video-image .video-cover[data-v-18282dd3] {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    border-radius: 100px;
    cursor: pointer;
    height: 48px;
    width: 48px;
    background-color: rgba(90, 89, 89, 0.3);
    -webkit-backdrop-filter: blur(8.571428298950195px);
            backdrop-filter: blur(8.571428298950195px);
}
.video-image .course-card-cover-default-img[data-v-18282dd3] {
    border-radius: 8px 8px 0 0;
    width: 100%;
}
.video-image .course-card-cover-img[data-v-18282dd3] {
    border-radius: 8px 8px 0 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
.video-title[data-v-18282dd3] {
  height: 46px;
  margin: 10px 12px 12px 12px;
  color: #111418;
  text-align: justify;
  font-family: 'PingFang SC';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.video-meta[data-v-18282dd3] {
  margin: 0 10px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.left-container[data-v-18282dd3] {
  display: flex;
  align-items: center;
  flex-shrink: 0
}
.left-container .tag[data-v-18282dd3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 1px 4px;
    font-family: 'PingFang SC';
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 4px;
    white-space: nowrap;
}
.left-container .progress[data-v-18282dd3] {
    color: #677084;
    color: var(----3-, #677084);
    font-family: 'PingFang SC';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.left-container .online-time[data-v-18282dd3] {
    color: #20b266;
    color: var(--, #20b266);
    font-family: 'PingFang SC';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.left-container .learners-count[data-v-18282dd3] {
    height: 14px;
    display: flex;
    align-items: center;
    color: #8a8f99;
    font-family: 'PingFang SC';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.date[data-v-18282dd3] {
  color: #8a8f99;
  text-align: right;
  font-family: 'PingFang SC';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  flex-shrink: 0;
}


.audio-card[data-v-53709088] {
  display: flex;
  align-items: center;
  padding: 12px 0;
  cursor: pointer;
}
.audio-info[data-v-53709088] {
  flex: 1
}
.audio-info .audio-title[data-v-53709088] {
    color: #111418;
    font-family: 'PingFang SC';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 22.5px */
    margin-bottom: 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.audio-info .audio-meta[data-v-53709088] {
    color: #8a8f99;
    font-family: 'PingFang SC';
    font-size: 10px;
    /* font-size: 12px;
    transform: scale(0.83); */
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.play-button[data-v-53709088] {
  margin-left: 10px;
  transition: transform 0.2s;
}
.play-button[data-v-53709088]:hover {
    transform: scale(1.1);
}
.play-button[data-v-53709088] {
}
.play-button img[data-v-53709088] {
    width: 24px;
    height: 24px;
}


.audio-card-mini[data-v-62c4bebf] {
  height: 64px;
  margin-top: 11.28px;
  display: flex;
  align-items: center;
  border-radius: 16px;
  background: #fff;
  padding: 9px 8px
}
.audio-card-mini .audio-card-title[data-v-62c4bebf] {
    flex: 1;
    margin-right: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
    color: #111418;
    text-align: justify;
    font-family: 'PingFang SC';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 21px */
}


.course-module-container[data-v-4cd1d878] {
  margin-top: 80px;
  width: 100%
}
.course-module-container .title[data-v-4cd1d878] {
    color: #111418;
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 64px */
    letter-spacing: 0.8px;
}
.course-module-container .course-module-main[data-v-4cd1d878] {
    margin-top: 40px;
    padding: 24px 37px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 32px;
    background: #fff
}
.course-module-container .course-module-main .course-title[data-v-4cd1d878] {
      color: #111418;
      text-align: center;
      font-family: 'PingFang SC';
      font-size: 28px;
      font-style: normal;
      font-weight: 500;
      line-height: 160%; /* 44.8px */
}
.course-module-container .course-module-main .course-more[data-v-4cd1d878] {
      margin-top: 56px;
      display: flex;
      padding: 12px 80px;
      justify-content: center;
      align-items: center;
      border-radius: 100px;
      background: #f5f7fa;
      cursor: pointer;
      color: #292d34;
      font-family: 'PingFang SC';
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
}
.new-container[data-v-4cd1d878] {
  position: relative;
  width: 100%;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  gap: 40px
}
.new-container .left-container[data-v-4cd1d878] {
    width: 280px;
    display: flex;
    flex-direction: column;
    gap: 20px
}
.new-container .left-container .left-item[data-v-4cd1d878] {
      display: flex;
      white-space: nowrap;
      padding: 12px;
      align-items: center;
      gap: 9.837px;
      border-radius: 12px;
      background: #f5f7fa;
      background: var(----7-b-g, #f5f7fa);
      color: #111418;
      color: var(----0-, #111418);
      font-family: 'PingFang SC';
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 120%; /* 19.2px */
      cursor: pointer;
}
.new-container .left-container .active[data-v-4cd1d878] {
      border-radius: 13.841px;
      background: #57f5a4;
      background: var(--, #57f5a4);
      transform: scale(1.1);
      transform-origin: left center;
}
.new-container .right-container[data-v-4cd1d878] {
    height: 331.67px;
}
.new-container .swiper-item[data-v-4cd1d878] {
    height: 331.67px;
    width: 100%
}
.new-container .swiper-item img[data-v-4cd1d878] {
      border-radius: 24px;
      overflow: hidden;
      border: 2.317px solid #57f5a4;
      width: 100%;
      height: 331.67px;
      object-fit: cover;
}
.audio-all-container[data-v-4cd1d878] {
  width: 100%;
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 32px;
  gap: 32px
}
.audio-all-container .audio-all-item[data-v-4cd1d878] {
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #f5f7fa;
}
.audio-all-container .audio-list-cover[data-v-4cd1d878] {
    position: relative;
    height: 100%;
    height: 0;
    padding-bottom: 40%;
    overflow: hidden
}
.audio-all-container .audio-list-cover .video-cover[data-v-4cd1d878] {
      position: absolute;
      z-index: 10;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      overflow: hidden;
      border-radius: 100px;
      cursor: pointer;
      height: 48px;
      width: 48px;
      background-color: rgba(90, 89, 89, 0.3);
      -webkit-backdrop-filter: blur(8.571428298950195px);
              backdrop-filter: blur(8.571428298950195px);
}
.audio-all-container .audio-list-cover .course-card-cover-default-img[data-v-4cd1d878] {
      border-radius: 8px 8px 0 0;
      width: 100%;
}
.audio-all-container .audio-list-cover .course-card-cover-img[data-v-4cd1d878] {
      border-radius: 8px 8px 0 0;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      object-fit: cover;
}
.audio-all-container .audio-list-container[data-v-4cd1d878] {
    margin-top: 10px;
    padding: 0 20px;
    width: 100%;
}
.audio-all-container .audio-list-more[data-v-4cd1d878] {
    margin: 10px auto 16px auto;
    display: flex;
    padding: 4px 12px;
    align-items: center;
    border-radius: 12px;
    border: 0.5px solid #e5e6ea;
    border: 0.5px solid var(----6-line, #e5e6ea);
    background: rgba(255, 255, 255, 0);
    color: #677084;
    color: var(----3-, #677084);
    font-family: 'PingFang SC';
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
    cursor: pointer;
}
.video-list-container[data-v-4cd1d878] {
  margin-top: 40px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 32px;
  gap: 32px;
}
@media (max-width: 1150px) {
.video-list-container[data-v-4cd1d878] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 980px) {
.video-list-container[data-v-4cd1d878] {
    grid-template-columns: repeat(2, 1fr);
}
.audio-list-container[data-v-4cd1d878] {
    grid-template-columns: repeat(2, 1fr);
}
}


.teacher-module-container[data-v-24412368] {
  position: relative;
  margin-top: 80px;
  margin-bottom: -50px;
  width: 100%
}
.teacher-module-container .title[data-v-24412368] {
    color: #111418;
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 64px */
    letter-spacing: 0.8px;
}
.teacher-module-container .teacher-wrapper[data-v-24412368] {
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 50px;
}
.teacher-module-container .teacher-wrapper:hover .teacher-container[data-v-24412368] {
      animation-play-state: paused;
}
.teacher-module-container .teacher-container[data-v-24412368] {
    display: flex;
    gap: 24px;
    animation: scroll-data-v-24412368 30s linear infinite
}
.teacher-module-container .teacher-container .teacher-item[data-v-24412368] {
      overflow: hidden;
      flex-shrink: 0;
      width: 208px;
      border-radius: 20px;
      background: #f5f7fa;
}
.teacher-module-container .teacher-container .teacher-item .teacher-message[data-v-24412368] {
        padding: 11.28px 13.53px 18.08px 13.53px;
        text-align: center;
}
.teacher-module-container .teacher-container .teacher-item .video-image[data-v-24412368] {
        position: relative;
        height: 100%;
        height: 0;
        padding-bottom: 56.2%;
        overflow: hidden
}
.teacher-module-container .teacher-container .teacher-item .video-image .course-card-cover-default-img[data-v-24412368] {
          border-radius: 8px 8px 0 0;
          width: 100%;
}
.teacher-module-container .teacher-container .teacher-item .video-image .course-card-cover-img[data-v-24412368] {
          border-radius: 8px 8px 0 0;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          object-fit: cover;
}
.teacher-module-container .teacher-container .teacher-item .teacher-title[data-v-24412368] {
        padding: 3px 11px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border-radius: 100px;
        background: rgba(91, 183, 216, 0.15);
        color: #42aed5;
        font-family: 'PingFang SC';
        font-size: 13.534px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
}
.teacher-module-container .teacher-container .teacher-item .teacher-intro[data-v-24412368] {
        height: 88px;
        width: 100%;
        margin-top: 13.53px;
        color: #111418;
        text-align: justify;
        font-family: 'PingFang SC';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%; /* 22.4px */
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
}
.teacher-module-container .teacher-container .teacher-item[data-v-24412368]:hover {
        transform: scale(1.1);
        box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.1)
}
.teacher-module-container .teacher-container .teacher-item:hover .teacher-title[data-v-24412368] {
          background: rgba(255, 92, 64, 0.15) !important;
          color: #ff5c40 !important;
}
.teacher-module-container .teacher-container .teacher-item:hover .teacher-title[data-v-24412368] {
          -webkit-line-clamp: 2;
}
@keyframes scroll-data-v-24412368 {
from {
      transform: translateX(0);
}
to {
      transform: translateX(-50%);
}
}


.user-module-container[data-v-596b8d1c] {
  margin-top: 80px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.title[data-v-596b8d1c] {
  color: #111418;
  text-align: center;
  font-family: 'PingFang SC';
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 64px */
  letter-spacing: 0.8px;
}
.user-wrapper[data-v-596b8d1c] {
  overflow: hidden;
  padding-top: 40px;
  width: 100%;
}
.user-wrapper:hover .user-list-container[data-v-596b8d1c] {
    animation-play-state: paused;
}
.user-list-container[data-v-596b8d1c] {
  display: flex;
  gap: 24px;
  width: -webkit-max-content;
  width: max-content;
  will-change: transform;
  animation: scroll-data-v-596b8d1c 80s linear infinite
}
.user-list-container .user-item[data-v-596b8d1c] {
    flex-shrink: 0;
    width: 208px;
    /* padding: 16px 12px; */
    border-radius: 20px;
    background: #f5f7fa;
    overflow: hidden
}
.user-list-container .user-item img[data-v-596b8d1c] {
      width: 100%;
}
.user-list-container .user-header[data-v-596b8d1c] {
}
.user-list-container .user-header .user-name[data-v-596b8d1c] {
      color: #292d34;
      font-family: 'PingFang SC';
      font-size: 24px;
      font-style: normal;
      font-weight: 600;
      line-height: 150%; /* 36px */
}
.user-list-container .user-header .user-summery[data-v-596b8d1c] {
      margin-top: 10px;
      color: #8a8f99;
      font-family: 'PingFang SC';
      font-size: 16.296px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%; /* 24.444px */
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
}
.user-list-container .user-message[data-v-596b8d1c] {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #292d34;
    text-align: justify;
    font-family: 'PingFang SC';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    cursor: pointer;
    position: relative;
}
.user-list-container .user-tag-container[data-v-596b8d1c] {
    display: flex;
    flex-direction: column;
    gap: 6px
}
.user-list-container .user-tag-container .user-tag[data-v-596b8d1c] {
      align-self: flex-start;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 3px 8px;
      border-radius: 100px;
      background: rgba(105, 121, 151, 0.1);
      color: #697997;
      font-family: 'PingFang SC';
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
}
@keyframes scroll-data-v-596b8d1c {
from {
      transform: translateX(0);
}
to {
      transform: translateX(-50%);
}
}


.tool-module-container[data-v-e2c5e2d2] {
  margin-top: 80px
}
.tool-module-container .title[data-v-e2c5e2d2] {
    color: #111418;
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 64px */
    letter-spacing: 0.8px;
}
.tool-module-container .tool-list[data-v-e2c5e2d2] {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
    gap: 40px
}
.tool-module-container .tool-list[data-v-e2c5e2d2] :first-child {
      cursor: pointer;
}


.vip-module-container[data-v-cfae3ffa] {
  margin-top: 80px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column
}
.vip-module-container .title[data-v-cfae3ffa] {
    color: #111418;
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 64px */
    letter-spacing: 0.8px;
}
.vip-main[data-v-cfae3ffa] {
  margin-top: 40px;
  width: 100%;
}
.vip-title[data-v-cfae3ffa] {
  padding: 0px 25px 20px 25px;
  color: #fff;
  color: var(----, #fff);
  text-align: center;
  font-family: 'PingFang SC';
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 38.4px */
}
.vip-message[data-v-cfae3ffa] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px;
  background: #f5f7fa
}
.vip-message .message-title[data-v-cfae3ffa] {
    margin-top: 16px;
    color: #111418;
    font-family: 'PingFang SC';
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 36px */
}
.vip-message .message-main[data-v-cfae3ffa] {
    padding: 16.454px 30px 22.546px 30px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px;
    gap: 24px
}
.vip-message .message-main .message-item[data-v-cfae3ffa] {
      display: flex;
      align-items: center;
      color: #111418;
      color: var(----0-, #111418);
      font-family: 'PingFang SC';
      font-size: 15px;
      font-style: normal;
      font-weight: 500;
      line-height: 170%; /* 27.2px */
}
.tip-title[data-v-cfae3ffa] {
  margin-top: 40px;
  color: #292d34;
  font-family: 'PingFang SC';
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
}
.vip-swiper-container[data-v-cfae3ffa] {
  margin-top: 20px;
  overflow: hidden;
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 24px;
  gap: 24px
}
.vip-swiper-container .swiper-slide[data-v-cfae3ffa] {
    position: relative;
    overflow: hidden;
    height: 191px;
    border-radius: 20px;
    border: 1px solid #e5e6ea;
    background: #f5f7fa;
    cursor: pointer;
}
.vip-swiper-container .swiper-slide.active-card[data-v-cfae3ffa] {
      border-radius: 20px;
      border: 2px solid #57f5a4;
      background: linear-gradient(0deg, rgba(40, 197, 144, 0.15) 0%, rgba(40, 197, 144, 0.15) 100%),
        #fff;
      background: linear-gradient(0deg, var(--, rgba(40, 197, 144, 0.15)) 0%, var(--, rgba(40, 197, 144, 0.15)) 100%),
        #fff;
}
.vip-swiper-container .card-tag[data-v-cfae3ffa] {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9;
    border-radius: 0 0 10px 0;
    background: #57f5a4;
    display: inline-flex;
    padding: 3px 8px 3px 12px;
    justify-content: center;
    align-items: center;
    color: #111418;
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 15px */
}
.vip-swiper-container .card-container[data-v-cfae3ffa] {
    display: flex;
    flex-direction: column;
    padding: 24px
}
.vip-swiper-container .card-container .card-name[data-v-cfae3ffa] {
      margin-bottom: 30px;
      color: #292d34;
      font-family: 'PingFang SC';
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 170%; /* 27.2px */
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
}
.vip-swiper-container .card-container .card-price[data-v-cfae3ffa] {
      color: #38dba5;
      font-family: 'PingFang SC';
      font-size: 48px;
      font-style: normal;
      font-weight: 600;
      line-height: 100%; /* 48px */
}
.vip-swiper-container .card-container .monthly-tips[data-v-cfae3ffa] {
      margin-right: 2px;
      color: #292d34;
      text-align: justify;
      font-family: 'PingFang SC';
      font-size: 10px;
      font-style: normal;
      font-weight: 400;
      line-height: 200%;
}
.vip-swiper-container .card-container .price-unit[data-v-cfae3ffa] {
      color: #38dba5;
      font-family: 'PingFang SC';
      font-size: 24px;
      font-style: normal;
      font-weight: 500;
      line-height: 140%; /* 33.6px */
}
.vip-swiper-container .card-container .price-value[data-v-cfae3ffa] {
      margin-top: 12px;
      color: #677084;
      font-family: 'PingFang SC';
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      line-height: 170%; /* 25.5px */
      -webkit-text-decoration-line: line-through;
              text-decoration-line: line-through;
}
.vip-swiper-container .custom-prev[data-v-cfae3ffa],
  .vip-swiper-container .custom-next[data-v-cfae3ffa] {
    position: absolute;
}
.vip-swiper-container .swiper-button-next[data-v-cfae3ffa],
  .vip-swiper-container .swiper-button-prev[data-v-cfae3ffa] {
    background: none !important;
    width: auto !important;
    height: auto !important;
}
.vip-swiper-container .swiper-button-next[data-v-cfae3ffa]::after,
  .vip-swiper-container .swiper-button-prev[data-v-cfae3ffa]::after {
    display: none !important;
    content: none !important;
}
.vip-swiper-container .custom-prev[data-v-cfae3ffa],
  .vip-swiper-container .custom-next[data-v-cfae3ffa] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
}
.vip-swiper-container .custom-prev[data-v-cfae3ffa] {
    left: -5px;
}
.vip-swiper-container .custom-next[data-v-cfae3ffa] {
    right: -5px;
}
.welfare_info[data-v-cfae3ffa] {
  margin-top: 20px;
  color: #292d34;
  font-family: 'PingFang SC';
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
}
.q-code-container[data-v-cfae3ffa] {
  margin: auto;
  margin-top: 40px;
  display: flex;
  width: 343px;
  height: 61px;
  padding: 16px 56px;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  border-radius: var(--40px, 40px);
  background: #37ff98;
  color: #111418;
  color: var(----0-, #111418);
  text-align: center;
  font-family: 'PingFang SC';
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 28.8px */
  cursor: pointer;
}


.course-item[data-v-070c689b] {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 10px;
  border-radius: 16px;
  background: #fff;
}
.video-image[data-v-070c689b] {
  position: relative;
  margin-right: 10px;
  height: 100%;
  height: 0;
  /* padding-bottom: 56.2%; */
  overflow: hidden;
  width: 96px;
  height: 54px;
  border-radius: 6px;
  overflow: hidden;
  border: 0.5px solid #e5e6ea
}
.video-image .course-card-cover-default-img[data-v-070c689b] {
    width: 100%;
}
.video-image .course-card-cover-img[data-v-070c689b] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
.video-image .duration[data-v-070c689b] {
    position: absolute;
    right: 4px;
    bottom: 4px;
    border-radius: 2.25px;
    background: rgba(0, 0, 0, 0.5);
    display: inline-flex;
    padding: 0 3px;
    justify-content: center;
    align-items: center;
    color: #fff;
    color: var(----, #fff);
    font-family: 'PingFang SC';
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.375px;
}
.course-info[data-v-070c689b] {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}
.course-info .course-title[data-v-070c689b] {
    color: #292d34;
    font-size: 14px;
    font-family: 'PingFang SC';
    font-weight: 500;
    line-height: normal;
    margin-bottom: 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.course-info .course-meta[data-v-070c689b] {
    display: flex;
    align-items: center
}
.course-info .course-meta .tag[data-v-070c689b] {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.6px 3px 1.2px 3px;
      font-family: 'PingFang SC';
      font-size: 10px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      border-radius: 2.642px;
      margin-right: 2px;
}
.course-info .course-meta .progress[data-v-070c689b] {
      color: #677084;
      color: var(----3-, #677084);
      font-family: 'PingFang SC';
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
}
.course-info .course-meta .online-time[data-v-070c689b] {
      color: #20b266;
      color: var(--, #20b266);
      font-family: 'PingFang SC';
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
}
.course-info .course-meta .learners-count[data-v-070c689b] {
      height: 14px;
      display: flex;
      align-items: center;
      color: #8a8f99;
      font-family: 'PingFang SC';
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
}


.history-module[data-v-976b0084] {
  display: flex;
  width: 100%;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  border-radius: 32px;
  background: #f5f7fa
}
.history-module .title[data-v-976b0084] {
    width: 100%;
    color: #111418;
    font-family: 'PingFang SC';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 30px */
    display: flex;
    /* justify-content: space-between; */
    gap: 10px;
    align-items: center;
}
.history-module .video-list-container[data-v-976b0084] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    gap: 20px;
}
.cover[data-v-976b0084] {
  width: 100%;
}
@media (max-width: 1150px) {
.history-module .video-list-container[data-v-976b0084] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 980px) {
.history-module .video-list-container[data-v-976b0084] {
    grid-template-columns: repeat(1, 1fr);
}
}


.home-container[data-v-248f9130] {
  position: relative;
  padding: 0 36px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.home-login-container[data-v-248f9130] {
  padding: 0px;
  padding-bottom: 20px;
  background: linear-gradient(180deg, rgba(68, 208, 161, 0.15) 27.99%, rgba(68, 208, 161, 0) 62.44%), #fff;
}
.no-login-page-container[data-v-248f9130] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 80px 0px 50px 0px;
  max-width: 1200px;
  margin: 0 auto;
}
.no-c[data-v-248f9130] {
  padding: 0 80px;
}
.home-page-container[data-v-248f9130] {
  max-width: 1200px;
  margin: 0 auto;
}


.right-vip-container[data-v-744fe5f4] {
  position: absolute;
  z-index: 999;
  right: 20px;
  top: 20px;
  height: 26px;
  padding: 0px 5px 0px 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: #292d34;
  color: #fff;
  text-align: center;
  font-family: 'PingFang SC';
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}
.right-vip-container .try[data-v-744fe5f4] {
    display: flex;
    padding: 2px 5px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    border: 0.5px solid #57f5a4;
    color: #57f5a4;
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 10px;
}
.right-vip-container .jump-vip[data-v-744fe5f4] {
    margin-left: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #57f5a4;
    font-family: 'PingFang SC';
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer
}
.right-vip-container .jump-vip img[data-v-744fe5f4] {
      width: 16px;
      height: 16px;
}


.video-rights-container[data-v-04bfdc69] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 900;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 16px;
  background: #111418
}
.video-rights-container .title[data-v-04bfdc69] {
    color: #fff;
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 28.8px */
}
.video-rights-container .summery[data-v-04bfdc69] {
    margin-top: 16px;
    color: #adb3be;
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
}
.video-rights-container .jump-container[data-v-04bfdc69] {
    display: flex;
    justify-content: center;
    align-items: center
}
.video-rights-container .jump-container .jump-btn[data-v-04bfdc69] {
      width: 192px;
      margin-top: 34px;
      display: flex;
      padding: 12px 56px;
      justify-content: center;
      align-items: center;
      border-radius: 40px;
      background: #57f5a4;
      color: #111418;
      text-align: center;
      font-family: 'PingFang SC';
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: 120%; /* 24px */
      cursor: pointer;
}
.video-rights-container .play[data-v-04bfdc69] {
    margin-top: 20px;
    color: #f5f7fa;
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    cursor: pointer;
}


.ai-ask__btn[data-v-8a63283a] {
  position: fixed;
  right: 50px;
  bottom: 70px;
  z-index: 9998;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: none;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

/* 全屏时使用绝对定位 */

/* .xgplayer-is-fullscreen .ai-ask__btn {
  position: absolute;
  right: 20px;
  bottom: 20px;
} */
.ai-ask__overlay[data-v-8a63283a] {
  position: fixed;
  z-index: 9999;
  width: 396px;
  height: 563px;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  right: 20px;
  bottom: 150px;
  border-radius: 33px;
}
.ai-ask__overlay  micro-app[data-v-8a63283a] {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: auto;
  background: white;
}
@media (max-width: 768px) {
.ai-ask__modal[data-v-8a63283a] {
    width: 100%;
    height: 83%;
    min-width: 320px;
    border-radius: 20px;
}
}


.xgplayer-controls {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 100%) !important;
}









































































































































































































































































































































































































































































































































































/* 举手提问按钮样式 */
.hand-raise-question-wrapper[data-v-e19b672a] {
  position: absolute;
  bottom: 50%;
  right: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  min-width: 232px;
  transform: translateY(50px);
}
.hand-raise-question-wrapper.question[data-v-e19b672a] {
    transform: translateY(100px);
}
.hand-raise-question-wrapper.full-video-show[data-v-e19b672a] {
    transform: none !important;
}
.audio-question-wrapper[data-v-e19b672a] {
  transform: none !important
}
.audio-question-wrapper[data-v-e19b672a] {
  position: relative;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
  margin-top: 20px
}
.audio-question-wrapper .question-wrapper[data-v-e19b672a] {
    display: flex;
    flex-direction: row;
    align-items: center
}
.audio-question-wrapper .question-wrapper .question-popup[data-v-e19b672a] {
      width: auto
}
.audio-question-wrapper .question-wrapper .question-popup .question-list[data-v-e19b672a] {
        height: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center
}
.audio-question-wrapper .question-wrapper .question-popup .question-list .question-item[data-v-e19b672a] {
          position: relative;
}
.audio-question-wrapper .question-wrapper .question-popup .question-list .question-item.last-item[data-v-e19b672a] {
            background: #e5e6ea;
            -webkit-backdrop-filter: blur(20px);
                    backdrop-filter: blur(20px);
            border: none;
            outline: none;
}
.audio-question-wrapper .question-wrapper .question-popup .question-stream-container[data-v-e19b672a] {
        position: relative;
        height: 32px;
        /* 与问题列表区域一致，避免高度变化导致组件位移 */
        display: flex;
        padding: 0;
        flex-direction: row;
        justify-content: flex-end;
        /* 流式问题贴近底部，向下对齐按钮 */
        margin-right: 10px;
        align-items: flex-end
}
.audio-question-wrapper .question-wrapper .question-popup .question-stream-container .streaming-question-item[data-v-e19b672a] {
          background: #e5e6ea;
}
.hand-raise-button[data-v-e19b672a] {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  background: #57f5a4;
  border-radius: 24px;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #111418;
  flex-shrink: 0;
  position: relative;
  width: -webkit-fit-content;
  width: fit-content;
  position: relative;
}
.hand-raise-button.isStreaming[data-v-e19b672a] {
    border: 2px solid #57f5a4;
    background: #ffffff;
    padding: 6px 8px;
    padding-right: 20px;
}
.hand-raise-button.isStreaming .hand-icon[data-v-e19b672a] {
      width: 32px;
      height: 32px;
      border-radius: 100%;
      margin-right: 8px;
}
.hand-raise-button.isStreaming[data-v-e19b672a] {

    font-family: PingFang SC;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
}
.hand-raise-button[data-v-e19b672a] {
}
.hand-raise-button .person[data-v-e19b672a] {
    position: absolute;
    width: 80%;
    bottom: 38px;
    left: 16px;
}
.hand-raise-button .shortcut-input[data-v-e19b672a] {
    padding: 0 16px;
    border-radius: 12px;
    background: rgba(255,255,255,0.8);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    font-weight: 500;
    font-size: 13px;
    color: #111418;
    position: absolute;
    width: 202px;
    right: 120px;
    top: 0;
    height: 31px;
    line-height: 31px;
}
.hand-raise-button .shortcut-input.video[data-v-e19b672a] {
      right: 0;
      top: 52px;
}
.hand-raise-button[data-v-e19b672a]:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.hand-raise-button[data-v-e19b672a] {
}
.hand-raise-button .hand-raise-icon[data-v-e19b672a] {
    width: 18px;
    height: 18px;
    margin-right: 4px;
}
.hand-raise-button span[data-v-e19b672a] {
    font-size: 14px;
    font-weight: 500;
    color: #292d34;
    white-space: nowrap;
}
.hand-raise-button .close-wrap[data-v-e19b672a]{
    position: absolute;
    top: -14px;
    right: 0;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    background:rgba(216,216,216,0.8);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.close-icon[data-v-e19b672a]{
  width: 16px;
  height: 16px;
}
.question-stream-container[data-v-e19b672a] {
  position: relative;
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  /* 流式问题贴近底部，向下对齐按钮 */
  align-items: flex-end;
  cursor: pointer;
}
.streaming-question-item[data-v-e19b672a] {
  background: rgb(216, 216, 216, 0.8);
  border-radius: 8px;
  padding: 8px 8px 8px 12px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  min-height: 32px;
  height: 32px;
  /* 与问题项高度一致 */
  display: flex;
  align-items: center;
  width: -webkit-fit-content;
  width: fit-content;
}
.streaming-text[data-v-e19b672a] {
  font-size: 13px;
  font-family: 'PingFang SC', sans-serif;
  font-weight: 500;
  color: #292d34;
  line-height: 1.4;
}
.arrow-icon[data-v-e19b672a] {
  width: 16px;
  height: 16px;
}
.question-list[data-v-e19b672a] {
  height: 168px;
  /* 固定问题列表区域高度，避免内容增减造成整体位移 */
}
.question-item[data-v-e19b672a] {
  position: absolute;
  background: rgb(216, 216, 216, 0.8);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  height: 32px;
  margin-bottom: 10px;
}
.question-item[data-v-e19b672a]:hover {
    background: rgba(255, 255, 255, 1);
    transform: translateX(2px);
}
.question-item.last-item[data-v-e19b672a] {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.1);
    outline: 1px solid rgba(0, 0, 0, 0.1);
    outline-offset: -1px;
}
.question-item.last-item[data-v-e19b672a]:hover {
      background: rgba(255, 255, 255, 0.8);
}
.question-item[data-v-e19b672a] {
}
.question-item span[data-v-e19b672a] {
    font-size: 13px;
    font-family: 'PingFang SC', sans-serif;
    font-weight: 500;
    color: #292d34;
    line-height: 1.4;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.question-item .arrow-icon[data-v-e19b672a] {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    flex-shrink: 0;
}
.guess-button[data-v-e19b672a] {
  width: 128px;
  height: 44px;
  background: #57f5a4;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-top: 10px;
  /* 放在问题区域下方，不使用绝对定位，避免影响整体布局 */
}
.guess-button[data-v-e19b672a]:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 16px rgba(87, 245, 164, 0.4);
}
.guess-button[data-v-e19b672a] {
}
.guess-button .sparkle-icon[data-v-e19b672a] {
    width: 24px;
    height: 24px;
}
.guess-button span[data-v-e19b672a] {
    font-size: 16px;
    font-family: 'PingFang SC', sans-serif;
    font-weight: 500;
    color: #111418;
}
/* 动画效果 */
@keyframes fadeIn-data-v-e19b672a {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes slideUp-data-v-e19b672a {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes blink-data-v-e19b672a {
0%,
  50% {
    opacity: 1;
}
51%,
  100% {
    opacity: 0;
}
}
.ai-ask__overlay[data-v-e19b672a] {
  position: fixed;
  z-index: 9999;
  width: 396px;
  height: 660px;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  right: 20px;
  bottom: 150px;
  border-radius: 33px;
}
.ai-ask__overlay micro-app[data-v-e19b672a] {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: auto;
  background: white;
}
@container (max-width: 720px) {
.hand-raise-question-wrapper {
    transform: translateY(50px) translateX(20px) scale(0.8) !important;
}
.hand-raise-question-wrapper.question {
      transform: translateY(120px) translateX(20px) scale(0.8) !important;
}
}
@container (max-width: 520px) {
.hand-raise-question-wrapper {
    transform: translateY(50px) translateX(30px) scale(0.7) !important;
}
.hand-raise-question-wrapper.question {
      transform: translateY(120px) translateX(30px) scale(0.7) !important;
}
}


.common-video {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background: #fff;
}
.common-video .player-frame {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    /* 作为容器查询上下文，使内部组件可根据播放器宽度自适应 */
    container-type: inline-size;
    /* height: 338px; */
}
.common-video .video-detail {
    padding: 10px 0;
    line-height: 26px;
}


.xgplayer-skin-undefined {
  background: #fff !important;
}

/* Switch 开关样式 */
.switch-wrapper {
  display: inline-flex;
  align-items: center;
}
.switch-track {
  border: 2px solid #FFFFFF !important;
}
.switch-track {
  position: relative;
  width: 28px;
  height: 18px;
  border-radius: 9px;
  cursor: pointer;
}
.switch-thumb {
  border: 2px solid #FFFFFF !important;
}
.switch-thumb {
  position: absolute;
  top: 3px;
  left: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transition: transform 0.3s;
}
.switch-track.switch-on .switch-thumb {
   background: #fff;
  transform: translateX(10px);
}
#handraise-toggle-btn {
  position: relative;
}
.hand-raise-tip {
  position: absolute;
  left: 30%;
  bottom: 100%;
  transform: translateX(-50%);
  margin-bottom: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  z-index: 100;
}
.hand-raise-tip .tip-arrow {
  width: 152px;
  height: auto;
}
@keyframes tip-bounce {
0% {
    opacity: 0;
    transform: translateY(-10px) scale(0.9);
}
50% {
    transform: translateY(0) scale(1.05);
}
100% {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
.fade-enter-active, .fade-leave-active {
  transition: opacity 0.3s;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}


.course-audio-container-wrapper[data-v-5afb8c32] {
  position: relative;
  border-radius: 20px;
  background: #f5f7fa;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.course-audio-container[data-v-5afb8c32] {
  display: flex;
  /* height: 56px; */
  align-items: center;
  position: relative;
  width: 100%;
}
.player-control[data-v-5afb8c32] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 22.4px;
  background: #e5e6ea;
  cursor: pointer;
}
.load-progress[data-v-5afb8c32] {
  color: #8a8f99;
  font-family: 'PingFang SC';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.progress[data-v-5afb8c32] {
  margin: 0 16px;
  flex: 1;
}
.all-progress[data-v-5afb8c32] {
  color: #8a8f99;
  font-family: 'PingFang SC';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.speed[data-v-5afb8c32] {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  margin: 0 16px;
  cursor: pointer;
}
.button-voice[data-v-5afb8c32] {
  position: relative;
  display: flex;
  align-items: center;
  height: 32px;
  padding: 6px 12px;
  border-radius: 10px;
  background: #e5e6ea;
}
.control-speed[data-v-5afb8c32] {
  width: 50.4px;
  height: 32px;
  cursor: pointer;
}
.player-layer-control[data-v-5afb8c32] {
  animation: 0.5s fadein cubic-bezier(0.33, 0, 0, 1)
}
.player-layer-control .prompt-control[data-v-5afb8c32] {
    z-index: 1000;
    position: absolute;
    left: calc(50% - 53px);
    /* bottom: 70px; */
    height: 44px;
    padding: 0 20px;
    border-radius: 5px;
    line-height: 44px;
}
.player-layer-control .prompt-control[data-v-5afb8c32]::after {
      position: absolute;
      bottom: -10px;
      left: 50%;
      width: 0;
      height: 0;
      transform: translate(-50%, 0);
      border-width: 5px;
      border-style: solid;
      border-color: #57f5a4 transparent transparent transparent;
      content: '';
}
.player-layer-control .select-control[data-v-5afb8c32] {
    /* bottom: 70px; */
    top: 60px;
    right: 30px;
    width: 131px;
    border: none;
    padding: 16px;
    padding-top: 36px;
    padding-bottom: 36px;
    display: flex;
}
.player-layer-control .select-control .slider-wrap[data-v-5afb8c32] {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-right: 11px;
      width: 20px
}
.player-layer-control .select-control .slider-wrap .speed-up[data-v-5afb8c32],
      .player-layer-control .select-control .slider-wrap .speed-down[data-v-5afb8c32] {
        width: 20px;
        height: 20px;
}
.player-layer-control .select-control .slider-wrap .speed-up[data-v-5afb8c32] {
        position: absolute;
        top: -26px;
}
.player-layer-control .select-control .slider-wrap .speed-down[data-v-5afb8c32] {
        position: absolute;
        bottom: -26px;
}
.player-layer-control .select-control .slide-rail[data-v-5afb8c32] {
      position: relative;
      width: 8px;
      height: 100%;
      border-radius: 8px;
      background: #eff3f9;
}
.player-layer-control .select-control[data-v-5afb8c32]::before {
      left: 55px;
}
.player-layer-control .select-control[data-v-5afb8c32] {
}
.player-layer-control .select-control .select-speed[data-v-5afb8c32] {
}
.player-layer-control .select-control .select-speed li[data-v-5afb8c32] {
        position: relative;
        text-align: center;
        width: 64px;
        height: 24px;
        border-radius: 4px;
        line-height: 24px;
        cursor: pointer;
        margin-bottom: 16px;
}
.player-layer-control .select-control .select-speed li .line[data-v-5afb8c32] {
          position: absolute;
          cursor: pointer;
          left: -23px;
          width: 4px;
          height: 1px;
          top: 12px;
          background-color: rgba(23, 34, 46, 0.12);
}
.player-layer-control .select-control .select-speed li .line[data-v-5afb8c32]::after {
            cursor: pointer;
            content: '';
            width: 10px;
            position: absolute;
            top: -10px;
            left: -10px;
            bottom: -10px;
}
.player-layer-control .select-control .select-speed li[data-v-5afb8c32]:last-child {
          margin-bottom: 0;
}
.player-layer-control .select-control .select-speed li[data-v-5afb8c32]:hover {
          background: #f9f9f9;
}
.player-layer-control .select-control .select-speed li.selected[data-v-5afb8c32] {
          position: relative;
          color: #333;
          background: #57f5a4;
          font-weight: bold
}
/* .selected-icon {
              margin-left: 30px;
            } */
.player-layer-control .select-control .select-speed li.selected .slide-icon[data-v-5afb8c32] {
            /* border: 1px solid red; */
            position: absolute;
            left: -31px;
            top: 4px;
            width: 20px;
            height: 20px;
}
.player-layer-control .select-control .select-speed li.selected[data-v-5afb8c32]::before {
          content: '';
          position: absolute;
          width: 0;
          height: 0;
          border: 4px solid;
          border-right-color: #57f5a4;
          top: 9px;
          right: 100%;
}


.page-header[data-v-54c6fc9c] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.share[data-v-54c6fc9c] {
  cursor: pointer;
}
.page-title[data-v-54c6fc9c] {
  color: #111418;
  font-family: 'PingFang SC';
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 33.6px */
}
.page-message[data-v-54c6fc9c] {
  margin-top: 16px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px
}
.page-message .time[data-v-54c6fc9c] {
    color: #677084;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.page-message .tag[data-v-54c6fc9c] {
    display: flex;
    padding: 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-family: 'PingFang SC';
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 6px;
}
.page-message .topics[data-v-54c6fc9c] {
    border-radius: 6px;
    background: #e5e6ea;
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    margin-left: 6px;
    color: #697997;
    font-family: 'PingFang SC';
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 12px */
}


.recommend-list[data-v-6417dfc0] {
  border-radius: 20px;
  background: #f5f7fa;
  padding: 20px 16px
}
.recommend-list .title[data-v-6417dfc0] {
    color: #111418;
    font-family: 'PingFang SC';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 27px */
}
.no-content[data-v-6417dfc0] {
  width: 172px;
  margin: 0 auto;
  margin-top: 20px
}
.no-content img[data-v-6417dfc0] {
    width: 100%;
}
.resources-list-container[data-v-6417dfc0] {
  margin-top: 8px;
  overflow: auto;
  height: calc(100vh - 300px);
}
.resources-list[data-v-6417dfc0] {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  padding: 12px 13px;
  border-radius: 12px;
  background: #fff
}
.resources-list .category-name[data-v-6417dfc0] {
    color: #111418;
    font-family: 'PingFang SC';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 24px */
    margin-bottom: 20px;
}
.resources-list .resources-item[data-v-6417dfc0] {
    display: flex;
    align-items: center;
}
.resources-list .resources-item[data-v-6417dfc0]:not(:last-child) {
      margin-bottom: 24px;
}
.resources-list .resources-item[data-v-6417dfc0] {
}
.resources-list .resources-item .content[data-v-6417dfc0] {
      flex: 1
}
.resources-list .resources-item .content .title[data-v-6417dfc0] {
        color: #111418;
        font-family: 'PingFang SC';
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 19.5px */
}
.resources-list .resources-item .content .description[data-v-6417dfc0] {
        margin-top: 5px;
        color: #8a8f99;
        font-family: 'PingFang SC';
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%; /* 13.2px */
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
}
.resources-list .resources-item .btn[data-v-6417dfc0] {
      margin-left: 5px;
      height: 25px;
      display: flex;
      padding: 0px 10px;
      justify-content: center;
      align-items: center;
      border-radius: 100px;
      background: rgba(40, 197, 144, 0.15);
      color: #20b266;
      font-family: 'PingFang SC';
      font-size: 10px;
      font-style: normal;
      font-weight: 500;
      line-height: 150%; /* 15px */
      cursor: pointer;
}


.container[data-v-529fe69d] {
  width: 100%;
  position: relative
}
.container img[data-v-529fe69d] {
    width: 100%;
    height: 100%;
    object-fit: center;
}
.container .vip-main[data-v-529fe69d] {
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 460px;
    padding: 30px;
    border-radius: 32px;
    border: 0.5px solid #e5e6ea;
    border: 0.5px solid var(----6-line, #e5e6ea);
    background: #fff;
    background: var(----, #fff);
    box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.1);
}
.container .vip-title[data-v-529fe69d] {
    color: #111418;
    color: var(----0-, #111418);
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 38.4px */
    margin-bottom: 19px;
}
.container .vip-message[data-v-529fe69d] {
    color: #677084;
    color: var(----3-, #677084);
    text-align: center;
    font-family: 'PingFang SC';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%; /* 34px */
}
.container .vip-btn[data-v-529fe69d] {
    margin-top: 32px;
    display: flex;
    padding: 12px 80px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 100px;
    background: #57f5a4;
    background: var(--, #57f5a4);
    color: #292d34;
    color: var(----1-, #292d34);
    font-family: 'PingFang SC';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}


figure[data-v-0e0d464a] {
  margin: 20px 0;
  background-color: #f9f9f9
}
figure img[data-v-0e0d464a] {
    max-width: 720px;
    width: 100%;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
}
figure figcaption[data-v-0e0d464a] {
    line-height: 42px;
    text-align: center;
}


.tag-module[data-v-f3f52b20] {
}
.tag-module blockquote[data-v-f3f52b20] {
    font-size: 18px;
    color: #999
}
.tag-module blockquote .username[data-v-f3f52b20] {
      padding-right: 10px;
}






































/* 引言 */
blockquote[data-v-b4f2f416] {
  line-height: 30px;
  display: block;
  padding: 0 0 0 30px;
  text-align: justify;
  border-left: 6px solid #d8d8d8;
  word-spacing: 5px;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  margin-top: 18px;
  color: #999;

  /* font-size: 18px; */
}
/* 引言 - 老师头像部分 */
.quoted[data-v-b4f2f416] {
  margin-top: 20px
}
.quoted .author[data-v-b4f2f416] {
    display: flex;
    align-items: center;
    color: #b1b1b1;
    margin-bottom: 18px;
    height: 40px
}
.quoted .author img[data-v-b4f2f416] {
      width: 40px;
      height: 40px;
      border-radius: 20px;
      margin-top: 0;
}
.quoted .author p[data-v-b4f2f416] {
      margin-top: 0;
      margin-left: 15px;
      font-weight: 500;
      font-size: 14px;
      color: #333;
}


.ebook-block[data-v-1f620ed8] {
  background-color: #f7f7f7;
  border-radius: 10px;
  margin-top: 20px;
  padding: 20px;
  height: 160px;
  display: -webkit-box
}
.ebook-block .ebook-cover[data-v-1f620ed8] {
    height: 120px;
    width: 90px;
    position: relative;
    margin-right: 15px
}
.ebook-block .ebook-cover img[data-v-1f620ed8] {
      width: 100%;
      height: 100%;
      border-radius: 5px;
}
.ebook-block .ebook-cover .ebook-label[data-v-1f620ed8] {
      position: absolute;
      right: 3px;
      bottom: 3px;
      color: #fff;
      font-size: 12px;
      height: 18px;
      line-height: 18px;
      padding: 0 4px;
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 3px;
}
.ebook-block .ebook-info[data-v-1f620ed8] {
    -webkit-box-flex: 1
}
.ebook-block .ebook-info span[data-v-1f620ed8] {
      display: -webkit-box;
}
.ebook-block .ebook-info span.ebook-title[data-v-1f620ed8] {
      color: #333;
      font-size: 20px;
      overflow: hidden;
      height: 30px;
      line-height: 30px;
}
.ebook-block .ebook-info span.ebook-intro[data-v-1f620ed8] {
      margin-top: 5px;
      color: #666;
      font-size: 14px;
      line-height: 20px;
      overflow: hidden;
}


.dd-audio[data-v-00a479c6] {
  margin-top: 25px;
}
.audio-tips[data-v-00a479c6] {
  height: 48px;
  line-height: 48px;
  text-align: center;
}
.dd-audio-player[data-v-00a479c6] {
  height: 74px;
  border-radius: 10px;
  padding: 17px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.dd-audio-player .dd-audio-info[data-v-00a479c6] {
    display: -webkit-box;
    height: 40px;
    justify-content: flex-start
}
.dd-audio-player .dd-audio-info .dd-audio-icon[data-v-00a479c6] {
      height: 40px;
      width: 40px;
      border-radius: 50%;
      cursor: pointer;
      position: relative;
      padding: 0
}
.dd-audio-player .dd-audio-info .dd-audio-icon .iget-icon-play[data-v-00a479c6] {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
}
.dd-audio-player .dd-audio-info .dd-audio-icon .iget-icon-play[data-v-00a479c6]::before {
          position: absolute;
          color: #fff;
          top: 12px;
          left: 14px;
}
.dd-audio-player .dd-audio-info .dd-audio-icon .iget-icon-pause[data-v-00a479c6] {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
}
.dd-audio-player .dd-audio-info .dd-audio-icon .iget-icon-pause[data-v-00a479c6]::before {
          position: absolute;
          color: #fff;
          top: 12px;
          left: 12px;
}
.dd-audio-player .dd-audio-info .dd-audio-block[data-v-00a479c6] {
      margin-left: 12px;
      -webkit-box-flex: 1
}
.dd-audio-player .dd-audio-info .dd-audio-block .audio-title[data-v-00a479c6] {
        line-height: 24px;
        height: 24px;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-flex: 1;
}
.dd-audio-player .dd-audio-info .dd-audio-block .audio-duration[data-v-00a479c6] {
        line-height: 16px;
        height: 16px;
}
.dd-audio-player .dd-audio-button[data-v-00a479c6] {
    width: 104px;
    height: 38px;
    text-align: center;
    border-radius: 19px;
    line-height: 38px;
    cursor: pointer;
    padding: 0;
}


.article-body .article-video {
  text-align: center;
  background-color: #f9f9f9;
  min-height: 397px;
  position: relative;
  margin-top: 25px
}
.article-body .article-video .notSupport {
    width: 346px;
    height: 44px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 22px;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    line-height: 44px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.article-body .article-video img {
    height: auto;
    max-width: 705px;
}


.code-block-wrapper[data-v-448d35f3] {
  position: relative;
  margin: 16px 0;
}
.code-block[data-v-448d35f3] {
  border-radius: 8px;
  margin: 0;
  background: #f5f5f5;
  overflow: hidden;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  color: #333;
}
.code-block-header[data-v-448d35f3] {
  display: flex;
  justify-content: flex-end;
  padding: 10px 12px 0;
}
.copy-button[data-v-448d35f3] {
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  background: #e6e8eb;
  font-size: 12px;
  color: #4e5969;
  cursor: pointer;
}
.code-block-body[data-v-448d35f3] {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 8px 0 14px;
  -webkit-overflow-scrolling: touch;
}
.code-block-body.is-collapsed[data-v-448d35f3]::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 48px;
  background: linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);
  pointer-events: none;
}
.code-block-scroll[data-v-448d35f3] {
  display: flex;
  min-width: -webkit-fit-content;
  min-width: fit-content;
}
.line-number-list[data-v-448d35f3] {
  box-sizing: border-box;
  flex: 0 0 40px;
  padding: 0 8px 0 4px;
  border-right: 1px solid #e6e8eb;
}
.line-number[data-v-448d35f3] {
  color: #86909c;
  text-align: right;
  -webkit-user-select: none;
          user-select: none;
}
.line-text[data-v-448d35f3] {
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  background: transparent;
  line-height: 22px;
  white-space: pre;
  -webkit-user-select: text;
          user-select: text;
}
.line-text code[data-v-448d35f3] {
  display: block;
  color: inherit;
  font-family: inherit;
  white-space: inherit;
  -webkit-user-select: text;
          user-select: text;
}
.line-text code span[data-v-448d35f3] {
  -webkit-user-select: text;
          user-select: text;
}
.code-block-footer[data-v-448d35f3] {
  display: flex;
  justify-content: center;
  padding: 0 0 6px;
}
.toggle-action[data-v-448d35f3] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  font-size: 12px;
  line-height: 18px;
  color: #4e5969;
  margin-top: 6px;
}
.toggle-arrow[data-v-448d35f3] {
  width: 12px;
  height: 12px;
  object-fit: contain;
  transition: transform 0.2s ease;
}
.toggle-arrow.is-expanded[data-v-448d35f3] {
  transform: rotate(180deg);
}
html[data-theme='dark'] .code-block[data-v-448d35f3] {
  background: #282c34;
  color: #abb2bf;
}
html[data-theme='dark'] .copy-button[data-v-448d35f3] {
  background: #3a404b;
  color: #d7dae0;
}
html[data-theme='dark'] .code-block-body.is-collapsed[data-v-448d35f3]::after {
  background: linear-gradient(180deg, rgba(40, 44, 52, 0) 0%, #282c34 100%);
}
html[data-theme='dark'] .line-number-list[data-v-448d35f3] {
  border-right-color: #434852;
}
html[data-theme='dark'] .line-number[data-v-448d35f3] {
  color: #7f848e;
}
html[data-theme='dark'] .toggle-action[data-v-448d35f3] {
  color: #c8ccd4;
}
html[data-theme='dark'] .toggle-arrow[data-v-448d35f3] {
  -webkit-filter: brightness(0) saturate(100%) invert(84%) sepia(9%) saturate(199%) hue-rotate(179deg) brightness(91%)
    contrast(88%);
          filter: brightness(0) saturate(100%) invert(84%) sepia(9%) saturate(199%) hue-rotate(179deg) brightness(91%)
    contrast(88%);
}


.code-block .token.comment,
.code-block .token.prolog,
.code-block .token.doctype,
.code-block .token.cdata {
  color: #6a737d;
}
.code-block .token.punctuation {
  color: #24292e;
}
.code-block .token.property,
.code-block .token.tag,
.code-block .token.boolean,
.code-block .token.number,
.code-block .token.constant,
.code-block .token.symbol,
.code-block .token.deleted {
  color: #005cc5;
}
.code-block .token.selector,
.code-block .token.attr-name,
.code-block .token.string,
.code-block .token.char,
.code-block .token.builtin,
.code-block .token.inserted {
  color: #22863a;
}
.code-block .token.operator,
.code-block .token.entity,
.code-block .token.url,
.code-block .language-css .token.string,
.code-block .style .token.string {
  color: #d73a49;
}
.code-block .token.atrule,
.code-block .token.attr-value,
.code-block .token.keyword {
  color: #d73a49;
}
.code-block .token.function,
.code-block .token.class-name {
  color: #6f42c1;
}
.code-block .token.regex,
.code-block .token.important,
.code-block .token.variable {
  color: #e36209;
}
html[data-theme='dark'] .code-block .token.comment,
html[data-theme='dark'] .code-block .token.prolog,
html[data-theme='dark'] .code-block .token.doctype,
html[data-theme='dark'] .code-block .token.cdata {
  color: #5c6370;
}
html[data-theme='dark'] .code-block .token.punctuation,
html[data-theme='dark'] .code-block .token.plain-text {
  color: #abb2bf;
}
html[data-theme='dark'] .code-block .token.property,
html[data-theme='dark'] .code-block .token.tag,
html[data-theme='dark'] .code-block .token.boolean,
html[data-theme='dark'] .code-block .token.number,
html[data-theme='dark'] .code-block .token.constant,
html[data-theme='dark'] .code-block .token.symbol,
html[data-theme='dark'] .code-block .token.deleted {
  color: #d19a66;
}
html[data-theme='dark'] .code-block .token.selector,
html[data-theme='dark'] .code-block .token.attr-name,
html[data-theme='dark'] .code-block .token.string,
html[data-theme='dark'] .code-block .token.char,
html[data-theme='dark'] .code-block .token.builtin,
html[data-theme='dark'] .code-block .token.inserted {
  color: #98c379;
}
html[data-theme='dark'] .code-block .token.operator,
html[data-theme='dark'] .code-block .token.entity,
html[data-theme='dark'] .code-block .token.url,
html[data-theme='dark'] .code-block .language-css .token.string,
html[data-theme='dark'] .code-block .style .token.string {
  color: #56b6c2;
}
html[data-theme='dark'] .code-block .token.atrule,
html[data-theme='dark'] .code-block .token.attr-value,
html[data-theme='dark'] .code-block .token.keyword {
  color: #c678dd;
}
html[data-theme='dark'] .code-block .token.function,
html[data-theme='dark'] .code-block .token.class-name {
  color: #61afef;
}
html[data-theme='dark'] .code-block .token.regex,
html[data-theme='dark'] .code-block .token.important,
html[data-theme='dark'] .code-block .token.variable {
  color: #e06c75;
}


.cursorPointer[data-v-0de80ca1] {
  cursor: pointer;
}
.elite-module[data-v-0de80ca1] {
  border-top: 1px solid #e5e5e5;
  margin-top: 20px;
  padding-top: 20px
}
.elite-module .elite-control[data-v-0de80ca1] {
    display: flex;
    justify-content: space-between;
    height: 30px;
    margin-bottom: 10px;
}
.elite-module .elite-add-to-note[data-v-0de80ca1] {
    padding: 0 15px 0 35px;
    border-radius: 15px;
    height: 30px;
    line-height: 30px;
    position: relative;
}
.elite-module .elite-add-to-note[data-v-0de80ca1]::before {
      font-size: 20px;
      position: absolute;
      left: 14px;
      top: 1px;
}
.elite-module .elite-title[data-v-0de80ca1] {
    color: #705d34;
    font-size: 18px;
    margin-bottom: 16px;
    position: relative;
    padding-left: 28px;
}
.elite-module .elite-title[data-v-0de80ca1]::before {
      content: '';
      position: absolute;
      top: 3px;
      left: 3px;
      display: inline-block;
      width: 17px;
      height: 18px;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTQgMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ3ICg0NTM5NikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+R3JvdXAgMjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLliJLph43ngrkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNS4wMDAwMDAsIC0yMTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNS4wMDAwMDAsIDIxMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjgiIGZpbGw9IiM3MDVEMzQiIHg9IjAiIHk9IjExIiB3aWR0aD0iMTQiIGhlaWdodD0iNiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZS0yOSIgZmlsbD0iI0IzOUE3MCIgcG9pbnRzPSIyIDMuNDA5MDkwOTEgMTIgMCAxMiAxMCAyIDEwIj48L3BvbHlnb24+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
      background-size: contain;
}
.elite-module .elite-content[data-v-0de80ca1] {
    width: 100%;
    clear: both
}
.elite-module .elite-content .bg[data-v-0de80ca1] {
      padding: 3px;
      background: #eedfbf
}
.elite-module .elite-content .bg .wrapper[data-v-0de80ca1] {
        background: #7e876e;
        box-shadow: inset 0 1px 20px 0 #000;
        position: relative
}
.elite-module .elite-content .bg .wrapper .pens[data-v-0de80ca1] {
          position: absolute;
          bottom: 0;
          right: 0.6rem;
          width: 1.3rem;
          height: 1.1rem;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALwAAACgCAMAAACBg/Z5AAACrFBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////y8vL8+/n//v3//vz+/fz+/vz//v3///3+/v3y8vJ0dHT8+vT9+/f+/Pf+/Pj+/Pjk5N/49e78+fL9+fL8+fH9+vL39O7g29H9+O789+379+379+z79uz38+f07+L69Of79Of79ej38eT58eH68+P58uL68uL68uP17d2mppD68d758N348N358N7z69jm3Mn47dj37df47tj37djy6NPv5M3369P37NP269L369Lw5M3x5cr058vz5sv058zt38Xl1bXk1bbk1bXj1LXezrDNvpvVxKHUw6DUxKHUxKDTw6Cwo4jTqhBHAAAA5HRSTlMAMPMH/3wB+AIECgshURwIGvwFt7B1+dTZpc71A1tF2k0TI5Ph6fciy+8PEOIN6B4vR7T++uO5KnDTPuoJJafeyUnrhYo5owyhYPL7Yh0mmMaRQFUtGSxtaWQ3eQa2jDzxKec6f/Rr/TVTru7Q3xRPctddjsis3Na9gubB7ZrwqRYVlsSfSxEy7GZZGLuczUEOv/bkh8Pd0VC47v/////91UwIpf////kwl/////+GMv7/////l4z///+Xzf////+YFvz///+YUf////+YkP////+Zzf///5n1////kor5////5DgJz6bhAAAJjklEQVR4Adza9WPTahvG8YvT7xsyLSuss+AwXDvcHbp1A6bIcJgd3GEMl+PIkT/3la7tKkmbjmVr3s/PWxt55L6vp5pxs+RjP8i/Asi//oUh35qNKd+CMvmVAQH5VRmUy68q/PzkK8GUX1WB/t8vvjqo6TanJqQC5oIKm0etppsZxlB+daBCzBrqNQMamKW8GkEFGNAkZ0FLXpnPAuWzEFRAGJTHoqrF8soSliqPZaD8lkNAzkxoXiGvBFgpZ6tAhV7NauWxBlhbLq+sY70cNUGhCb1B+WwE2CTPWITzDQrlsRmqlVcAiMhDRguW7G0BOdsK25TfdoAF8lDIceD+AHK0A3aqgF0ATYvlod2wR3YamvfKyT6oUiH7AdgkLy2GAyrOQahVQYcAOCxPHYH5KsZR2KLC1hN3zOuYgONy7wRE5UIrcc3y1l5ok1sxoF2FGR3EReSxk0WMe1w++DUkWPLYWpbLnVO4bMxPk9Apr3V1a0Kop7ev/czZvnN9O8/brN79cqOLpAuaNl2NpIusvahMS+RK8BIJNZomndiIHlDxLpNyQNOhOgLAlb72NRVmMLi6/eq1LZN99ddJCcfkvTqA1hvKFFsIwEYVZRtpIoY8FhoAOKtcwabiC8R1LaQZlLd6ANryrXt9KkKADEOGPHSO/EVCIzAs9zaRqU/eOQbrQ8rnBjAi134kS0ieaWVV4Y4X1sqtC6TcvAWwU17ZQUQFrQaWyqUfANoBaDSWQs05eWQ7BFWYEYWzrttLoHI7ALcVONQpj6yBO3KlBiy5cR6Au7oHcF8eCtMsd2bBA7lRNnQF6FA30PqwTJ6JwWK5FAa5EzrxaLOlGPB45NIKTSEzZAZNy1BclBa5VQ33VIwbADTt1mTsnvvk0NPbsXWWJJ0hw6pkFTJfrj0DTSgrM0Pm4stdK248PzjaNPpCOYwnANSZmoQ9pESiAKzaN3bzbmPDhlPzepLthdxbnYzKhlsGyNHQ8HJeNDrQn3MBY7dfaTIMU4urFm1fGw3XMCHM9ZZnkrQBHqsIsF//cw0HA0R6c8Knprlra/WdArsrXg+2nXvTP+9gODLwVpKew1UVoYlWjTsOEIGB0fp3107cm/XaCJQp1/le4qosTTlAxWgAJZx4/9qSC5sBIhw1NMUsp2Rl0ypTdmphtYq0i7g3GzW1PsAz5TB7HfvmsxBTkdZ0MO6BptRHaFCWVzcBtsvWkkmF7icAPrFLhqZQG/ykDD2jxJ0/9vOT+ReVbQO8UvGqABjoXLlEU2coc4sqW0q6kTUaZ16+d9pIFhOahOAo47YcuLzaVD6/bDblzs/pVe62TwC/HrlEkinjVefcKDR3Gvqei5dx9SDjHj7tKhC5y6X58DE5ScNEf+syJf1O0ghxCyvTMw1NjvUzCcOmnFTshZNy6Q9YMv5fbXdi9p0/x7OCBE3WkQHirq8/YlpB2Tj/HHhSRDi0SVnmjB3qnBNYTlzrUE5Eokn7pYqEugc7lWPO/B1AvyWXPsMb2WoGuNmtLAtA36OehHCZUWEpzpCMj7fvb24BOCT3nCKBymaWnTPslqeovofVtZmUZyv+qHx6+XlH7YEvo4zrUBGaWSg7z1+0y04/Hfo+Rqy/FXsDJxcYKsJzkJ2Q7MFrfbedg1+xc1rFOQ09cu88aCoE+5ofkuFQ1+pyU0WCsNw7RLOmiGH+PPv2TaJfHvNt5+eKQJmK9zsck2tTnNsZMpdIZtBSsczkQGiVW3dApaCtiUBy5a2SSzCkhMHjmilVALNSAWpQrmwnoiT4WqaZUFkDEDYVtxO+yY0ALM6IUu9p+r0AGDuipJMuF++W9MbFWg+c1DRbXQPRvbuzfkWowh7zQOn+BMKWptNhaN6kTO/hqApZxIAyxSLARU2feey4ZTcgaFd+BnywDTW2a3pY1/pvGLKxG1B+/ex3WLX6NQ0CsbZZctBbKFTpAks2QjVQJ4+Zg9c2nZezEahWHteZL3vf4KshL8U6NiovEzDyHtTKyTvAlEcMLZALkXwD5yF/yNFFwJI3LLlSDh/lBJSH+Yxmzaw3IAdL+U15/cxfmlnOLx9UQGhfSDMjtCFxAtMjW1fZr1JlJaLiQaciYZSrknTDUulpSSRPBhGnmzMlYxXDKjkN8EVxDkc2J4gmWq5jKjGdcFPjoMn+zRxIlGZRlZZb8FUJf8FWZQtdh8/JY5QXKik1DCgpBBwMKF3gFKQW+UvwQSWkHwJKGgYgfLOu8e1fT/56WHdzjLgWjTMHGFDp+Awb0ntZImQK//q+FnZNxPnzVDJaWKEkC1gis31T2/YLbzruv+ntqTYUB7GJCvKISsRDNitlAbxz6nvfKOExnFdJaGNLZhteKVsPeK6kGgipBBxhQGleOyZn6V12IExUMy/GgKl0renDxggo4XM489R7z2XNuAAYyhCEkdufTcMwP9cug27FGcAplZg9VChLqIWUv29PrKYD8oFOgNGRsU/1N0yl9MNFlbzXwNhn5fDFo8ch634MpkodRGRnM1gqcaZTaHrTH0++SWkqUtk2qOTtAP662P664vOH7gUdUTpT175XpW8V6fYbieKNqPygAQjPJvLsx1/PlE3UaxflB7BR2X6Bn+UDV+1Spxh8lA/cZ4lSQhf/5rOkixCQD9zhrPQLKasS+6v8YDHrpdUR4q7vrUxUzr/JF8L8KUmmIUMJB0H+8Bnqcs6cb8gneshMZp5Cq3zjBUDDB8XtPgkRS/7RNRuA0bebH4wBX+Qvlf+QUiX/2Xj8f6344d36D7tyQQQwDAMA0L+CQcDqeBXR+y8EAQAAAACY0brtkREVVV09XMV1R3xkZ967HSfvYmHFQAxDsew/RPmYGUKFxfrrKzkDRC8oP9GXOer3h6PwyOl8CYIwCIlLeCECOBwEpOP5O+B9FAt/JGmWEnma51meEUVWYGUZZljbPy1SrJ8HNHP7Unijqps/2qZtu7brmq5p+qbH2lzf0huaZgy3H4Q3xmme5nmZl2VaJqzlCyR5wBwC1rj9KrwhlVZaG22MMoreVlssjadSkBhpwL1Vv7fbX4UvbvfHi2fvYmEDQQzEwPRf1jEzMzTy1lHoSZTR8tqGbiB0DvFm6iZC/om7RVRhOweu47qe6x04noOg3fd8hIe3C9lxA3QX/QFRRRhFcRQjooMkShDnLYnpjPKQRmkap/Qm+jOiirwoyqI8wFBURVWV1TEjaAfsDdBZ9NdEFU370LUd4r+5b/u+649Z8g9EFeM0L/OCmEXku8A6rwhJt+2E4wWqHxQiKQN/LgAAAABJRU5ErkJggg==)
            no-repeat;
          background-size: cover;
}
.elite-module .elite-content .bg .wrapper .blackboard[data-v-0de80ca1] {
          background: url(//piccdn.luojilab.com/fe/fe-image/b8e7a1e6095aa9f8d5d45d86683195d0.jpg);
          background-size: cover;
          padding: 21px 36px
}
.elite-module .elite-content .bg .wrapper .blackboard .content[data-v-0de80ca1] {
            line-height: 200%;
            font-size: 17px;
            border: none;
            color: #fff;
            text-align: justify;
}


.iget_rich-text-panel--container {
}
.iget_rich-text-panel--container .article-header {
    line-height: 125% !important;
}
.iget_rich-text-panel--container .article-header {
    margin: 20px 0 25px 0;
    color: #000;
}
.iget_rich-text-panel--container .article-header span {
      font-weight: 600;
}
  /* 默认样式[字体正常大小] */
.iget_rich-text-panel--container .header-1 {
    font-size: 26px;
}
.iget_rich-text-panel--container .header-2 {
    font-size: 22px;
}

/* [字体小] */
.iget_rich-text-panel__small {
}
.iget_rich-text-panel__small .header-1 {
    font-size: 24px;
}
.iget_rich-text-panel__small .header-2 {
    font-size: 20px;
}

/* [字体大] */
.iget_rich-text-panel__large {
}
.iget_rich-text-panel__large .header-1 {
    font-size: 28px;
}
.iget_rich-text-panel__large .header-2 {
    font-size: 24px;
}

/* [字体特大] */
.iget_rich-text-panel__extra_large {
}
.iget_rich-text-panel__extra_large .header-1 {
    font-size: 30px;
}
.iget_rich-text-panel__extra_large .header-2 {
    font-size: 26px;
}

/* [字体巨大] */
.iget_rich-text-panel__huge {
}
.iget_rich-text-panel__huge .header-1 {
    font-size: 32px;
}
.iget_rich-text-panel__huge .header-2 {
    font-size: 28px;
}


.inline-wrapper[data-v-0a4e5e75] {
  display: inline-block;
  margin-right: 8px;
  color: #1db65a;
  text-decoration: underline;
}



















































































































































































































































































/* 默认样式[字体正常大小] */
.iget_rich-text-panel--container {
}
.iget_rich-text-panel--container .editor-show {
    word-break: break-all;

    /* li + li {
      margin-top: 16px;
    } */
}
.iget_rich-text-panel--container .editor-show .small-image {
      width: auto;
      margin: 0 10px;
      vertical-align: middle;
      max-height: 50px;
}
/* 标题二 */
.iget_rich-text-panel--container .editor-show h2,
    .iget_rich-text-panel--container .editor-show h3 {
      padding-top: 20px;
      font-weight: bold;
      line-height: 44px;
      font-size: 20px;
      color: #333;
}
/* 有序列表 */
.iget_rich-text-panel--container .editor-show ol {
      margin: 0;
      padding: 0;
      color: #999;
      line-height: 30px;
      font-size: 22px;
      -webkit-padding-start: 30px;
      list-style: decimal
}
.iget_rich-text-panel--container .editor-show ol li {
        padding: 6px 0 0 12px;
        position: relative;
}
/* 无序列表 */
.iget_rich-text-panel--container .editor-show ul {
      margin: 0;
      padding-top: 4px;
      color: #999;
      list-style: none;
      line-height: 30px;
      font-size: 22px
}
.iget_rich-text-panel--container .editor-show ul li {
        padding: 6px 0 0 45px;
        text-align: justify;
        position: relative;
}
.iget_rich-text-panel--container .editor-show ul li::before {
          content: '';
          position: absolute;
          background: #d8d8d8;
          left: 14px;
          top: 17px;
          width: 5px;
          height: 5px;
          border-radius: 50%;
}
/* 正文 */
.iget_rich-text-panel--container .editor-show p {
      font-size: 22px;
      line-height: 2;
      -webkit-hyphens: auto;
              hyphens: auto;
      text-align: justify;
      word-break: break-word;
      word-wrap: break-word;
}
/* 正文段落 */
.iget_rich-text-panel--container .editor-show p + p {
      padding-top: 10px
}
/* 给 paragraph 加斜体 */
.iget_rich-text-panel--container .editor-show p + p i {
        font-style: italic !important;
}
/* 引用 */
.iget_rich-text-panel--container .editor-show blockquote {
      line-height: 30px;
      display: block;
      padding: 0 0 0 30px;
      text-align: justify;
      border-left: 6px solid #d8d8d8;
      word-spacing: 5px;
      word-break: break-word;
      word-wrap: break-word;
      -webkit-hyphens: auto;
              hyphens: auto;
      margin-top: 18px;
      color: #999;
      font-size: 22px;
      margin-bottom: 20px
}
.iget_rich-text-panel--container .editor-show blockquote p {
        white-space: pre-line;
}
/* 添加label背景 */
.iget_rich-text-panel--container .editor-show .tag span {
      display: inline-block;
      margin: 6px 0;
      margin-right: 12px;
      padding: 0 10px;
      height: 26px;
      background-color: #57f5a4;
      font-size: 18px;
      color: #fff;
      line-height: 26px;
}
/* 作者语录 */
.iget_rich-text-panel--container .editor-show .quoted {
}
.iget_rich-text-panel--container .editor-show .quoted blockquote {
}
.iget_rich-text-panel--container .editor-show .quoted blockquote p {
          /* font-size: 16px; */
          color: #999;
}
.iget_rich-text-panel--container .editor-show .quoted .author {
}
.iget_rich-text-panel--container .editor-show .quoted .author p {
          font-size: 14px !important;
}
.iget_rich-text-panel--container .editor-show .quoted .author p {
          color: #333;
}
/* 称呼 */
.iget_rich-text-panel--container .editor-show .letter {
      color: #333;
}
/* 高亮 */
.iget_rich-text-panel--container .editor-show font {
      color: #e8731f !important;
}
.iget_rich-text-panel--container .editor-show :last-child {
      margin-bottom: 0;
}
.iget_rich-text-panel--container .editor-show {
}
.iget_rich-text-panel--container .editor-show p[style*='text-align: left;'],
    .iget_rich-text-panel--container .editor-show h1[style*='text-align: left;'],
    .iget_rich-text-panel--container .editor-show h2[style*='text-align: left;'],
    .iget_rich-text-panel--container .editor-show h3[style*='text-align: left;'],
    .iget_rich-text-panel--container .editor-show ul[style*='text-align: left;'],
    .iget_rich-text-panel--container .editor-show ol[style*='text-align: left;'],
    .iget_rich-text-panel--container .editor-show blockquote[style*='text-align: left;'],
    .iget_rich-text-panel--container .editor-show font[style*='text-align: left;'] {
      text-align: justify !important;
}
.iget_rich-text-panel--container .editor-show a {
      color: #4576b8 !important;
}
.iget_rich-text-panel--container .editor-show a {
      /* TODO */
}
.iget_rich-text-panel--container .editor-show .big-image {
      display: block;
      margin: 10px auto;
      cursor: pointer;
}
/* [字体小] */
.iget_rich-text-panel__small {
}
.iget_rich-text-panel__small .editor-show {
    word-break: break-all
}
/* 标题二 */
.iget_rich-text-panel__small .editor-show h2,
    .iget_rich-text-panel__small .editor-show h3 {
      font-size: 20px !important;
      line-height: 1.8 !important;
}
/* 正文 */
.iget_rich-text-panel__small .editor-show p {
      font-size: 18px !important;
      line-height: 2 !important;
}
.iget_rich-text-panel__small .editor-show ul {
      line-height: 2 !important
}
.iget_rich-text-panel__small .editor-show ul li {
        font-size: 18px !important;
}
.iget_rich-text-panel__small .editor-show ol {
      line-height: 2 !important
}
.iget_rich-text-panel__small .editor-show ol li {
        font-size: 18px !important;
}
.iget_rich-text-panel__small .editor-show blockquote {
      font-size: 18px !important;
      line-height: 2 !important;
}
/*  添加label背景 */
.iget_rich-text-panel__small .editor-show .tag span {
      display: inline-block;
      margin-right: 12px;
      margin: 6px 0;
      padding: 0 10px;
      height: 22px;
      background-color: #57f5a4;
      font-size: 14px;
      color: #fff;
      line-height: 22px;
}
/* [字体大] */
.iget_rich-text-panel__large {
}
.iget_rich-text-panel__large .editor-show {
    word-break: break-all
}
/* 标题二 */
.iget_rich-text-panel__large .editor-show h2,
    .iget_rich-text-panel__large .editor-show h3 {
      font-size: 28px !important;
      line-height: 52px !important;
}
/* 正文 */
.iget_rich-text-panel__large .editor-show p {
      font-size: 26px !important;
      line-height: 2 !important;
}
.iget_rich-text-panel__large .editor-show ul {
      line-height: 2 !important
}
.iget_rich-text-panel__large .editor-show ul li {
        font-size: 26px !important;
}
.iget_rich-text-panel__large .editor-show ol {
      line-height: 2 !important
}
.iget_rich-text-panel__large .editor-show ol li {
        font-size: 26px !important;
}
.iget_rich-text-panel__large .editor-show blockquote {
      font-size: 26px !important;
      line-height: 2 !important;
}
/*  添加label背景 */
.iget_rich-text-panel__large .editor-show .tag span {
      display: inline-block;
      margin: 6px 0;
      margin-right: 10px;
      padding: 0 10px;
      height: 32px;
      background-color: #57f5a4;
      font-size: 24px;
      color: #fff;
      line-height: 32px;
}


.article-body[data-v-4d7cad26] {
  margin-top: 28px;
}


.learn-container[data-v-719c12dd] {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden
}
.learn-container .title-container[data-v-719c12dd] {
    margin: 0;
}
.audio-page-container[data-v-719c12dd] {
  max-width: 960px;
  margin: 0 auto;
}
.body-container[data-v-719c12dd] {
  border-radius: 16px;
  overflow: hidden
}
.body-container .video-container[data-v-719c12dd] {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}
.micro-app-wrapper[data-v-719c12dd] {
  /* min-height: 80vh; */
  box-sizing: border-box;
}

/* micro-app 标签需要显式高度才能正确显示子应用 */
.micro-app-wrapper micro-app[data-v-719c12dd] {
  display: block;
  width: 100%;
  min-height: 400px;
  border-radius: 8px;
  overflow: auto;
  background: white;
}
.micro-app-demo-panel[data-v-719c12dd] {
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #e0e2e6;
  border-radius: 8px;
  background: #fff;
  font-size: 12px;
}
.course-audio[data-v-719c12dd] {
  margin-bottom: 20px;
}

/* 底部悬浮操作区 */
.floating-actions[data-v-719c12dd] {
  position: fixed;
  right: 32px;
  bottom: 158px;
  z-index: 1000;
  display: flex;
  padding: 8px;
  flex-direction: column;
}
.floating-actions .fa-btn[data-v-719c12dd] {
  display: inline-flex;
  align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  padding: 10px;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: 12px;
  box-shadow: 0px 2px 32px 0px rgba(0,0,0,0.10196);
}
.floating-actions .fa-btn[data-v-719c12dd]:hover {
  transform: translateY(-1px);
}
.floating-actions .fa-btn[data-v-719c12dd]:disabled,
.floating-actions .fa-btn[disabled][data-v-719c12dd] {
  opacity: 0.5;
  cursor: not-allowed;
}
.fa-icon[data-v-719c12dd] {
  width: 24px;
  height: 24px;
}


.article-container[data-v-22897a29] {
  max-width: 960px;
  margin: 0 auto;
}


.filter-list-container[data-v-26513b92] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px
}
.filter-list-container .filter-tag[data-v-26513b92] {
    height: 31px;
    padding: 0 10px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-family: 'PingFang SC';
    font-weight: 400;
    background: #f5f7fa;
    color: #677084;
    border-radius: 19px;
    cursor: pointer;
}
.filter-list-container .filter-tag.active[data-v-26513b92] {
      font-weight: 500;
      color: #20b266;
}
.filter-list-container .fill-filter-tag[data-v-26513b92] {
    height: 37px;
    padding: 0 20px;
    background: #f5f7fa;
    color: #8a8f99;
    font-weight: 500;
    cursor: pointer;
}
.filter-list-container .fill-filter-tag[data-v-26513b92]:not(:last-child) {
      margin-right: 10px;
}
.filter-list-container .fill-filter-tag.active[data-v-26513b92] {
      background: rgba(40, 197, 144, 0.15);
      color: #20b266;
}


.is-active[data-v-19b58bd0] {
  color: #409eff; /* Element 主色 */
  background-color: #ecf5ff;
  font-weight: 500;
}
.category-container[data-v-19b58bd0] {
  height: 100%;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 32px;
}
.nav-tabs[data-v-19b58bd0] {
  margin-bottom: 24px;
}
.filter-section[data-v-19b58bd0] {
  margin-bottom: 24px
}
.filter-section .filter-row[data-v-19b58bd0] {
    margin-bottom: 16px;
}
.sort-options[data-v-19b58bd0] {
  margin-bottom: 28px;
  display: flex;
  gap: 8px
}
.sort-options .sort-option[data-v-19b58bd0] {
    height: 36px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    color: rgba(0, 0, 0, 0.67);
    font-family: 'PingFang SC';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.2s;
}
.sort-options .caret-container[data-v-19b58bd0] {
    margin-left: 4px;
    width: 14px;
    height: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative
}
.sort-options .caret-container i[data-v-19b58bd0]:first-child {
      position: absolute;
      top: -3px;
}
.sort-options .caret-container i[data-v-19b58bd0]:last-child {
      position: absolute;
      top: 4px;
}
.video-container[data-v-19b58bd0] {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 24px;
  gap: 24px;
  margin-bottom: 24px;
}
.no-content[data-v-19b58bd0] {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}
.no-content .title[data-v-19b58bd0] {
    color: #292d34;
    color: var(----1-, #292d34);
    font-family: 'PingFang SC';
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 36px */
}
.no-content .cover[data-v-19b58bd0] {
    margin-top: 24px;
    width: 172.507px;
    height: 120px;
}
.audio-container[data-v-19b58bd0] {
  border-radius: 24px;
  background: #f5f7fa;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0 60px;
  gap: 0 60px;
  padding: 12px 24px
}
.audio-container .audio-item[data-v-19b58bd0] {
    flex: 1;
}
.audio-container .audio-item[data-v-19b58bd0]:not(:nth-last-child(-n + 2)) {
      border-bottom: 1px solid #e5e6ea;
}
.more[data-v-19b58bd0] {
  width: 100%;
  height: 50px;
  background-image: url('https://piccdn2.umiwi.com/fe-oss/default/MTYyMDYyODk5MjY1.gif');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.loaded-all[data-v-19b58bd0] {
  color: #999999;
  font-size: 12px;
  text-align: center;
  padding: 20px 0px;
  width: 100%;
}
.sentinel[data-v-19b58bd0] {
  width: 100%;
  height: 90px;
}
@media (max-width: 1150px) {
.video-container[data-v-19b58bd0] {
    grid-template-columns: repeat(3, 1fr);
}
.audio-container[data-v-19b58bd0] {
    grid-template-columns: repeat(2, 1fr)
}
.audio-container .audio-item[data-v-19b58bd0]:not(:nth-last-child(-n + 2)) {
        border-bottom: 1px solid #e5e6ea;
}
}
@media (max-width: 980px) {
.video-container[data-v-19b58bd0] {
    grid-template-columns: repeat(2, 1fr);
}
.audio-container[data-v-19b58bd0] {
}
.audio-container .audio-item[data-v-19b58bd0] {
      width: 100%;
}
.audio-container .audio-item[data-v-19b58bd0]:nth-child(2n) {
        margin-left: 0px;
}
.audio-container .audio-item[data-v-19b58bd0]:not(:nth-last-child(-n + 1)) {
        border-bottom: 1px solid #e5e6ea;
}
}
@media (max-width: 680px) {
.audio-container[data-v-19b58bd0] {
    grid-template-columns: repeat(1, 1fr)
}
.audio-container .audio-item[data-v-19b58bd0]:not(:nth-last-child(-n + 1)) {
        border-bottom: 1px solid #e5e6ea;
}
}


.history-page[data-v-224cbc8d] {
  height: 100%;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.history-card[data-v-224cbc8d] {
  border-radius: 32px;
  background: #f5f7fa;
  padding: 24px;
  width: 100%;
  margin-bottom: 20px;
}
.history-year[data-v-224cbc8d] {
  color: #111418;
  font-family: 'PingFang SC';
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 30px */
  margin-bottom: 20px;
}
.history-container[data-v-224cbc8d] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  gap: 20px;
}
@media (max-width: 1150px) {
.history-container[data-v-224cbc8d] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 980px) {
.history-container[data-v-224cbc8d] {
    grid-template-columns: repeat(1, 1fr);
}
}
.more[data-v-224cbc8d] {
  width: 100%;
  height: 50px;
  background-image: url('https://piccdn2.umiwi.com/fe-oss/default/MTYyMDYyODk5MjY1.gif');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.loaded-all[data-v-224cbc8d] {
  color: #999999;
  font-size: 12px;
  text-align: center;
  padding: 20px 0px;
  width: 100%;
}
.sentinel[data-v-224cbc8d] {
  width: 100%;
  height: 50px;
}


.review-popup[data-v-49aab75e] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000000;
  background: rgba(0, 0, 0, 0.50);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-direction: column
}
.review-popup .review-popup-scale[data-v-49aab75e] {
    transform-origin: center;
}
.review-popup .review-popup-content[data-v-49aab75e] {
    width: 540px;
    height: 678px;
    position: relative
}
.review-popup .review-popup-content .review-popup-bg[data-v-49aab75e] {
      position: absolute;
      z-index: 1;
      top: 0
}
.review-popup .review-popup-content .review-popup-bg img[data-v-49aab75e] {
        width: 540px;
        height: 436px;
}
.review-popup .review-popup-content .review-popup-header[data-v-49aab75e] {
      width: 500px;
      height: 65px;
      position: absolute;
      top: 0;
      left: 20px;
      z-index: 3;
      background: #FFFFFB;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 16px 16px 0 0
}
.review-popup .review-popup-content .review-popup-header img[data-v-49aab75e] {
        width: 258px;
}
.review-popup .review-popup-content .review-popup-center[data-v-49aab75e] {
      position: absolute;
      z-index: 2;
      left: 20px;
      top: 40px;
      width: 500px;
      max-height: 500px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #FFFFFB;
      overflow-y: auto;
      flex-direction: column;
      padding-bottom: 100px
}
.review-popup .review-popup-content .review-popup-center img[data-v-49aab75e] {
        width: 492px;
        height: auto;
        display: block;
        margin-top: 130px;
}
.review-popup .review-popup-content .review-popup-center .zhanwei[data-v-49aab75e] {
        height: 120px;
}
.review-popup .review-popup-content .review-popup-footer[data-v-49aab75e] {
      position: absolute;
      bottom: 60px;
      cursor: pointer;
      background: url('https://piccdn2.umiwi.com/fe-oss/default/MTc2ODU0MzU4MDA4.png') no-repeat center center;
      background-size: 100% 100%;
      width: 540px;
      height: 268px;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 3
}
.review-popup .review-popup-content .review-popup-footer .review-btn[data-v-49aab75e] {
        border-radius: 25px;
        background: linear-gradient(90deg, #FFEDD3 0%, #FFDBA6 100%);
        box-shadow: 0 4px 4px 0 rgba(255, 255, 255, 0.25) inset, 0 4px 4px 0 rgba(255, 255, 255, 0.25) inset, 0 4px 4px 0 rgba(0, 0, 0, 0.12);
        color: #3F1915;
        text-align: center;
        font-family: "PingFang SC";
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding: 12px 24px;
        margin-top: 164px;
}
.review-popup .close-btn[data-v-49aab75e] {
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: -70px;
    z-index: 4
}
.review-popup .close-btn img[data-v-49aab75e] {
      width: 44px;
      height: 44px;
}

/* Review popup transition (Vue2) */
.review-popup-fade-enter-active[data-v-49aab75e],
.review-popup-fade-leave-active[data-v-49aab75e] {
  transition: opacity 320ms ease;
}
.review-popup-fade-enter[data-v-49aab75e],
.review-popup-fade-leave-to[data-v-49aab75e] {
  opacity: 0;
}
.review-popup-fade-enter-active .review-popup-content[data-v-49aab75e],
.review-popup-fade-leave-active .review-popup-content[data-v-49aab75e] {
  transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1), opacity 320ms ease;
  will-change: transform, opacity;
  transform-origin: center;
}
.review-popup-fade-enter .review-popup-content[data-v-49aab75e],
.review-popup-fade-leave-to .review-popup-content[data-v-49aab75e] {
  transform: translateY(22px) scale(0.96);
  opacity: 0;
}

/* Mobile: scale down the whole popup (minimal change, keep inner layout) */
@media (max-width: 420px) {
.review-popup .review-popup-scale[data-v-49aab75e] {
    transform: scale(0.68);
}
.review-popup .close-btn[data-v-49aab75e] {
    right: 35px;
    top: 14px;
}
}
@media (max-width: 360px) {
.review-popup .review-popup-scale[data-v-49aab75e] {
    transform: scale(0.60);
}
}
@media (prefers-reduced-motion: reduce) {
.review-popup-fade-enter-active[data-v-49aab75e],
  .review-popup-fade-leave-active[data-v-49aab75e],
  .review-popup-fade-enter-active .review-popup-content[data-v-49aab75e],
  .review-popup-fade-leave-active .review-popup-content[data-v-49aab75e] {
    transition: none !important;
}
}



















































































/* Review success popup */
.review-success-popup[data-v-116c9355] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000001;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.review-success-popup-content[data-v-116c9355] {
  width: 500px;
  height: 609px;
  border-radius: 20px;
  background: linear-gradient(180deg, #E6F6EB 0.06%, #F3FEF7 12.88%, #FFF 40.75%);
  padding: 24px 40px;
  position: relative;
}
.review-success-close[data-v-116c9355] {
  position: absolute;
  top: 0px;
  right: -70px;
  width: 44px;
  height: 44px;
  cursor: pointer
}
.review-success-close img[data-v-116c9355] {
    width: 44px;
    height: 44px;
}
.review-success-header[data-v-116c9355]{
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px
}
.review-success-header img[data-v-116c9355]{
      width: 80px;
      height: 80px;
}
.review-success-title[data-v-116c9355] {
  color: #111418;
  color: var(----0-, #111418);
  text-align: justify;
  font-family: "PingFang SC";
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 24px;
  text-align: center;
}
.review-success-desc[data-v-116c9355] {
  color: #111418;
  color: var(----0-, #111418);
  font-family: "PingFang SC";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 25.6px */
  margin-bottom: 24px;
}
.review-success-list[data-v-116c9355] {
  max-width: 640px;
  margin: 0 auto 18px;
}
.review-success-item[data-v-116c9355] {
  display: flex;
  align-items: center;
  color: #111418;
  color: var(----0-, #111418);
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 12px;
}
.review-success-item .dot[data-v-116c9355] {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: #57F5A4;
  background: var(--, #57F5A4);
  margin-right: 12px;
}
.review-success-tip[data-v-116c9355] {
  width: 420px;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid rgba(40, 197, 144, 0.15);
  border: 1px solid var(--, rgba(40, 197, 144, 0.15));
  background: linear-gradient(90deg, #F4FFEC 0%, #ECFFF0 98.11%);
  background: var(--ai, linear-gradient(90deg, #F4FFEC 0%, #ECFFF0 98.11%));
  color: #024223;
  color: var(--ei-co-, #024223);
  font-family: "PingFang SC";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%
}
/* 25.6px */
.review-success-tip .review-success-tip-reward[data-v-116c9355]{
    color: #024223;
    color: var(--ei-co-, #024223);
    font-family: "PingFang SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
}
.review-success-actions[data-v-116c9355] {
  display: flex;
  gap: 16px;
  justify-content: center;
  align-items: center;
  margin-top: 36px
}
.review-success-actions .primary-btn[data-v-116c9355] {
    border-radius: 16px;
    background: #57F5A4;
    background: var(--, #57F5A4);
    color: #111418;
    color: var(----0-, #111418);
    font-family: "PingFang SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    width: 202px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none
}
.review-success-actions .primary-btn .arrow-icon[data-v-116c9355] {
      width: 24px;
      height: 24px;
      margin-left: 8px;
}
.review-success-actions .reward-btn[data-v-116c9355] {
    border-radius: 16px;
    background: #FFDF78;
    color: #111418;
    color: var(----0-, #111418);
    text-align: center;
    font-family: "PingFang SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    width: 210px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    border: none
}
.review-success-actions .reward-btn .reward-btn-tip[data-v-116c9355] {
      position: absolute;
      top: -15px;
      right: 0;
      width: 98px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 12px 8px 0 12px;
      background: #FF6A41;
      background: var(----, #FF6A41);
      color: #FFF;
      text-align: center;
      font-family: "PingFang SC";
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 150%;
      /* 21px */
}
.review-success-actions .reward-btn .reward-icon[data-v-116c9355] {
      width: 32px;
      height: 32px;
      margin-right: 8px;
}
/* Review popup transition (Vue2) */
.review-popup-fade-enter-active[data-v-116c9355],
.review-popup-fade-leave-active[data-v-116c9355] {
  transition: opacity 320ms ease;
}
.review-popup-fade-enter[data-v-116c9355],
.review-popup-fade-leave-to[data-v-116c9355] {
  opacity: 0;
}
.review-popup-fade-enter-active .review-success-popup-content[data-v-116c9355],
.review-popup-fade-leave-active .review-success-popup-content[data-v-116c9355] {
  transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1), opacity 320ms ease;
  will-change: transform, opacity;
  transform-origin: center;
}
.review-popup-fade-enter .review-success-popup-content[data-v-116c9355],
.review-popup-fade-leave-to .review-success-popup-content[data-v-116c9355] {
  transform: translateY(22px) scale(0.96);
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
.review-popup-fade-enter-active[data-v-116c9355],
  .review-popup-fade-leave-active[data-v-116c9355],
  .review-popup-fade-enter-active .review-success-popup-content[data-v-116c9355],
  .review-popup-fade-leave-active .review-success-popup-content[data-v-116c9355] {
    transition: none !important;
}
}

















































































































































































































































































































/* 分享海报弹窗 */
.share-poster-popup[data-v-000d6d4b] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.share-poster-content[data-v-000d6d4b] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.share-poster-actions[data-v-000d6d4b] {
  position: absolute;
  top: 0px;
  right: -150px;
  display: flex;
  gap: 16px;
  z-index: 10;
}
.share-poster-action-btn[data-v-000d6d4b] {
  display: flex;
  width: 44px;
  height: 44px;
  padding: 12px;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  border-radius: 24px;
  background: rgba(0, 0, 0, 0.50);
}
.share-poster-action-btn[data-v-000d6d4b]:hover {
    background: rgba(0, 0, 0, 0.50);
    transform: scale(1.2);
}
.share-poster-action-btn[data-v-000d6d4b]:disabled {
    cursor: not-allowed;
    opacity: 0.6;
    transform: none;
}
.footer-btn[data-v-000d6d4b] {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  border-radius: 16px;
  background: #ffffff;
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #111418;
  height: 50px;
  width: 45%;
}
.share-poster-poster[data-v-000d6d4b] {
  /* 自适应屏幕，保持宽高比不变（500:696） */
  aspect-ratio: 500 / 696;
  width: min(500px, 92vw, calc(86vh * 500 / 696));
  height: auto;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.share-poster-bg[data-v-000d6d4b] {
  width: 100%;
  height: auto;
  display: block;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}
.share-poster-overlay[data-v-000d6d4b] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.share-poster-user[data-v-000d6d4b] {
  position: absolute;
  left: 18px;
  top: 32px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.share-poster-avatar[data-v-000d6d4b] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.share-poster-avatar img[data-v-000d6d4b] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.share-poster-avatar-placeholder[data-v-000d6d4b] {
  width: 100%;
  height: 100%;
  background: #E5E6EA;
  border-radius: 50%;
}
.share-poster-user-text[data-v-000d6d4b] {
  display: flex;
  flex-direction: column;
}
.share-poster-username[data-v-000d6d4b] {
  color: #602407;
font-family: "PingFang SC";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.share-poster-qrcode[data-v-000d6d4b] {
  position: absolute;
  right: 22px;
  bottom: 21px;
  width: 50px;
  height: 50px;
}
.share-poster-qrcode-canvas[data-v-000d6d4b] {
  width: 100% !important;
  height: 100% !important;
}
.share-poster-qrcode-canvas[data-v-000d6d4b] {
  display: block;
  image-rendering: pixelated;
}
/* 底部链接栏 */
.share-poster-link-bar[data-v-000d6d4b],.bottom-footer[data-v-000d6d4b] {
  width: 100%;
  margin-top: 24px;
  display: flex;
  align-items: center;
  position: relative;
}
.share-poster-link-input[data-v-000d6d4b] {
  flex: 1;
  height: 60px;
  padding: 0 16px;
  border-radius: 16px;
  background: #FFF;
  color: #111418;
  color: var(----0-, #111418);
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  outline: none;
  border: none;
}
.share-poster-copy-btn[data-v-000d6d4b] {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 88px;
  height: 40px;
  border: none;
  border-radius: 8px;
  background: #57F5A4;
  background: var(--, #57F5A4);
  color: #111418;
  color: var(----0-, #111418);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
/* 分享海报弹窗过渡动画 */
.share-poster-fade-enter-active[data-v-000d6d4b],
.share-poster-fade-leave-active[data-v-000d6d4b] {
  transition: opacity 320ms ease;
}
.share-poster-fade-enter[data-v-000d6d4b],
.share-poster-fade-leave-to[data-v-000d6d4b] {
  opacity: 0;
}
.share-poster-fade-enter-active .share-poster-content[data-v-000d6d4b],
.share-poster-fade-leave-active .share-poster-content[data-v-000d6d4b] {
  transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1), opacity 320ms ease;
  will-change: transform, opacity;
  transform-origin: center;
}
.share-poster-fade-enter .share-poster-content[data-v-000d6d4b],
.share-poster-fade-leave-to .share-poster-content[data-v-000d6d4b] {
  transform: translateY(22px) scale(0.96);
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
.share-poster-fade-enter-active[data-v-000d6d4b],
  .share-poster-fade-leave-active[data-v-000d6d4b],
  .share-poster-fade-enter-active .share-poster-content[data-v-000d6d4b],
  .share-poster-fade-leave-active .share-poster-content[data-v-000d6d4b] {
    transition: none !important;
}
}









































































































































































































































































































































/* 分享海报弹窗 */
.share-poster-popup[data-v-13f524ce] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.share-poster-content[data-v-13f524ce] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.share-poster-actions[data-v-13f524ce] {
  position: absolute;
  top: 0px;
  right: -150px;
  display: flex;
  gap: 16px;
  z-index: 10;
}
.share-poster-action-btn[data-v-13f524ce] {
  display: flex;
  width: 44px;
  height: 44px;
  padding: 12px;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  border-radius: 24px;
  background: rgba(0, 0, 0, 0.5);
}
.share-poster-action-btn[data-v-13f524ce]:hover {
    background: rgba(0, 0, 0, 0.5);
    transform: scale(1.2);
}
.footer-btn[data-v-13f524ce] {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  border-radius: 16px;
  background: #ffffff;
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #111418;
  height: 50px;
  width: 45%;
}
.share-poster-poster[data-v-13f524ce] {
  /* 自适应屏幕，保持宽高比不变（500:736） */
  aspect-ratio: 500 / 736;
  width: min(500px, 85vw, calc(86vh * 500 / 736));
  height: auto;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.share-poster-bg[data-v-13f524ce] {
  width: 100%;
  height: auto;
  display: block;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}
.share-poster-overlay[data-v-13f524ce] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.share-poster-user[data-v-13f524ce] {
  position: absolute;
  top: 32px;
  left: 22px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.share-poster-avatar[data-v-13f524ce] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.share-poster-avatar img[data-v-13f524ce] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.share-poster-avatar-placeholder[data-v-13f524ce] {
  width: 100%;
  height: 100%;
  background: #e5e6ea;
  border-radius: 50%;
}
.share-poster-username[data-v-13f524ce] {
  color: #602407;
  font-family: 'PingFang SC';
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.share-poster-user-vip-icon[data-v-13f524ce] {
  width: 91px;
  height: 24px;
  margin-left: 8px;
}
.share-poster-qrcode[data-v-13f524ce] {
  position: absolute;
  right: 22px;
  bottom: 18px;
  width: 50px;
  height: 50px;
}
.share-poster-qrcode-canvas[data-v-13f524ce] {
  width: 100% !important;
  height: 100% !important;
}
.share-poster-qrcode-canvas[data-v-13f524ce] {
  display: block;
  image-rendering: pixelated;
}
/* 底部链接栏 */
.bottom-footer[data-v-13f524ce],.share-poster-link-bar[data-v-13f524ce] {
  width: 100%;
  margin-top: 24px;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-around;
}
.share-poster-link-input[data-v-13f524ce] {
  flex: 1;
  height: 60px;
  padding: 0 16px;
  border-radius: 16px;
  background: #fff;
  color: #111418;
  color: var(----0-, #111418);
  font-family: 'PingFang SC';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  outline: none;
  border: none;
}
.share-poster-copy-btn[data-v-13f524ce] {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 88px;
  height: 40px;
  border: none;
  border-radius: 8px;
  background: #57f5a4;
  background: var(--, #57f5a4);
  color: #111418;
  color: var(----0-, #111418);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'PingFang SC';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
/* 分享海报弹窗过渡动画 */
.share-poster-fade-enter-active[data-v-13f524ce],
.share-poster-fade-leave-active[data-v-13f524ce] {
  transition: opacity 320ms ease;
}
.share-poster-fade-enter[data-v-13f524ce],
.share-poster-fade-leave-to[data-v-13f524ce] {
  opacity: 0;
}
.share-poster-fade-enter-active .share-poster-content[data-v-13f524ce],
.share-poster-fade-leave-active .share-poster-content[data-v-13f524ce] {
  transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1), opacity 320ms ease;
  will-change: transform, opacity;
  transform-origin: center;
}
.share-poster-fade-enter .share-poster-content[data-v-13f524ce],
.share-poster-fade-leave-to .share-poster-content[data-v-13f524ce] {
  transform: translateY(22px) scale(0.96);
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
.share-poster-fade-enter-active[data-v-13f524ce],
  .share-poster-fade-leave-active[data-v-13f524ce],
  .share-poster-fade-enter-active .share-poster-content[data-v-13f524ce],
  .share-poster-fade-leave-active .share-poster-content[data-v-13f524ce] {
    transition: none !important;
}
}
/* Mobile tweaks */
@media (max-width: 420px) {
.share-poster-actions[data-v-13f524ce] {
    top: -51px;
    right: 8px;
}
.share-poster-action-btn[data-v-13f524ce] {
    transform: scale(0.7);
    margin-right: -10px;
}
.share-poster-action-btn[data-v-13f524ce]:hover {
    transform: scale(0.7);
}
.share-poster-avatar[data-v-13f524ce] {
    width: 40px;
    height: 40px;
}
.share-poster-qrcode[data-v-13f524ce] {
    right: 8px;
    bottom: 16px;
}
}


.coach-container[data-v-1b44809a] {
  position: relative;
  min-height: 500px;
  box-sizing: border-box;
  background: #ffffff;
}
.coach-content[data-v-1b44809a] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Hero Styles */
.hero-card[data-v-1b44809a] {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: 32px;
  border: 1px solid rgba(40, 197, 144, 0.15);
  border: 1px solid var(--, rgba(40, 197, 144, 0.15));
  background: linear-gradient(180deg, #F5FFFA 0%, #FFF 34.26%, #FFF 100%);

  /* 灰色投影 */
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.04);
  padding: 32px 0 36px;
  position: relative;
  overflow: hidden
}
.hero-card .hero-header[data-v-1b44809a] {
}
.hero-card .hero-header .hero-header-title[data-v-1b44809a] {
      text-align: center;
      font-family: "Alibaba PuHuiTi 2.0";
      font-size: 64px;
      font-style: normal;
      line-height: normal;
      letter-spacing: 2px;
      color: #0f1d37
}
.hero-card .hero-header .hero-header-title .sp[data-v-1b44809a] {
        background: linear-gradient(90deg, #000 0%, #000 30.12%, #063B1F 54.45%, #0A6435 61.57%, #000 74.89%, #000 77.07%, #000 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: "Alibaba PuHuiTi 2.0";
        font-size: 64px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 2px;
}
.hero-card .hero-intro[data-v-1b44809a] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -12px
}
.hero-card .hero-intro .hero-intro-left[data-v-1b44809a] {
}
.hero-card .hero-intro .hero-intro-left img[data-v-1b44809a] {
        width: 136px;
}
.hero-card .hero-intro .hero-intro-right[data-v-1b44809a] {
      margin-left: 18px
}
.hero-card .hero-intro .hero-intro-right .hero-intro-video[data-v-1b44809a] {
        display: flex;
        align-items: center;
        cursor: pointer;
        -webkit-user-select: none;
                user-select: none;
        transition: opacity 0.2s;
}
.hero-card .hero-intro .hero-intro-right .hero-intro-video[data-v-1b44809a]:hover {
          opacity: 0.8;
}
.hero-card .hero-intro .hero-intro-right .hero-intro-video[data-v-1b44809a] {
}
.hero-card .hero-intro .hero-intro-right .hero-intro-video .hero-intro-video-play[data-v-1b44809a],
        .hero-card .hero-intro .hero-intro-right .hero-intro-video .hero-intro-video-pause[data-v-1b44809a] {
          width: 32px;
          height: 32px;
          flex-shrink: 0;
          display: flex;
          align-items: center;
          justify-content: center;
}
.hero-card .hero-intro .hero-intro-right .hero-intro-video .hero-intro-video-img[data-v-1b44809a] {
          width: 86px;
          height: 32px;
          margin: 0 12px 0 8px;
          flex-shrink: 0;
}
.hero-card .hero-intro .hero-intro-right .hero-intro-video .hero-intro-video-loading[data-v-1b44809a] {
          animation: pulse-data-v-1b44809a 1.5s ease-in-out infinite;
}
@keyframes pulse-data-v-1b44809a {
0%,
          100% {
            opacity: 1;
}
50% {
            opacity: 0.5;
}
}
.hero-card .hero-intro .hero-intro-right .hero-intro-video span[data-v-1b44809a] {
          color: #329F5D;
          color: var(----, #329F5D);
          font-family: "PingFang SC";
          font-size: 18px;
          font-style: normal;
          font-weight: 400;
          line-height: 160%;
          /* 28.8px */
          flex-shrink: 0;
}
.hero-card .hero-intro .hero-intro-right .hero-intro-right-desc[data-v-1b44809a] {
        color: #111418;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 160%;
        margin-top: 12px;
        width: 652px;
}
.hero-card .hero-video-module[data-v-1b44809a] {
    margin-top: 32px;
    display: flex;
    justify-content: center;
    width: 100%
}
.hero-card .hero-video-module .hero-video-nav[data-v-1b44809a] {
      display: flex;
      flex-direction: column;
      flex-shrink: 0;
      width: 170px;
      margin-right: 42px
}
.hero-card .hero-video-module .hero-video-nav .hero-video-nav-item[data-v-1b44809a] {
        position: relative;
        width: 170px;
        height: 58px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        border: 1px solid #E5E6EA;
        background: #fff;
        color: #111418;
        color: var(----0-, #111418);
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 20px;
}
.hero-card .hero-video-module .hero-video-nav .hero-video-nav-item.active[data-v-1b44809a] {
          border: 2px solid #57F5A4;
          box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
}
.hero-card .hero-video-module .hero-video-nav .hero-video-nav-item.active[data-v-1b44809a]::after {
          content: '';
          position: absolute;
          right: -8px;
          top: 50%;
          transform: translateY(-50%) rotate(45deg);
          width: 14px;
          height: 14px;
          background: #fff;
          border: 2px solid #57F5A4;
          border-left: none;
          border-bottom: none;
          border-top-right-radius: 4px;
}
.hero-card .hero-video-module .hero-video-nav[data-v-1b44809a] :hover {
        border: 1px solid #57F5A4;
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
}
.hero-card .hero-video-module .hero-video[data-v-1b44809a] {
      position: relative;
      height: 380px;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      cursor: pointer
}
.hero-card .hero-video-module .hero-video .hero-video-player[data-v-1b44809a] {
        width: 100%;
        height: 100%;
        object-fit: contain;
}
.hero-card .hero-video-module .hero-video .video-play-button[data-v-1b44809a] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        cursor: pointer;
        z-index: 10;
        transition: opacity 0.3s ease;
        pointer-events: none;
}
.hero-card .hero-video-module .hero-video .video-play-button[data-v-1b44809a]:hover {
          opacity: 0.8;
}
.hero-card .hero-video-module .hero-video .video-play-button[data-v-1b44809a] {
}
.hero-card .hero-video-module .hero-video .video-play-button svg[data-v-1b44809a] {
          display: block;
}
.hero-card .hero-video-module .hero-video .hero-video-placeholder[data-v-1b44809a] {
        color: #9CA3AF;
        font-family: "PingFang SC";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
}
.hero-card .hero-actions[data-v-1b44809a] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: -6px
}
.hero-card .hero-actions .primary-btn[data-v-1b44809a] {
      border-radius: 16px;
      background: #57F5A4;
      background: var(--, #57F5A4);
      color: #111418;
      color: var(----0-, #111418);
      font-family: "PingFang SC";
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: 150%;
      width: 232px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer
}
.hero-card .hero-actions .primary-btn .arrow-icon[data-v-1b44809a] {
        width: 24px;
        height: 24px;
        margin-left: 8px;
}
.hero-card .hero-actions .primary-btn[data-v-1b44809a]:disabled {
      opacity: 0.55;
      cursor: not-allowed;
      box-shadow: none;
}
.hero-card .hero-actions .primary-btn[data-v-1b44809a]:not(:disabled):hover {
      transform: translateY(-1px);
}
.hero-card .hero-actions .reward-btn[data-v-1b44809a] {
      border-radius: 16px;
      background: #FFDF78;
      color: #111418;
      color: var(----0-, #111418);
      text-align: center;
      font-family: "PingFang SC";
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: 150%;
      width: 192px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      cursor: pointer
}
.hero-card .hero-actions .reward-btn .reward-btn-tip[data-v-1b44809a] {
        position: absolute;
        top: -15px;
        right: 0;
        width: 98px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px 8px 0 12px;
        background: #FF6A41;
        background: var(----, #FF6A41);
        color: #FFF;
        text-align: center;
        font-family: "PingFang SC";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        /* 21px */
}
.hero-card .hero-actions .reward-btn[data-v-1b44809a]:hover {
      transform: translateY(-1px);
}
.hero-card .hero-actions .reward-icon[data-v-1b44809a] {
      width: 32px;
      height: 32px;
      margin-right: 8px;
}
.hero-card .hero-actions .share-btn[data-v-1b44809a] {
      border-radius: 16px;
      background: #F5F7FA;
      background: var(----7-b-g, #F5F7FA);
      width: 184px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #111418;
      color: var(----0-, #111418);
      text-align: center;
      font-family: "PingFang SC";
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: 150%;
      cursor: pointer
}

/* 30px */
.hero-card .hero-actions .share-btn .share-icon[data-v-1b44809a] {
        width: 20px;
        height: 20px;
        margin-right: 8px;
}
.hero-card .hero-actions .share-btn[data-v-1b44809a]:hover {
      transform: translateY(-1px);
}

/* Chapter List Styles */
.chapter-list[data-v-1b44809a] {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 32px;
  padding-bottom: 40px;
}
.chapter-group[data-v-1b44809a] {
  display: flex;
  flex-direction: column;
  gap: 29px;
}
.chapter-header[data-v-1b44809a] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-left: 17px;
}
.chapter-mark[data-v-1b44809a] {
  width: 12px;
  height: 28px;
}
.chapter-title[data-v-1b44809a] {
  color: #111418;
  color: var(----0-, #111418);
  font-family: "PingFang SC";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  /* 32px */
}
.lesson-list[data-v-1b44809a] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
.lesson-timeline-line[data-v-1b44809a] {
  position: absolute;
  left: 20px;
  top: -10px;
  bottom: 30px;
  width: 2px;
  background: #E5E7EB;
  z-index: 0;
}
.lesson-item[data-v-1b44809a] {
  display: flex;
  align-items: stretch;
  gap: 24px;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.lesson-status-col[data-v-1b44809a] {
  flex-shrink: 0;
  width: 40px;
  display: flex;
  justify-content: center;
  padding-top: 50px;
}
.lesson-item.is-active .lesson-status-col[data-v-1b44809a] {
  padding-top: 50px;
}
.status-icon[data-v-1b44809a] {
  width: 36px;
  height: 36px;
}
.status-icon.done[data-v-1b44809a] {
  background: #fff;
}
.status-icon.processing[data-v-1b44809a] {
  width: 32px;
  height: 32px;
  background: #fff;
}
.lesson-card-body[data-v-1b44809a] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px 32px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  transition: all 0.2s ease;
}
.lesson-item:hover .lesson-card-body[data-v-1b44809a] {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.lesson-item.is-active .lesson-card-body[data-v-1b44809a] {
  border-radius: 16px;
  border: 1px solid #57F5A4;
  border: 1px solid var(--, #57F5A4);
  background: #FFF;
  background: var(----, #FFF);
  box-shadow: 0 4px 16px 0 rgba(87, 245, 164, 0.15);
}
.lesson-content[data-v-1b44809a] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.lesson-meta-row[data-v-1b44809a] {
  display: flex;
  align-items: center;
  color: #677084;
  color: var(----3-, #677084);
  font-family: "PingFang SC";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 19.2px */
  padding: 2px 8px;
  border-radius: 4px;
  background: #F5F7FA;
  background: var(----7-b-g, #F5F7FA);
  width: -webkit-fit-content;
  width: fit-content;
}
.lesson-tag[data-v-1b44809a] {
  color: #9CA3AF;
  font-size: 13px;
  font-weight: 600;
}
.lesson-item.is-active .lesson-tag[data-v-1b44809a] {
  color: #0BC274;
}
.lesson-title[data-v-1b44809a] {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  line-height: 1.4;
}
.lesson-desc[data-v-1b44809a] {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.5;
}
.lesson-action-btn[data-v-1b44809a] {
  width: 36px;
  height: 36px;
}

/* Locked State Styles */
.lesson-item.is-locked[data-v-1b44809a] {
  cursor: not-allowed;
}
.lesson-item.is-locked .lesson-card-body[data-v-1b44809a] {
  border-color: #E5E6EA;
  background: #FFF;
}
.lesson-item.is-locked .lesson-title[data-v-1b44809a] {
  color: #677084;
}
.lesson-item.is-locked .lesson-desc[data-v-1b44809a] {
  color: #677084;
}

/* Sidebar Styles */
.content-wrapper[data-v-1b44809a] {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  justify-content: center;
}
.chapter-sidebar[data-v-1b44809a] {
  width: 220px;
  flex-shrink: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
  background: #fff;
  border-radius: 16px;
  padding: 16px 0;
  border: 1px solid #E5E6EA;
  border: 1px solid var(----6-line, #E5E6EA);
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.04);
  margin-top: 33px;
  margin-right: 10px;
}
.sidebar-menu[data-v-1b44809a] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sidebar-item[data-v-1b44809a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  cursor: pointer;
  transition: all 0.2s;
  color: #292D34;
  font-size: 15px;
  font-weight: 400;
}
.sidebar-item[data-v-1b44809a]:hover {
  background: #F9FAFB;
  color: #111827;
}
.sidebar-item.active[data-v-1b44809a] {
  background: #ECFDF5;
  color: #059669;
}
.sidebar-divider[data-v-1b44809a] {
  height: 1px;
  background: #F3F4F6;
  margin: 8px 0;
}
.sidebar-item.small[data-v-1b44809a] {
  padding: 8px 16px 8px 32px;
  font-size: 14px;
  color: #6B7280;
  font-weight: 400;
}
.sidebar-item.small[data-v-1b44809a]:hover {
  color: #111827;
  background: transparent;
}
.sidebar-text[data-v-1b44809a] {
  display: flex;
  align-items: center;
}
.sidebar-arrow[data-v-1b44809a] {
  transition: transform 0.2s;
}
.sidebar-arrow.rotated[data-v-1b44809a] {
  transform: rotate(180deg);
}
.sidebar-sub-menu[data-v-1b44809a] {
  padding-bottom: 8px;
}
.sidebar-item.small.is-active[data-v-1b44809a] {
  color: #059669;
  background: #ECFDF5;
}
.sidebar-item.small.is-locked[data-v-1b44809a] {
  cursor: not-allowed;
  color: #9CA3AF;
}

















































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































/* 移动端适配 */
@media (max-width: 640px) {
.coach-content[data-v-1b44809a] {
    gap: 16px;
}
.hero-card[data-v-1b44809a] {
    border-radius: 16px;
    padding: 20px 12px 24px;
}
.hero-card .hero-header .hero-header-title[data-v-1b44809a] {
    font-size: 28px;
    letter-spacing: 0.5px;
}
.hero-card .hero-header .hero-header-title .sp[data-v-1b44809a] {
    font-size: 28px;
    letter-spacing: 0.5px;
}
.hero-card .hero-intro[data-v-1b44809a] {
    flex-direction: column;
    margin-top: 8px;
}
.hero-card .hero-intro .hero-intro-left img[data-v-1b44809a] {
    width: 96px;
}
.hero-card .hero-intro .hero-intro-right[data-v-1b44809a] {
    margin-left: 0;
    width: 100%;
}
.hero-card .hero-intro .hero-intro-right .hero-intro-video .hero-intro-video-img[data-v-1b44809a] {
    width: 72px;
    height: 28px;
    margin: 0 8px;
}
.hero-card .hero-intro .hero-intro-right .hero-intro-video span[data-v-1b44809a] {
    font-size: 14px;
}
.hero-card .hero-intro .hero-intro-right .hero-intro-right-desc[data-v-1b44809a] {
    font-size: 14px;
    font-weight: 500;
    width: auto;
}
.hero-card .hero-video-module[data-v-1b44809a] {
    flex-direction: column;
    align-items: stretch;
    margin-top: 16px;
}
.hero-card .hero-video-module .hero-video-nav[data-v-1b44809a] {
    width: 100%;
    margin-right: 0;
    flex-direction: row;
    overflow-x: auto;
    gap: 8px;
    padding-bottom: 8px;
}
.hero-card .hero-video-module .hero-video-nav .hero-video-nav-item[data-v-1b44809a] {
    width: auto;
    height: 44px;
    padding: 0 12px;
    font-size: 14px;
    margin-bottom: 0;
    flex-shrink: 0;
}
.hero-card .hero-video-module .hero-video[data-v-1b44809a] {
    width: 100%;
    height: 200px;
}
.hero-card .hero-actions[data-v-1b44809a] {
    gap: 12px;
    margin-top: 12px;
    width: 60%;
}
.hero-card .hero-actions .primary-btn[data-v-1b44809a],
  .hero-card .hero-actions .reward-btn[data-v-1b44809a],
  .hero-card .hero-actions .share-btn[data-v-1b44809a] {
    width: 100%;
    height: 52px;
    font-size: 16px;
}
.content-wrapper[data-v-1b44809a] {
    flex-direction: column;
    gap: 16px;
    padding: 0 4px;
}
.chapter-title[data-v-1b44809a] {
    font-size: 18px;
}
.lesson-timeline-line[data-v-1b44809a] {
    left: 12px;
}
.lesson-item[data-v-1b44809a] {
    gap: 12px;
}
.lesson-status-col[data-v-1b44809a] {
    width: 32px;
    padding-top: 36px;
}
.status-icon[data-v-1b44809a] {
    width: 28px;
    height: 28px;
}
.lesson-card-body[data-v-1b44809a] {
    padding: 16px;
    gap: 12px;
}
.lesson-title[data-v-1b44809a] {
    font-size: 16px;
}
.lesson-desc[data-v-1b44809a] {
    font-size: 13px;
}
.lesson-action-btn[data-v-1b44809a] {
    width: 28px;
    height: 28px;
}
.chapter-sidebar[data-v-1b44809a] {
    width: 100%;
    position: static;
    margin-right: 0;
    top: auto;
}
.sidebar-item[data-v-1b44809a] {
    font-size: 14px;
    padding: 10px 14px;
}
.sidebar-item.small[data-v-1b44809a] {
    font-size: 13px;
    padding: 8px 14px 8px 28px;
}
}


































/* 避免遮罩阻挡页面交互（兜底样式） */
.coach-drawer-modal {
  opacity: 0 !important;
}
.coach-drawer-modal {
  pointer-events: none;
}


.coach-study-container[data-v-e3606e4c] {
  width: 100%;
  height: calc(100vh - 84px);
  overflow: hidden;
  background: #fff;
  display: flex;
  overflow: hidden;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px
}
.coach-study-container .user-wrap[data-v-e3606e4c]{
    display: flex;
    align-items: center;
    flex-direction: row;
}
.coach-study-container .user-wrap .hairline[data-v-e3606e4c] {
      margin: 0 16px;
      background: #e5e6ea;
      height: 28px;
      width: 1px;
}
.coach-study-container .user-wrap.mobile[data-v-e3606e4c]{
}
.coach-study-container .user-wrap.mobile .hairline[data-v-e3606e4c]{
         margin: 0 10px;
}
.coach-study-container .micro-app-container[data-v-e3606e4c] {
    display: block;
    flex: 1;
    min-width: 0;
    height: 100%;
    flex-shrink: 1;
}
.coach-study-container .sidebar[data-v-e3606e4c] {
    flex-grow: 0;
    flex-shrink: 0;
    background-color: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #dfdfdf;
    position: relative;
}
.coach-study-container .sidebar-resizer[data-v-e3606e4c] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    cursor: col-resize;
    z-index: 10;
    background: transparent;
    transition: background 0.2s;
}
.coach-study-container .sidebar-resizer[data-v-e3606e4c]:hover {
      background: rgba(87, 245, 164, 0.1);
}
.coach-study-container .sidebar-resizer[data-v-e3606e4c]:active {
      background: rgba(87, 245, 164, 0.1);
}
.coach-study-container .sidebar-header[data-v-e3606e4c] {
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    gap: 5px;
}
.coach-study-container .sidebar-title[data-v-e3606e4c] {
    flex: 1;
    font-size: 18px;
    font-weight: 600;
    color: #303133;
    padding-left: 12px;
    /* 两行截断 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.coach-study-container .download-btn[data-v-e3606e4c] {
    flex-shrink: 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    background-color: #f5f7fa;
    transition: all 0.2s;
}
.coach-study-container .download-btn[data-v-e3606e4c]:hover {
      color: #e5e6ea;
}
.coach-study-container .download-btn[data-v-e3606e4c] {
}
.coach-study-container .download-btn i[data-v-e3606e4c] {
      font-size: 20px;
}
.coach-study-container .close-btn[data-v-e3606e4c] {
    flex-shrink: 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    background-color: #f5f7fa;
    transition: all 0.2s;
}
.coach-study-container .close-btn[data-v-e3606e4c]:hover {
      color: #e5e6ea;
}
.coach-study-container .close-btn[data-v-e3606e4c] {
}
.coach-study-container .close-btn i[data-v-e3606e4c] {
      font-size: 20px;
}
.coach-study-container .sidebar-content[data-v-e3606e4c] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    word-break: break-all;
    word-wrap: break-word;
    scrollbar-width: none;
    -ms-overflow-style: none;
    height: calc(100vh - 149px);
}
.coach-study-container .sidebar-content[data-v-e3606e4c]::-webkit-scrollbar {
      display: none;
}
.coach-study-container .sidebar-enter-active[data-v-e3606e4c],
  .coach-study-container .sidebar-leave-active[data-v-e3606e4c] {
    transition: all 0.3s ease;
    overflow: hidden;
}
.coach-study-container .sidebar-enter[data-v-e3606e4c],
  .coach-study-container .sidebar-leave-to[data-v-e3606e4c] {
    width: 0;
    opacity: 0;
}
.coach-study-container .empty-state[data-v-e3606e4c] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
}
.coach-study-container .image-widget-container[data-v-e3606e4c] {
    display: flex;
    flex-direction: column;
    gap: 16px
}
.coach-study-container .image-widget-container .detail-header[data-v-e3606e4c] {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 12px 16px;
      background: #f5fffa;
      color: #10a859;
      font-size: 13px;
      font-weight: 500;
      border-radius: 8px;
      border: 1px solid rgba(40, 197, 144, 0.15);
}
.coach-study-container .image-widget-container .hotspot-detail-content[data-v-e3606e4c] {
      background: #f2f3f5;
      border-radius: 12px;
      overflow: hidden;
      padding: 16px 20px 24px;
}
.coach-study-container .image-widget-container .detail-name[data-v-e3606e4c] {
      font-size: 18px;
      font-weight: 600;
      color: #1d2129;
      margin-bottom: 4px;
}
.coach-study-container .image-widget-container .detail-role[data-v-e3606e4c] {
      font-size: 13px;
      color: #4e5969;
      margin-bottom: 16px;
}
.coach-study-container .image-widget-container .detail-desc[data-v-e3606e4c] {
      font-size: 14px;
      color: #1d2129;
      line-height: 1.6;
      margin-bottom: 16px;
      white-space: pre-wrap;
}
.coach-study-container .image-widget-container .detail-tags[data-v-e3606e4c] {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
}
.coach-study-container .image-widget-container .tag[data-v-e3606e4c] {
      background: #fff;
      color: #00b42a;
      padding: 4px 12px;
      border-radius: 4px;
      font-size: 12px;
}
.coach-study-container .image-widget-container .main-image img[data-v-e3606e4c] {
      width: 100%;
      border-radius: 8px;
      display: block;
}
.coach-study-container .image-widget-container .hotspots-list[data-v-e3606e4c] {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 12px;
      gap: 12px;
}
.coach-study-container .image-widget-container .hotspot-card[data-v-e3606e4c] {
      background: #fff;
      border-radius: 16px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
      cursor: pointer;
      transition: all 0.2s;
      border: 1px solid #f2f3f5;
}
.coach-study-container .image-widget-container .hotspot-card[data-v-e3606e4c]:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
.coach-study-container .image-widget-container .card-image-wrapper[data-v-e3606e4c] {
      position: relative;
      width: 100%;
      padding-top: 100%;
      background: #f5f7fa;
}
.coach-study-container .image-widget-container .card-image[data-v-e3606e4c] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
}
.coach-study-container .image-widget-container .card-image-placeholder[data-v-e3606e4c] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #909399;
      font-size: 12px;
}
.coach-study-container .image-widget-container .hotspot-tag[data-v-e3606e4c] {
      position: absolute;
      top: 8px;
      left: 8px;
      background: rgba(0, 0, 0, 0.4);
      color: #fff;
      padding: 2px 8px;
      border-radius: 4px;
      font-size: 11px;
      z-index: 1;
      -webkit-backdrop-filter: blur(4px);
              backdrop-filter: blur(4px);
}
.coach-study-container .image-widget-container .card-content[data-v-e3606e4c] {
      padding: 12px;
      background: #fff;
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 4px;
}
.coach-study-container .image-widget-container .card-title[data-v-e3606e4c] {
      font-weight: 600;
      font-size: 15px;
      color: #1d2129;
      line-height: 1.4;
}
.coach-study-container .image-widget-container .card-desc[data-v-e3606e4c] {
      font-size: 12px;
      color: #4e5969;
      line-height: 1.5;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
}
.coach-study-container .image-widget-container .card-label[data-v-e3606e4c] {
      align-self: flex-start;
      background: #e8ffea;
      color: #00b42a;
      padding: 2px 8px;
      border-radius: 4px;
      font-size: 11px;
      margin-top: 4px;
}
  /* 详情页样式 */
.coach-study-container .image-widget-container .widget-main-view[data-v-e3606e4c] {
      position: relative;
      flex: 1;
      height: 100%;
      overflow: hidden;
}
.coach-study-container .image-widget-container .hotspots-list-view[data-v-e3606e4c] {
      width: 100%;
}
.coach-study-container .image-widget-container .hotspot-detail-view[data-v-e3606e4c] {
      display: flex;
      flex-direction: column;
      height: 100%;
      background: #fff;
}
.coach-study-container .image-widget-container .back-bar[data-v-e3606e4c] {
      display: flex;
      align-items: center;
      gap: 4px;
      padding: 8px 0;
      cursor: pointer;
      color: #4e5969;
      font-size: 14px;
      transition: color 0.2s;
}
.coach-study-container .image-widget-container .back-bar[data-v-e3606e4c]:hover {
        color: #1d2129;
}
.coach-study-container .image-widget-container .detail-scroll-content[data-v-e3606e4c] {
      flex: 1;
      overflow-y: auto;
      padding-bottom: 80px;
}
.coach-study-container .image-widget-container .detail-image-box[data-v-e3606e4c] {
      width: 100%;
      margin-bottom: 20px
}
.coach-study-container .image-widget-container .detail-image-box img[data-v-e3606e4c] {
        width: 100%;
        border-radius: 12px;
        display: block;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.coach-study-container .image-widget-container .detail-info-header[data-v-e3606e4c] {
      margin-bottom: 24px;
      border-bottom: 1px solid #f2f3f5;
      padding-bottom: 16px;
}
.coach-study-container .image-widget-container .detail-title[data-v-e3606e4c] {
      font-size: 20px;
      font-weight: 600;
      color: #1d2129;
      margin-bottom: 6px;
}
.coach-study-container .image-widget-container .detail-subtitle[data-v-e3606e4c] {
      font-size: 14px;
      color: #4e5969;
}
.coach-study-container .image-widget-container .detail-section[data-v-e3606e4c] {
      margin-bottom: 24px;
}
.coach-study-container .image-widget-container .section-content[data-v-e3606e4c] {
      font-size: 15px;
      line-height: 1.8;
      color: #1d2129;
      white-space: pre-wrap;
}
  /* 详情页底部导航栏样式 - 移出 image-widget-container */
.coach-study-container .detail-footer-nav[data-v-e3606e4c] {
    height: 64px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    flex-shrink: 0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.04);
    border-top: 1px solid #f2f3f5;
    position: relative;
    z-index: 100;
    margin-top: -64px;
}
.coach-study-container .nav-left[data-v-e3606e4c] {
    display: flex;
    align-items: center;
}
.coach-study-container .nav-right[data-v-e3606e4c] {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    margin-left: auto;
}
.coach-study-container .nav-right .next-label[data-v-e3606e4c] {
      font-size: 14px;
      color: #4e5969;
      font-weight: 400;
}
.coach-study-container .nav-right:hover .next-label[data-v-e3606e4c] {
      color: #1d2129;
}
.coach-study-container .nav-btn[data-v-e3606e4c] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #4e5969;
    transition: all 0.2s;
}
.coach-study-container .nav-btn[data-v-e3606e4c]:hover:not(.disabled) {
      color: #1d2129;
}
.coach-study-container .nav-btn.disabled[data-v-e3606e4c] {
      opacity: 0.25;
      cursor: not-allowed;
}
.coach-study-container .assets-summary[data-v-e3606e4c] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.coach-study-container .assets-summary-list[data-v-e3606e4c] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: #fff;
}
.coach-study-container .asset-item[data-v-e3606e4c] {
    display: flex;
    gap: 16px;
    background: #fff;
    border-radius: 12px;
    padding: 12px;
    transition: background-color 0.2s ease;
    cursor: pointer;
}
.coach-study-container .asset-item[data-v-e3606e4c]:hover {
    background-color: #f5f7fa;
}
.coach-study-container .asset-cover[data-v-e3606e4c] {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    background: #f2f4f7;
    flex-shrink: 0;
}
.coach-study-container .asset-cover img[data-v-e3606e4c] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.coach-study-container .asset-cover-placeholder[data-v-e3606e4c] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #909399;
    font-size: 11px;
}
.coach-study-container .asset-body[data-v-e3606e4c] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}
.coach-study-container .asset-title[data-v-e3606e4c] {
    font-size: 15px;
    font-weight: 600;
    color: #303133;
    line-height: 1.4;
}
.coach-study-container .asset-desc[data-v-e3606e4c] {
    font-size: 12px;
    color: #606266;
    line-height: 1.6;
}
.coach-study-container .iframe-getgraft[data-v-e3606e4c] {
    width: 100%;
    height: calc(100vh - 124px);
    will-change: width;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.coach-study-container .test-review-container.resizing .iframe-getgraft[data-v-e3606e4c] {
    pointer-events: none;
    -webkit-user-select: none;
            user-select: none;
}
.coach-study-container .iframe-viewHtml[data-v-e3606e4c] {
    width: 100%;
    height: calc(100vh - 140px);
    will-change: width;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.coach-study-container .test-review-container.resizing .iframe-viewHtml[data-v-e3606e4c] {
    pointer-events: none;
    -webkit-user-select: none;
            user-select: none;
}
.coach-study-container .header-back-btn[data-v-e3606e4c] {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    color: #4e5969;
    font-size: 14px;
    transition: color 0.2s;
    padding: 8px 12px 8px 0;
}
.coach-study-container .header-back-btn[data-v-e3606e4c]:hover {
      color: #1d2129;
}


/*# sourceMappingURL=iget-pc-ai-channel.3639561f.css.map*/