/* 根元素基准设置：1rem = 16px，确保换算一致性 */
html {
  font-size: 16px;
  box-sizing: border-box;
}
*, *::before, *::after {
  box-sizing: inherit;
}

/* 全局基础样式 */
body {
  background: #444546;
  margin: 0;
  padding: 0;
  font-family: "Microsoft YaHei", sans-serif;
}

/* 页面容器 */
.page-container {
  width: 100%;
  background: #fff;
  overflow-x: hidden;
}

/* 头部导航样式 */
/* 头部导航样式（修复后完整代码） */
#header {
  height: 5rem; /* 80px ÷ 16 */
  width: 100%;
  background: #FFF;
  position: relative;
  z-index: 1;
}
.header__inner {
  max-width: 71.25rem; /* 1140px ÷ 16 */
  height: 5rem; /* 80px ÷ 16 */
  margin: 0 auto;
  position: relative;
  /* 修复PC端偏左：让Logo+导航整体水平居中 */
  text-align: center;
}
/* 导航栏Logo：修复hover+适配居中布局 */
.header__logo {
  float: none; /* 去掉float，改为inline-block适配居中 */
  display: inline-block; /* 关键：让Logo能被text-align:center居中 */
  vertical-align: middle; /* 与导航垂直对齐，避免上下偏移 */
  margin-top: 1rem; /* 保持原有顶部间距（16px） */
  margin-right: 1.25rem; /* 保留Logo与导航的间距（20px） */
  margin-left: 0; /* 取消轻微左移，避免影响居中 */
  height: 3rem; /* 保持放大后高度（48px） */
  align-items: center;
}

/* Logo 链接：保持原有逻辑 */
.header__logo a {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: color 0.3s ease;
}
/* 修复Logo文字hover不变色：精准选中hover状态的文字 */
.header__logo a:hover .header__logo-text {
  color: #388ddf; /* 与导航hover颜色统一，保持风格 */
  transition: color 0.3s ease; /* 流畅过渡 */
}

/* Font Awesome 图标：保持原有样式 */
.header__logo i.fa-solid {
  font-size: 2.25rem; /* 36px，放大后尺寸 */
  color: #388ddf;
  margin-right: 0.75rem; /* 12px，图标与文字间距 */
  transition: color 0.3s ease;
}
.header__logo a:hover i.fa-solid {
  color: #2962b3; /* hover加深效果不变 */
}

/* Logo 文字：保持原有尺寸+默认颜色 */
.header__logo-text {
  font-size: 1.5rem; /* PC端24px */
  font-weight: 700;
  white-space: nowrap;
  color: #444546; /* 原有默认深灰色，不改动 */
}

/* 导航栏：适配父容器居中，保持原有横向布局 */
.header__nav {
  display: inline-block; /* 关键：让导航能被text-align:center居中 */
  vertical-align: middle; /* 与Logo垂直对齐 */
  margin: 0;
  padding: 0;
}
.header__nav-item {
  display: block;
  float: left; /* 保留原有float，维持横向排列 */
  height: 5rem; /* 与头部高度一致 */
  list-style: none;
}
.header__nav-link {
  display: block;
  float: left;
  height: 5rem; /* 80px ÷ 16 */
  line-height: 5rem; /* 80px ÷ 16 */
  color: #333;
  font-size: 1rem; /* 16px ÷ 16 */
  padding: 0 1.25rem; /* 20px ÷ 16 */
  border-left: 0.0625rem solid #EEE; /* 1px ÷ 16 */
  text-decoration: none;
}
.header__nav-link:hover {
  color: #388ddf; /* 原有hover颜色，不改动 */
}
.header__nav-item.on .header__nav-link {
  color: #388ddf;
  font-weight: 600; /* 原有选中样式，不改动 */
}

