/* =====================================================================
   南阳网站建设 · nanyang.css
   布局：引言条(大引号) / 左图右文主诉求 / 四列产业图卡 / 深蓝数字带 / 左报价卡+右FAQ双栏
   ===================================================================== */

/* ---------- 横幅 ---------- */
.banner-tech{background-image:url('../images/banner-tech.jpg')}

/* ---------- 引言条 ---------- */
.ny-quote{background:var(--c-ice);padding:64px 0}
.ny-quote-inner{max-width:840px;margin:0 auto;text-align:center;position:relative;padding-top:20px}
.ny-quote-mark{width:44px;height:44px;fill:var(--c-accent);opacity:.25;margin:0 auto 10px}
.ny-quote blockquote{font-size:clamp(19px,2.3vw,26px);font-weight:700;color:var(--c-primary);line-height:1.6;margin-bottom:16px}
.ny-quote cite{font-style:normal;color:var(--c-muted);font-size:14px}

/* ---------- 主诉求 ---------- */
.ny-why{background:#fff}
.ny-why-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}
.ny-why-media img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);aspect-ratio:3/2;object-fit:cover;width:100%}
.ny-why-text h2{font-size:clamp(24px,2.8vw,32px);margin:0 0 18px;line-height:1.4}
.ny-why-text p{color:var(--c-text-2);margin-bottom:14px}

/* ---------- 四列产业卡 ---------- */
.ny-industry{background:var(--c-ice-2)}
.ny-ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ny-ind-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:all var(--trans);display:flex;flex-direction:column}
.ny-ind-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.ny-ind-card img{aspect-ratio:3/2;object-fit:cover;width:100%}
.ny-ind-card h3{font-size:18px;margin:18px 20px 8px}
.ny-ind-card p{color:var(--c-text-2);font-size:13.5px;margin:0 20px 14px;flex:1}
.ny-ind-card a{margin:0 20px 20px;font-weight:700;color:var(--c-accent);font-size:13.5px}

/* ---------- 数字带 ---------- */
.ny-statband{background:var(--c-dark);padding:56px 0;position:relative;overflow:hidden}
.ny-statband::before{content:"";position:absolute;left:10%;bottom:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.4),transparent 70%)}
.ny-statband-inner{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.ny-stat .stat-num{color:#fff}
.ny-stat span{display:block;margin-top:8px;font-size:14px;color:#9FB2D4}

/* ---------- FAQ 双栏 ---------- */
.ny-faqsec{background:#fff}
.ny-faq-wrap{display:grid;grid-template-columns:0.85fr 1.15fr;gap:44px;align-items:start}
.ny-quote-card{background:var(--c-grad);color:#fff;border-radius:var(--radius-lg);padding:38px 34px;box-shadow:var(--shadow-lg)}
.ny-quote-card h3{color:#fff;font-size:22px;margin-bottom:14px}
.ny-quote-card p{color:#D6E2F6;font-size:14.5px;margin-bottom:12px}
.ny-quote-card a{color:#fff}
.ny-quote-card .btn{background:#fff;color:var(--c-primary);margin-top:8px}
.ny-faq-right{display:grid;gap:13px}
.ny-faq-item{background:var(--c-ice-2);border-radius:12px;border:1px solid var(--c-line);transition:all var(--trans)}
.ny-faq-item[open]{background:#fff;box-shadow:var(--shadow);border-color:var(--c-accent)}
.ny-faq-item summary{cursor:pointer;list-style:none;padding:16px 22px;font-weight:700;color:var(--c-primary);font-size:15px;display:flex;justify-content:space-between;gap:12px}
.ny-faq-item summary::-webkit-details-marker{display:none}
.ny-faq-item summary::after{content:"+";color:var(--c-accent);flex-shrink:0;transition:transform var(--trans)}
.ny-faq-item[open] summary::after{transform:rotate(45deg)}
.ny-faq-item p{padding:0 22px 16px;color:var(--c-text-2);font-size:14px}

/* ---------- 城市 chips ---------- */
.ny-cities{background:var(--c-ice-2);padding-top:64px;padding-bottom:64px}
.ny-city-chips{display:flex;flex-wrap:wrap;gap:12px}
.ny-city-chips a{background:#fff;border:1px solid var(--c-line);border-radius:999px;padding:10px 22px;font-weight:600;color:var(--c-text-2);transition:all var(--trans)}
.ny-city-chips a:hover{background:var(--c-grad);color:#fff;border-color:transparent;transform:translateY(-3px)}

/* ---------- 响应式 ---------- */
@media (max-width:992px){
  .ny-why-wrap,.ny-faq-wrap{grid-template-columns:1fr;gap:36px}
  .ny-ind-grid{grid-template-columns:1fr 1fr}
  .ny-statband-inner{grid-template-columns:1fr 1fr;gap:30px 10px}
}
@media (max-width:640px){
  .ny-ind-grid{grid-template-columns:1fr}
}