/**
 * 修复导航栏中消息图标（特别是未读徽章）撑高导航栏的问题
 * 确保消息图标和未读徽章不会影响导航栏的高度
 */

/* 确保导航栏中的消息图标与其他元素垂直对齐，并限制高度 */
.navbar-collapse .msg-news-icon,
.navbar-form .msg-news-icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    position: relative;
    max-height: 1.5em;
    overflow: visible;
}

/* 消息图标内的元素不撑高父容器 */
.navbar-collapse .msg-news-icon .msg-icon,
.navbar-form .msg-news-icon .msg-icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

/* 确保消息图标的图标元素不会超出正常行高 */
.navbar-collapse .msg-news-icon .fa,
.navbar-form .msg-news-icon .fa {
    line-height: 1;
    vertical-align: middle;
}

/* 【关键修复】未读消息徽章使用绝对定位，不占用文档流空间，避免撑高导航栏 */
.navbar-collapse .msg-news-icon badge,
.navbar-form .msg-news-icon badge,
.navbar-collapse badge.top,
.navbar-form badge.top {
    position: absolute !important;
    top: -6px;
    right: -10px;
    margin: 0 !important;
}