/* 1. 强制设定网页底层全局壁纸 */
#web_bg {
    background: url('/img/bg.webp') center center / cover no-repeat !important;
    z-index: -999 !important;
}

/* 2. 扒掉遮挡首屏的默认蓝色幕布，让壁纸透出来 */
#page-header,
#page-header::before {
    background: transparent !important;
}

/* 3. 核心 Poetize 风格：让主页文章卡片和侧边栏变成半透明毛玻璃 */
#recent-posts > .recent-post-item,
.card-widget,
.layout > div:first-child:not(.recent-posts) {
    background: rgba(255, 255, 255, 0.65) !important; /* 0.65是透明度，可自行修改 */
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* 4. 适配夜间模式的毛玻璃质感 */
[data-theme='dark'] #recent-posts > .recent-post-item,
[data-theme='dark'] .card-widget,
[data-theme='dark'] .layout > div:first-child:not(.recent-posts) {
    background: rgba(20, 20, 20, 0.65) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* =========================================
   底部与侧边栏百搭透明化改造
   ========================================= */

/* 1. 底部页脚彻底透明化 */
#footer {
    background: transparent !important;
    color: #f5f5f5 !important; /* 字体设为偏白 */
    /* 增加黑色泛光阴影，保证哪怕换了纯白壁纸，底部的备案号和版权也能清晰可见 */
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) !important; 
    border: none !important;
}
#footer::before {
    background: transparent !important;
}

/* 2. 百搭版浏览器右侧滚动条（半透明极简灰） */
::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}
::-webkit-scrollbar-track {
    background: transparent !important; /* 轨道完全透明 */
}
::-webkit-scrollbar-thumb {
    background: rgba(150, 150, 150, 0.4) !important; /* 默认半透明灰 */
    border-radius: 4px !important;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(150, 150, 150, 0.8) !important; /* 鼠标悬停时加深 */
}

/* 3. 右下角悬浮按钮（设置、返回顶部）同步改为半透明毛玻璃，去除默认蓝色 */
#rightside > div > button,
#rightside > div > a {
    background-color: rgba(255, 255, 255, 0.4) !important;
    color: #333 !important;
    backdrop-filter: blur(5px) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}
#rightside > div > button:hover,
#rightside > div > a:hover {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #000 !important;
}

/* 4. 消除顶部阅读进度条的默认蓝色（将其改为与文字同源的低调灰色） */
.pace .pace-progress {
    background: rgba(150, 150, 150, 0.8) !important;
}