/* =============== 响应式模块 =============== */
@media (max-width: 1200px) {
    .nav-items {
        gap: 8px;
    }
    
    .nav-item {
        padding: 8px 12px;
        font-size: 0.95rem;
    }
    
    .welcome-container h1 {
        font-size: 3rem;
    }
}

@media (max-width: 992px) {
    .nav-container {
        flex-wrap: wrap;
        height: auto;
        padding: 15px;
    }
    
    .nav-items {
        order: 3;
        width: 100%;
        margin-top: 15px;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .nav-right {
        margin-left: auto;
    }
    
    .welcome-container {
        padding: 30px 20px;
        margin: 30px 20px;
    }
    
    .stats {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .nav-item span {
        display: none;
    }
    
    .nav-item i {
        font-size: 1.2rem;
    }
    
    .dropdown-content {
        left: 50%;
        transform: translateX(-50%) translateY(10px);
    }
    
    .dropdown:hover .dropdown-content {
        transform: translateX(-50%) translateY(0);
    }
    
    .welcome-container h1 {
        font-size: 2.5rem;
    }
    
    .welcome-container p {
        font-size: 1.2rem;
    }
    
    .stat-item {
        padding: 20px 25px;
        min-width: 150px;
    }
    
    .stat-item span {
        font-size: 1.8rem;
    }
}

@media (max-width: 576px) {
    .logo {
        display: none;
    }
    
    .nav-right {
        display: none;
    }
    
    .nav-items {
        justify-content: space-around;
    }
    
    .welcome-container h1 {
        font-size: 2.2rem;
    }
    
    .stats {
        gap: 15px;
    }
    
    .stat-item {
        padding: 15px;
        min-width: 120px;
    }
    
    .stat-item i {
        font-size: 2rem;
    }
    
    .stat-item span {
        font-size: 1.5rem;
    }
    
    .stat-item p {
        font-size: 0.95rem;
    }
}