/* ===== 昆山康伴非急救转运 · 服务中心文章页 公共样式 ===== */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  background: #f5f6f7;
  color: #333;
  font-size: 16px;
  line-height: 1.8;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: #0E7A5F; }
.wrap { max-width: 820px; margin: 0 auto; padding: 0 20px; }

/* 顶部 */
.nav { position: sticky; top: 0; z-index: 90; background: rgba(14,122,95,.97); backdrop-filter: blur(6px); box-shadow: 0 1px 8px rgba(0,0,0,.12); }
.nav-in { max-width: 820px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; gap: 12px; height: 58px; }
.nav-in .lg { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; background: #fff; }
.nav-in b { color: #fff; font-size: 15.5px; letter-spacing: .5px; }
.nav-back { margin-left: auto; color: rgba(255,255,255,.9); text-decoration: none; font-size: 14px; padding: 6px 10px; border-radius: 5px; white-space: nowrap; }
.nav-back:hover { background: rgba(255,255,255,.14); color: #fff; }
.nav-tel { color: #fff; text-decoration: none; font-size: 14px; font-weight: 700; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.3); padding: 6px 11px; border-radius: 6px; white-space: nowrap; }

/* 面包屑 */
.crumb { max-width: 820px; margin: 0 auto; padding: 16px 20px 0; color: #9ab0a8; font-size: 13px; }
.crumb a { color: #7d9a90; text-decoration: none; }
.crumb a:hover { color: #0E7A5F; }
.crumb span { margin: 0 6px; }

/* 文章容器 */
.article { background: #fff; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,.05); padding: 34px 38px 38px; margin: 16px auto 0; max-width: 820px; }
.article h1 { color: #1d3b32; font-size: 25px; line-height: 1.45; letter-spacing: .5px; }
.meta { color: #9ab0a8; font-size: 13px; margin: 10px 0 20px; padding-bottom: 16px; border-bottom: 1px solid #eef2f1; }
.meta em { font-style: normal; color: #0E7A5F; background: #eef7f4; border: 1px solid #cfe6dd; border-radius: 4px; padding: 1px 7px; font-size: 12px; margin-right: 8px; }
.article h2 { color: #1d3b32; font-size: 19.5px; margin: 30px 0 12px; padding-left: 11px; border-left: 3px solid #0E7A5F; line-height: 1.5; }
.article h3 { color: #245046; font-size: 16.5px; margin: 22px 0 8px; }
.article p { color: #444; font-size: 15.5px; margin-bottom: 14px; }
.article ul, .article ol { margin: 0 0 16px 22px; }
.article li { color: #444; font-size: 15.5px; margin-bottom: 7px; }
.article b, .article strong { color: #1d3b32; }
.article .red { color: #E64340; font-weight: 700; }
.article table { width: 100%; border-collapse: collapse; margin: 6px 0 18px; font-size: 15px; }
.article th, .article td { border: 1px solid #e2ece8; padding: 9px 12px; text-align: left; }
.article th { background: #eef7f4; color: #1d3b32; font-weight: 700; }
.article td { color: #444; }
.tip { background: #f2f8f6; border-left: 3px solid #0E7A5F; border-radius: 0 8px 8px 0; padding: 13px 16px; margin: 18px 0; color: #3d5c53; font-size: 14.5px; }
.tip.warn { background: #fff8ec; border-left-color: #d9a441; color: #7a5c22; }

/* 文末行动区 */
.cta { background: #0E7A5F; border-radius: 12px; padding: 24px 26px; margin: 26px auto 0; max-width: 820px; color: #eaf5f1; text-align: center; }
.cta h3 { color: #fff; font-size: 18px; margin-bottom: 6px; }
.cta p { font-size: 14px; color: #c8e3da; margin-bottom: 14px; }
.cta .btns { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.cta a { text-decoration: none; border-radius: 8px; padding: 11px 18px; font-size: 15px; font-weight: 700; }
.cta a.tel { background: #fff; color: #0E7A5F; }
.cta a.ghost { background: rgba(255,255,255,.14); color: #fff; border: 1px solid rgba(255,255,255,.4); }

/* 相关阅读 */
.rel { max-width: 820px; margin: 22px auto 0; padding: 0; }
.rel h3 { color: #1d3b32; font-size: 16px; margin: 0 0 10px; }
.rel ul { list-style: none; background: #fff; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,.05); overflow: hidden; }
.rel li { border-bottom: 1px solid #f2f5f4; }
.rel li:last-child { border-bottom: none; }
.rel a { display: block; padding: 14px 20px; color: #245046; text-decoration: none; font-size: 15px; }
.rel a:hover { background: #f7fbf9; color: #0E7A5F; }

/* 页脚 */
.footer { background: #123c31; color: #b9cdc5; text-align: center; padding: 28px 20px 34px; margin-top: 40px; font-size: 13px; line-height: 2; }
.footer b { color: #fff; font-size: 15px; letter-spacing: 1px; }
.footer-sub { color: #7d9a90; font-size: 12.5px; }
.footer a { color: #7d9a90; text-decoration: none; font-size: 12.5px; }

@media (max-width: 640px) {
  .article { padding: 24px 20px 28px; border-radius: 0; margin-top: 10px; }
  .article h1 { font-size: 21px; }
  .article h2 { font-size: 17.5px; margin-top: 24px; }
  .article p, .article li { font-size: 15px; }
  .nav-in b { font-size: 14px; }
  .nav-back { display: none; }
  .crumb { padding-top: 12px; }
  .cta { border-radius: 0; }
  .rel { padding: 0 16px; }
}