/* ============================================================
   全局共用头像样式 · 仙里仙气版
   彩虹圆形 + 用户名首字母方案（静止彩虹 + 白色/金色光晕脉冲）
   ============================================================ */

/* 基础彩虹头像 — 静止背景，微微散发白光 */
.rainbow-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: conic-gradient(#d4a843, #9b59b6, #00d2ff, #f0c060, #d4a843);
    flex-shrink: 0;
    box-shadow: 0 0 12px rgba(240,225,255,.25), 0 0 24px rgba(240,200,120,.12);
    animation: avatar-white-glow 3s ease-in-out infinite;
}

.rainbow-avatar::before {
    content: '';
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    background: #0d0d0d;
}

.rainbow-avatar .avatar-letter {
    position: relative;
    z-index: 1;
    color: #f0c060;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    text-shadow: 0 0 6px rgba(240,192,96,.4);
}

@keyframes avatar-white-glow {
    0%, 100% {
        box-shadow: 0 0 8px rgba(255,255,255,.15), 0 0 20px rgba(255,255,255,.06), 0 0 36px rgba(240,192,96,.1);
    }
    50% {
        box-shadow: 0 0 18px rgba(255,255,255,.35), 0 0 40px rgba(255,255,255,.15), 0 0 60px rgba(240,192,96,.25);
    }
}

/* ===== 汉堡菜单头像覆盖 · 仙里仙气版 ===== */
.hm-user-avatar {
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    animation: avatar-white-glow 3s ease-in-out infinite !important;
}
@keyframes avatar-glow {
    0%, 100% { box-shadow: 0 0 8px rgba(255,255,255,.15), 0 0 20px rgba(255,255,255,.05); }
    50%      { box-shadow: 0 0 18px rgba(255,255,255,.35), 0 0 40px rgba(255,255,255,.12); }
}

.hm-user-avatar .avatar-letter {
    font-size: 19px !important;
    color: #f0c060 !important;
    text-shadow: 0 0 8px rgba(240,192,96,.5);
}

/* ===== 侧边栏头像覆盖 · 仙里仙气版 ===== */
.sidebar-avatar-img {
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    border: 2px solid rgba(200,160,70,.6) !important;
    float: none !important;
    object-fit: unset !important;
    box-shadow: 0 0 16px rgba(240,225,255,.25), 0 0 32px rgba(240,200,120,.1) !important;
    background: conic-gradient(#d4a843, #9b59b6, #00d2ff, #f0c060, #d4a843) !important;
    animation: avatar-white-glow 3s ease-in-out infinite !important;
    transition: box-shadow .3s !important;
}

.sidebar-avatar-img:hover {
    box-shadow: 0 0 24px rgba(200,160,70,.4) !important;
}

.sidebar-avatar-img .avatar-letter {
    font-size: 18px !important;
    color: #f0c060 !important;
    text-shadow: 0 0 6px rgba(240,192,96,.4) !important;
}

/* ===== 底部信息栏头像覆盖 · 仙里仙气版 ===== */
.info-bar .username .avatar {
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    border: 2px solid rgba(200,160,70,.5) !important;
    float: none !important;
    object-fit: unset !important;
    box-shadow: 0 0 12px rgba(240,225,255,.2), 0 0 24px rgba(240,200,120,.08) !important;
    background: conic-gradient(#d4a843, #9b59b6, #00d2ff, #f0c060, #d4a843) !important;
    animation: avatar-white-glow 3s ease-in-out infinite !important;
    transition: box-shadow .3s !important;
}

.info-bar .username .avatar:hover {
    box-shadow: 0 0 18px rgba(200,160,70,.35) !important;
}

.info-bar .username .avatar .avatar-letter {
    font-size: 14px !important;
    color: #f0c060 !important;
    text-shadow: 0 0 5px rgba(240,192,96,.35) !important;
}

/* ===== 评论头像覆盖 · 仙里仙气版 ===== */
.ci-avatar {
    float: left;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    border: 1.5px solid rgba(200,160,70,.4) !important;
    object-fit: unset !important;
}

.comment-item .ci-avatar {
    width: 34px !important;
    height: 34px !important;
    margin-right: 10px;
    box-shadow: 0 0 10px rgba(180,140,60,.2) !important;
}

.comment-item .ci-avatar .avatar-letter {
    font-size: 14px !important;
    color: #f0c060 !important;
    text-shadow: 0 0 4px rgba(240,192,96,.3);
}

.reply-item .ci-avatar {
    width: 24px !important;
    height: 24px !important;
    margin-right: 8px;
    box-shadow: 0 0 6px rgba(180,140,60,.15) !important;
}

.reply-item .ci-avatar .avatar-letter {
    font-size: 10px !important;
    color: #f0c060 !important;
    text-shadow: 0 0 3px rgba(240,192,96,.25);
}

/* ===== 文章页作者栏头像覆盖 ===== */
.author-bar .avatar {
    width: 42px !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    border: 2px solid rgba(200,160,70,.55) !important;
    box-shadow: 0 0 14px rgba(180,140,60,.25) !important;
    transition: box-shadow .3s !important;
}

.author-bar .avatar:hover {
    box-shadow: 0 0 22px rgba(200,160,70,.4) !important;
}

.author-bar .avatar .avatar-letter {
    font-size: 17px !important;
    color: #f0c060 !important;
    text-shadow: 0 0 6px rgba(240,192,96,.4) !important;
}

/* ===== 文章页评论顶部头像覆盖 ===== */
.comment-top .ci-avatar {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    flex-shrink: 0;
    border: 1.5px solid rgba(200,160,70,.4) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 0 10px rgba(180,140,60,.2) !important;
}

.comment-top .ci-avatar .avatar-letter {
    font-size: 14px !important;
    color: #f0c060 !important;
    text-shadow: 0 0 4px rgba(240,192,96,.3) !important;
}

/* ===== 文章页回复区头像覆盖 ===== */
.replies-area .reply-item .ci-avatar {
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    flex-shrink: 0;
    border: 1.5px solid rgba(200,160,70,.35) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 0 6px rgba(180,140,60,.15) !important;
}

.replies-area .reply-item .ci-avatar .avatar-letter {
    font-size: 10px !important;
    color: #f0c060 !important;
    text-shadow: 0 0 3px rgba(240,192,96,.25) !important;
}

/* ===== 历史页瀑布流头像覆盖 ===== */
.card-meta .meta-avatar {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(200,160,70,.35) !important;
    box-shadow: 0 0 4px rgba(180,140,60,.12) !important;
}

.card-meta .meta-avatar .avatar-letter {
    font-size: 8px !important;
    color: #f0c060 !important;
    text-shadow: 0 0 2px rgba(240,192,96,.2) !important;
}