/* ============================================================
   contact.css - 站24 联系我们专属样式（vc 前缀 · 左右分栏）
   ============================================================ */

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

/* 左右分栏 */
.vc-layout { display:grid; grid-template-columns:1.15fr .85fr; gap:30px; align-items:start; }

/* 左侧渠道纵向列表 */
.vc-channels { display:flex; flex-direction:column; gap:14px; }
.vc-channel {
  display:flex; gap:16px; background:#fff; border:1px solid var(--vn-200);
  border-radius:var(--vxr); padding:22px 24px; transition:box-shadow .18s, border-color .18s;
}
.vc-channel:hover { box-shadow:var(--vxsh); border-color:var(--vx-300); }
.vc-channel-ico {
  width:50px; height:50px; flex-shrink:0; display:flex; align-items:center; justify-content:center;
  font-size:24px; background:var(--vx-50); border:1px solid var(--vx-200); border-radius:var(--vxr);
}
.vc-channel-body { min-width:0; }
.vc-channel-body h3 { font-size:16px; margin-bottom:4px; }
.vc-channel-id { font-size:15px; font-weight:800; color:var(--vx-700); }
.vc-channel-desc { font-size:13px; color:var(--vn-500); margin-top:4px; }
.vc-online { width:100%; margin-top:4px; }

/* 右侧 */
.vc-side { display:flex; flex-direction:column; gap:18px; }
.vc-qr, .vc-time { background:#fff; border:1px solid var(--vn-200); border-radius:var(--vxr-lg); padding:28px 26px; text-align:center; }
.vc-qr h3, .vc-time h3 { font-size:16px; margin-bottom:16px; }
.vc-qr img { margin:0 auto 12px; border-radius:var(--vxr); border:1px solid var(--vn-200); }
.vc-qr p { font-size:12.5px; color:var(--vn-500); }
.vc-time { text-align:left; }
.vc-time-list li { display:flex; align-items:center; justify-content:space-between; padding:11px 0; border-bottom:1px solid var(--vn-100); font-size:13px; }
.vc-time-list li:last-child { border-bottom:none; }
.vc-time-list span { color:var(--vn-500); }
.vc-time-list b { color:var(--vn-800); font-weight:700; }

/* 防骗 */
.vc-alt { background:linear-gradient(180deg,var(--vn-100),var(--vx-50)); }
.vc-warn { background:#fff; border:1px solid var(--vx-200); border-left:4px solid var(--vx-500); border-radius:var(--vxr-lg); padding:30px 32px; }
.vc-warn-title { font-size:16px; font-weight:800; color:var(--vx-800); margin-bottom:16px; }
.vc-warn-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px 26px; }
.vc-warn-grid p { font-size:13.5px; color:var(--vn-600); position:relative; padding-left:18px; }
.vc-warn-grid p::before { content:"!"; position:absolute; left:0; top:1px; width:13px; height:13px; background:var(--vx-100); color:var(--vx-700); border-radius:50%; font-size:10px; font-weight:800; display:flex; align-items:center; justify-content:center; }

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

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