@globalTransition: opacity 250ms linear, background-color 250ms linear;
@globalBgColor: rgba(252, 252, 252, 0.8);
@globalBgLoadingColor: rgba(252, 252, 252, 1);
@backdropFilter: saturate(120%) blur(20px);

.has-bgimg {
    .bgimg-background-blur {
        background-color: @globalBgColor;
        transition: @globalTransition;
    }

    .bgimg-background-loading {
        background-color: @globalBgLoadingColor;
    }

    .bgimg-backdrop-blur {
        backdrop-filter: @backdropFilter;
        -webkit-backdrop-filter: @backdropFilter;
    }
    
    /* 插件补丁 */
    .breadcrumb {
        background-color: rgba(255,255,255,0.6);
    }

    &.bgimg-fallback {
        .bgimg-background-blur {
            background: var(--bgimg-blur-image), var(--bgimg-overlay-color, @globalBgColor) !important;
            background-blend-mode: saturation !important;
            background-attachment: fixed !important;
            background-size: var(--bgimg-bg-size) !important;
            background-position: var(--bgimg-bg-pos) !important;
        }
    }
}