@font-face {
  font-family: "SourceHanSansCNExtraLight";
  src: url("https://static.lanteen.com/font/SourceHanSansCN-ExtraLight.woff2") format("opentype");
  font-display: swap;
  size-adjust: 100%; /* 调整自定义字体缩放，对齐后备字体尺寸 */
}

@font-face {
  font-family: "SourceHanSansCNLight";
  src: url("https://static.lanteen.com/font/SourceHanSansCN-Light.woff2") format("opentype");
  font-display: swap;
  size-adjust: 100%; /* 调整自定义字体缩放，对齐后备字体尺寸 */
}

@font-face {
  font-family: "SourceHanSansCNNormal";
  src: url("https://static.lanteen.com/font/SourceHanSansCN-Normal.woff2") format("opentype");
  font-display: swap;
  size-adjust: 100%; /* 调整自定义字体缩放，对齐后备字体尺寸 */
}

@font-face {
  font-family: "SourceHanSansCNMedium";
  src: url("https://static.lanteen.com/font/SourceHanSansCN-Medium.woff2") format("opentype");
  font-display: swap;
  size-adjust: 100%; /* 调整自定义字体缩放，对齐后备字体尺寸 */
}

@font-face {
  font-family: "SourceHanSansCNBold";
  src: url("https://static.lanteen.com/font/SourceHanSansCN-Bold.woff2") format("opentype");
  font-display: swap;
  size-adjust: 100%; /* 调整自定义字体缩放，对齐后备字体尺寸 */
}

@font-face {
  font-family: "SourceHanSansCNHeavy";
  src: url("https://static.lanteen.com/font/SourceHanSansCN-Heavy.woff2") format("opentype");
  font-display: swap;
  size-adjust: 100%; /* 调整自定义字体缩放，对齐后备字体尺寸 */
}

@font-face {
  font-family: "SourceHanSansCNRegular";
  src: url("https://static.lanteen.com/font/SourceHanSansCN-Regular.woff2") format("opentype");
  font-display: swap;
  size-adjust: 100%; /* 调整自定义字体缩放，对齐后备字体尺寸 */
}
body{
   font-family: "SourceHanSansCNRegular", sans-serif;
   line-height: 1;
   box-sizing: border-box;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 32px;
  border-radius: 9999px;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.btn-primary {
  --bs-btn-bg: var(--color-primary);
  --bs-btn-border-color: var(--color-primary);
  --bs-btn-hover-bg: var(--color-primary-dark);
  --bs-btn-hover-border-color: var(--color-primary-dark);
  --bs-btn-active-bg: var(--color-primary-dark);
  --bs-btn-active-border-color: var(--color-primary-dark);
  background-color: var(--color-primary);
  color: var(--text-light);
  border: 1px solid var(--color-primary);
}

.btn-primary:hover {
  background-color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}

.btn-outline {
  background-color: transparent;
  color: var(--text-light);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.btn-outline:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.8);
}

.f_20 {
  font-size: 20px;
}

.f_14 {
  font-size: 14px;
}

.flex {
  display: flex;
}