/* ============================================================
   联系我们页面样式 - page-contact.css
   包含：左侧信息块、右侧地图模块 + 响应式
============================================================ */

.contact-section { padding: 96px 0; background: var(--white); }
.contact-layout { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 56px; align-items: stretch; }

/* ---------- 左侧信息块 ---------- */
.contact-info {
    background: #fff; border-radius: 16px; padding: 44px 40px;
    box-shadow: var(--shadow-sm); border: 1px solid var(--line);
}
.contact-head { margin-bottom: 28px; }
.contact-head h2 { font-size: 26px; font-weight: 800; color: #0d673b; line-height: 1.4; margin-bottom: 14px; }
.contact-tag {
    display: inline-block; background: #f0f2f1; color: #666;
    font-size: 13px; font-weight: 600; padding: 5px 16px; border-radius: 999px;
    border: 1px solid #e0e4e2;
}
.contact-list { display: flex; flex-direction: column; gap: 24px; margin-bottom: 32px; }
.contact-list li { display: flex; gap: 16px; align-items: center; }
.c-icon {
    width: 24px; height: 24px; flex: none;
    color: #444; display: flex; align-items: center; justify-content: center;
}
.c-icon svg { width: 24px; height: 24px; }
.c-text label { font-size: 13px; color: var(--muted-2); margin-bottom: 4px; display: block; }
.c-text p { font-size: 17px; font-weight: 600; color: var(--ink); line-height: 1.6; }

/* ---------- 二维码 ---------- */
.contact-qr { display: flex; gap: 32px; padding-top: 28px; border-top: 1px solid var(--line); }
.qr-item { text-align: center; }
.qr-img { width: 100px; height: 100px; border-radius: 10px; overflow: hidden; box-shadow: var(--shadow-sm); border: 1px solid var(--line); margin-bottom: 10px; }
.qr-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.qr-item span { font-size: 13px; color: var(--muted); }

/* ---------- 右侧地图 ---------- */
.contact-map { min-height: 480px; }
.map-wrap {
    width: 100%; height: 100%; border-radius: 16px; overflow: hidden;
    box-shadow: var(--shadow-sm); border: 1px solid var(--line);
    position: relative;
}
.map-wrap iframe { width: 100%; height: 100%; min-height: 480px; display: block; }

/* ---------- 响应式 ---------- */
@media (max-width: 960px) {
    .contact-layout { grid-template-columns: 1fr; gap: 40px; }
    .contact-map { min-height: 400px; }
    .map-wrap iframe { min-height: 400px; }
}
@media (max-width: 768px) {
    .contact-section { padding: 72px 0; }
}
@media (max-width: 560px) {
    .contact-section { padding: 56px 0; }
    .contact-info { padding: 32px 24px; }
    .contact-head h2 { font-size: 22px; }
    .contact-list { gap: 20px; }
    .c-text p { font-size: 15px; }
    .contact-qr { gap: 20px; }
    .qr-img { width: 80px; height: 80px; }
    .contact-map { min-height: 320px; }
    .map-wrap iframe { min-height: 320px; }
}