body {
    position: relative; /* 确保伪元素相对于body定位 */
    margin: 0;
    padding: 0;
    overflow: hidden; /* 防止滚动条影响布局 */
}

body::before {
    content: '';
    position: fixed; /* 固定背景图片位置 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://api.armoe.cn/acg/random');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: -1; /* 确保背景在所有内容后面 */
    filter: blur(5px); /* 默认模糊效果 */
    transition: filter 0.3s ease; /* 平滑过渡效果 */
}

/* 当 data-scheme 为 dark 时，调整背景图片亮度并去除模糊 */
html[data-scheme="dark"] body::before {
    filter: brightness(0.6) blur(0); /* 暗色模式下，调整亮度并去除模糊 */
}