/* 页脚响应式样式 */


/* 小屏幕设备响应式 */
@media (min-width: 576px) {
    .footer-links-column {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* 平板设备响应式 */
@media (min-width: 768px) {
    .footer-logo {
        flex: 0 0 30%;
        max-width: 30%;
        text-align: left;
        margin-bottom: 0;
    }

    .footer-links {
        flex: 0 0 70%;
        max-width: 70%;
        margin-top: 0;
    }

    .newsletter {
        flex: 0 0 60%;
        max-width: 60%;
        padding-right: var(--spacing-xl);
    }

    .social-links {
        flex: 0 0 40%;
        max-width: 40%;
        padding-left: var(--spacing-xl);
    }

    .footer-bottom p {
        flex: 0 0 50%;
        max-width: 50%;
        text-align: left;
        margin-bottom: 0;
    }

    .footer-bottom-links {
        flex: 0 0 50%;
        max-width: 50%;
        justify-content: flex-end;
        margin-top: 0;
    }

    .footer-bottom-links a:first-child {
        margin-left: 0;
    }

    .footer-bottom-links a {
        padding: 0.3rem 0.5rem;
        font-size: 0.85rem;
    }

    .developer-info {
        flex: 0 0 50%;
        max-width: 50%;
        margin-top: 1rem;
        font-size: 0.85rem;
        text-align: left;
    }
}


/* 大屏幕设备响应式 */
@media (min-width: 992px) {
    .footer-links-column {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (max-width: 480px) {
    .footer-links-column {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .developer-info {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 0.8rem;
        font-size: 0.8rem;
        text-align: center;
    }
}