/* ============================================================
   PAGE CONTACT — 联系我们
   拓跋云 V4
   ============================================================ */

/* contact-hero styles now in components.css (unified banner system) */

.contact-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
}
.contact-form-card {
  background: var(--bg-white);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-xl);
  padding: 40px;
  box-shadow: var(--shadow-card);
}
.contact-form-card h3 { font-size: 22px; margin-bottom: 24px; }
.contact-info-card {
  background: linear-gradient(135deg, var(--red-700), var(--red-500));
  color: #fff;
  border-radius: var(--radius-xl);
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contact-info-card h3 { font-size: 22px; color: #fff; margin-bottom: 8px; }
.contact-info-card .ci-item { display: flex; align-items: flex-start; gap: 12px; }
.contact-info-card .ci-item .ci-icon { font-size: 20px; width: 40px; height: 40px; background: rgba(255,255,255,0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff; }
.contact-info-card .ci-item .ci-icon svg { width: 20px; height: 20px; flex-shrink: 0; }
.contact-info-card .ci-item .ci-text { font-size: 14px; line-height: 1.7; opacity: 0.95; }
.contact-info-card .ci-qr { margin-top: 12px; text-align: center; }
.contact-info-card .ci-qr img { width: 140px; height: 140px; border-radius: var(--radius-md); border: 3px solid rgba(255,255,255,0.2); margin: 0 auto 8px; }
.contact-info-card .ci-qr .qr-label { font-size: 12px; opacity: 0.8; }

/* contact-layout responsive rules moved to responsive-mobile.css */