/* ============================================================
   1. 全局卡片毛玻璃效果 (保留并优化)
   ============================================================ */
#body-wrap #recent-posts > .recent-post-item,
#body-wrap .recent-post-item,
#body-wrap #aside-content .card-widget,
#body-wrap .layout > div:first-child:not(.recent-posts),
#body-wrap #nav .menus_items .menus_item .menus_item_child,
#body-wrap #pagination .page-number:not(.current),
#body-wrap #pagination .extend,
#page-header #post-info {
    background: rgba(255, 255, 255, 0.7) !important; 
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1);
    transition: all 0.3s;
}

/* 夜间模式适配 */
html[data-theme="dark"] #body-wrap #recent-posts > .recent-post-item,
html[data-theme="dark"] #body-wrap .recent-post-item,
html[data-theme="dark"] #body-wrap #aside-content .card-widget,
html[data-theme="dark"] #body-wrap .layout > div:first-child:not(.recent-posts) {
    background: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* ============================================================
   2. Giscus 评论区美化 (保留)
   ============================================================ */
#giscus-wrap {
    background: rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1);
    padding: 20px;
    margin-top: 40px;
}

[data-theme='dark'] #giscus-wrap {
    background: rgba(0, 0, 0, 0.3) !important;
}

/* ============================================================
   3. APlayer 深度毛玻璃化 (修复解析失效问题)
   ============================================================ */

/* 吸附状态的播放器主体：强制去除 APlayer 默认的浅灰色/白色背景 */
.aplayer.aplayer-fixed,
.aplayer.aplayer-fixed .aplayer-body,
.aplayer.aplayer-fixed .aplayer-info {
    background: rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(15px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(160%) !important;
    border-radius: 0 15px 15px 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* 针对左下角收起时的迷你圆形按钮 */
/* 去除主体边框和投影 */
.aplayer {
    border: none !important;
    box-shadow: none !important;
}

/* 去除固定模式下的主体边框 */
.aplayer.aplayer-fixed .aplayer-body {
    border: none !important;
}

/* 特别注意：去除封面图片周围的边框（这通常是“白边”的来源） */
.aplayer .aplayer-pic {
    border: none !important;
}

/* 去除列表与主体之间的分割线 */
.aplayer .aplayer-list {
    border: none !important;
}

/* 播放列表容器：增加模糊度，防止文字重叠视觉混乱 */
.aplayer .aplayer-list {
    background: rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    margin-bottom: 10px;
}

/* 正在播放的曲目高亮 */
.aplayer .aplayer-list ol li.aplayer-list-light {
    background: rgba(255, 255, 255, 0.5) !important;
}

/* 鼠标悬停列表曲目的效果 */
.aplayer .aplayer-list ol li:hover {
    background: rgba(255, 255, 255, 0.4) !important;
}

/* 深色模式适配：将背景改为黑色半透明 */
[data-theme='dark'] .aplayer.aplayer-fixed,
[data-theme='dark'] .aplayer.aplayer-fixed .aplayer-body,
[data-theme='dark'] .aplayer .aplayer-list {
    background: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #eee !important;
}

[data-theme='dark'] .aplayer .aplayer-list ol li.aplayer-list-light {
    background: rgba(255, 255, 255, 0.15) !important;
}

/* 隐藏 APlayer 默认的边框线 */
.aplayer {
    border: none !important;
}