#page-header {
    background: rgba(255, 255, 255, 0.6) !important;
    -webkit-backdrop-filter: blur(20px) saturate(120%);
    backdrop-filter: blur(20px) saturate(120%);
}
#page-header:before {
    background: transparent !important;
}
/* 底部 Footer 磨砂亚克力效果 */
#footer {
    /* 1. 背景设置为半透明白色 (与头部保持一致) */
    background: rgba(255, 255, 255, 0.6) !important;
    
    /* 2. 开启磨砂滤镜 */
    -webkit-backdrop-filter: blur(20px) saturate(120%);
    backdrop-filter: blur(20px) saturate(120%);

    /* 3. 【重要】因为背景变白了，必须把文字改成深灰色，否则看不见 */
    color: #4c4948 !important;
}

/* 底部链接文字颜色 (比如 "Hexo" 和 "Butterfly" 的链接) */
#footer a {
    color: #4c4948 !important;
}

/* 鼠标悬停在链接上时变色 (可选，设为主题蓝) */
#footer a:hover {
    color: #49b1f5 !important;
}

/* 如果底部有遮罩伪类，也需要去除 */
#footer:before {
    background: transparent !important;
}
/* 右下角悬浮按钮 (设置 & 返回顶部) 磨砂亚克力效果 */
#rightside > div > button, 
#rightside > div > a {
    /* 1. 背景设为半透明白色 */
    background-color: rgba(255, 255, 255, 0.6) !important;
    
    /* 2. 磨砂滤镜 */
    -webkit-backdrop-filter: blur(20px) saturate(120%);
    backdrop-filter: blur(20px) saturate(120%);

    /* 3. 图标颜色设为深灰色 (否则白背景白图标看不见) */
    color: #4c4948 !important;
}

/* 鼠标悬停时的效果 */
#rightside > div > button:hover, 
#rightside > div > a:hover {
    /* 悬停时变回主题蓝，提示用户可以点击，图标变白 */
    background-color: #49b1f5 !important; 
    color: white !important;
}