/* ============================================================
 * HLX 表情通用样式（配合 hlx-format.js 使用）
 * 适用：昵称、签名、标签、称号等任意含表情文本位置
 * ============================================================ */

img.hlx-emoji {
    display: inline-block;
    width: 1.35em;
    height: 1.35em;
    margin: 0 .08em;
    vertical-align: -0.3em;   /* 与中文基线对齐，接近原生 Emoji 观感 */
    border: none;
    background: transparent;
    object-fit: contain;
    user-select: none;
    -webkit-user-drag: none;
    image-rendering: auto;
}

/* 小尺寸场景（徽章、表格行内等）可加 .hlx-emoji-sm 容器 */
.hlx-emoji-sm img.hlx-emoji {
    width: 1.1em;
    height: 1.1em;
    vertical-align: -0.22em;
}

/* 大尺寸场景（聊天记录、评论列表） */
.hlx-emoji-lg img.hlx-emoji {
    width: 1.6em;
    height: 1.6em;
    vertical-align: -0.35em;
}

/* 深色主题下白色系表情自动加淡底，避免与背景融为一体 */
[data-theme="dark"] img.hlx-emoji {
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.04);
}

/* 加载失败时不占位破版 */
img.hlx-emoji[src*="/emoji/"] {
    min-width: 0;
}