/* =========================================================================
 * 导航菜单角标（HOT / 新 / 社区）
 *
 * 形状：对齐参考图的不规则标签形 —— 左上/右上/右下为圆角、左下为直角，
 *       既不是方角矩形，也不是胶囊/椭圆。
 * 配色：严格跟随主题色 —— 浅一档的主题色 → 主题色，
 *       全部由 --theme-color 派生，切换主题色时自动同步。
 * ========================================================================= */

.sub-nav-badge {
    position: absolute;
    z-index: 2;
    height: 17px;
    padding: 0 7px;
    border-radius: 6px 6px 6px 0;
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: .3px;
    text-transform: uppercase;
    white-space: nowrap;
    pointer-events: none;
    /* 回退：纯主题色 */
    background: var(--theme-color);
    /* 旧浏览器：主题色的浅色透明叠加 */
    background: linear-gradient(90deg, rgba(var(--theme-color-rgb), .7) 0%, var(--theme-color) 100%);
    /* 现代浏览器：主题色与白色混合得到浅一档同色系 */
    background: linear-gradient(90deg, color-mix(in srgb, var(--theme-color) 76%, #fff) 0%, var(--theme-color) 100%);
    box-shadow: 0 1px 4px rgba(var(--theme-color-rgb), .25);
}

/* 主菜单：文字距 li 顶端 15px，角标上移留出约 2px 间隙 */
.header-nav .navbar-header li .sub-nav-badge {
    top: -4px;
    right: -2px;
}

/* 右侧工具菜单：内边距更小（6px），角标上移留出约 2px 间隙 */
.sub-tools-nav li .sub-nav-badge {
    top: -13px;
    right: -2px;
}

/* 下拉子菜单里不显示角标，避免定位参照错乱 */
.sub-menu .sub-nav-badge {
    display: none;
}

/* ---------- 描边款（默认款由上面的基础样式提供） ---------- */
.sub-nav-badge.is-line {
    color: var(--theme-color);
    background: transparent;
    border: 1px solid rgba(var(--theme-color-rgb), .55);
    box-shadow: none;
}