/* [2026-10-20] contact 页布局修复 —— 只在 contact.html 生效
   问题：.contact .box 在 main.css 里是 position:absolute（不占父容器高度），
        模板又硬编码了 850px 容器 + 700px 下边距；但卡片实际高 1703px
        （FAQ 通栏 852px + 询盘表单 687px），溢出 354px，
        导致页脚全站 CTA(.ctaB) 顶上来，与页面表单重叠 270px。
   改法：① 卡片改为参与文档流（static + 负 margin 205px，保持"压在地图下沿"的原视觉），
            父容器高度随内容自适应 —— 以后 FAQ 再变长也不会再重叠；
        ② 本页隐藏 .ctaB：它自带第二个询盘表单，与卡片里的表单重复。
   作用域：.contact 只有 contact.html 有；.ctaB 用 :has() 限定，只在本页隐藏。
   兼容：不支持 :has() 的老浏览器 → CTA 仍显示，但布局已修好、不会重叠（优雅降级）。 */

.contact { margin-bottom: 70px; }

.contact > .wow.fadeInDown {
    position: relative;
    height: auto;
    display: flow-root;   /* 建立 BFC，防止卡片负 margin 外溢 */
}

.contact .box {
    position: static;
    width: 1200px;
    max-width: 100%;      /* 窄屏（≤1280）不撑出横向滚动条；1440 下仍是 1200 */
    margin: -205px auto 0;
    left: auto;
    top: auto;
    transform: none;
}

body:has(> .contact) footer.ft-wrap > .ctaB { display: none; }
