/* ============================================================
   zhanqun.html — 站群多站点页独有样式
   命名空间：body.page-zhanqun
   签名布局：SVG 节点网络图 + 站点矩阵分工表
   ============================================================ */

body.page-zhanqun .hero-note{margin-top:18px;font-size:13.5px;color:var(--c-muted)}
body.page-zhanqun .hero-note a{color:var(--c-purple-400);font-weight:600}

/* ---------- 节点网络图 ---------- */
body.page-zhanqun .net-wrap{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-lg);
  padding:20px;box-shadow:var(--shadow-card);max-width:900px;margin:0 auto}
body.page-zhanqun .net-wrap svg{width:100%;height:auto}

/* ---------- 矩阵规划表 ---------- */
body.page-zhanqun .rank-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--c-line);
  background:#fff;box-shadow:var(--shadow-card)}
body.page-zhanqun .zq-table{width:100%;border-collapse:collapse;min-width:640px;font-size:14.5px}
body.page-zhanqun .zq-table th{background:var(--grad-soft);padding:15px 18px;font-size:14px;color:var(--c-ink);text-align:left}
body.page-zhanqun .zq-table td{padding:14px 18px;border-top:1px solid var(--c-line);color:var(--c-text)}
body.page-zhanqun .zq-table tbody tr:hover{background:var(--c-bg-pink)}
body.page-zhanqun .rank-note{margin-top:16px;font-size:14px;color:var(--c-muted)}
body.page-zhanqun .rank-note a{color:var(--c-purple-400);font-weight:600}

/* ---------- 运营要点横滑 ---------- */
body.page-zhanqun .op-card{flex:0 0 260px;background:#fff;border:1px solid var(--c-line);
  border-radius:var(--radius-md);padding:26px 24px;box-shadow:var(--shadow-card);
  border-left:4px solid var(--grad-main)}
body.page-zhanqun .op-card h3{font-size:16px;margin-bottom:10px}
body.page-zhanqun .op-card p{font-size:14px;color:var(--c-text)}
body.page-zhanqun .h-scroll-hint{margin-top:14px;margin-left:2px}

/* ---------- 适用场景 ---------- */
body.page-zhanqun .scene-sec{display:grid;grid-template-columns:1fr 1.4fr;gap:44px;align-items:start}
body.page-zhanqun .scene-txt h2{margin:12px 0 14px}
body.page-zhanqun .scene-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}
body.page-zhanqun .scene-item{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);padding:22px;
  box-shadow:var(--shadow-card)}
body.page-zhanqun .scene-item h3{font-size:16px;margin-bottom:8px}
body.page-zhanqun .scene-item p{font-size:13.5px;color:var(--c-text)}

/* ---------- FAQ ---------- */
body.page-zhanqun .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}
body.page-zhanqun .faq-item{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);padding:20px 24px}
body.page-zhanqun .faq-item summary{cursor:pointer;font-weight:700;color:var(--c-ink);font-size:15.5px;list-style:none;
  display:flex;justify-content:space-between;align-items:center}
body.page-zhanqun .faq-item summary::-webkit-details-marker{display:none}
body.page-zhanqun .faq-item summary::after{content:"+";font-size:20px;color:var(--c-purple-400)}
body.page-zhanqun .faq-item[open] summary::after{content:"−"}
body.page-zhanqun .faq-item p{margin-top:12px;font-size:14px;color:var(--c-text)}
body.page-zhanqun .faq-item a{color:var(--c-purple-400);font-weight:600}

/* ---------- CTA ---------- */
body.page-zhanqun .cta-band{background:var(--grad-soft);border-top:1px solid var(--c-line);padding:70px 0}
body.page-zhanqun .cta-in{text-align:center;max-width:760px;margin:0 auto}
body.page-zhanqun .cta-in img{border-radius:var(--radius-lg);margin:0 auto 26px;box-shadow:var(--shadow-soft)}
body.page-zhanqun .cta-in h2{margin-bottom:14px}
body.page-zhanqun .cta-in>p{margin-bottom:24px;color:var(--c-text)}

/* ---------- 响应式 ---------- */
@media (max-width:1100px){
  body.page-zhanqun .scene-sec{grid-template-columns:1fr;gap:28px}
}
@media (max-width:768px){
  body.page-zhanqun .faq-list{grid-template-columns:1fr}
  body.page-zhanqun .scene-list{grid-template-columns:1fr}
}
@media (max-width:360px){
  body.page-zhanqun .op-card{flex:0 0 220px;padding:20px}
  body.page-zhanqun .net-wrap{padding:10px}
}