/* Banner区域样式 */
.banner {
  position: relative;
  z-index: 0;
  overflow: hidden;
  height: 28.5rem; /* 456px ÷ 16 */
  width: 100%;
}
.banner__wrap {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  height: 28.5rem; /* 456px ÷ 16 */
}
.banner__bg-left {
  position: absolute;
  left: 0;
  width: 85%;
  background: #2971d7;
  height: 100%;
}
.banner__bg-right {
  position: absolute;
  right: 0;
  width: 85%;
  background: #2971d7;
  height: 100%;
}
.banner__bg {
  width: 60rem; /* 960px ÷ 16 */
  margin: 0 auto;
  height: 28.5rem; /* 456px ÷ 16 */
  position: relative;
}
.banner__wrap .banner__bg {
  width: 78.75rem; /* 1260px ÷ 16 */
  background: linear-gradient(85deg, #2971d7 90%, #2971d7 95%, #2971d7 100%);
}
.banner__content-wrap {
  width: 100%;
  margin: 0 auto;
  height: 28.5rem; /* 456px ÷ 16 */
  position: absolute;
  top: 0;
  left: 0;
}
.banner__section-title {
  text-align: left;
  font-size: 1.125rem; /* 18px ÷ 16 */
  font-weight: bold;
  color: #ffffff;
  margin: 1.25rem 0 0.625rem 8.875rem; /* 20px/10px/142px ÷ 16 */
}
.banner__content {
  width: 60rem; /* 960px ÷ 16 */
  margin: 0 auto;
  height: 28.5rem; /* 456px ÷ 16 */
  position: relative;
}

/* 产品信息样式（语义化优化：ul+li） */
.banner__product-info {
  width: 17.875rem; /* 286px ÷ 16 */
  color: #FFF;
  position: absolute;
  top: -1.875rem; /* -30px ÷ 16 */
  right: 0.625rem; /* 10px ÷ 16 */
  display: block;
  text-align: center;
}
.product-info__title {
  color: #FFF;
  font-size: 1.5rem; /* 24px ÷ 16 */
  font-weight: bold;
  margin: 0 0 1.5625rem 0; /* 25px ÷ 16 */
  padding: 0;
  line-height: 1.5;
}
/* 产品信息列表容器 - 清除默认样式 */
.product-info__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* 产品信息列表项 - 保持原p标签视觉效果 */
.product-info__item {
  font-size: 1rem; /* 16px ÷ 16 */
  padding-bottom: 0.5rem; /* 8px ÷ 16，原p标签的padding-bottom */
  line-height: 1.5; /* 原p标签的行高 */
  margin: 0;
  text-align: left; /* 保持原p标签左对齐 */
}

/* 按钮基础样式 */
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.9375rem auto; /* 15px ÷ 16 */
  width: 13.75rem; /* 220px ÷ 16 */
  height: 3.125rem; /* 50px ÷ 16 */
  font-size: 1.0625rem; /* 17px ÷ 16 */
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  border-radius: 0.5rem; /* 8px ÷ 16 */
  box-shadow: 0 0.25rem 0.375rem rgba(0,0,0,0.15); /* 4px/6px ÷ 16 */
  text-shadow: 0 0.0625rem 0.125rem rgba(0,0,0,0.2); /* 1px/2px ÷ 16 */
  transition: all 0.25s ease;
  border: none;
  cursor: pointer;
}
.btn i {
  margin-right: 0.625rem; /* 10px ÷ 16 */
  font-size: 1.75rem; /* 28px ÷ 16 */
}
.btn:hover {
  transform: translateY(-0.125rem); /* -2px ÷ 16 */
  box-shadow: 0 0.375rem 0.5rem rgba(0,0,0,0.2); /* 6px/8px ÷ 16 */
}
.btn:active {
  transform: translateY(0);
  box-shadow: 0 0.1875rem 0.25rem rgba(0,0,0,0.15); /* 3px/4px ÷ 16 */
}

