/* ====== 博客美化样式 ====== */

/* 1. 让文章卡片和侧边栏半透明 */
#recent-posts>.recent-post-item,
#aside-content .card-widget,
.layout>.recent-posts .recent-post-item,
.layout>div:first-child:not(.recent-posts),
#page,
#archive,
#tag,
#category {
    /* 0.1 代表 10% 不透明度 (更透明) */
    background-color: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px);
    /* 磨砂玻璃效果 */
    border-radius: 12px;
    /* 圆角更好看 */
}

/* 2. 修复右下角设置按钮的文字显示问题 */
#rightside>div>button,
#rightside>div>a {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 3. 修复 Z-Index 层级 */
#rightside {
    z-index: 100;
    /* 降低层级，不要挡住看板娘 */
}

/* 确保看板娘显示在最上层 */
#live2d-widget {
    z-index: 999 !important;
}

canvas#live2dcanvas {
    z-index: 999 !important;
    pointer-events: auto !important;
}

/* 3.5. 强制页脚透明 */
#footer {
    background: transparent !important;
    backdrop-filter: none !important;
}

#footer::before {
    background: transparent !important;
}

/* 4. 歌词显示 - 已移至配置文件统一管理 */

/* 禁止头像旋转 (强制覆盖) */
.avatar-img,
#aside-content .card-info .author-info__avatar {
    transform: none !important;
    transition: none !important;
    animation: none !important;
}