/* ============================================================
   nanyang.css · 南阳市页专属样式
   骨架配方：G 斜切 + hero-banner
   装饰母题：卧龙松影（斜切金带 + 松针细金线）
   ============================================================ */

/* ---------- 页头：横幅 + 斜切金带 ---------- */
.ny-hero { background: var(--cream); }
.ny-hero .hero-inner { position: relative; z-index: 3; }
/* 斜切装饰带：从左下斜向右上的金色细线 */
.ny-slant-band {
  position: absolute; left: 0; right: 0; bottom: -1px; height: 60px; z-index: 3;
  background: linear-gradient(177deg, transparent 49.5%, rgba(194, 160, 75, .35) 50%);
  pointer-events: none;
}

/* ---------- 斜切板块：卡片一角斜切掉金饰 ---------- */
.ny-cut { position: relative; }
.ny-cut .pearl-card, .ny-cut .card-soft { position: relative; overflow: hidden; }
.ny-cut .card-soft::after {
  content: ""; position: absolute; top: 0; right: 0;
  width: 70px; height: 70px;
  background: linear-gradient(225deg, var(--gold-pale) 0%, transparent 60%);
  border-bottom-left-radius: 60px; opacity: .8; pointer-events: none;
}

/* ---------- 松影小图标：挂在中轴板块标题下 ---------- */
.ny-axis { padding-top: 24px; }
.ny-axis .pearl { left: 50%; transform: translateX(-50%); }
.ny-axis .sec-head::after {
  content: ""; display: block; width: 56px; height: 40px; margin: 16px auto 0;
  background:
    linear-gradient(currentColor, currentColor) center 8px / 2px 26px no-repeat,
    linear-gradient(50deg, transparent 46%, currentColor 47% 53%, transparent 54%) center 12px / 26px 12px no-repeat,
    linear-gradient(-50deg, transparent 46%, currentColor 47% 53%, transparent 54%) center 22px / 26px 12px no-repeat;
  opacity: .5; color: var(--gold);
}

/* ---------- 服务网络：斜切节点横排 ---------- */
.ny-net { position: relative; }
.ny-net::before {
  content: ""; position: absolute; top: 34px; left: 10%; right: 10%; height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold) 15%, var(--gold) 85%, transparent);
  opacity: .35; transform: rotate(-1deg);
}
.ny-net .card-line { position: relative; padding-top: 46px; }
.ny-net .card-line::before {
  content: ""; position: absolute; top: -9px; left: 50%; transform: translateX(-50%) rotate(45deg);
  width: 16px; height: 16px; background: var(--grad-gold);
  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) {
  .ny-slant-band { display: none; }
}