/* ===== 响应式设计 ===== */
@media (max-width: 768px) {
    .language-switcher {
        top: 10px;
        right: 10px;
        padding: 0.3rem;
    }
    
    .lang-link {
        padding: 0.3rem 0.8rem;
        font-size: 0.8rem;
    }
    
    .nav-menu { 
        display: none; 
    }
    
    .hero h1 { 
        font-size: 2.5rem; 
    }
    
    .about-content, 
    .contact-content { 
        grid-template-columns: 1fr; 
        gap: 2rem; 
    }
    
    .services-grid, 
    .portfolio-grid { 
        grid-template-columns: 1fr; 
    }
    
    .section-title { 
        font-size: 2rem; 
    }
    
    .container { 
        padding: 0 1rem; 
    }
    
    .section { 
        padding: 3rem 0; 
    }
    
    .logo-animation h2 { 
        font-size: 2rem; 
    }
    
    .loading-bar { 
        width: 150px; 
    }
    
    .footer-links { 
        gap: 1rem; 
    }
    
    .footer-link { 
        font-size: 0.8rem; 
    }
}

@media (max-width: 480px) {
    .language-switcher {
        top: 5px;
        right: 5px;
        padding: 0.2rem;
    }
    
    .lang-link {
        padding: 0.2rem 0.6rem;
        font-size: 0.7rem;
    }
    
    .hero h1 { 
        font-size: 2rem; 
    }
    
    .hero-subtitle { 
        font-size: 1.2rem; 
    }
    
    .hero-description { 
        font-size: 1rem; 
    }
    
    .section-title { 
        font-size: 1.8rem; 
    }
    
    .service-card { 
        padding: 2rem; 
    }
    
    .portfolio-content { 
        padding: 1rem; 
    }
    
    .contact-form { 
        padding: 1.5rem; 
    }
}