/* ============================================================
   pingdingshan.css · 平顶山市页专属样式
   骨架配方：E 顶链 + hero-banner
   装饰母题：山棱矿脉（板块顶部横排珠链 + 折线山脊）
   ============================================================ */

/* ---------- 顶链：板块顶部横贯珠链 ---------- */
.pds-chain { position: relative; padding-top: 70px; }
.pds-chain-line {
  position: absolute; top: 28px; left: 8%; right: 8%;
  display: flex; justify-content: space-between; align-items: center;
  padding: 0 10px;
}
.pds-chain-line::before {
  content: ""; position: absolute; left: 0; right: 0; top: 50%;
  height: 2px; background: linear-gradient(90deg, transparent, var(--gold-light), var(--gold), var(--gold-light), transparent);
}
.pds-bead {
  position: relative; width: 14px; height: 14px; border-radius: 50%; z-index: 1;
  background: radial-gradient(circle at 35% 30%, #F7E9C4, var(--gold) 80%);
  box-shadow: 0 0 0 4px rgba(194,160,75,.16);
}
.pds-bead-lg {
  width: 22px; height: 22px;
  background: radial-gradient(circle at 35% 30%, #FBF3DA, var(--gold) 72%);
  box-shadow: 0 0 0 6px rgba(194,160,75,.14), 0 4px 14px rgba(154,123,46,.42);
}

/* ---------- 山棱矿脉：服务板块底部折线 ---------- */
.pds-service { position: relative; }
.pds-service::after {
  content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 30px;
  background: linear-gradient(180deg, transparent, rgba(194,160,75,.08));
  clip-path: polygon(0 100%, 8% 30%, 18% 70%, 30% 20%, 44% 60%, 56% 25%, 70% 65%, 84% 35%, 100% 80%, 100% 100%);
}

.tbl-wrap { overflow-x: auto; border-radius: var(--radius); }

@media (max-width: 860px) {
  .pds-chain-line { left: 4%; right: 4%; }
}

/* 个性化：煤城卡片——顶部山棱线 */
.pds-hero ~ .section .card-soft{border-top:2px dashed var(--gold);}