/* ============================================================
   zhunadian.css · 驻马店市页专属样式
   骨架配方：C 右轨 + hero-half
   装饰母题：嵖岈山岩（右侧金轨 + 山棱锯齿纹）
   ============================================================ */

/* ---------- 页头 ---------- */
.zmd-hero { background: var(--cream); }
.zmd-hero .hero-inner { width: 100%; }

/* ---------- 右轨板块：珍珠挂在右侧金轨上 ---------- */
.zmd-right { position: relative; padding-right: 78px; }
.zmd-right::before {
  content: ""; position: absolute; top: 10px; bottom: 10px; right: 30px; width: 2px;
  background: linear-gradient(180deg, transparent, var(--gold-light) 12%, var(--gold) 50%, var(--gold-light) 88%, transparent);
  border-radius: 2px;
}
.zmd-right .pearl { right: 25px; }

/* ---------- 山棱锯齿纹：板块标题下的嵖岈山剪影 ---------- */
.zmd-rock .sec-head::after {
  content: ""; display: block; width: 80px; height: 22px; margin: 16px auto 0;
  background:
    linear-gradient(currentColor, currentColor) 6px 14px / 14px 2px no-repeat,
    linear-gradient(currentColor, currentColor) 24px 8px / 16px 8px no-repeat,
    linear-gradient(currentColor, currentColor) 46px 12px / 14px 4px no-repeat,
    linear-gradient(currentColor, currentColor) 64px 16px / 12px 2px no-repeat;
  opacity: .5; color: var(--gold);
}

/* ---------- 服务网络：右轨节点横排 ---------- */
.zmd-net { position: relative; }
.zmd-net::before {
  content: ""; position: absolute; top: 34px; left: 12%; right: 12%; height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold-light) 15%, var(--gold-light) 85%, transparent);
  opacity: .4;
}
.zmd-net .card-line { position: relative; padding-top: 46px; }
.zmd-net .card-line::before {
  content: ""; position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
  width: 16px; height: 16px; border-radius: 50% 50% 50% 0;
  background: var(--grad-gold); box-shadow: 0 0 0 5px rgba(194, 160, 75, .15);
}

/* ---------- 间距与表格容器 ---------- */
.mt { margin-top: 16px; }
.mt-lg { margin-top: 26px; }
.mt-xl { margin-top: 44px; }
.tbl-wrap { overflow-x: auto; border-radius: var(--radius); }

@media (max-width: 860px) {
  .zmd-right { padding-right: 0; }
  .zmd-right::before { display: none; }
  .zmd-right .pearl { display: none; }
}