.pages_con {
  width: 73%;
  margin: 0.57rem auto;
}
.news_title {
  width: 83%;
  margin: auto;
  text-align: center;
  font-family: Alibaba PuHuiTi 3;
  font-weight: bold;
  font-size: 0.48rem;
  color: #000000;
}

.release_channel_date {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.46rem auto 0.59rem;
  font-family: Alibaba PuHuiTi 3;
  font-weight: normal;
  font-size: 21px;
  color: #656565;
}

.release_channel {
  margin-right: 0.65rem;
}

.news_con .news_sub_title {
  font-weight: bold;
  font-size: 0.32rem;
  color: #000000;
  margin-bottom: 0.43rem;
}

.news_con .news_label {
  font-family: Alibaba PuHuiTi 3;
  font-weight: normal;
  font-size: 21px;
  color: #000000;
  text-indent: 2em;
  margin-bottom: 0.43rem;
}

.news_con .news_img {
  width: 100%;
  object-fit: cover;
  margin-bottom: 0.43rem;
}

.news_con video {
  /* height: calc(100vh - 1.2rem); */
  width: 100%;
  box-sizing: border-box;
}

/* 原有样式保持不变，新增以下移动端适配代码 */
@media screen and (max-width: 768px) {
  /* 1. 容器宽度适配：占满屏幕，减少左右留白 */
  .pages_con {
    width: 92%; /* 移动端占比92%，兼顾留白和内容宽度 */
    margin: 0.3rem auto; /* 减小上下间距 */
  }

  /* 2. 主标题适配：缩小字体，增加行高，避免溢出 */
  .news_title {
    width: 100%; /* 占满容器宽度 */
    font-size: 0.32rem; /* 移动端字体缩小 */
    line-height: 1.4; /* 增加行高，优化换行显示 */
    margin: 0 0 0.2rem; /* 调整底部间距 */
  }

  /* 3. 发布渠道/时间：改为垂直排列，缩小字体和间距 */
  .release_channel_date {
    flex-direction: column; /* 垂直排列，避免水平挤压 */
    align-items: flex-start; /* 左对齐，贴合内容 */
    font-size: 0.18rem; /* 缩小字体 */
    margin: 0.2rem auto 0.3rem; /* 减小上下间距 */
    padding-left: 0.05rem; /* 增加左内边距，避免贴边 */
  }

  .release_channel {
    margin-right: 0; /* 取消水平间距 */
    margin-bottom: 0.08rem; /* 增加垂直间距 */
  }

  /* 4. 正文副标题：缩小字体和间距 */
  .news_con .news_sub_title {
    font-size: 0.26rem; /* 适配移动端字体 */
    margin-bottom: 0.25rem; /* 减小底部间距 */
  }

  /* 5. 正文段落：缩小字体，优化首行缩进和行高 */
  .news_con .news_label {
    font-size: 0.18rem; /* 缩小字体 */
    line-height: 1.6; /* 增加行高，提升可读性 */
    margin-bottom: 0.25rem; /* 减小段落间距 */
    text-indent: 2em; /* 保留首行缩进，优化排版 */
  }

  /* 6. 视频适配：限制最大高度，避免超出屏幕 */
  .news_con video {
    max-height: 220px; /* 移动端视频最大高度，适配屏幕 */
    width: 100%; /* 占满容器 */
    object-fit: contain; /* 保持视频比例，不拉伸 */
  }

  /* 7. 图片适配：优化间距，避免贴边 */
  .news_con .news_img {
    margin-bottom: 0.25rem; /* 减小图片底部间距 */
    border-radius: 4px; /* 可选：增加圆角，优化视觉 */
  }

  /* 8. 居中对齐的摘要（summary类型）：适配移动端间距 */
  .news_con .news_sub_title[style*='text-align: center'] {
    margin: 0.3rem 0; /* 优化上下间距 */
    padding: 0 0.1rem; /* 避免文字贴边 */
  }
}