/* 自定义样式 - 背景高斯模糊效果 */


/* 网站整体背景模糊 */

#web_bg {
    background-image: url(/img/image1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    filter: blur(8px);
    -webkit-filter: blur(8px);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: filter 0.3s ease;
}


/* 首页顶部背景图片模糊 */

#page-header,
#page-header::before {
    filter: blur(5px);
    -webkit-filter: blur(5px);
}


/* 主内容区域背景模糊（毛玻璃效果） */

#content-inner,
.layout>div:first-child {
    background-image: url(/img/image1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    padding-top: 0 !important;
    margin-top: 0 !important;
}


/* 移除主内容区域上方的空白 */

.layout,
#content-inner,
.layout_post,
#article-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}


/* 移除主内容区域内部的上方空白 */

#content-inner>*:first-child,
.layout>div:first-child>*:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* 文章卡片背景模糊 */

#post,
.recent-post-item,
.card-widget {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}


/* 侧边栏背景模糊 */

#aside-content,
.aside-content {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}


/* 导航栏背景模糊 */

#nav,
.nav {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}


/* 暗色模式下的背景模糊 */

[data-theme='dark'] #content-inner,
[data-theme='dark'] .layout>div:first-child {
    background-image: url(/img/image1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.9;
}

[data-theme='dark'] #post,
[data-theme='dark'] .recent-post-item,
[data-theme='dark'] .card-widget {
    background: rgba(0, 0, 0, 0.7);
}

[data-theme='dark'] #aside-content,
[data-theme='dark'] .aside-content {
    background: rgba(0, 0, 0, 0.75);
}

[data-theme='dark'] #nav,
[data-theme='dark'] .nav {
    background: rgba(0, 0, 0, 0.85);
}


/* 优化移动端显示 */

@media screen and (max-width: 768px) {
    #web_bg {
        filter: blur(4px);
        -webkit-filter: blur(4px);
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
    #content-inner,
    .layout>div:first-child {
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
}