/* ============================================================
   jiyuan.css · 济源市页专属样式
   骨架配方：B 左轨 + hero-half
   装饰母题：王屋山影（左侧金轨 + 层峦山影纹）
   ============================================================ */

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

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

/* ---------- 王屋山影：板块标题下的层峦剪影 ---------- */
.jy-mtn .sec-head::after {
  content: ""; display: block; width: 88px; height: 22px; margin: 16px auto 0;
  background:
    linear-gradient(currentColor, currentColor) 8px 12px / 26px 2px no-repeat,
    linear-gradient(currentColor, currentColor) 40px 6px / 22px 8px no-repeat,
    linear-gradient(currentColor, currentColor) 66px 14px / 20px 2px no-repeat;
  opacity: .5; color: var(--gold);
}

/* ---------- 服务网络：左轨节点横排 ---------- */
.jy-net { position: relative; }
.jy-net::before {
  content: ""; position: absolute; top: 34px; left: 12%; right: 12%; height: 2px;
  background: repeating-linear-gradient(90deg, transparent 0 6px, var(--gold) 6px 8px, transparent 8px 18px);
  opacity: .4;
}
.jy-net .card-line { position: relative; padding-top: 46px; }
.jy-net .card-line::before {
  content: ""; position: absolute; top: -8px; left: 50%; transform: translateX(-50%);
  width: 18px; height: 18px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #F7E9C4, var(--gold) 78%);
  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) {
  .jy-left { padding-left: 0; }
  .jy-left::before { display: none; }
  .jy-left .pearl { display: none; }
}