/* ═══════════════ 头衔徽章（全站用名旁显示，对应参考站用户名旁徽章） ═══════════════
   只出现在三处：评论作者行、文章/帖子头部作者行、用户主页昵称行。
   与站点「等级 / 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; }

/* ── 文章/帖子头：徽章独立插在昵称元素后面（不进槽位，手机端不被挤到下一行） ── */
.muooy-ts-badge-wrap.is-postname {
    margin-inline-start: 6px;
    vertical-align: middle;
}
.muooy-ts-badge-wrap.is-postname .muooy-ts-badge { margin-inline-start: 0; }

/* ── 通用「昵称链接」内：徽章紧跟名字（星港信息流 / 签到排行 / 积分排行 / 商城动态…） ── */
.muooy-ts-badge-wrap.is-name {
    margin-inline-start: 5px;
    vertical-align: middle;
}
.muooy-ts-badge-wrap.is-name .muooy-ts-badge { margin-inline-start: 0; }

/* b2Jitheme 小部件（最新评论等）：名字是纯文本 span，徽章用小号 */
.muooy-ts-badge-wrap.is-widget {
    display: inline-flex;
    align-items: center;
    margin-inline-start: 4px;
    vertical-align: middle;
}
.muooy-ts-badge-wrap.is-widget .muooy-ts-badge.is-text {
    height: calc(15px * var(--ts-s, 1));
    padding: 0 calc(5px * var(--ts-s, 1));
    font-size: calc(11px * var(--ts-s, 1));
    line-height: calc(15px * var(--ts-s, 1));
    margin-inline-start: 0;
}
.muooy-ts-badge-wrap.is-widget .muooy-ts-badge.is-img {
    height: calc(15px * var(--ts-s, 1));
    margin-inline-start: 0;
}

/* 昵称链接里套块级元素的小部件（签到排行等）：主题给名字设了 max-width + ellipsis，
   徽章放里面必被裁掉 → 锚点转 inline-flex：名字盒收缩省略、徽章作兄弟节点固定可见 */
a.muooy-ts-named.is-inblock {
    display: inline-flex !important;
    align-items: center;
    max-width: 100%;
    min-width: 0;
    vertical-align: middle;
}
a.muooy-ts-named.is-inblock > *:not(.muooy-ts-badge-wrap) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 0 1 auto;
}
a.muooy-ts-named.is-inblock > .muooy-ts-badge-wrap.is-name {
    flex: 0 0 auto;
    margin-inline-start: 4px;
}

/* ── 顶栏 / 侧栏用户卡：插在 VIP 图标行的最前面 ──
   行结构：[头衔徽章][图标div][图标div]。三处对齐一起修：
   ① 徽章 wrap：inline-flex + 22px 高垂直居中；
   ② 图标 img：vertical-align:middle（原来是基线对齐，会比徽章中心高 2px）；
   ③ 图标 img 自带 margin-right:10px 造成间距忽大忽小 → 清零，行内统一 flex gap。 */
.top-user-name > div { gap: 8px; }
/* 图标容器 div 也 flex 居中：img 的 middle 对齐以 x-height 为准，会比行中心高/低 2px */
.top-user-name > div > div { display: inline-flex; align-items: center; justify-content: center; }
.top-user-name > div > .muooy-ts-badge-wrap.is-topcard {
    display: inline-flex;
    align-items: center;
    height: 22px;
    flex: 0 0 auto;
    margin-inline: 0;
    vertical-align: middle;
}
.top-user-name > div > .muooy-ts-badge-wrap.is-topcard .muooy-ts-badge { margin: 0; }
.top-user-name > div .jitheme_lv_icon img { vertical-align: middle; margin-right: 0 !important; }

/* ── 本站商城动态列表（标题商城右栏） ── */
.muooy-ts-badge-wrap.is-shoplog {
    margin-inline-start: 5px;
    vertical-align: middle;
}
.muooy-ts-badge-wrap.is-shoplog .muooy-ts-badge {
    margin-inline-start: 0;
    height: calc(15px * var(--ts-s, 1));
    padding: 0 calc(5px * var(--ts-s, 1));
    font-size: calc(11px * var(--ts-s, 1));
    line-height: calc(15px * var(--ts-s, 1));
}

/* ── 用户主页头部：昵称之后、等级/VIP/认证图标之前 ── */
.muooy-ts-badge-wrap.is-profile {
    margin-inline-start: 10px;
    vertical-align: middle;
}
/* 插在站点图标行（.user-page-lv）里：徽章在最前，与 16px 图标垂直居中；
   图标间距收紧（jitheme 的图标自带 margin-right:10px，视觉太散） */
.user-page-lv .muooy-ts-badge-wrap.is-profile {
    margin: 0;
    align-self: center;
    vertical-align: middle;
}
.user-page-lv { gap: 5px; }
.user-page-lv > * { margin: 0 !important; }
/* 图标 img 与行中心精确对齐：jitheme 的 span 自带内边距会把 img 挤低 2px */
.user-page-lv .jitheme_lv_icon { padding: 0 !important; line-height: 0; }
.user-page-lv .jitheme_lv_icon img { margin: 0 !important; display: block; }
/* 主页文字头衔与 16px 图标等高（用户要求：大小一致、间距紧凑） */
.user-page-lv .muooy-ts-badge-wrap.is-profile .muooy-ts-badge.is-text {
    height: 16px;
    padding: 0 6px;
    border-radius: 4px;
    font-size: 11px;
    line-height: 16px;
}
.user-page-lv .muooy-ts-badge-wrap.is-profile .muooy-ts-badge.is-img { height: 16px; }
.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; }
    .user-page-lv .muooy-ts-badge-wrap.is-profile .muooy-ts-badge.is-text {
        height: 16px;
        font-size: 11px;
        line-height: 16px;
        padding: 0 6px;
    }
    .user-page-lv .muooy-ts-badge-wrap.is-profile .muooy-ts-badge.is-img { height: 16px; }
}