/* ============================================================
   seo.html — SEO优化服务页独有样式
   命名空间：body.page-seo
   签名布局：关键词排名表格 + 自定义SVG六维能力雷达
   ============================================================ */

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

/* ---------- 排名表格 ---------- */
body.page-seo .rank-wrap{overflow-x:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);
  border:1px solid var(--c-line);background:#fff}
body.page-seo .rank-table{width:100%;border-collapse:collapse;min-width:640px;font-size:14.5px}
body.page-seo .rank-table th{background:var(--grad-soft);color:var(--c-ink);font-weight:700;text-align:left;
  padding:16px 18px;font-size:14px;white-space:nowrap}
body.page-seo .rank-table td{padding:15px 18px;border-top:1px solid var(--c-line);color:var(--c-text)}
body.page-seo .rank-table tbody tr{transition:background .25s}
body.page-seo .rank-table tbody tr:hover{background:var(--c-bg-pink)}
body.page-seo .rk{display:inline-block;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:700}
body.page-seo .rk-up{background:var(--c-purple-100);color:var(--c-purple-400)}
body.page-seo .rk-mid{background:var(--c-pink-100);color:var(--c-pink-400)}
body.page-seo .rank-note{margin-top:16px;font-size:14px;color:var(--c-muted)}
body.page-seo .rank-note a{color:var(--c-purple-400);font-weight:600}

/* ---------- 雷达图区 ---------- */
body.page-seo .radar-sec{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}
body.page-seo .radar-txt h2{margin-bottom:16px}
body.page-seo .radar-txt>p{margin-bottom:18px}
body.page-seo .radar-list{list-style:none}
body.page-seo .radar-list li{padding:10px 0 10px 18px;border-left:2px solid var(--c-purple-200);
  margin-bottom:8px;font-size:14.5px}
body.page-seo .radar-list strong{color:var(--c-ink);margin-right:6px}
body.page-seo .radar-chart{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-lg);
  padding:20px;box-shadow:var(--shadow-card)}
body.page-seo .radar-chart svg{width:100%;height:auto}

/* ---------- 收录增长阶梯（h-scroll 月卡） ---------- */
body.page-seo .step-card{flex:0 0 250px;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);
  padding:24px 22px;box-shadow:var(--shadow-card);border-top:4px solid var(--grad-main)}
body.page-seo .step-month{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.08em;
  color:var(--c-purple-400);margin-bottom:8px}
body.page-seo .step-card strong{display:block;font-size:17px;color:var(--c-ink);margin-bottom:8px}
body.page-seo .step-card p{font-size:13.5px;color:var(--c-muted)}
body.page-seo .h-scroll-hint{margin-top:14px;margin-left:2px}

/* ---------- 服务项目 ---------- */
body.page-seo .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
body.page-seo .svc-item{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);padding:26px 24px;
  box-shadow:var(--shadow-card);transition:transform .3s var(--ease)}
body.page-seo .svc-item:hover{transform:translateY(-5px)}
body.page-seo .svc-item h3{font-size:17px;margin-bottom:10px}
body.page-seo .svc-item p{font-size:14px;color:var(--c-text)}
body.page-seo .svc-item a{color:var(--c-purple-400);font-weight:600}

/* ---------- FAQ ---------- */
body.page-seo .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}
body.page-seo .faq-item{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);padding:20px 24px}
body.page-seo .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-seo .faq-item summary::-webkit-details-marker{display:none}
body.page-seo .faq-item summary::after{content:"+";font-size:20px;color:var(--c-purple-400)}
body.page-seo .faq-item[open] summary::after{content:"−"}
body.page-seo .faq-item p{margin-top:12px;font-size:14px;color:var(--c-text)}
body.page-seo .faq-item a{color:var(--c-purple-400);font-weight:600}

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

/* ---------- 响应式 ---------- */
@media (max-width:1100px){
  body.page-seo .radar-sec{grid-template-columns:1fr;gap:36px}
  body.page-seo .svc-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  body.page-seo .faq-list{grid-template-columns:1fr}
  body.page-seo .svc-grid{grid-template-columns:1fr}
}
@media (max-width:360px){
  body.page-seo .step-card{flex:0 0 220px;padding:20px}
  body.page-seo .rank-table{font-size:13.5px}
}