/* =========================================================
   components/footer.css —— 页脚样式
   ========================================================= */
/* ===== 页脚样式 ===== */
/* 平板及以下（<=1024）：页脚仅保留"联系我们"（第 4 列），其余列隐藏并居中 */
@media (max-width: 1024px) {
    footer div[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }
    footer div[style*="grid-template-columns"] > div {
        display: none;
    }
    footer div[style*="grid-template-columns"] > div:nth-child(4) {
        display: block;
        text-align: center;
    }
}
/* 手机：进一步压缩间距与字号 */
@media (max-width: 640px) {
    footer {
        padding-top: 44px !important;
    }
    footer h4 {
        font-size: 17px !important;
        margin-bottom: 14px !important;
    }
}
footer a:hover {
    color: #3A70EE !important;
}