/* ============================================================
   glass.css - 毛玻璃效果 + 背景图
   ============================================================ */

/* ===== 全局背景图 ===== */
body.has-bg {
    background-image: var(--bg-image);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/* 背景遮罩（让毛玻璃更明显） */
body.has-bg::before {
    content: '';
    position: fixed;
    inset: 0;
    background: rgba(245, 247, 251, 0.3);
    z-index: -1;
    pointer-events: none;
}

/* ===== 毛玻璃卡片 ===== */
.glass {
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur));
    -webkit-backdrop-filter: blur(var(--glass-blur));
    border: 1px solid var(--glass-border);
    box-shadow: var(--glass-shadow);
}

/* 毛玻璃卡片（默认圆角） */
.glass-card {
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur));
    -webkit-backdrop-filter: blur(var(--glass-blur));
    border: 1px solid var(--glass-border);
    box-shadow: var(--glass-shadow);
    border-radius: var(--radius-xl);
}

/* ===== 降级方案：不支持 backdrop-filter 时 ===== */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .glass,
    .glass-card {
        background: rgba(255, 255, 255, 0.95);
    }
}

/* ===== 关闭毛玻璃时 ===== */
body.no-glass .glass,
body.no-glass .glass-card {
    background: var(--bg-card);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: 1px solid var(--border-light);
    box-shadow: var(--shadow-md);
}

/* ===== 毛玻璃变体 ===== */

/* 更透明（用于浮层） */
.glass-light {
    background: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

/* 更不透明（用于内容卡） */
.glass-solid {
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}

/* 暗色毛玻璃（用于工具栏） */
.glass-dark {
    background: rgba(30, 41, 59, 0.72);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
}

/* ===== 悬停增强 ===== */
.glass-card.hover-lift {
    transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.glass-card.hover-lift:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(31, 38, 135, 0.15);
}