/* 按钮修饰符样式 */
.btn--download {
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}
.btn--download:hover {
  background: linear-gradient(135deg, #2563eb, #1e40af);
}
.btn--buy {
  background: linear-gradient(135deg, #f97316, #ea580c);
}
.btn--buy:hover {
  background: linear-gradient(135deg, #ea580c, #c2410c);
}

/* Banner图片动画 */
@keyframes fade-up-screenshot {
  0% {
    opacity: 0;
    transform: translate(0rem, 12.5rem); /* 200px ÷ 16 */
  }
  100% {
    opacity: 1;
    transform: translate(0rem, -20.3125rem); /* -325px ÷ 16 */
  }
}
@keyframes fade-up-slogan {
  0% {
    opacity: 0;
    transform: translateY(9.375rem); /* 150px ÷ 16 */
  }
  100% {
    opacity: 1;
    transform: translateY(-6.25rem); /* -100px ÷ 16 */
  }
}
.banner__img-screenshot {
  position: absolute;
  left: 9.375rem; /* 150px ÷ 16 */
  top: 24.5625rem; /* 393px ÷ 16 */
  z-index: 900;
  animation: fade-up-screenshot 0.8s ease-out 0.2s forwards;
  opacity: 0;
}
.banner__img-slogan {
  position: absolute;
  left: 34.0625rem; /* 545px ÷ 16 */
  top: 13.125rem; /* 210px ÷ 16 */
  z-index: 999;
  animation: fade-up-slogan 0.7s ease-out 0.5s forwards;
  opacity: 0;
}

/* 波浪滚动效果 */
.banner__wave {
  width: 62.3125rem; /* 997px ÷ 16 */
  height: 5.3125rem; /* 85px ÷ 16 */
  background: url("../images/wave1.png") repeat-x;
  position: absolute;
  top: 23.1875rem; /* 371px ÷ 16 */
  width: 400%;
  left: -14.75rem; /* -236px ÷ 16 */
  z-index: 999;
  animation: wave-scroll 20s linear infinite;
}
@keyframes wave-scroll {
  0% { left: -14.75rem; } /* -236px ÷ 16 */
  100% { left: -121rem; } /* -1936px ÷ 16 */
}

/* 主内容区域基础样式 */
.main-content {
  width: 75rem; /* 1200px ÷ 16 */
  margin: 1.5625rem auto; /* 25px ÷ 16 */
}

/* 核心功能区样式 */
.core-features {
  overflow: hidden;
  margin-bottom: 7.5rem; /* 120px ÷ 16 */
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 1.875rem; /* 30px ÷ 16 */
}
.core-features__item {
  flex: 1;
  margin: 0;
  padding: 0;
  text-align: center;
}
.core-features__item dt {
  margin-bottom: 1.875rem; /* 30px ÷ 16 */
}
.core-features__item dt i {
  font-size: 4.375rem; /* 70px ÷ 16 */
  color: #3b82f6;
}
.core-features__item dd {
  font-size: 1rem; /* 16px ÷ 16 */
  line-height: 1.8;
  color: #4c4c4c;
  margin: 0;
  padding: 0 0.9375rem; /* 15px ÷ 16 */
}
.core-features__separator {
  width: 0.0625rem; /* 1px ÷ 16 */
  background-color: #e5e7eb;
  align-self: center;
  height: 13.75rem; /* 220px ÷ 16 */
}

/* 通用区块标题样式 */
.section-title {
  text-align: center;
  font-size: 1.5rem; /* 24px ÷ 16 */
  color: #2d3748;
  margin: 0 0 2.5rem; /* 40px ÷ 16 */
  padding-bottom: 0.9375rem; /* 15px ÷ 16 */
  position: relative;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
}
.section-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 5rem; /* 80px ÷ 16 */
  height: 0.1875rem; /* 3px ÷ 16 */
  background: linear-gradient(90deg, #3b82f6, #1d4ed8);
  border-radius: 0.1875rem; /* 3px ÷ 16 */
}
.section-title i {
  color: #3b82f6;
  margin-right: 0.625rem; /* 10px ÷ 16 */
}

/* 特色功能区样式 */
.feature-section {
  margin: 3.75rem 0; /* 60px ÷ 16 */
  padding: 1.875rem 0; /* 30px ÷ 16 */
  background-color: #ffffff;
  border-radius: 0.75rem; /* 12px ÷ 16 */
  box-shadow: 0 0.125rem 0.9375rem rgba(0,0,0,0.05); /* 2px/15px ÷ 16 */
}
.feature-section__func-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5625rem; /* 25px ÷ 16 */
  width: 68.75rem; /* 1100px ÷ 16 */
  margin: 0 auto;
  padding: 0 1.25rem; /* 20px ÷ 16 */
}
.feature-section__func-item {
  background-color: #fff;
  padding: 1.5625rem; /* 25px ÷ 16 */
  border-radius: 0.5rem; /* 8px ÷ 16 */
  box-shadow: 0 0.0625rem 0.5rem rgba(0,0,0,0.08); /* 1px/8px ÷ 16 */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  margin: 0;
}
.feature-section__func-item:hover {
  transform: translateY(-0.3125rem); /* -5px ÷ 16 */
  box-shadow: 0 0.375rem 1rem rgba(0,0,0,0.12); /* 6px/16px ÷ 16 */
}
.feature-section__func-item dt {
  font-size: 1.125rem; /* 18px ÷ 16 */
  color: #2d3748;
  font-weight: 600;
  margin-bottom: 0.75rem; /* 12px ÷ 16 */
  display: flex;
  align-items: center; /* 原有：垂直居中（图标和文字对齐） */
  justify-content: center; /* 新增：水平居中（整个内容块居中） */
  text-align: center; /* 兜底：若文字换行，换行部分也居中 */
}

/* 图标样式保持不变，无需修改 */
.feature-section__func-item dt i {
  color: #3b82f6;
  margin-right: 0.625rem; /* 10px ÷ 16 */
  font-size: 1.25rem; /* 20px ÷ 16 */
}
.feature-section__func-item dd {
  font-size: 0.9375rem; /* 15px ÷ 16 */
  color: #4a5568;
  line-height: 1.8;
  margin: 0;
}

/* 最新文章区样式 */
.article-section {
  margin: 3.75rem 0; /* 60px ÷ 16 */
  padding: 1.875rem 0; /* 30px ÷ 16 */
  background-color: #ffffff;
  border-radius: 0.75rem; /* 12px ÷ 16 */
  box-shadow: 0 0.125rem 0.9375rem rgba(0,0,0,0.05); /* 2px/15px ÷ 16 */
}
.article-section__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem; /* 40px ÷ 16 */
  width: 68.75rem; /* 1100px ÷ 16 */
  margin: 0 auto;
  padding: 0 1.25rem; /* 20px ÷ 16 */
}
.article-section__col {
  padding: 0;
  margin: 0;
}
.article-section__col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.article-section__col li {
  margin-bottom: 1.125rem; /* 18px ÷ 16 */
  padding-bottom: 1.125rem; /* 18px ÷ 16 */
  border-bottom: 0.0625rem solid #e5e7eb; /* 1px ÷ 16 */
}
.article-section__col li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.article-section__col a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  color: inherit;
  transition: color 0.3s ease;
}
.article-section__col a:hover .article-item__title {
  color: #3b82f6;
}
.article-item__title {
  font-size: 1rem; /* 16px ÷ 16 */
  color: #2d3748;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  margin-right: 0.9375rem; /* 15px ÷ 16 */
}
.article-item__date {
  font-size: 0.875rem; /* 14px ÷ 16 */
  color: #9ca3af;
  white-space: nowrap;
  background-color: #f3f4f6;
  padding: 0.1875rem 0.5rem; /* 3px/10px ÷ 16 */
  border-radius: 0.75rem; /* 12px ÷ 16 */
}

