/* ...existing code... */

/* 页面容器（如 top.asp 已有 .wrap，这段可删除） */
.wrap{
  width: 1190px;
  margin: 0 auto;
}

/* 面包屑 */
.crumb{
  margin: 24px 0 0;
  color: #666;
  font-size: 14px;
}
.crumb a{
  color: #666;
  text-decoration: none;
}
.crumb a:hover{
  color: var(--brand, #3388ff);
}
.crumb .sep{
  margin: 0 6px;
  color: #999;
}

/* 正文 */
.article{
  padding: 10px 0 40px;
}
.article h1{
  margin: 10px 0 6px;
  font-size: 30px;
  line-height: 45px;
  font-weight: 800;
  text-align: center;
}

/* 时间 */
.meta{
  text-align: center;
  color: #999;
  font-size: 14px;
  margin-bottom: 14px;
}

/* 标签 */
.tags{
  text-align: center;
  margin-bottom: 22px;
}
.tag{
  display: inline-block;
  font-size: 12px;
  line-height: 24px;
  padding: 0 8px;
  margin: 0 6px 6px 0;
  background: #f2f7ff;
  color: var(--brand, #3388ff);
}

/* 分段 */
.section{
  width: 100%;
  margin: 18px auto 32px;
  text-align: center;
}
.section .title{
  font-weight: 800;
  margin: 14px 0 6px;
}
.section .dash{
  color: #999;
  margin: 0 0 10px;
}
.section .desc{
  max-width: 860px;
  margin: 0 auto 16px;
  color: #333;
  font-size: 14px;
  line-height: 2;
}

/* 图片区域 */
.section .imgbox{
  width: 860px;
  margin: 0 auto;
  background: #fff;
}
.section .imgbox img{
  width: 100%;
  height: auto;
  display: block;
}

/* 可选：把你 HTML 里的内联 style="margin-bottom:50px;" 替换成类 */
.section.is-last{
  margin-bottom: 50px;
}

/* ...existing code... */


/* =========================
   care.asp 移动端适配（追加到文件末尾）
   目标：手机端不横向溢出、内容完整显示
   ========================= */

*{ box-sizing: border-box; }
html, body{ width: 100%; overflow-x: hidden; }
img{ max-width: 100%; height: auto; display: block; }

/* 容器：PC 保持最大宽度，手机满宽并留内边距 */
.wrap{
  width: min(1190px, 100%);
  margin: 0 auto;
  padding-left: 12px;
  padding-right: 12px;
}

/* 面包屑：允许换行，避免一行撑出屏幕 */
.crumb{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  line-height: 1.6;
}
.crumb .sep{ margin: 0 2px; }

/* 标签：换行显示 */
.tags{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* 正文：长词/URL 断行，防止撑破 */
.article{
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* 图片容器与图片：永远不超出屏幕 */
.imgbox{
  width: 100%;
}
.imgbox img{
  width: 100%;
  height: auto;
}

/* 手机端排版更紧凑 */
@media (max-width: 768px){
  .section .imgbox{
    width: 100%;
    margin: 0 auto;
  }

  .section .imgbox img{
    width: 100%;
    height: auto;
  }

  .article h1{
    font-size: 22px;
    line-height: 1.25;
    margin: 12px 0 8px;
  }

  .meta{
    font-size: 12px;
  }

  .section{
    margin: 14px 0;
  }

  .section .title{
    font-size: 18px;
    line-height: 1.3;
  }

  .section .desc{
    font-size: 14px;
    line-height: 1.85;
  }

  .section .dash{
    margin: 6px 0 10px;
  }
}

/* 更小屏 */
@media (max-width: 420px){
  .wrap{
    padding-left: 10px;
    padding-right: 10px;
  }
}