/* =========================================
   FeatherGlass - 边缘羽化毛玻璃效果
   渐变方向: to top（底部模糊）
   模糊强度: 16px
   日夜模式适配
   ========================================= */

.fg-container {
    position: relative;
    z-index: 1;
}

.fg-background {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    
    --fg-blur: 16px;
    --fg-bg-color: rgba(255, 255, 255, 0.45);
    --fg-start: 50%;
    --fg-end: 100%;
    
    background: var(--fg-bg-color);
}

body.dark .fg-background {
    --fg-bg-color: rgba(0, 0, 0, 0.5);
}

@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
    .fg-background {
        backdrop-filter: blur(var(--fg-blur));
        -webkit-backdrop-filter: blur(var(--fg-blur));
        mask-image: linear-gradient(to top, black var(--fg-start), transparent var(--fg-end));
        -webkit-mask-image: linear-gradient(to top, black var(--fg-start), transparent var(--fg-end));
    }
}