/*导航栏响应式专用样式文件，针对不同屏幕尺寸的导航栏布局调整。*/
@media (min-width: 1201px) {
    .nav-link {
        padding: 16px 10px;
    }
}

@media (max-width: 1200px) and (min-width: 993px) {
    .nav-menu {
        grid-template-columns: repeat(7, 1fr);
    }
    
    .nav-link {
        padding: 14px 8px;
        font-size: 14.5px;
    }
    
    .nav-item:nth-child(9n) {
        border-right: 1px solid rgba(255, 255, 255, 0.08);
    }
    
    .nav-item:nth-child(6n) {
        border-right: none;
    }
    
    .nav-item:nth-child(n+10) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }
    
    .nav-item:nth-child(n+13) {
        border-bottom: none;
    }
}

@media (max-width: 992px) and (min-width: 769px) {
    .nav-menu {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .nav-link {
        padding: 12px 8px;
        font-size: 14px;
    }
    
    .nav-item:nth-child(9n), .nav-item:nth-child(6n) {
        border-right: 1px solid rgba(255, 255, 255, 0.08);
    }
    
    .nav-item:nth-child(3n) {
        border-right: none;
    }
    
    .nav-item:nth-child(n+10), .nav-item:nth-child(n+13) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }
    
    .nav-item:nth-child(n+16) {
        border-bottom: none;
    }
    
    .nav-link.active::after {
        height: 2px;
    }
    
    .nav-item:hover::before {
        height: 2px;
    }
    
    .nav-container::after {
        display: none;
    }
}

@media (max-width: 768px) and (min-width: 577px) {
    .nav-container::before {
        height: 2px;
    }
    
    .nav-menu {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .nav-link {
        padding: 10px 6px;
        font-size: 13.5px;
    }
    
    .nav-item:nth-child(9n), .nav-item:nth-child(6n), .nav-item:nth-child(3n) {
        border-right: 1px solid rgba(255, 255, 255, 0.08);
    }
    
    .nav-item:nth-child(2n) {
        border-right: none;
    }
    
    .nav-item:nth-child(n+10), .nav-item:nth-child(n+13), .nav-item:nth-child(n+16) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }
    
    .nav-item:last-child {
        border-bottom: none;
    }
    
    .nav-link::before {
        display: none;
    }
    
    .nav-link:hover {
        transform: none;
    }
    
    .nav-item:hover {
        transform: none;
    }
}

@media (max-width: 576px) {
    .nav-menu {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .nav-link {
        padding: 8px 10px;
        font-size: 13px;
        white-space: normal;
        line-height: 1.3;
    }
    
    .nav-item {
        border-right: none;
    }
    
    .nav-item:last-child {
        border-bottom: none;
    }
}

@media (max-width: 480px) {
    .nav-link {
        padding: 8px 8px;
        font-size: 12.5px;
    }
}

@media (max-width: 360px) {
    .nav-link {
        font-size: 12px;
        padding: 7px 6px;
    }
}