/* ============================================================
   nanyang.html · 南阳八大员报考服务
   题头①：全幅图 Banner + 居中标题
   ============================================================ */

/* ---------- 题头：全幅 Banner ---------- */
.ny-hero{
  position:relative; min-height:560px; display:flex; align-items:center;
  padding:120px 0 72px; overflow:hidden;
}
.ny-hero-bg{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;
}
.ny-hero-mask{
  position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg, rgba(15,31,23,.72) 0%, rgba(15,31,23,.55) 55%, rgba(232,93,4,.62) 100%);
}
.ny-hero-inner{ position:relative; z-index:2; color:#fff; text-align:center; }
.ny-crumbs{
  display:inline-flex; flex-wrap:wrap; justify-content:center; gap:8px;
  font-size:13px; color:rgba(255,255,255,.82); margin-bottom:22px;
}
.ny-crumbs a{ color:rgba(255,255,255,.92); }
.ny-crumbs a:hover{ color:var(--orange-2); }
.ny-sep{ color:rgba(255,255,255,.5); }
.ny-kicker{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13px; font-weight:700; letter-spacing:3px; color:#fff;
  padding:6px 16px; border:1px solid rgba(255,255,255,.4); border-radius:999px;
  background:rgba(255,255,255,.12); margin-bottom:18px;
}
.ny-title{ font-size:52px; font-weight:800; letter-spacing:2px; text-shadow:0 6px 24px rgba(0,0,0,.35); }
.ny-sub{
  max-width:760px; margin:18px auto 0; font-size:16.5px; line-height:1.9;
  color:rgba(255,255,255,.94);
}
.ny-actions{ margin-top:30px; display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }

/* ---------- 行业概况：图文交错 ---------- */
.ny-overview{ background:var(--white); }
.ov-wrap{ display:grid; grid-template-columns:1.15fr 1fr; gap:48px; align-items:center; }
.ov-p{ margin-top:16px; color:var(--ink-2); font-size:15.5px; line-height:1.95; }
.ov-p a{ color:var(--green-deep); font-weight:600; border-bottom:1px dashed var(--green-2); }
.ov-p a:hover{ color:var(--orange-deep); border-color:var(--orange); }
.ov-fig{
  position:relative; border-radius:var(--radius-lg); overflow:hidden;
  box-shadow:var(--shadow-lg); transform:rotate(1.2deg);
}
.ov-fig img{ width:100%; height:360px; object-fit:cover; }
.ov-fig figcaption{
  position:absolute; left:16px; bottom:16px; right:16px;
  background:rgba(15,31,23,.78); color:#fff; font-size:13px; line-height:1.6;
  padding:10px 16px; border-radius:12px; backdrop-filter:blur(6px);
}

/* ---------- 常见问答：手风琴列表 ---------- */
.ny-faq{ background:var(--bg-green); }
.sec-head{ margin-bottom:40px; }
.ny-sub-center{ margin-left:auto; margin-right:auto; }
.ny-qalist{ max-width:880px; margin:0 auto; display:flex; flex-direction:column; gap:14px; }
.ny-qa{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow-sm); overflow:hidden;
}
.ny-qa summary{
  list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:20px 24px; font-weight:700; font-size:16.5px; color:var(--ink);
}
.ny-qa summary::-webkit-details-marker{ display:none; }
.ny-qa-plus{
  flex-shrink:0; width:26px; height:26px; border-radius:8px; position:relative;
  background:var(--green-soft); transition:all .3s ease;
}
.ny-qa-plus::before,.ny-qa-plus::after{
  content:""; position:absolute; background:var(--green-deep); border-radius:2px;
  top:50%; left:50%; transform:translate(-50%,-50%);
}
.ny-qa-plus::before{ width:12px; height:2px; }
.ny-qa-plus::after{ width:2px; height:12px; transition:transform .3s ease; }
.ny-qa[open] .ny-qa-plus::after{ transform:translate(-50%,-50%) rotate(90deg); opacity:0; }
.ny-qa[open]{ border-color:var(--green-2); }
.ny-qa p{ padding:0 24px 22px; color:var(--ink-2); font-size:15px; line-height:1.9; }
.ny-qa p a{ color:var(--orange-deep); font-weight:600; }

