/**
 * user-title.css - 用户头衔角标
 *
 * 头衔的 HTML 由服务端拼（`crates/core/src/user/badge_html.rs` 的 `title_html`），
 * 四个外壳（PC / 移动端 / 后台 / 后台移动端）共用这一份样式。
 *
 * **服务端只内联「这个头衔自己的配色」**（模块表里存的 `bg_color` / `text_color`），
 * 尺寸、圆角、字重、默认配色全在这里 —— 原先这些也内联在 `style` 属性上，
 * 于是任何想调整头衔外观的样式表都得靠 `!important` 才盖得住，
 * 模块作者根本盖不动。
 *
 * 存量数据里还有 PHP 年代生成、`style` 里带着全套固定样式的 HTML
 * （比如缓存下来的富文本片段），它们仍然按内联优先显示，不受这份样式影响。
 */

.ls-user-title {
    display: inline-flex;
    align-items: center;
}

/* 文本头衔：一颗小胶囊。高度 16px 是 YXYH-20260607-1557 定的（从 18px 收下来），
   别顺手改回去。 */
.ls-user-title-text {
    padding: 0 6px;
    height: 16px;
    line-height: 16px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    /* 后台/模块没配颜色时的那一对色，PHP 也是这一对。 */
    background-color: #eff6ff;
    color: #2563eb;
}

/* 图片头衔：只留左右一点内边距，高度由图片决定。 */
.ls-user-title-image {
    padding: 0 3px;
}

.ls-user-title-image img {
    height: 17px;
    width: auto;
}