/* ============================================================
   sanmenxia.css · 三门峡市页专属样式
   骨架配方：H 环轨 + hero-split
   装饰母题：天鹅羽（虚线环轨吊坠 + 细长羽脉金线）
   ============================================================ */

/* ---------- 页头：左右分栏，羽脉金线装饰 ---------- */
.smx-hero { background: var(--cream); }
.smx-feather {
  position: absolute; right: -40px; bottom: -30px; width: 320px; height: 320px;
  opacity: .5; pointer-events: none;
}
.smx-hero .hero-inner { position: relative; z-index: 3; }

/* ---------- 城市简介板块：环轨小吊坠（呼应天鹅湖） ---------- */
.smx-loop { position: relative; }
.smx-loop::before {
  content: ""; position: absolute; left: 50%; top: 30px;
  width: 110px; height: 110px; transform: translateX(-50%);
  border: 1.5px dashed rgba(194, 160, 75, .4); border-radius: 50%;
}
.smx-loop::after {
  content: ""; position: absolute; left: 50%; top: 68px;
  width: 34px; height: 34px; transform: translateX(-50%);
  border: 2px solid var(--gold); border-radius: 50%;
  box-shadow: inset 0 0 0 6px var(--gold-pale);
}

/* ---------- 中轴环轨板块：珍珠沿中轴，节点大小交替 ---------- */
.smx-axis { padding-top: 24px; }
.smx-axis .pearl { left: 50%; transform: translateX(-50%); }
/* 羽脉小图标：挂在板块标题下 */
.smx-axis .sec-head::after {
  content: ""; display: block; width: 54px; height: 40px; margin: 16px auto 0;
  background:
    linear-gradient(currentColor, currentColor) center 20px / 2px 20px no-repeat,
    linear-gradient(60deg, transparent 48%, currentColor 49% 52%, transparent 53%) center 10px / 22px 14px no-repeat,
    linear-gradient(-60deg, transparent 48%, currentColor 49% 52%, transparent 53%) center 16px / 22px 14px no-repeat;
  opacity: .5; color: var(--gold);
}

/* ---------- 服务网络：环形节点横排 ---------- */
.smx-net { position: relative; }
.smx-net::before {
  content: ""; position: absolute; top: 32px; left: 12%; right: 12%; height: 2px;
  background: repeating-linear-gradient(90deg, transparent 0 6px, var(--gold) 6px 8px, transparent 8px 18px);
  opacity: .4;
}
.smx-net .card-line { position: relative; padding-top: 48px; }
.smx-net .card-line::before {
  content: ""; position: absolute; top: -10px; left: 50%; transform: translateX(-50%);
  width: 20px; height: 20px; border-radius: 50%;
  border: 2px solid var(--gold); background: var(--gold-pale);
  box-shadow: 0 0 0 5px rgba(194, 160, 75, .14);
}

/* ---------- 间距与表格容器 ---------- */
.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) {
  .smx-feather { width: 200px; height: 200px; opacity: .3; }
  .smx-loop::before, .smx-loop::after { display: none; }
}