/* 导航栏媒体查询样式 - 优化移动端菜单显示 */

.transition-custom {
    transition: all 0.3s ease;
}

#mobile-menu.active {
    max-height: 500px;
}

/* 大屏幕显示 (≥768px) */
@media (min-width: 768px) {
    /* 电脑端导航菜单 - 显示 */
    nav.hidden.md\:flex,
    .hidden.md\:flex {
        display: flex;
    }
    
    /* 用户菜单 - 显示 */
    .hidden.md\:flex.items-center {
        display: flex;
    }
    
    /* 移动端菜单按钮 - 隐藏 */
    .md\:hidden {
        display: none;
    }
    
    /* 移动端菜单 - 隐藏 */
    #mobile-menu {
        display: none;
    }
}

/* 小屏幕隐藏 (<768px) */
@media (max-width: 767px) {
    /* 电脑端导航菜单 - 隐藏 */
    nav.hidden.md\:flex,
    .hidden.md\:flex {
        display: none;
    }
    
    /* 用户菜单 - 隐藏 */
    .hidden.md\:flex.items-center {
        display: none;
    }
    
    /* 移动端菜单按钮 - 显示 */
    .md\:hidden {
        display: block;
    }
    
    /* 移动端菜单 - 默认隐藏 */
    #mobile-menu {
        display: none;
    }
    
    /* 移动端菜单展开状态 */
    #mobile-menu:not(.hidden) {
        display: block;
    }
}

/* 用户下拉菜单悬停显示 */
.group:hover .hidden.group-hover\:block {
    display: block;
}

/* 确保导航栏固定定位 */
#navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
}