/* Flex 布局相关 */
html {font-size: 16px;} @media screen and (min-width: 981px) and (max-width: 1921px) { html { font-size: calc(100vw / 120) !important; } } .section { width: 87.55rem !important; /* 1400px/16 */ max-width: 87.5rem !important; /* 1400px/16 */ margin: 0 auto; font-family: s-regular; }
.shihua-container .section {width: 100%!important;max-width: 100%!important;}
.flex { display: flex; }
.flex-row { flex-direction: row; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }

.align-start { align-items: flex-start; }
.align-center { align-items: center; }
.align-end { align-items: flex-end; }
.align-stretch { align-items: stretch; }

.justify-start { justify-content: flex-start; }
.justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }
.justify-evenly { justify-content: space-evenly; }

.self-start { align-self: flex-start; }
.self-center { align-self: center; }
.self-end { align-self: flex-end; }

.flex-1 { flex: 1; }
.flex-auto { flex: auto; }
.flex-initial { flex: initial; }
.flex-none { flex: none; }
.full-height {height: 100%;}
.full-width {width: 100%;}
.relative {position: relative;}
/* 可根据需要继续扩展 */
/* 字号元数据，写在最上面，可以被其他元素的值覆盖 */
/* 字号（4 的倍数） */
.f-4 { font-size: .25rem; }
.f-8 { font-size: .5rem; }
.f-12 { font-size: .75rem; }
.f-16 { font-size: 1rem; }
.f-20 { font-size: 1.25rem; }
.f-24 { font-size: 1.5rem; }
.f-28 { font-size: 1.75rem; }
.f-32 { font-size: 2rem; }
.f-36 { font-size: 2.25rem; }
.f-40 { font-size: 2.5rem; }
.f-44 { font-size: 2.75rem; }
.f-48 { font-size: 3rem; }
.f-52 { font-size: 3.25rem; }
.f-56 { font-size: 3.5rem; }
.f-60 { font-size: 3.75rem; }
/* 语义化字号类 */
/* 导航一级标题  14 16 17*/
.font-nav-primary { font-size: clamp(
  14px,
  calc(14px + (100vw - 1280px) * 0.00390625),
  15px
);
  line-height: 1.3; }
/* 导航二级标题 13 15 16*/
.font-nav-secondary { font-size: clamp(
  13px,
  calc(13px + (100vw - 1280px) * 0.00390625),
  14px
);line-height: 1.3;  }
/* 导航二级标题 12 14 16*/
.font-nav-third { font-size: clamp(
  12px,
  calc(12px + (100vw - 1280px) * 0.00390625),
  13px
);line-height: 1.3;  }
/* banner一级标题 */
.font-banner-main { font-size: 3.125rem;line-height: 1.3; margin-bottom: 1.1875rem; }
/* banner二级标题 */
.font-banner-subtitle { font-size: 1.5rem;line-height: 1.3;  }
/* 一级标题 */
.font-content-h1 { font-size: 2.5rem;line-height: 1.3; margin-bottom: .75rem; }
/* 一级标题注释文字 */
.font-content-h1-note { font-size: 1.375rem;line-height: 1.3; margin-bottom: 2.25rem; }
/* 二级标题 */
.font-content-h2 { font-size: 1.875rem;line-height: 1.3; margin-bottom: 15px; }
/* 三级标题 */
.font-content-h3 { font-size: 1.25rem;line-height: 1.3; margin-bottom: 8px; }
/* 正文字号 */
.font-content-p { font-size: 1rem;line-height: 1.3; }
/* 底部一级标题 */
.font-footer-primary { font-size: 1rem;line-height: 1.3;  }
/* 底部二级标题 */
.font-footer-secondary { font-size: .9375rem;line-height: 1.3;  }
/* 底部注释文字 */
.font-footer-note { font-size: .8125rem;line-height: 1.3;  }
/* 可根据需要继续扩展 */
/* 适配的分辨率 
    逻辑宽度	推荐根字号计算	对应设备场景
    ≥1920	       \        显示器或等效分辨率
    1536	       \       	FHD 125% 缩放
    1440	       \     	  macOS 常见宽度
    1366	       \     	  老笔记本
    ≤1280	   更紧凑的布局	  小屏办公显示器
*/
/* 容错断点适配（不改变字号，仅做结构调整建议） */
/* 1536px 以下适配 */
@media (min-width: 1536px) {
  /* 可添加更多适配类 */
  .font-nav-primary {
    font-size: clamp(
      15px,
      calc(15px + (100vw - 1536px) * 0.00520833),
      17px
    );
  }
  .font-nav-secondary {
    font-size: clamp(
      14px,
      calc(14px + (100vw - 1536px) * 0.00520833),
      16px
    );
  }
  .font-nav-third {
    font-size: clamp(
      13px,
      calc(13px + (100vw - 1536px) * 0.0078125),
      16px
    );
  }
}
/* 1536px 以下适配 */
@media (max-width: 1536px) {
  /* 可添加更多适配类 */
}

/* 1440px 以下适配 */
@media (max-width: 1440px) {
}

/* 1366px 以下适配 */
@media (max-width: 1366px) {
}

/* 1280px 以下适配 */
@media (max-width: 1280px) {
}