/* 页脚样式 */
.footer {
  width: 100%;
  background-color: #444546;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.875rem 1.25rem; /* 30px/20px ÷ 16 */
  box-sizing: border-box;
}
.footer__text {
  text-align: center;
  margin: 0.5rem 0; /* 8px ÷ 16 */
  color: #808181;
  font-size: 0.875rem; /* 14px ÷ 16 */
  line-height: 1.6;
}
/* 精简版 - 页脚文本内a标签样式 */
.footer__text a {
  color: inherit; /* 继承父级颜色 */
  padding: 0 0.375rem; /* 仅保留左右内边距 */
  text-decoration: none;
  transition: color 0.3s ease; /* 仅过渡颜色 */
}

/* hover核心反馈 */
.footer__text a:hover {
  color: #2980b9; /* 高亮色 */
  text-decoration: underline; /* 下划线标识可点击 */
}

/* 无障碍焦点必备 */
.footer__text a:focus {
  outline: 0.125rem solid #e74c3c;
  outline-offset: 0.125rem;
}
.footer__link-title {
  font-style: normal;
  margin-right: 0.5rem; /* 8px ÷ 16 */
  color: #a0a1a1;
}
.footer__link {
  color: #808181;
  font-size: 0.875rem; /* 14px ÷ 16 */
  padding: 0 0.375rem; /* 6px ÷ 16 */
  transition: color 0.3s ease;
  text-decoration: none;
  display: inline-block;
}
.footer__link:hover {
  color: #2980b9;
}
.footer__link:focus {
  outline: 0.125rem solid #e74c3c; /* 2px ÷ 16 */
  outline-offset: 0.125rem; /* 2px ÷ 16 */
  border-radius: 0.125rem; /* 2px ÷ 16 */
}

