/* ============================================================
   新道优信建站 — 建站知识页样式 page-jianzhan-zhishi.css
   签名布局：知识卡片网格（图标标签 + 标题 + 摘要）
   ============================================================ */
body.page-jianzhan-zhishi{background:#fff}

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

/* ---------- ② 知识卡片网格 ---------- */
.know-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.know-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-lg);padding:28px 26px;transition:transform .35s var(--ease),box-shadow .35s}
.know-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft)}
.know-ico{align-self:flex-start;padding:7px 16px;border-radius:10px;font-size:12.5px;font-weight:700;color:#fff;background:var(--grad-main);letter-spacing:.08em}
.know-card h3{font-size:17.5px;line-height:1.5;margin:18px 0 10px}
.know-card:hover h3{color:var(--c-purple-400)}
.know-card p{font-size:13.5px;flex:1}
.know-meta{margin-top:16px;font-size:12px;color:var(--c-muted)}

/* ---------- ③ 流程横卷 ---------- */
.flow-card{width:270px;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-lg);padding:26px 24px}
.flow-card b{font-size:28px;font-weight:800;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.flow-card h3{font-size:17px;margin:8px 0 8px}
.flow-card p{font-size:13px}

/* ---------- ④ 知识分类导航 ---------- */
.topic-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px}
.topic-card{border:1px solid var(--c-line);border-radius:var(--radius-lg);overflow:hidden;background:#fff;transition:transform .35s var(--ease),box-shadow .35s}
.topic-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card)}
.topic-card img{width:100%;height:180px;object-fit:cover}
.topic-body{padding:22px 24px}
.topic-body h3{font-size:17px;margin-bottom:8px}
.topic-body p{font-size:13px;color:var(--c-muted)}
.topic-mini{display:flex;flex-direction:column;justify-content:center;background:var(--grad-soft);height:100%}
.topic-mini .btn{align-self:flex-start;margin-top:14px}

/* ---------- ⑤ 新手 FAQ ---------- */
.faq-half .faq-list{display:flex;flex-direction:column;gap:16px}
.faq-item{background:#fff;border:1px solid var(--c-line);border-left:4px solid var(--c-purple-300);border-radius:var(--radius-md);padding:20px 24px}
.faq-item b{color:var(--c-ink);font-size:15px}
.faq-item p{margin-top:8px;font-size:14px}
.faq-item a{color:var(--c-purple-400);font-weight:600}
.faq-item a:hover{text-decoration:underline}

/* ---------- ⑥ 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){
  .know-grid{grid-template-columns:1fr 1fr}
  .topic-row{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .know-grid{grid-template-columns:1fr}
  .topic-row{grid-template-columns:1fr}
  .topic-card img{height:200px}
}
@media (max-width:360px){
  .know-card{padding:20px}
  .flow-card{width:230px}
  .faq-item{padding:16px}
}