.avatar-container, .author-avatar, .user-avatar, .avatar-img, .header-avatar {
    position: relative;
    display: inline-block;
}

/* 头像框样式 */
.avatar-frame {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 120%;
    transform: translate(-50%, -50%);
    z-index: 0;
    pointer-events: none;
}

/* 热度榜用户头像框样式 */
.avatar-frame-hot {
    /* 继承基本头像框样式 */
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 120%;
    transform: translate(-50%, -50%);
    z-index: 0;
    pointer-events: none;
    /* 添加鼠标悬浮提示样式 */
    cursor: help;
}

/* 头像框图片样式 */
.avatar-frame img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 为不同位置的头像添加适当的调整 */
.widget .avatar-frame img,
.header-user-href .avatar-frame img,
.author-avatar .avatar-frame img,
.user-avatar .avatar-frame img,
.header-avatar .avatar-frame img {
    transform: scale(1.1);
}

/* 确保头像勋章显示在上方 */
.avatar-badge {
    z-index: 10 !important;
}

/* 针对作者页面的特殊调整 */
.author-avatar .avatar-frame img {
    transform: scale(1.1);
}

/* 响应式调整 */
@media (max-width: 768px) {
    .avatar-frame img {
        transform: scale(0.85);
    }
    .author-avatar .avatar-frame img,
    .header-avatar .avatar-frame img {
        transform: scale(1);
    }
}