@charset "UTF-8";

@font-face {
  font-family: "ResourceHanRoundedCN-Regular";
  src: url("../fonts/ResourceHanRoundedCN-Regular-zwh20250604.woff2");
}
html,
body {
  font-family: "ResourceHanRoundedCN-Regular";
}

* {
  word-break: break-word; /* 英文单词不换行 */
}

/* 全局变量 */
:root {
  /* 版心 */
  --page-width: 1200px;
  /* 内边距 */
  --page-padding: 30px;
  /* 弧角宽度 */
  --triangle-right: 120px;
  --triangle-left: 160px;
  --triangle-left-top: 126px;
  --triangle-left-bottom: 134px;
  --triangle-right-m: 68px;
  --triangle-left-m: 70px;
}

/* -----公告类名--------- */
*.modal-open {
  padding-right: 0 !important;
}

/* 网页端不展示 */
.mobile-show {
  display: none;
}

/* 标题1 */
.page-title {
  text-align: center;
  width: 100%;
  position: relative;
  margin-top: 106px;
}
.page-title .triangle-left-top {
  width: var(--triangle-left-top);
  left: 0;
  top: -126px;
  position: absolute;
}
.page-title .triangle-left-bottom {
  width: var(--triangle-left-bottom);
  left: 0;
  bottom: -1px;
  position: absolute;
}
.page-title .title {
  background: linear-gradient(187deg, #ffffff, #ece7f8, #e1d9f4);
  font-size: 32px;
  color: #662d91;
  font-weight: bold;
  padding: 48px 140px;
}

/* 标题2 */
.page-title-common {
  text-align: center;
  width: 100%;
  position: relative;
  margin-top: 46px;
}
.page-title-common .title {
  font-size: 32px;
  color: #662d91;
  font-weight: bold;
  padding: 48px 140px;
}

/* 富文本 */
.rich-text {
  width: 100%;
  word-break: break-word;
  /* 20241219 防止富文本自动给ul添加宽度，导致宽度异常/撑开 */
}
.rich-text * {
  max-width: 100%; /* 防止ul等元素宽度超出容器宽度 */
}
.rich-text img,
.rich-text video {
  max-width: 100%;
  height: auto;
}
.rich-text p {
  margin: 0; /* Bootstrap4 默认 p 段落有 1em 的外边距 */
}
.rich-text p,
.rich-text span {
  text-wrap: auto !important;
  white-space: normal !important;
}
.rich-text ul {
  width: auto !important;
}
.rich-text dl, .rich-text ol, .rich-text ul {
  margin-bottom: 0;
}

/* 移动端 */
@media (max-width: 1200px) {
  /* 移动端不展示 */
  .pc-show {
    display: none;
  }
  /* 移动端展示 */
  .mobile-show {
    display: block;
  }
  /* 标题1 */
  .page-title {
    margin-top: 48px;
  }
  .page-title .title {
    font-size: 20px;
    padding: 13px 40px;
  }
  .page-title .triangle-left-top {
    width: 56px;
    top: -54px;
  }
  .page-title .triangle-left-bottom {
    width: 56px;
  }
  /* 标题2 */
  .page-title-common {
    margin-top: 23px;
  }
  .page-title-common .title {
    font-size: 20px;
    padding: 13px 40px;
  }
}
/* 针对移动端小屏 弧形背景色突兀 */
@media (max-width: 576px) {
  /* 标题1 */
  .page-title .title {
    background: linear-gradient(196deg, #ffffff, #ece7f8, #e1d9f4);
  }
}