/* 响应式适配 - 平板端（1199px以下） */
@media (max-width: 74.9375rem) {
  .feature-section__func-grid, .article-section__grid {
    width: 100%;
    gap: 1.25rem; /* 20px ÷ 16 */
  }
}

/* 响应式适配 - 移动端（768px以下） */
@media (max-width: 48rem) {
  /* 全局基础适配 */
  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  /* 核心容器适配 */
  .main-content, .banner__bg, .banner__content, .feature-section, .article-section {
    width: 100%;
    padding: 0 0.9375rem; /* 15px ÷ 16 */
    box-sizing: border-box;
  }
  .main-content {
    margin: 0.9375rem auto; /* 15px ÷ 16 */
  }
  .feature-section, .article-section {
    margin: 1.875rem auto; /* 30px ÷ 16 */
    padding: 1.5625rem 0; /* 25px ÷ 16 */
  }

  /* Banner区域适配 */
  .banner, .banner__wrap, .banner__bg, .banner__content, .banner__content-wrap {
    height: auto;
    min-height: 25rem; /* 400px ÷ 16 */
    position: relative;
    display: block;
  }
  .banner__content-wrap {
    padding-top: 1.25rem; /* 20px ÷ 16 */
    text-align: center;
  }
  .banner__wrap .banner__bg {
    width: 100%;
    background: url("../images/m_bg.png") bottom;
  }
  .banner__bg-left, .banner__bg-right, .banner__wave {
    display: none;
  }
  .banner__img-screenshot {
    left: -0.625rem; /* -10px ÷ 16 */
    top: 19.375rem; /* 310px ÷ 16 */
    animation: fade-up-screenshot 0.8s ease-out 0.2s forwards;
    opacity: 0;
  }
  .banner__img-slogan {
    left: 14.6875rem; /* 235px ÷ 16 */
    top: 7.5rem; /* 120px ÷ 16 */
    animation: fade-up-slogan 0.7s ease-out 0.5s forwards;
    opacity: 0;
  }
  .banner__section-title {
    margin: 0.9375rem 0 0.625rem; /* 15px/10px ÷ 16 */
    font-size: 1rem; /* 16px ÷ 16 */
    color: #4c4c4c;
    text-align: center;
  }

  /* 产品信息移动端适配（保持原显示效果） */
  .banner__product-info {
    position: static;
    width: 100%;
    margin-top: 1.875rem; /* 30px ÷ 16 */
    color: #333;
    text-align: center;
  }
  .product-info__title {
    color: #0070c9;
    font-size: 1.375rem; /* 22px ÷ 16 */
    margin-bottom: 1.25rem; /* 20px ÷ 16 */
  }
  .product-info__item {
    text-align: center; /* 移动端居中对齐 */
  }

  /* 按钮适配 */
  .btn {
    width: 90%;
    margin: 0.75rem auto; /* 12px ÷ 16 */
    height: 3.4375rem; /* 55px ÷ 16 */
    font-size: 1rem; /* 16px ÷ 16 */
  }
  .btn i {
    font-size: 1.5rem; /* 24px ÷ 16 */
  }

  /* 导航适配 */
  /* 导航适配 */
  #header {
    height: auto;
  }
  .header__inner {
    height: auto;
    padding: 0.625rem 0; /* 10px ÷ 16 */
    text-align: center; /* 移动端保持居中，不改动 */
  }
  .header__logo {
    float: none;
    text-align: center;
    margin: 0.5rem auto 0.9375rem; /* 原有间距，不改动 */
    width: auto;
    height: 2.75rem; /* 移动端Logo高度（44px） */
    justify-content: center;
    align-items: center;
  }

  /* 移动端图标：保持原有样式 */
  .header__logo i.fa-solid {
    font-size: 2rem; /* 移动端图标32px */
    margin-right: 0.625rem; /* 移动端间距10px */
  }

  /* 移动端文字：保持原有样式 */
  .header__logo-text {
    font-size: 1.375rem; /* 移动端22px */
    color: #2d3748; /* 原有颜色，不改动 */
  }
  .header__nav {
    float: none;
    text-align: center;
    padding: 0;
    display: block; /* 移动端恢复block，不影响2列布局 */
  }
  .header__nav-item {
    float: left;
    width: 50%;
    box-sizing: border-box;
    box-shadow: 0 0 0 0.03125rem #EEE; /* 0.5px ÷ 16 */
    text-align: center;
    height: auto;
    padding: 0;
  }
  .header__nav-link {
    float: none;
    display: block;
    height: auto;
    line-height: normal;
    font-size: 0.875rem; /* 14px ÷ 16 */
    padding: 0.75rem; /* 12px ÷ 16 */
    border: none;
  }
  .header__nav-link:hover {
    background: #f8f8f8;
    color: #388ddf; /* 原有移动端hover样式，不改动 */
  }

  /* 页脚适配 */
  .footer {
    padding: 1.25rem 0.9375rem; /* 20px/15px ÷ 16 */
  }
  .footer__text {
    font-size: 0.8125rem; /* 13px ÷ 16 */
  }
  .footer__link {
    padding: 0 0.25rem; /* 4px ÷ 16 */
    margin: 0.125rem 0; /* 2px ÷ 16 */
  }

  /* 核心功能区适配 */
  .core-features {
    flex-direction: column;
    gap: 2.5rem; /* 40px ÷ 16 */
    margin-bottom: 5rem; /* 80px ÷ 16 */
  }
  .core-features__separator {
    display: none;
  }

  /* 特色功能区适配 */
  .feature-section__func-grid {
    grid-template-columns: 1fr;
    gap: 0.9375rem; /* 15px ÷ 16 */
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }
  .feature-section__func-item {
    padding: 1.125rem 0.9375rem; /* 18px/15px ÷ 16 */
    box-shadow: 0 0.0625rem 0.3125rem rgba(0,0,0,0.05); /* 1px/5px ÷ 16 */
  }
  .feature-section__func-item dt {
    font-size: 1rem; /* 16px ÷ 16 */
    margin-bottom: 0.625rem; /* 10px ÷ 16 */
  }
  .feature-section__func-item dd {
    font-size: 0.8125rem; /* 13px ÷ 16 */
    line-height: 1.7;
  }

  /* 最新文章区适配 */
  .article-section__grid {
    grid-template-columns: 1fr;
    gap: 0.9375rem; /* 15px ÷ 16 */
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }
  .article-section__col {
    padding: 0 0.3125rem; /* 5px ÷ 16 */
  }
  .article-section__col li {
    margin-bottom: 0.9375rem; /* 15px ÷ 16 */
    padding-bottom: 0.9375rem; /* 15px ÷ 16 */
  }
  .article-item__title {
    font-size: 0.875rem; /* 14px ÷ 16 */
    margin-right: 0.625rem; /* 10px ÷ 16 */
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
  .article-item__date {
    font-size: 0.75rem; /* 12px ÷ 16 */
    padding: 0.125rem 0.375rem; /* 2px/6px ÷ 16 */
    border-radius: 0.5rem; /* 8px ÷ 16 */
  }
  .article-section__col a {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .article-section__col a .article-item__date {
    margin-top: 0.1875rem; /* 3px ÷ 16 */
  }

  /* 标题样式适配 */
  .section-title {
    font-size: 1.1875rem; /* 19px ÷ 16 */
    margin-bottom: 1.5625rem; /* 25px ÷ 16 */
    padding: 0 0.625rem; /* 10px ÷ 16 */
    padding-bottom: 0.9375rem; /* 15px ÷ 16 */
  }
  .section-title::after {
    bottom: 0;
    width: 3.75rem; /* 60px ÷ 16 */
  }
}