/* Footer 修复样式 */
.site-footer {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    clear: both !important;
    margin-top: 2rem !important;
    background-color: #0d1117 !important;
    color: #f5f5f5 !important;
}

.footer-content, 
.footer-grid, 
.footer-branding, 
.footer-nav, 
.footer-contact, 
.footer-bottom, 
.footer-bottom-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.footer-content {
    padding: 5rem 0 3rem !important;
}

.footer-grid {
    display: grid !important;
    grid-template-columns: 1.5fr 1fr 1fr 1fr !important;
    gap: 3rem !important;
}

.footer-social {
    display: flex !important;
    gap: 1rem !important;
    margin-top: 1.5rem !important;
}

.social-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    border-radius: 50% !important;
    color: #fff !important;
}

.footer-menu {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-menu li {
    margin-bottom: 0.85rem !important;
}

.footer-bottom {
    background-color: #161b22 !important;
    padding: 1.5rem 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.footer-bottom-content {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.footer-bottom-menu {
    display: flex !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 1.5rem !important;
}

.animate-fade {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    visibility: visible !important;
}

@media (max-width: 992px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 2.5rem !important;
    }
    
    .footer-branding {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 768px) {
    .footer-grid {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }
    
    .footer-bottom-content {
        flex-direction: column !important;
        gap: 1rem !important;
    }
}