/* 隐藏服务器端设置的错误 active 状态 */
.navbar .nav-link.active:not(.js-controlled-active),
.navbar .dropdown-toggle.active:not(.js-controlled-active),
.navbar .dropdown-item.active:not(.js-controlled-active),
.top_menu .active:not(.js-controlled-active),
nav .active:not(.js-controlled-active) {
    background-color: transparent !important;
    color: inherit !important;
    font-weight: normal !important;
    border-color: transparent !important;
}

/* 确保 JavaScript 控制的 active 状态能正确显示 - 使用橘黄色 #F6AD3B */
.js-controlled-active {
    color: #F6AD3B !important;
    background-color: transparent !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

.navbar .nav-link.js-controlled-active,
.navbar .dropdown-toggle.js-controlled-active,
nav .js-controlled-active {
    color: #F6AD3B !important;
    background-color: transparent !important;
    font-weight: bold !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

/* 下拉选单项目的 active 状态 - 使用橘黄色底黑字 #F6AD3B */
.dropdown-menu .dropdown-item.js-controlled-active {
    background-color: #F6AD3B !important;
    color: #000 !important;
    font-weight: bold !important;
    border-radius: 4px !important;
}

/* 针对 Bootstrap 的 active 状态覆盖 */
.navbar-nav .nav-link.active:not(.js-controlled-active),
.navbar-nav .show > .nav-link:not(.js-controlled-active) {
    color: inherit !important;
    background-color: transparent !important;
    border-bottom: none !important;
}

/* 确保 hover 效果不受影响 - 使用橘黄色的深色版本 */
.navbar .nav-link.js-controlled-active:hover,
.navbar .dropdown-toggle.js-controlled-active:hover {
    color: #E69A1F !important;
    background-color: transparent !important;
}

.dropdown-menu .dropdown-item.js-controlled-active:hover {
    color: #000 !important;
    background-color: #E69A1F !important;
}