/* ==========================================================================
   14. 响应式媒体查询 (Media Queries)
   ========================================================================== */

/* 桌面端以下 (1024px) */
@media (max-width: 1024px) {
    .hero-container {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 64px;
        padding-top: 40px;
    }
    
    .hero-title {
        font-size: 2.8rem;
    }
    
    .hero-subtitle {
        margin: 0 auto 32px;
    }
    
    .hero-actions {
        justify-content: center;
    }
    
    .floating-card.c1 {
        left: -15%;
    }
    
    .floating-card.c2 {
        right: -15%;
    }
    
    .about-grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }
    
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .clubs-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .case-detail-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .culture-container {
        grid-template-columns: 1fr;
        gap: 56px;
    }
    
    .culture-right {
        order: -1;
    }

}

/* 平板端 (768px) */
@media (max-width: 768px) {
    .section-title {
        font-size: 2rem;
    }
    
    .site-header {
        padding: 12px 0;
    }
    
    .hamburger-menu {
        display: block;
        z-index: 1001;
    }
    
    /* 移动端汉堡导航菜单展开状态 */
    .nav-menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 75%;
        height: 100vh;
        background: #08091e;
        border-left: 1px solid rgba(255, 255, 255, 0.05);
        padding: 100px 48px;
        transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
        z-index: 1000;
        box-shadow: -10px 0 30px rgba(0,0,0,0.5);
    }
    
    .nav-menu.active {
        right: 0;
    }
    
    .nav-menu ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 28px;
    }
    
    .nav-link {
        font-size: 1.15rem;
    }
    
    .hamburger-menu.active .bar:nth-child(2) {
        opacity: 0;
    }
    
    .hamburger-menu.active .bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }
    
    .hamburger-menu.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }
    
    .services-grid {
        grid-template-columns: 1fr;
    }
    
    .clubs-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .cases-display-box {
        padding: 24px;
    }
    
    .case-meta-group {
        grid-template-columns: 1fr;
    }

    
    .footer-container {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

/* 手机端 (480px) */
@media (max-width: 480px) {
    .hero-title {
        font-size: 2.2rem;
    }
    
    .hero-actions {
        flex-direction: column;
        width: 100%;
    }
    
    .hero-actions .btn {
        width: 100%;
    }
    
    .floating-card {
        display: none; /* 极窄屏幕隐藏浮动元素保证主要视觉 */
    }
    
    .about-stats {
        grid-template-columns: 1fr;
    }
    
    .clubs-grid {
        grid-template-columns: 1fr;
    }
    
    .clubs-regions-tabs {
        gap: 8px;
    }
    
    .region-tab {
        padding: 8px 14px;
        font-size: 0.8rem;
    }
    
    .cases-toggle-container {
        flex-direction: column;
    }
    
    .case-toggle-btn {
        width: 100%;
        padding: 12px;
        font-size: 0.9rem;
    }
}