/* ============================================================
   wangzhan-weihu.css 网站维护托管
   Hero 变体：H11 半边圆（左侧半圆色块 + 右侧文字）
   ============================================================ */

/* ---------- H11 Hero ---------- */
.wh-hero{position:relative;overflow:hidden;padding:70px 0 80px;background:var(--bg)}
.wh-h-vline{left:55%;opacity:.3}
.wh-h-in{display:grid;grid-template-columns:280px 1fr;gap:50px;align-items:center}
.wh-h-circle{
  width:240px;height:240px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--blue));
  box-shadow:var(--shadow);position:relative;
}
.wh-h-circle::after{
  content:"";position:absolute;inset:-14px;border-radius:50%;border:2px dashed var(--blue-deep);opacity:.5;
}
.wh-h-text h1{margin:14px 0 16px;font-size:clamp(30px,4vw,46px)}
.wh-h-text h1 em{font-style:normal;color:var(--blue-ink)}
.wh-h-text>p{color:var(--muted);max-width:560px}
.wh-h-cta{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}

/* ---------- 服务等级表 ---------- */
.wh-svc-wrap{overflow-x:auto;border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}
.wh-svc-table{width:100%;border-collapse:collapse;min-width:600px;background:#fff}
.wh-svc-table th,.wh-svc-table td{padding:15px 20px;text-align:left;font-size:15px;border-bottom:1px solid var(--line)}
.wh-svc-table th{background:var(--bg)}
.wh-svc-table th:nth-child(2){color:var(--muted)}
.wh-svc-table th:nth-child(3){color:var(--blue-ink)}

/* ---------- 响应步骤 ---------- */
.wh-response{background:var(--cream);overflow:hidden}
.wh-r-xline{top:30%;opacity:.3}
.wh-r-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wh-rstep{
  background:#fff;border:2px solid var(--line);border-radius:var(--r-lg);padding:26px;
  box-shadow:var(--shadow-sm);border-top:6px solid var(--green-deep);
}
.wh-rstep b{display:block;font-size:18px;color:var(--blue-ink);margin-bottom:8px}
.wh-rstep p{color:var(--muted);font-size:14.5px}

/* ---------- 安全图文 ---------- */
.wh-sec{background:#fff}
.wh-sec-in{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}

/* ---------- FAQ ---------- */
.wh-faq-wrap{max-width:840px}
.wh-faq-item{
  background:#fff;border:2px solid var(--line);border-radius:var(--r-md);
  padding:0 22px;margin-bottom:14px;
}
.wh-faq-item summary{cursor:pointer;list-style:none;padding:16px 0;font-weight:700;display:flex;justify-content:space-between;gap:12px;align-items:center}
.wh-faq-item summary::-webkit-details-marker{display:none}
.wh-faq-item summary::after{content:"+";font-size:22px;color:var(--blue-deep);flex:none}
.wh-faq-item[open] summary::after{transform:rotate(45deg)}
.wh-faq-item p{padding:0 0 16px;color:var(--muted);font-size:14.5px}

/* ---------- CTA ---------- */
.wh-cta-band{text-align:center;background:var(--blue-ink);color:#fff;border-radius:var(--r-lg);padding:56px 30px}
.wh-cta-band h2{color:#fff;margin-bottom:14px;font-size:clamp(26px,3.4vw,40px)}
.wh-cta-band p{color:#D7ECF6;max-width:600px;margin:0 auto}
.wh-cta-actions{display:flex;justify-content:center;gap:14px;margin:26px 0 14px;flex-wrap:wrap}
.wh-cta-meta{font-size:14px;color:#B6D6E6}

@media (max-width:960px){
  .wh-h-in,.wh-sec-in,.wh-r-row{grid-template-columns:1fr}
}