/* ============================================================
   新道优信建站 — SEO知识页样式 page-seo-zhishi.css
   签名布局：编号榜单列表（大数字编号排行）
   ============================================================ */
body.page-seo-zhishi{background:#fff}

.hero-tel{color:var(--c-pink-400);font-weight:700;text-decoration:underline}

/* ---------- ② 编号榜单 ---------- */
.rank-list{display:flex;flex-direction:column;gap:18px;max-width:960px;margin:0 auto}
.rank-item{display:flex;gap:26px;align-items:flex-start;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);padding:24px 28px;transition:transform .35s var(--ease),box-shadow .35s,border-color .3s}
.rank-item:hover{transform:translateX(8px);border-color:var(--c-purple-300);box-shadow:var(--shadow-card)}
.rank-no{flex:none;font-size:44px;font-weight:800;line-height:1;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Georgia,serif}
.rank-body h3{font-size:18.5px;margin-bottom:8px}
.rank-item:hover .rank-body h3{color:var(--c-purple-400)}
.rank-body p{font-size:14px}
.rank-meta{display:inline-block;margin-top:12px;font-size:12px;color:var(--c-muted)}

/* ---------- ③ 专题横卷 ---------- */
.topic-card{width:290px;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}
.topic-card img{width:100%;height:170px;object-fit:cover}
.topic-card h3{font-size:17px;margin:18px 20px 8px}
.topic-card p{font-size:13px;color:var(--c-muted);padding:0 20px 20px}

/* ---------- ④ 常见误区 ---------- */
.myth-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.myth-card{background:var(--grad-soft);border:1px solid var(--c-line);border-radius:var(--radius-lg);padding:30px 28px;transition:transform .35s var(--ease),box-shadow .35s}
.myth-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card)}
.myth-card b{display:inline-block;padding:5px 14px;border-radius:8px;background:#fff;color:var(--c-pink-400);font-size:12.5px;font-weight:800}
.myth-card h3{font-size:18px;margin:16px 0 10px}
.myth-card p{font-size:14px}

/* ---------- ⑤ 热门标签 ---------- */
.tag-sec{padding:70px 0}
.tag-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:860px;margin:0 auto}
.tag-cloud .tag{padding:9px 20px;font-size:13.5px;color:var(--c-ink);background:#fff;border:1px solid var(--c-line);transition:all .3s}
.tag-cloud .tag:hover{background:var(--grad-main);color:#fff;border-color:transparent;transform:translateY(-3px)}

/* ---------- ⑥ CTA ---------- */
.cta-band{background:var(--grad-dark);color:#fff;padding:64px 0}
.cta-band-in{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.cta-band h2{color:#fff;font-size:clamp(20px,2.6vw,28px);margin-bottom:8px}
.cta-band p{color:#D8CBE0}

/* ---------- 响应式 ---------- */
@media (max-width:1200px){
  .myth-row{grid-template-columns:1fr}
}
@media (max-width:768px){
  .rank-item{gap:16px;padding:18px 20px}
  .rank-no{font-size:32px}
  .topic-card{width:250px}
}
@media (max-width:360px){
  .rank-item{flex-direction:column;gap:8px;padding:16px}
  .rank-no{font-size:28px}
  .topic-card{width:220px}
}