/* ============================================================
   xinyang.css · 信阳市页专属样式
   骨架配方：E 顶链 + hero-split
   装饰母题：茶芽（板块顶部横向珍珠链 + 嫩芽细金线）
   ============================================================ */

/* ---------- 页头：左右分栏 ---------- */
.xy-hero { background: var(--cream); }
.xy-hero .hero-inner { position: relative; z-index: 3; }
.xy-sprout {
  position: absolute; left: -30px; bottom: -20px; width: 260px; height: 260px;
  opacity: .45; pointer-events: none;
}
.xy-hero .hero-media img { filter: saturate(.95); }

/* ---------- 顶链：板块顶部一条横向珍珠链 ---------- */
.xy-topchain { position: relative; padding-top: 40px; }
.xy-topchain::before {
  content: ""; position: absolute; top: 26px; left: 8%; right: 8%; height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold-light) 12%, var(--gold) 50%, var(--gold-light) 88%, transparent);
  border-radius: 2px;
}
.xy-topchain::after {
  content: ""; position: absolute; top: 20px; left: 50%; transform: translateX(-50%);
  width: 14px; height: 14px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #F7E9C4, var(--gold) 78%);
  box-shadow: -60px 0 0 -2px rgba(194,160,75,.55), 60px 0 0 -2px rgba(194,160,75,.55), 0 0 0 5px rgba(194,160,75,.14);
}

/* ---------- 茶芽小图标：挂在板块标题下 ---------- */
.xy-bud .sec-head::after {
  content: ""; display: block; width: 40px; height: 40px; margin: 16px auto 0;
  background:
    linear-gradient(currentColor, currentColor) center 18px / 2px 18px no-repeat,
    linear-gradient(45deg, transparent 46%, currentColor 47% 53%, transparent 54%) center 8px / 20px 12px no-repeat;
  opacity: .5; color: var(--gold);
}

/* ---------- 服务网络：顶链节点横排 ---------- */
.xy-net { position: relative; padding-top: 40px; }
.xy-net::before {
  content: ""; position: absolute; top: 26px; left: 12%; right: 12%; height: 2px;
  background: repeating-linear-gradient(90deg, var(--gold) 0 8px, transparent 8px 18px);
  opacity: .4;
}
.xy-net .card-line { position: relative; padding-top: 20px; }
.xy-net .card-line::before {
  content: ""; position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
  width: 16px; height: 16px; 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) {
  .xy-sprout { width: 180px; height: 180px; opacity: .3; }
}