/* 魔钻图标与昵称渐变色（有魔钻时优先于 VIP 红名） */

/* VIP + 魔钻并排：彼此底齐，整组再与昵称文字底线对齐 */
.nick-badge-row {
    display: inline-flex;
    align-items: flex-end;
    vertical-align: text-bottom;
    gap: 1px;
}

/*
 * 魔钻原图为正方形且底部有透明留白；与 VIP 扁框并排时底边对齐，
 * 再轻微下移抵消素材内边距。
 */
.mozuan-badge-icon {
    width: 31px;
    height: 31px;
    display: block;
    margin: 0 0 -3px 1px;
    vertical-align: bottom;
}

/* 魔钻昵称渐变：color 必须透明，否则会叠出底层实色重影 */
.mozuan-link,
a.mozuan-link,
a.mozuan-link:hover,
a.mozuan-link:visited,
a.mozuan-link:active {
    background-image: linear-gradient(90deg, #0aa3a0 0%, #1a7fd4 45%, #c9a227 100%);
    background-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0;
    text-shadow: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
    .mozuan-link,
    a.mozuan-link,
    a.mozuan-link:hover,
    a.mozuan-link:visited,
    a.mozuan-link:active {
        background-image: none;
        color: #0aa3a0 !important;
        -webkit-text-fill-color: unset;
    }
}