/* ============================================================
   luohe.css · 漯河市页专属样式
   骨架配方：I 折线 + hero-half
   装饰母题：沙澧水波（折线串线左右交替 + 双层金色水纹）
   ============================================================ */

/* ---------- 页头：半幅底图 ---------- */
.lh-hero { background: var(--cream); }
.lh-hero .hero-inner { width: 100%; }

/* ---------- 水波分隔：挂在城市简介板块上下的细金线波浪 ---------- */
.lh-wave-band { position: relative; height: 44px; margin-top: -22px; z-index: 3; }
.lh-wave-band svg { width: 100%; height: 100%; display: block; }

/* ---------- 折线串线：左段 ---------- */
.lh-zigl { position: relative; padding-left: 78px; }
.lh-zigl::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;
}
.lh-zigl .pearl { left: 25px; }
/* 折线折角：板块右下角探出一段短横线，模拟折线转向 */
.lh-zigl .pearl-card, .lh-zigl .zig-hook { position: relative; }
.lh-zigl .zig-hook::after {
  content: ""; position: absolute; right: -30px; bottom: 26px;
  width: 30px; height: 2px; background: linear-gradient(90deg, var(--gold), transparent);
}

/* ---------- 折线串线：右段 ---------- */
.lh-zigr { position: relative; padding-right: 78px; }
.lh-zigr::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;
}
.lh-zigr .pearl { right: 25px; }
.lh-zigr .zig-hook::after {
  content: ""; position: absolute; left: -30px; bottom: 26px;
  width: 30px; height: 2px; background: linear-gradient(-90deg, var(--gold), transparent);
}

/* ---------- 食品工业母题：板块标题下的小波纹线 ---------- */
.lh-city .sec-head::after {
  content: ""; display: block; width: 96px; height: 12px; margin: 16px auto 0;
  background:
    radial-gradient(circle 4px at 8px 6px, transparent 3px, var(--gold) 3.5px) 0 0 / 24px 12px repeat-x;
  opacity: .55;
}

/* ---------- 服务网络：水波节点横排 ---------- */
.lh-net { position: relative; }
.lh-net::before {
  content: ""; position: absolute; top: 34px; left: 12%; right: 12%; height: 2px;
  background: repeating-linear-gradient(90deg, var(--gold) 0 10px, transparent 10px 20px);
  opacity: .35;
}
.lh-net .card-line { position: relative; padding-top: 46px; }
.lh-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) {
  .lh-zigl, .lh-zigr { padding-left: 0; padding-right: 0; }
  .lh-zigl::before, .lh-zigr::before { display: none; }
  .lh-zigl .pearl, .lh-zigr .pearl { display: none; }
  .zig-hook::after { display: none; }
}