/* ============================================================
   contact.css - 站23 联系页专属样式（cn 前缀 · 三列联系卡片）
   ============================================================ */

.cn-top { text-align:center; padding:56px 0 26px; background:linear-gradient(160deg,#fff,var(--ib-50)); }
.cn-h1 { font-size:36px; font-weight:800; color:var(--sl-900); margin:10px 0 14px; }
.cn-lead { font-size:15px; color:var(--sl-600); max-width:580px; margin:0 auto; }

/* 三列联系卡片 */
.cn-cards { align-items:stretch; }
.cn-card {
  display:flex; flex-direction:column; align-items:center; text-align:center;
  background:#fff; border:var(--ibline); border-radius:var(--ibr-lg); padding:34px 28px;
  transition:transform .18s, box-shadow .18s;
}
.cn-card:hover { transform:translateY(-6px); box-shadow:var(--ibsh); }
.cn-card-ico {
  width:64px; height:64px; display:flex; align-items:center; justify-content:center;
  font-size:30px; background:linear-gradient(135deg,var(--ib-50),var(--ib-100));
  border:1px solid var(--ib-200); border-radius:var(--ibr); margin-bottom:18px;
}
.cn-card h3 { font-size:17px; margin-bottom:8px; }
.cn-card-id { font-size:20px; font-weight:800; color:var(--ib-700); letter-spacing:.5px; margin-bottom:10px; }
.cn-card-desc { font-size:13px; color:var(--sl-500); margin-bottom:22px; }
.cn-card .ibbtn { margin-top:auto; width:100%; }

/* 二维码面板 */
.cn-alt { background:linear-gradient(180deg,var(--sl-100),var(--ib-50)); }
.cn-panel { display:grid; grid-template-columns:.85fr 1.15fr; gap:30px; background:#fff; border:var(--ibline); border-radius:var(--ibr-lg); padding:38px; align-items:center; }
.cn-qr { text-align:center; }
.cn-qr h3 { font-size:17px; margin-bottom:16px; }
.cn-qr img { margin:0 auto 12px; border-radius:var(--ibr); border:1px solid var(--sl-200); }
.cn-qr p { font-size:13px; color:var(--sl-500); }
.cn-time h3 { font-size:17px; margin-bottom:18px; }
.cn-time-list { display:flex; flex-direction:column; gap:12px; }
.cn-time-list li { display:flex; justify-content:space-between; align-items:center; padding:14px 18px; background:var(--sl-50); border-radius:var(--ibr); border-left:4px solid var(--ib-500); }
.cn-time-list span { font-size:13.5px; color:var(--sl-600); }
.cn-time-list b { font-size:13.5px; color:var(--sl-800); }

/* 防骗警示 */
.cn-warn { background:#fffbeb; border:1px solid #fde68a; border-left:6px solid #f59e0b; border-radius:var(--ibr); padding:28px 30px; }
.cn-warn-title { font-size:17px; font-weight:800; color:#92400e; margin-bottom:14px; }
.cn-warn ul { display:flex; flex-direction:column; gap:10px; }
.cn-warn li { position:relative; padding-left:22px; font-size:13.5px; color:#78350f; }
.cn-warn li::before { content:"!"; position:absolute; left:0; top:1px; width:15px; height:15px; border-radius:50%; background:#f59e0b; color:#fff; font-size:11px; font-weight:800; text-align:center; line-height:15px; }

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

@media (max-width:900px) {
  .cn-panel { grid-template-columns:1fr; }
  .cn-cards { grid-template-columns:1fr; }
}
@media (max-width:560px) {
  .cn-h1 { font-size:28px; }
  .cn-panel { padding:24px; }
}