/* 服务器导航样式 */

/* 服务器菜单项的特殊样式 */
.server-menu-item .server-link {
    position: relative !important;
}

/* 红色下划线样式 - 默认不显示 */
.server-menu-item .server-link:after {
    content: '' !important;
    position: absolute !important;
    bottom: 20px !important;
    left: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background-color: #c7000b !important;
    transform: scaleX(0) !important; /* 默认不显示红线 */
    transition: transform 0.3s ease !important;
    transform-origin: center !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 100 !important; /* 确保在最上层 */
}

/* 只有在激活状态(active)或当前页面(current-page)才显示红线 */
.server-menu-item.active .server-link:after,
.server-menu-item.current-page .server-link:after {
    transform: scaleX(1) !important;
}

/* 覆盖可能的冲突样式 */
.menu-item.server-menu-item > a:after,
.menu-item.server-menu-item > a:hover:after {
    transform: scaleX(0) !important;
    display: block !important;
}

/* 只有当前页面的菜单项显示红线 */
.menu-item.server-menu-item.active > a:after,
.menu-item.server-menu-item.current-page > a:after {
    transform: scaleX(1) !important;
    display: block !important;
    background-color: #c7000b !important;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .server-menu-item .server-link:after {
        bottom: 10px !important;
    }
}