/**
 * 深色主题导航栏增强样式
 * Enhanced Dark Theme Navbar Styles with Glass Morphism Effect
 */

/* 深色主题下的导航栏基础样式 - 增强版 */
[data-bs-theme="dark"] .site-header {
    background: linear-gradient(180deg, 
        rgba(0, 0, 0, 0.9) 0%, 
        rgba(0, 0, 0, 0.85) 50%, 
        rgba(0, 0, 0, 0.8) 100%) !important;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* 粘性状态下的深色主题导航栏 */
[data-bs-theme="dark"] .site-header.navbar-sticky {
    background: linear-gradient(180deg, 
        rgba(0, 0, 0, 0.98) 0%, 
        rgba(0, 0, 0, 0.95) 50%, 
        rgba(0, 0, 0, 0.92) 100%) !important;
    backdrop-filter: blur(30px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(30px) saturate(200%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 
                0 1px 3px rgba(0, 0, 0, 0.2);
}

/* 透明头部状态下的深色主题处理 - 非首页 */
/* 注意：首页透明效果由后续更具体的选择器控制 */
[data-bs-theme="dark"] .header-transparent:not(.home):not(.front-page) .site-header:not(.navbar-sticky) {
    background-color: rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* 导航栏内容在深色主题下的优化 */
[data-bs-theme="dark"] .navbar {
    color: #e9ecef;
}

/* 深色主题下的分隔线优化 */
[data-bs-theme="dark"] .navbar .sep:after {
    background-color: rgba(255, 255, 255, 0.15);
}

/* 深色主题下的菜单项颜色优化 */
[data-bs-theme="dark"] .navbar .nav-list a {
    color: #ced4da !important;
    transition: color 0.2s ease;
}

[data-bs-theme="dark"] .navbar .nav-list a:hover {
    color: #f8f9fa !important;
}

[data-bs-theme="dark"] .navbar .nav-list > .menu-item.current-menu-item > a {
    color: #79c0ff !important;
}

/* 深色主题下的操作按钮优化 */
[data-bs-theme="dark"] .navbar .actions .action-btn {
    color: #ced4da !important;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 6px;
    transition: all 0.2s ease;
}

[data-bs-theme="dark"] .navbar .actions .action-btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #f8f9fa !important;
    transform: translateY(-1px);
    opacity: 1;
}

/* 深色主题下的SVG图标优化 */
[data-bs-theme="dark"] .navbar .actions .action-btn .svg-icon {
    stroke: #ced4da;
}

[data-bs-theme="dark"] .navbar .actions .action-btn:hover .svg-icon {
    stroke: #f8f9fa;
}

/* 夜间模式：亮色模式/站内搜索/网站公告图标无背景 */
[data-bs-theme="dark"] .navbar .actions .action-btn.toggle-color,
[data-bs-theme="dark"] .navbar .actions .action-btn.toggle-search,
[data-bs-theme="dark"] .navbar .actions .action-btn.toggle-notify {
    background-color: transparent !important;
    padding: .25rem; /* 保持点击区域 */
}

[data-bs-theme="dark"] .navbar .actions .action-btn.toggle-color:hover,
[data-bs-theme="dark"] .navbar .actions .action-btn.toggle-search:hover,
[data-bs-theme="dark"] .navbar .actions .action-btn.toggle-notify:hover {
    background-color: transparent !important;
    opacity: 1;
}

[data-bs-theme="dark"] .navbar .actions .action-btn.toggle-color:active,
[data-bs-theme="dark"] .navbar .actions .action-btn.toggle-search:active,
[data-bs-theme="dark"] .navbar .actions .action-btn.toggle-notify:active {
    background-color: transparent !important;
}

/* 夜间模式：首页顶部（未吸顶且未上滑）时，导航栏全透明 */
/* 使用高优先级选择器确保透明效果生效 */
html[data-bs-theme="dark"] body.home.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now),
html[data-bs-theme="dark"] body.front-page.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now),
html[data-bs-theme="dark"] body.home .site-header:not(.navbar-sticky):not(.navbar-now),
html[data-bs-theme="dark"] body.front-page .site-header:not(.navbar-sticky):not(.navbar-now) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: none !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* 夜间模式：首页顶部透明时的文字与图标颜色（无阴影） */
html[data-bs-theme="dark"] body.home.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .nav-list a,
html[data-bs-theme="dark"] body.front-page.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .nav-list a,
html[data-bs-theme="dark"] body.home.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .action-btn,
html[data-bs-theme="dark"] body.front-page.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .action-btn,
html[data-bs-theme="dark"] body.home .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .nav-list a,
html[data-bs-theme="dark"] body.front-page .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .nav-list a,
html[data-bs-theme="dark"] body.home .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .action-btn,
html[data-bs-theme="dark"] body.front-page .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .action-btn {
    color: #ffffff !important;
}

html[data-bs-theme="dark"] body.home.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .action-btn .svg-icon,
html[data-bs-theme="dark"] body.front-page.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .action-btn .svg-icon,
html[data-bs-theme="dark"] body.home .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .action-btn .svg-icon,
html[data-bs-theme="dark"] body.front-page .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .action-btn .svg-icon {
    stroke: #ffffff !important;
}

/* 特别针对深色模式切换、搜索、通知等图标按钮 */
html[data-bs-theme="dark"] body.home.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-color,
html[data-bs-theme="dark"] body.front-page.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-color,
html[data-bs-theme="dark"] body.home .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-color,
html[data-bs-theme="dark"] body.front-page .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-color,
html[data-bs-theme="dark"] body.home.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-search,
html[data-bs-theme="dark"] body.front-page.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-search,
html[data-bs-theme="dark"] body.home .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-search,
html[data-bs-theme="dark"] body.front-page .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-search,
html[data-bs-theme="dark"] body.home.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-notify,
html[data-bs-theme="dark"] body.front-page.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-notify,
html[data-bs-theme="dark"] body.home .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-notify,
html[data-bs-theme="dark"] body.front-page .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-notify {
    color: #ffffff !important;
}

html[data-bs-theme="dark"] body.home.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-color svg,
html[data-bs-theme="dark"] body.front-page.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-color svg,
html[data-bs-theme="dark"] body.home .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-color svg,
html[data-bs-theme="dark"] body.front-page .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-color svg,
html[data-bs-theme="dark"] body.home.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-search svg,
html[data-bs-theme="dark"] body.front-page.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-search svg,
html[data-bs-theme="dark"] body.home .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-search svg,
html[data-bs-theme="dark"] body.front-page .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-search svg,
html[data-bs-theme="dark"] body.home.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-notify svg,
html[data-bs-theme="dark"] body.front-page.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-notify svg,
html[data-bs-theme="dark"] body.home .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-notify svg,
html[data-bs-theme="dark"] body.front-page .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .actions .toggle-notify svg {
    stroke: #ffffff !important;
}

/* 用户头像菜单在透明状态下的颜色（无阴影） */
html[data-bs-theme="dark"] body.home.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .action-hover-menu .avatar-warp,
html[data-bs-theme="dark"] body.front-page.header-transparent .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .action-hover-menu .avatar-warp,
html[data-bs-theme="dark"] body.home .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .action-hover-menu .avatar-warp,
html[data-bs-theme="dark"] body.front-page .site-header:not(.navbar-sticky):not(.navbar-now) .navbar .action-hover-menu .avatar-warp {
    color: #ffffff !important;
}

/* 深色主题下的登录按钮优化 */
[data-bs-theme="dark"] .navbar .actions .action-btn.login-btn {
    background-color: rgba(121, 192, 255, 0.15) !important;
    color: #79c0ff !important;
    border-radius: 20px;
    border: 1px solid rgba(121, 192, 255, 0.3);
}

[data-bs-theme="dark"] .navbar .actions .action-btn.login-btn:hover {
    background-color: rgba(121, 192, 255, 0.25) !important;
    border-color: rgba(121, 192, 255, 0.5);
    transform: translateY(-1px);
}

/* 深色主题下的搜索框优化 */
[data-bs-theme="dark"] .navbar .navbar-search {
    background-color: rgba(0, 0, 0, 0.9);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-bs-theme="dark"] .navbar .navbar-search .search-form {
    color: #e9ecef !important;
}

[data-bs-theme="dark"] .navbar .navbar-search .search-form input {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #e9ecef;
}

[data-bs-theme="dark"] .navbar .navbar-search .search-form input:focus {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(121, 192, 255, 0.5);
    color: #f8f9fa;
}

[data-bs-theme="dark"] .navbar .navbar-search .search-form button {
    background-color: rgba(121, 192, 255, 0.2);
    border: 1px solid rgba(121, 192, 255, 0.3);
    color: #79c0ff;
}

[data-bs-theme="dark"] .navbar .navbar-search .search-form button:hover {
    background-color: rgba(121, 192, 255, 0.3);
    border-color: rgba(121, 192, 255, 0.5);
}

/* 深色主题下的下拉菜单优化 */
[data-bs-theme="dark"] .navbar .nav-list .sub-menu {
    background-color: rgba(15, 15, 16, 0.95) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}

[data-bs-theme="dark"] .navbar .nav-list .sub-menu:before {
    border-bottom-color: rgba(15, 15, 16, 0.95) !important;
}

/* 深色主题下的用户菜单优化 */
[data-bs-theme="dark"] .navbar .action-hover-menu .hover-warp {
    background-color: rgba(38, 38, 43, 0.95) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}

[data-bs-theme="dark"] .navbar .action-hover-menu .hover-info {
    background: linear-gradient(135deg, rgba(15, 15, 16, 0.8), rgba(41, 41, 45, 0.6), rgba(31, 31, 36, 0.8)) !important;
}

/* 响应式优化 - 移动端 */
@media (max-width: 991.98px) {
    [data-bs-theme="dark"] .site-header {
        background-color: rgba(0, 0, 0, 0.95) !important;
        backdrop-filter: blur(20px) !important;
        -webkit-backdrop-filter: blur(20px) !important;
    }
}

/* 高分辨率屏幕优化 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    [data-bs-theme="dark"] .site-header {
        backdrop-filter: blur(20px) saturate(150%) !important;
        -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
    }
    
    [data-bs-theme="dark"] .site-header.navbar-sticky {
        backdrop-filter: blur(25px) saturate(180%) !important;
        -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    }
}

/* 滚动时的过渡效果 */
.site-header {
    transition: background 0.3s ease, 
                backdrop-filter 0.3s ease, 
                border-bottom-color 0.3s ease,
                box-shadow 0.3s ease,
                transform 0.3s ease;
}

/* 主题切换时的特殊过渡效果 */
[data-bs-theme="dark"] .site-header,
[data-bs-theme="light"] .site-header {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Safari 浏览器兼容性 */
@supports (-webkit-backdrop-filter: blur(1px)) {
    [data-bs-theme="dark"] .site-header {
        -webkit-backdrop-filter: blur(25px) saturate(180%);
    }
    
    [data-bs-theme="dark"] .site-header.navbar-sticky {
        -webkit-backdrop-filter: blur(30px) saturate(200%);
    }
}

/* Firefox 浏览器兼容性 */
@-moz-document url-prefix() {
    [data-bs-theme="dark"] .site-header {
        background-color: rgba(0, 0, 0, 0.9) !important;
    }
    
    [data-bs-theme="dark"] .site-header.navbar-sticky {
        background-color: rgba(0, 0, 0, 0.95) !important;
    }
}

/* 移动端侧边栏导航颜色修复 */
/* 亮色主题下的侧边栏 */
[data-bs-theme="light"] .slicknav_menu .slicknav_nav .menu-item > a,
[data-bs-theme="light"] .slicknav_menu .slicknav_nav .menu-item > a .slicknav_item a {
    color: #333333 !important;
}

[data-bs-theme="light"] .slicknav_menu .slicknav_nav .sub-menu > li > a {
    color: #555555 !important;
}

/* 深色主题下的侧边栏 */
[data-bs-theme="dark"] .slicknav_menu .slicknav_nav .menu-item > a,
[data-bs-theme="dark"] .slicknav_menu .slicknav_nav .menu-item > a .slicknav_item a {
    color: #e9ecef !important;
    background: #191b1d !important;
}

[data-bs-theme="dark"] .slicknav_menu .slicknav_nav .menu-item > a:hover {
    color: #ffffff !important;
    background: #25272a !important;
}

[data-bs-theme="dark"] .slicknav_menu .slicknav_nav .sub-menu {
    background: rgba(25, 27, 29, 0.95) !important;
}

[data-bs-theme="dark"] .slicknav_menu .slicknav_nav .sub-menu > li > a {
    color: #ced4da !important;
    background: #2c2e31 !important;
}

[data-bs-theme="dark"] .slicknav_menu .slicknav_nav .sub-menu > li > a:hover {
    color: #ffffff !important;
    background: #363941 !important;
}

/* 当前菜单项的颜色 */
[data-bs-theme="light"] .slicknav_menu .slicknav_nav li.current-menu-item a {
    color: #007bff !important;
}

[data-bs-theme="dark"] .slicknav_menu .slicknav_nav li.current-menu-item a {
    color: #79c0ff !important;
}

/* 侧边栏关闭按钮优化 */
[data-bs-theme="dark"] .off-canvas .canvas-close {
    color: #e9ecef !important;
}

[data-bs-theme="dark"] .off-canvas .canvas-close:hover {
    color: #ffffff !important;
}

/* 侧边栏背景优化 */
[data-bs-theme="dark"] .off-canvas {
    background-color: #1a1d23 !important;
}

/* 侧边栏小工具区域优化 */
[data-bs-theme="dark"] .off-canvas .widget-area .widget {
    background-color: #222529;
    border-radius: 8px;
}

[data-bs-theme="dark"] .off-canvas .widget-area .widget .widget-title {
    color: #e9ecef !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .off-canvas .widget-area .widget {
    color: #ced4da !important;
}

[data-bs-theme="dark"] .off-canvas .widget-area .widget a {
    color: #79c0ff !important;
}

[data-bs-theme="dark"] .off-canvas .widget-area .widget a:hover {
    color: #a3d5ff !important;
}

/* 修复移动端侧边栏遮罩层问题 */
/* 确保遮罩层在侧边栏关闭后正确隐藏，并覆盖所有页面内容包括顶部导航栏 */
.dimmer {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 99999 !important; /* 极高层级，确保覆盖所有内容包括导航栏 */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* 侧边栏打开时显示遮罩层 */
body.canvas-opened .dimmer {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    display: block !important;
}

/* 强制确保遮罩层在侧边栏关闭后隐藏 */
body:not(.canvas-opened) .dimmer {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    display: none !important;
}

body:not(.canvas-visible) .dimmer {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    display: none !important;
}

/* 侧边栏位置和层级优化 */
.off-canvas {
    z-index: 100000 !important; /* 最高层级，确保在遮罩层之上 */
    position: fixed !important;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 350px;
    height: 100vh;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    box-shadow: -5px 0 25px rgba(0, 0, 0, 0.3);
}

/* 侧边栏显示状态 */
.canvas-opened .off-canvas {
    transform: translateX(0) !important;
    visibility: visible !important;
}

/* 页面滚动控制 */
body.canvas-opened {
    overflow: hidden !important;
}

/* 确保页面在侧边栏关闭后恢复正常滚动 */
body:not(.canvas-opened) {
    overflow-y: auto !important;
}

body:not(.canvas-visible) {
    overflow-y: auto !important;
}

/* 关闭按钮优化 */
.off-canvas .canvas-close {
    z-index: 100001 !important; /* 确保关闭按钮在最顶层 */
    position: absolute !important;
    right: 15px;
    top: 15px;
    width: 40px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    transition: all 0.3s ease;
    cursor: pointer;
    pointer-events: auto !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.off-canvas .canvas-close:hover {
    background: rgba(0, 0, 0, 0.05);
}

[data-bs-theme="dark"] .off-canvas .canvas-close {
    background: rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .off-canvas .canvas-close:hover {
    background: rgba(255, 255, 255, 0.3) !important;
}

/* 侧边栏内容确保在正确层级 */
.off-canvas .slicknav_menu,
.off-canvas .widget-area {
    position: relative;
    z-index: 100002;
}

/* 增强遮罩层视觉效果 */
body.canvas-opened .dimmer {
    background: rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

/* 确保遮罩层可点击关闭侧边栏 */
.dimmer {
    cursor: pointer;
}

/* 防止侧边栏内容区域点击关闭侧边栏 */
.off-canvas .slicknav_menu,
.off-canvas .widget-area {
    pointer-events: auto !important;
}

/* 导航栏层级控制 - 确保在侧边栏打开时被遮罩层覆盖 */
.site-header {
    z-index: 1000;
}

.site-header.navbar-sticky {
    z-index: 1001;
}

/* 侧边栏打开时，强制降低导航栏层级确保被遮罩层覆盖 */
body.canvas-opened .site-header,
body.canvas-opened .site-header.navbar-sticky {
    z-index: 100 !important; /* 远低于遮罩层的z-index: 99999 */
    position: relative !important;
}

/* 强制覆盖任何可能的高z-index导航栏样式 */
body.canvas-opened header.site-header,
body.canvas-opened header.site-header.navbar-sticky,
body.canvas-opened .navbar,
body.canvas-opened .site-header .container,
body.canvas-opened .site-header .navbar {
    z-index: 100 !important;
    position: relative !important;
}

/* 移动端特殊处理 */
@media (max-width: 767.98px) {
    .off-canvas {
        width: 100% !important;
        max-width: 300px !important;
    }
}

/* 强制确保页面交互在侧边栏关闭后恢复 */
body:not(.canvas-opened):not(.canvas-visible) {
    pointer-events: auto !important;
}

/* 修复可能的交互阻塞问题 */
body:not(.canvas-opened) *:not(.dimmer) {
    pointer-events: auto !important;
}

/* 确保主内容区域在侧边栏关闭后可交互 */
body:not(.canvas-opened) main,
body:not(.canvas-opened) .site-header,
body:not(.canvas-opened) footer {
    pointer-events: auto !important;
}

/* 侧边栏打开时的其他元素层级控制 */
body.canvas-opened .back-top {
    z-index: 9990 !important; /* 确保返回顶部按钮在遮罩层下方 */
}

body.canvas-opened .ri-popup,
body.canvas-opened .ri-notice {
    z-index: 10002 !important; /* 确保弹窗和通知在侧边栏之上 */
}

/* 防止其他固定元素干扰侧边栏 */
body.canvas-opened [class*="sticky"],
body.canvas-opened [class*="fixed"]:not(.dimmer):not(.off-canvas):not(.off-canvas *) {
    z-index: 50 !important;
}

/* 强制所有可能的导航栏相关元素在侧边栏打开时降低层级 */
body.canvas-opened .site-header *,
body.canvas-opened .navbar *,
body.canvas-opened header *,
body.canvas-opened [class*="header"] *,
body.canvas-opened [class*="nav"] *:not(.off-canvas *):not(.dimmer) {
    z-index: auto !important;
    position: relative !important;
}

/* 最终保险：确保遮罩层绝对在最顶层（除了侧边栏） */
body.canvas-opened .dimmer {
    z-index: 99999 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

/* 确保遮罩层不被任何元素覆盖 */
body.canvas-opened .dimmer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: 1;
}