#root .app-mask-layer {
    /* 更换背景 */
    background: url("https://w.wallhaven.cc/full/v9/wallhaven-v9wpz3.jpg") no-repeat center center !important;
}
body.theme-light #root .app-mask-layer {
    /* 明亮主题下 透明度（推荐7%~9%） 和 亮度（推荐100%不动） */
    filter: opacity(9%) brightness(100%) !important;
    animation: to-light-replace 0.5s linear !important;
}

body.theme-dark #root .app-mask-layer {
    /* 暗夜主题下 透明度（推荐100%不动） 和 亮度（推荐20%左右） */
    filter: opacity(100%) brightness(20%) !important;
    animation: to-dark-replace 0.5s linear !important;
}
/* --- 设置为明亮主题过渡动画 ---*/
@keyframes to-light-replace {
    0% {
        /* 暗夜主题的设置值，应与第13行一致 */
        filter: opacity(100%) brightness(20%);
    }
    50% {
        /* 中间值 */
        filter: opacity(50%) brightness(60%);
    }
    100% {
        /* 明亮主题的设置值，应与第7行一致 */
        filter: opacity(9%) brightness(100%);
    }
}

/* --- 设置为暗夜主题过渡动画 ---*/
@keyframes to-dark-replace {
    0% {
        /* 明亮主题的设置值，应与第7行一致 */
        filter: opacity(9%) brightness(100%);
    }
    50% {
        /* 中间值 */
        filter: opacity(100%) brightness(60%);
    }
    100% {
        /* 暗夜主题的设置值，应与第13行一致 */
        filter: opacity(100%) brightness(20%);
    }
}