/* ---- 核心代码：毛玻璃特效 ---- */

/* 首页文章卡片 */
#recent-posts > .recent-post-item,
/* 侧边栏卡片 */
#aside-content .card-widget,
/* 文章详情页 */
#post,
/* 归档页的时间轴 */
.archive-timeline,
/* 分页器 */
#pagination,
/* 页脚 (可选) */
#footer {
    /* 1. 背景颜色必须是半透明的！ */
    /* light 模式下：白色，60% 不透明度 */
    background: rgba(255, 255, 255, 0.6) !important; 
    
    /* 2. 核心：背景模糊 */
    backdrop-filter: blur(10px); 
    -webkit-backdrop-filter: blur(10px); /* 兼容 Safari 浏览器 */
    
    /* 3. 可选：加个圆角和边框让玻璃感更强 */
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* ---- 深色模式适配 (Dark Mode) ---- */
[data-theme="dark"] #recent-posts > .recent-post-item,
[data-theme="dark"] #aside-content .card-widget,
[data-theme="dark"] #post,
[data-theme="dark"] .archive-timeline,
[data-theme="dark"] #pagination,
[data-theme="dark"] #footer {
    /* dark 模式下：黑色，60% 不透明度 */
    background: rgba(0, 0, 0, 0.6) !important;
    
    /* 边框颜色调暗 */
    border: 1px solid rgba(255, 255, 255, 0.1);
}