/* ==========================================================================
   VPNDQ — contact.css
   客服页专属排版：区块间距、渠道卡、工单流程序号、准备清单、FAQ 内链接。
   设计值全部引用 base.css 的 :root 令牌，不新增颜色。
   ========================================================================== */

/* 区块头与正文块之间的呼吸间距（页内多处复用） */
.contact-gap{margin-top:26px}

/* 渠道卡：徽标 / 标题 / 说明 / 按钮纵向排布，按钮贴底对齐 */
.contact-card{display:flex;flex-direction:column;gap:10px;min-width:0}
.contact-card .badge{align-self:flex-start}
.contact-card .card__text{flex:1 1 auto}
.contact-card .btn{align-self:flex-start}

/* 工单处理流程：CSS 计数器序号圆标 */
.contact-steps{margin-top:16px;counter-reset:step;display:flex;flex-direction:column;gap:12px}
.contact-steps li{
  counter-increment:step;display:flex;gap:12px;min-width:0;
  font-size:14.5px;line-height:1.7;color:var(--muted);
}
.contact-steps li::before{
  content:counter(step);flex:none;width:24px;height:24px;margin-top:2px;
  display:grid;place-items:center;border-radius:50%;
  background:var(--accent);color:var(--white);
  font-family:var(--font-mono);font-size:11.5px;font-weight:700;
}
.contact-steps b{color:var(--ink);font-weight:700}

/* 提交前准备清单 */
.contact-list{margin-top:16px;display:flex;flex-direction:column;gap:10px}
.contact-list li{display:flex;gap:9px;min-width:0;font-size:14.5px;line-height:1.7;color:var(--muted)}
.contact-list svg{width:15px;height:15px;flex:none;margin-top:5px;color:var(--ok)}

/* 收尾提示块里的按钮行 */
.contact-actions{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px}
.contact-actions .btn{flex-shrink:0}

/* FAQ 正文里的站内链接 */
.faq__body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

@media (max-width:640px){
  .contact-actions{flex-direction:column}
  .contact-actions .btn{width:100%}
}