/**
 * Lv1 - Lv10 金属徽章图标
 * 由 User::get_lv_icon() 输出 <img class="lv-icon lv-badge-img">
 */

img.lv-badge-img,
.lv-icon.lv-badge-img {
    display: inline-block;
    width: auto;
    height: 20px;
    vertical-align: middle;
    margin: 0 2px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: none;
    box-shadow: none;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .14));
    transition: transform .2s ease;
}

img.lv-badge-img:hover {
    transform: translateY(-1px) scale(1.06);
}

/* 评论区作者昵称后 */
.comment-author img.lv-badge-img,
.comment-user-info img.lv-badge-img {
    height: 19px;
    margin-left: 2px;
}

/* 圈子话题作者信息 */
.topic-user-lv img.lv-badge-img,
.topic-user-lv p img {
    height: 18px;
    object-fit: contain;
}

/* 用户中心昵称后 */
.user-page-lv img.lv-badge-img {
    height: 22px;
    margin-left: 4px;
    vertical-align: -4px;
}

/* 侧栏 / 权限列表等场景 */
.sidebar img.lv-badge-img,
.coupon-roles-desc img.lv-badge-img,
.circle-lv-list img.lv-badge-img {
    height: 20px;
}

/* 移动端略小 */
@media (max-width: 768px) {
    img.lv-badge-img,
    .lv-icon.lv-badge-img {
        height: 17px;
    }

    .user-page-lv img.lv-badge-img {
        height: 19px;
        vertical-align: -3px;
    }
}