/* 联系页面 */
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }

/* 联系信息卡片 */
.contact-info-card { background: #fff; border-radius: var(--radius-lg); padding: 36px; box-shadow: var(--shadow); }
.contact-info-card h2 { font-size: 1.5rem; font-weight: 700; margin-bottom: 8px; }
.contact-info-card > p { color: var(--text-light); margin-bottom: 32px; font-size: .95rem; }

.contact-item { display: flex; align-items: flex-start; gap: 18px; padding: 18px 0; border-bottom: 1px solid var(--bg-light); }
.contact-item:last-child { border-bottom: none; }
.contact-icon { width: 48px; height: 48px; background: var(--primary-light); border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--primary); }
.contact-item-info h4 { font-size: .95rem; font-weight: 600; margin-bottom: 4px; }
.contact-item-info p, .contact-item-info a { font-size: .95rem; color: var(--text-light); transition: color var(--transition); }
.contact-item-info a:hover { color: var(--primary); }

/* 地图占位 / 右侧 */
.map-card { background: #fff; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow); }
.map-placeholder { aspect-ratio: 4/3; background: linear-gradient(135deg, #e8f0fe 0%, #d0e4ff 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--primary); gap: 12px; }
.map-placeholder svg { opacity: .6; }
.map-placeholder p { font-size: .9rem; color: var(--text-muted); }
.map-info { padding: 24px; border-top: 1px solid var(--border); }
.map-info h4 { font-weight: 600; margin-bottom: 8px; }
.map-info p { font-size: .9rem; color: var(--text-light); }

/* 二维码区域 */
.qr-section { margin-top: 24px; padding: 24px; background: var(--primary-light); border-radius: var(--radius-lg); }
.qr-section h4 { font-size: .95rem; font-weight: 600; margin-bottom: 16px; color: var(--primary); text-align: center; }
.qr-row { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }
.qr-item { text-align: center; }
.qr-item img { width: 120px; height: 120px; display: block; border-radius: 8px; background: #fff; padding: 6px; margin: 0 auto 8px; }
.qr-item .qr-label { font-size: .88rem; font-weight: 600; color: var(--text); margin-bottom: 2px; }
.qr-item .qr-desc { font-size: .78rem; color: var(--text-muted); }

@media (max-width: 768px) {
  .contact-grid { grid-template-columns: 1fr; }
}