/* =====================================================================
   郑州网站建设 · zhengzhou.css
   布局：深蓝渐变主诉求区(无图纯排版) / 6宫格图标卡 / 左图右文产业说明 / 三档报价阶梯 / FAQ
   ===================================================================== */

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

/* ---------- 深色主诉求区 ---------- */
.zz-hero{
  background:var(--c-dark);color:#D6E2F6;position:relative;overflow:hidden;
  padding:90px 0;text-align:center;
}
.zz-hero::before{content:"";position:absolute;left:-100px;bottom:-160px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.35),transparent 70%)}
.zz-hero::after{content:"";position:absolute;right:-120px;top:-140px;width:380px;height:380px;border-radius:50%;border:2px dashed rgba(125,166,232,.25)}
.zz-hero-inner{position:relative;z-index:2;max-width:820px}
.zz-hero h2{color:#fff;font-size:clamp(28px,3.6vw,44px);margin:14px 0 18px;line-height:1.3}
.zz-hero-lead{font-size:17px;color:#C9DAF5;max-width:680px;margin:0 auto 16px}
.zz-hero p{color:#9FB2D4;font-size:15px;max-width:680px;margin:0 auto 14px}
.zz-hero-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.btn-line-light{border:2px solid rgba(255,255,255,.45);color:#fff;padding:13px 30px;border-radius:999px;font-weight:600;transition:all var(--trans)}
.btn-line-light:hover{background:#fff;color:var(--c-primary)}

/* ---------- 6宫格 ---------- */
.zz-grid-sec{background:var(--c-ice-2)}
.zz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.zz-cell{
  background:#fff;border-radius:var(--radius-lg);padding:32px 28px;box-shadow:var(--shadow);
  transition:all var(--trans);border-bottom:4px solid transparent;
}
.zz-cell:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-bottom-color:var(--c-accent)}
.zz-cell-ico{width:58px;height:58px;border-radius:14px;background:var(--c-ice);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.zz-cell-ico svg{width:28px;height:28px;fill:var(--c-accent)}
.zz-cell h3{font-size:19px;margin-bottom:10px}
.zz-cell p{color:var(--c-text-2);font-size:14.5px;margin-bottom:12px}
.zz-cell a{font-weight:700;color:var(--c-accent);font-size:14px}

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

/* ---------- 报价阶梯 ---------- */
.zz-price{background:var(--c-ice-2)}
.zz-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:stretch}
.zz-price-card{
  background:#fff;border-radius:var(--radius-lg);padding:36px 32px;box-shadow:var(--shadow);
  display:flex;flex-direction:column;transition:all var(--trans);border:1px solid transparent;position:relative;
}
.zz-price-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.zz-price-hot{border:2px solid var(--c-accent);transform:scale(1.03);box-shadow:var(--shadow-lg)}
.zz-price-hot-tag{
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;
  background:var(--c-grad);color:#fff;font-size:12.5px;font-weight:700;padding:5px 16px;border-radius:999px;
}
.zz-price-card h3{font-size:20px;margin-bottom:6px}
.zz-price-num{font-size:15px;font-weight:800;color:var(--c-accent);letter-spacing:1px;margin-bottom:14px}
.zz-price-desc{color:var(--c-text-2);font-size:14.5px;flex:1;margin-bottom:22px}

/* ---------- FAQ ---------- */
.zz-faq{background:#fff}
.zz-faq-list{max-width:820px;margin:0 auto;display:grid;gap:14px}
.zz-faq-item{background:var(--c-ice-2);border-radius:12px;padding:0 24px;border:1px solid var(--c-line);transition:all var(--trans)}
.zz-faq-item[open]{background:#fff;box-shadow:var(--shadow);border-color:var(--c-accent)}
.zz-faq-item summary{
  cursor:pointer;list-style:none;padding:18px 0;font-weight:700;color:var(--c-primary);font-size:15.5px;
  display:flex;justify-content:space-between;gap:14px;align-items:center;
}
.zz-faq-item summary::-webkit-details-marker{display:none}
.zz-faq-item summary::after{content:"+";font-size:20px;color:var(--c-accent);transition:transform var(--trans);flex-shrink:0}
.zz-faq-item[open] summary::after{transform:rotate(45deg)}
.zz-faq-item p{padding:0 0 18px;color:var(--c-text-2);font-size:14.5px}

/* ---------- 城市 tags ---------- */
.zz-cities{background:var(--c-ice-2);padding-top:64px;padding-bottom:64px}
.zz-city-tags{display:flex;flex-wrap:wrap;gap:12px}
.zz-city-tags 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);
}
.zz-city-tags a:hover{background:var(--c-grad);color:#fff;border-color:transparent;transform:translateY(-3px)}

/* ---------- 响应式 ---------- */
@media (max-width:992px){
  .zz-grid{grid-template-columns:1fr 1fr}
  .zz-ind-wrap{grid-template-columns:1fr;gap:36px}
  .zz-price-grid{grid-template-columns:1fr;gap:34px}
  .zz-price-hot{transform:none}
}
@media (max-width:640px){
  .zz-grid{grid-template-columns:1fr}
}