/* ---------- 本地服务内容：带序号卡片 ---------- */
.ny-services{ background:var(--white); }
.ny-svc-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.ny-svc{
  position:relative; background:var(--bg-soft); border:1px solid var(--line);
  border-radius:var(--radius-lg); padding:30px 24px 26px; overflow:hidden;
  transition:transform .3s ease, box-shadow .3s ease;
}
.ny-svc:hover{ transform:translateY(-6px); box-shadow:var(--shadow-md); background:var(--orange-soft); }
.ny-svc-num{
  font-size:40px; font-weight:800; line-height:1;
  color:transparent; -webkit-text-stroke:1.5px var(--orange);
}
.ny-svc h3{ margin:16px 0 10px; font-size:19px; }
.ny-svc p{ color:var(--ink-2); font-size:14.5px; line-height:1.85; }

/* ---------- 服务流程：横向步骤流 ---------- */
.ny-steps{ background:var(--bg-orange); }
.ny-steplist{
  display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative; margin-top:20px;
}
.ny-steplist::before{
  content:""; position:absolute; top:27px; left:12%; right:12%; height:3px;
  background:linear-gradient(90deg,var(--orange),var(--green)); border-radius:3px; opacity:.35;
}
.ny-steplist li{ position:relative; text-align:center; padding:0 18px; }
.ny-step-dot{
  position:relative; z-index:1; width:54px; height:54px; margin:0 auto 18px;
  display:flex; align-items:center; justify-content:center;
  border-radius:50%; font-size:20px; font-weight:800; color:#fff;
  background:linear-gradient(135deg,var(--orange),var(--orange-deep));
  box-shadow:0 8px 18px rgba(255,122,28,.35);
}
.ny-steplist li:nth-child(even) .ny-step-dot{
  background:linear-gradient(135deg,var(--green),var(--green-deep));
  box-shadow:0 8px 18px rgba(18,183,106,.32);
}
.ny-steplist h3{ font-size:17px; margin-bottom:8px; }
.ny-steplist p{ font-size:14px; color:var(--ink-2); line-height:1.8; }

/* ---------- 底部咨询行动带 ---------- */
.ny-cta{
  background:linear-gradient(120deg,#0F1F17 0%, #12B76A 60%, #FF7A1C 100%);
  padding:60px 0;
}
.ny-cta-inner{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:24px; color:#fff;
}
.ny-cta-copy h2{ font-size:28px; font-weight:800; }
.ny-cta-copy p{ margin-top:10px; max-width:560px; color:rgba(255,255,255,.9); font-size:15px; line-height:1.85; }
.ny-cta-actions{ display:flex; flex-wrap:wrap; gap:14px; }
.btn-ghost.btn-white{ border-color:#fff; color:#fff; }
.btn-ghost.btn-white:hover{ background:rgba(255,255,255,.14); color:#fff; }

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .ny-title{ font-size:38px; }
  .ov-wrap{ grid-template-columns:1fr; gap:30px; }
  .ov-fig{ transform:none; }
  .ny-svc-grid{ grid-template-columns:repeat(2,1fr); }
  .ny-steplist{ grid-template-columns:repeat(2,1fr); gap:30px 0; }
  .ny-steplist::before{ display:none; }
}
@media (max-width:640px){
  .ny-hero{ min-height:480px; padding:110px 0 56px; }
  .ny-title{ font-size:30px; }
  .ny-svc-grid{ grid-template-columns:1fr; }
  .ny-steplist{ grid-template-columns:1fr; }
  .ny-cta-inner{ flex-direction:column; align-items:flex-start; }
}