/* ============================================================
   zhengzhou.css · 郑州市页专属样式
   骨架配方：H 环轨 + hero-full
   装饰母题：二七塔轮廓 / 轨道枢纽（虚线圆环 + 中轴交替珍珠）
   ============================================================ */

/* ---------- 页头：环轨装饰定位 ---------- */
.zz-hero { background: var(--cream); }
.zz-orbit {
  position: absolute; right: -120px; top: 50%;
  width: 560px; height: 560px; transform: translateY(-50%);
  opacity: .9; pointer-events: none;
}
.zz-hero .hero-inner { position: relative; z-index: 3; }

/* ---------- 城市简介板块：环轨小吊坠 ---------- */
.zz-loop { position: relative; }
.zz-loop::before {
  content: ""; position: absolute; left: 50%; top: 40px;
  width: 120px; height: 120px; transform: translateX(-50%);
  border: 1.5px dashed rgba(194, 160, 75, .4); border-radius: 50%;
}
.zz-loop::after {
  content: ""; position: absolute; left: 50%; top: 78px;
  width: 44px; height: 44px; transform: translateX(-50%);
  border: 2px solid var(--gold); border-radius: 50%;
  box-shadow: inset 0 0 0 6px var(--gold-pale);
}

/* ---------- 中轴板块：珍珠沿轴交替左右 ---------- */
.zz-axis { padding-top: 24px; }
.zz-axis .pearl { left: 50%; transform: translateX(-50%); }
/* 二七塔轮廓剪影：挂在中轴顶端的细金线图标 */
.zz-axis .sec-head::after {
  content: ""; display: block; width: 60px; height: 46px; margin: 18px auto 0;
  background:
    linear-gradient(currentColor, currentColor) center 0 / 14px 6px no-repeat,
    linear-gradient(currentColor, currentColor) center 10px / 2px 12px no-repeat,
    linear-gradient(currentColor, currentColor) center 24px / 26px 2px no-repeat,
    linear-gradient(currentColor, currentColor) center 28px / 18px 16px no-repeat;
  opacity: .55; color: var(--gold);
}

/* ---------- 服务网络板块：轨道节点横排 ---------- */
.zz-network { position: relative; }
.zz-network::before {
  content: ""; position: absolute; top: 30px; left: 10%; right: 10%;
  height: 2px; background: repeating-linear-gradient(90deg, var(--gold) 0 8px, transparent 8px 18px);
  opacity: .4;
}
.zz-network .card-line { position: relative; padding-top: 44px; }
.zz-network .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) {
  .zz-orbit { width: 320px; height: 320px; right: -80px; opacity: .5; }
  .zz-loop::before, .zz-loop::after { display: none; }
}

/* 个性化：枢纽主题卡片——顶部金环线 */
.zz-axis .card-soft{border-top:3px solid var(--gold);position:relative;}
.zz-axis .card-soft::before{content:'';display:block;width:28px;height:3px;background:var(--gold);margin-bottom:12px;}