/* 海洋青蓝 - 响应式 */
@media (max-width: 768px) {
    .nav-menu { display: none; position: fixed; top: 0; right: 0; width: 70%; height: 100vh; background: var(--dark); flex-direction: column; padding: 80px 20px 20px; gap: 0; z-index: 9999; transform: translateX(100%); transition: 0.3s; }
    .nav-menu.active { display: flex; transform: translateX(0); }
    .nav-menu a { display: block; padding: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); border-radius: 0; font-size: 16px; }
    .hamburger { display: block; z-index: 10000; }
    .hamburger.active::before { content: '✕'; }
    .hamburger.active { font-size: 24px; }
    .carousel { height: 250px; }
    .carousel-slide .slide-text { left: 15px; bottom: 15px; padding: 10px 15px; }
    .carousel-slide h2 { font-size: 18px; }
    .section { padding: 40px 0; }
    .section-title { font-size: 24px; }
    .masonry { column-count: 2; }
    .about-grid { grid-template-columns: 1fr; }
    .contact-grid { grid-template-columns: 1fr; }
    .links-grid { grid-template-columns: repeat(2, 1fr); }
    .article-layout { grid-template-columns: 1fr; }
    .stats { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
    .masonry { column-count: 1; }
    .links-grid { grid-template-columns: 1fr; }
    .stats { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; }
    .carousel { height: 200px; }
    .section-title { font-size: 20px; }
    .article-content { padding: 20px; }
    .article-content h1 { font-size: 22px; }
    .nav-menu { width: 100%; }
}