/* ============================================================
   anyang.css · 安阳市页专属样式
   骨架配方：D 双轨 + hero-half
   装饰母题：甲骨纹（双轨之间点缀金色刻线裂纹）
   ============================================================ */

/* ---------- 页头甲骨裂纹定位 ---------- */
.ay-bone {
  position: absolute; right: 8%; bottom: 30px; width: 280px;
  opacity: .8; pointer-events: none;
}

/* ---------- 双轨强化：两轨之间点缀甲骨刻痕 ---------- */
.ay-rail { position: relative; }
.ay-rail::before, .ay-rail::after {
  width: 3px; border-radius: 3px;
}
/* 两轨之间的金色裂纹点 */
.ay-rail .container::before {
  content: ""; position: absolute; left: 50%; top: 30px; bottom: 30px;
  width: 2px; transform: translateX(-50%);
  background: repeating-linear-gradient(180deg, var(--gold) 0 10px, transparent 10px 26px);
  opacity: .35; pointer-events: none;
}

/* ---------- 服务板块：甲骨纹底 ---------- */
.ay-service { position: relative; background: var(--grad-cream); }
.ay-service::before {
  content: ""; position: absolute; inset: 20px;
  background-image:
    linear-gradient(40deg, transparent 49.6%, rgba(194,160,75,.18) 49.6% 50.4%, transparent 50.4%),
    linear-gradient(-30deg, transparent 49.6%, rgba(194,160,75,.12) 49.6% 50.4%, transparent 50.4%);
  background-size: 120px 120px; opacity: .5; pointer-events: none;
}

.tbl-wrap { overflow-x: auto; border-radius: var(--radius); }

@media (max-width: 860px) {
  .ay-bone { width: 180px; opacity: .5; }
  .ay-rail .container::before { display: none; }
}

/* 个性化：甲骨卡片——左下角印记 */
.ay-hero ~ .section .card-soft{position:relative;}
.ay-hero ~ .section .card-soft::after{content:'骨';position:absolute;right:14px;bottom:8px;color:var(--gold);opacity:.3;font-size:22px;}