/* ============ 统一 App UI 壳层 - Windows 11高斯模糊风格 ============
   说明：各应用（设置/文件/快记/浏览器/计算器）的完整样式已迁移到各自插件内自持注入
   （见 js/plugins/*/main.js 的 addStyles()/ensureStyles()，均以 style id 去重）。
   本文件仅保留“系统级壳层”规则：窗口高斯模糊、应用根背景、模糊禁用时的纯色底。
   历史：快记的 .notes-* 全部规则已于此前整体迁入 js/plugins/notes/main.js。 */

/* 窗口背景模糊 */
body.window-blur-enabled .window {
    background: rgba(243, 243, 243, 0.75);
    backdrop-filter: blur(40px) saturate(180%);
    -webkit-backdrop-filter: blur(40px) saturate(180%);
}

body.dark-mode.window-blur-enabled .window {
    background: rgba(32, 32, 32, 0.8);
}


/* 设置应用 */
.settings-app {
    background: transparent !important;
}

.settings-content {
    background: transparent !important;
}

/* 取消设置分区卡片背景，避免图片下方出现额外卡片层 */
.settings-section {
    background: transparent !important;
    backdrop-filter: none !important;
    border: none !important;
}

.dark-mode .settings-section {
    background: transparent !important;
    border: none !important;
}

/* 文件管理器 */
.files-app {
    background: transparent !important;
}

.files-content {
    background: transparent !important;
}

.files-toolbar {
    background: rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(30px) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.dark-mode .files-toolbar {
    background: rgba(255, 255, 255, 0.02) !important;
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

/* 浏览器 */
.browser-app {
    background: transparent !important;
}

.browser-header {
    background: rgba(249, 249, 249, 0.8) !important;
    backdrop-filter: blur(50px) saturate(180%) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.dark-mode .browser-header {
    background: rgba(45, 45, 45, 0.8) !important;
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

.browser-navbar {
    background: transparent !important;
}

.browser-address-bar {
    background: rgba(255, 255, 255, 0.6) !important;
    backdrop-filter: blur(20px) !important;
}

.dark-mode .browser-address-bar {
    background: rgba(255, 255, 255, 0.08) !important;
}

.browser-start-page {
    background: transparent !important;
}

/* 计算器 */
.calculator-app {
    background: rgba(249, 249, 249, 0.6) !important;
    backdrop-filter: blur(60px) saturate(180%) !important;
}

.dark-mode .calculator-app {
    background: rgba(45, 45, 45, 0.6) !important;
}

.calculator-display {
    background: rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(30px) !important;
}

.dark-mode .calculator-display {
    background: rgba(255, 255, 255, 0.02) !important;
}

.calculator-buttons {
    background: transparent !important;
}

/* 模糊禁用时的纯色底 */
body.window-blur-disabled .window {
    background: var(--bg-primary) !important;
    backdrop-filter: none !important;
}

body.window-blur-disabled .settings-section,
body.window-blur-disabled .browser-address-bar,
body.window-blur-disabled .calculator-display {
    background: var(--bg-tertiary) !important;
    backdrop-filter: none !important;
}

body.window-blur-disabled .browser-header,
body.window-blur-disabled .files-toolbar {
    background: var(--bg-secondary) !important;
    backdrop-filter: none !important;
}
