/* ═══════════════ 头衔徽章（全站用名旁显示，对应参考站用户名旁徽章） ═══════════════
   只出现在三处：评论作者行、文章/帖子头部作者行、用户主页昵称行。
   与站点「等级 / VIP / 认证」图标同一行，紧跟在昵称后面。 */

span.muooy-ts-badge,
.muooy-ts-badge-wrap {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

span.muooy-ts-badge.is-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* --ts-s 由后台每个头衔的「显示大小 %」输出（默认 1） */
    height: calc(17px * var(--ts-s, 1));
    padding: 0 calc(6px * var(--ts-s, 1));
    border-radius: calc(4px * var(--ts-s, 1));
    font-size: calc(12px * var(--ts-s, 1));
    font-weight: 600;
    line-height: calc(17px * var(--ts-s, 1));
    white-space: nowrap;
    margin-inline-start: 5px;
}

img.muooy-ts-badge.is-img {
    height: calc(17px * var(--ts-s, 1));
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-inline-start: 5px;
}

/* ── 主题预留的称号位（.user-title）：压掉主题的「整段文本+行数截断+50% 宽」，
      改成一行内的徽章位；主题自带的认证称号文本保留在左侧（灰字） ── */
.user-title.muooy-ts-slot {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    margin-inline-start: 8px !important;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1;
    /* 部分站点给 .user-title 加了渐变文字（background-clip:text + 透明色），会糊到徽章上 */
    color: inherit !important;
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    animation: none !important;
}
.user-title.muooy-ts-slot .muooy-ts-slot-text {
    font-size: 12px;
    color: #94a3b8;
    white-space: nowrap;
    max-width: 12em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.user-title.muooy-ts-slot .muooy-ts-badge { margin-inline-start: 0; }

/* ── 用户主页头部：昵称之后、等级/VIP/认证图标之前 ── */
.muooy-ts-badge-wrap.is-profile {
    margin-inline-start: 10px;
    vertical-align: middle;
}
/* 插在站点图标行（.user-page-lv）里：徽章在最前，与 16px 图标垂直居中 */
.user-page-lv .muooy-ts-badge-wrap.is-profile {
    margin-inline: 0 8px;
    align-self: center;
    vertical-align: middle;
}
.muooy-ts-badge-wrap.is-profile .muooy-ts-badge.is-text {
    height: calc(22px * var(--ts-s, 1));
    padding: 0 calc(8px * var(--ts-s, 1));
    border-radius: calc(5px * var(--ts-s, 1));
    font-size: calc(13px * var(--ts-s, 1));
    line-height: calc(22px * var(--ts-s, 1));
    margin-inline-start: 0;
}
.muooy-ts-badge-wrap.is-profile .muooy-ts-badge.is-img {
    height: calc(24px * var(--ts-s, 1));
    margin-inline-start: 0;
}

.comment-author .user-title {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

@media (max-width: 768px) {
    span.muooy-ts-badge.is-text {
        height: calc(15px * var(--ts-s, 1));
        font-size: calc(11px * var(--ts-s, 1));
        line-height: calc(15px * var(--ts-s, 1));
        padding: 0 calc(5px * var(--ts-s, 1));
    }
    img.muooy-ts-badge.is-img { height: calc(15px * var(--ts-s, 1)); }
    .user-title.muooy-ts-slot { margin-inline-start: 6px !important; gap: 4px; }
    .muooy-ts-badge-wrap.is-profile { margin-inline-start: 8px; }
    .muooy-ts-badge-wrap.is-profile .muooy-ts-badge.is-text {
        height: calc(18px * var(--ts-s, 1));
        font-size: calc(11px * var(--ts-s, 1));
        line-height: calc(18px * var(--ts-s, 1));
        padding: 0 calc(6px * var(--ts-s, 1));
    }
    .muooy-ts-badge-wrap.is-profile .muooy-ts-badge.is-img { height: calc(20px * var(--ts-s, 1)); }
}