/* 导航栏基础样式 - 使用更具体的选择器 */
body > header > nav.navbar {
    min-height: 60px !important;
    padding: 0.5rem 0 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #dee2e6 !important;
}

body > header > nav.navbar .navbar-brand {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #40E0D0 !important;
    text-decoration: none !important;
    padding: 0.5rem 0 !important;
}

body > header > nav.navbar .navbar-nav .nav-link {
    color: #333 !important;
    font-weight: 500 !important;
    padding: 0.5rem 1rem !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    margin: 0 0.25rem !important;
}

body > header > nav.navbar .navbar-nav .nav-link:hover {
    background-color: rgba(64, 224, 208, 0.1) !important;
    color: #40E0D0 !important;
    transform: translateY(-1px) !important;
}

body > header > nav.navbar .navbar-nav .active-nav-item {
    background-color: #40E0D0 !important;
    color: white !important;
}

body > header > nav.navbar .navbar-nav .active-nav-item:hover {
    background-color: #36C5B8 !important;
    color: white !important;
}

body > header > nav.navbar .dropdown-menu {
    border: none !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    border-radius: 12px !important;
    padding: 0.5rem 0 !important;
    margin-top: 0.5rem !important;
}

body > header > nav.navbar .dropdown-item {
    padding: 0.75rem 1.5rem !important;
    color: #333 !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

body > header > nav.navbar .dropdown-item:hover {
    background-color: rgba(64, 224, 208, 0.1) !important;
    color: #40E0D0 !important;
}

body > header > nav.navbar .dropdown-divider {
    margin: 0.5rem 1rem !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

/* 移动端优化 */
@media (max-width: 767.98px) {
    body > header > nav.navbar {
        min-height: 56px !important;
        padding: 0.375rem 0 !important;
    }
    
    body > header > nav.navbar .navbar-brand {
        font-size: 1.1rem !important;
        padding: 0.375rem 0 !important;
    }
    
    body > header > nav.navbar .navbar-collapse {
        background-color: rgba(255, 255, 255, 0.95) !important;
        backdrop-filter: blur(20px) !important;
        border-radius: 12px !important;
        margin-top: 1rem !important;
        padding: 1rem !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    }
    
    body > header > nav.navbar .navbar-nav .nav-item {
        margin: 0.25rem 0 !important;
    }
    
    body > header > nav.navbar .navbar-nav .nav-link {
        padding: 0.75rem 1rem !important;
        margin: 0 !important;
        border-radius: 8px !important;
        text-align: left !important;
    }
    
    body > header > nav.navbar .navbar-nav .nav-link:hover {
        background-color: rgba(64, 224, 208, 0.1) !important;
        transform: none !important;
    }
    
    body > header > nav.navbar .navbar-nav .active-nav-item {
        background-color: #40E0D0 !important;
        color: white !important;
    }
}

/* 汉堡菜单按钮样式 */
body > header > nav.navbar .navbar-toggler {
    border: none !important;
    padding: 0.25rem 0.5rem !important;
    border-radius: 8px !important;
}

body > header > nav.navbar .navbar-toggler:focus {
    box-shadow: none !important;
}

body > header > nav.navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2829, 29, 31, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* 图标样式 */
body > header > nav.navbar .nav-link i {
    font-size: 0.9rem !important;
    margin-right: 0.5rem !important;
}

/* 用户名显示优化 */
body > header > nav.navbar .navbar-nav .dropdown-toggle::after {
    margin-left: 0.5rem !important;
    border-top: 0.3em solid !important;
    border-right: 0.3em solid transparent !important;
    border-left: 0.3em solid transparent !important;
}

/* 响应式字体大小 */
@media (max-width: 576px) {
    body > header > nav.navbar .navbar-brand {
        font-size: 1.1rem !important;
    }
    
    body > header > nav.navbar .navbar-nav .nav-link {
        font-size: 0.9rem !important;
    }
}

/* 响应式主内容区域调整 */
@media (max-width: 767.98px) {
    main.container {
        padding-top: 3.5rem !important;
    }
    
    .flash-messages {
        top: 3.5rem !important;
    }
}