/* ============================================================
   safety.css - 站24 安全中心专属样式（vk 前缀 · 左右分栏）
   ============================================================ */

/* 顶部 */
.vk-top { text-align:center; padding:58px 0 42px; background:linear-gradient(170deg,var(--vx-50),#fff); }
.vk-h1 { font-size:35px; font-weight:800; color:var(--vn-900); margin:14px 0 15px; }
.vk-lead { font-size:15px; color:var(--vn-600); max-width:680px; margin:0 auto; }

/* 左右分栏 */
.vk-layout { display:grid; grid-template-columns:1fr 1fr; gap:26px; align-items:start; }
.vk-side-title { font-size:19px; margin-bottom:18px; }

/* 左侧保障纵向列表 */
.vk-shields { background:#fff; border:1px solid var(--vn-200); border-radius:var(--vxr-lg); padding:30px 28px; }
.vk-shield { display:flex; gap:15px; padding:14px 0; border-bottom:1px solid var(--vn-100); }
.vk-shield:last-child { border-bottom:none; }
.vk-shield-ico {
  width:46px; height:46px; flex-shrink:0; display:flex; align-items:center; justify-content:center;
  font-size:22px; background:var(--vx-50); border:1px solid var(--vx-200); border-radius:var(--vxr);
}
.vk-shield h3 { font-size:15.5px; margin-bottom:5px; }
.vk-shield p { font-size:13px; color:var(--vn-500); }

/* 右侧流程卡 */
.vk-flow-card { background:#fff; border:1px solid var(--vn-200); border-radius:var(--vxr-lg); padding:30px 28px; }
.vk-flow-step { display:flex; gap:14px; padding:12px 0; border-bottom:1px solid var(--vn-100); }
.vk-flow-step:last-child { border-bottom:none; }
.vk-flow-num {
  flex-shrink:0; width:38px; height:38px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--vx-500),var(--vx-700)); color:#fff;
  font-size:16px; font-weight:800; border-radius:var(--vxr-pill);
}
.vk-flow-step h3 { font-size:15px; margin-bottom:4px; }
.vk-flow-step p { font-size:13px; color:var(--vn-500); }

/* 交替背景 */
.vk-alt { background:linear-gradient(180deg,var(--vn-100),var(--vx-50)); }

/* 骗术卡片 */
.vk-tip { background:#fff; border:1px solid var(--vn-200); border-radius:var(--vxr); padding:26px 22px; }
.vk-tip h3 { font-size:15.5px; margin-bottom:8px; color:var(--vx-800); }
.vk-tip p { font-size:13px; color:var(--vn-500); }

/* FAQ */
.vk-faq { max-width:820px; margin:0 auto; }
.vk-btn-on-dark { color:#fff; border-color:rgba(255,255,255,.6); }
.vk-btn-on-dark:hover { color:#fff; border-color:#fff; background:rgba(255,255,255,.1); }

/* 响应式 */
@media (max-width:900px) {
  .vk-h1 { font-size:29px; }
  .vk-layout { grid-template-columns:1fr; }
}
@media (max-width:560px) {
  .vk-h1 { font-size:25px; }
  .vk-shield, .vk-flow-step { flex-wrap:wrap; }
}