/**
 * 电脑端消息通知小红点样式
 * 为导航栏消息通知提供优雅的视觉设计
 * 仅在电脑端显示，移动端隐藏
 */

/* 电脑端消息通知样式 */
@media (min-width: 768px) {
    .cscj-header-message {
        position: relative;
        display: inline-flex;
        align-items: center;
        margin-right: 0;
        z-index: 120;
    }

    .cscj-header-message .cscj-message-icon {
        position: relative;
        overflow: visible;
    }

    .cscj-header-message .cscj-message-icon i {
        font-size: 18px;
        line-height: 1;
    }

    .cscj-header-message badge {
        position: absolute;
        top: 1px;
        right: 1px;
        background: #ff4757;
        color: #fff;
        font-size: 10px;
        font-weight: 600;
        line-height: 1;
        padding: 3px 5px;
        border-radius: 999px;
        min-width: 17px;
        height: 17px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #fff;
        z-index: 2;
        box-shadow: 0 4px 10px rgba(255, 71, 87, 0.24);
        pointer-events: none;
        user-select: none;
    }

    .cscj-header-message badge {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        text-align: center;
        white-space: nowrap;
    }

    .cscj-header-message badge.large-count {
        font-size: 9px;
        padding: 2px 4px;
        min-width: 20px;
        height: 17px;
    }

    .cscj-header.sticky .cscj-header-message .cscj-message-icon i {
        color: inherit;
    }

    body.theme-dark .cscj-header-message .cscj-message-icon i {
        color: inherit;
    }

    body.theme-dark .cscj-header-message badge {
        border-color: #1f252d;
        box-shadow: 0 4px 12px rgba(255, 71, 87, 0.28);
    }

} /* 结束电脑端媒体查询 */

/* 移动端隐藏消息通知 */
@media (max-width: 767px) {
    .cscj-header-message {
        display: none;
    }
}



.cscj-header-nav .cscj-header-message {
    display: flex;
    align-items: center;
}

.cscj-header-message .cscj-message-icon:focus {
    outline: none;
}