/**
 * 设置面板独立配色系统 - 强制夜间模式
 * 与主页面完全分离，固定使用夜间模式配置
 */

/* ========== 强制夜间模式配置 ========== */
:root {
    /* 设置面板专用颜色系统 - 夜间模式 */
    --settings-text-primary: #e4e7ed;
    --settings-text-heading: #f2f6fc;
    --settings-text-secondary: #cfcfcf;
    --settings-text-tertiary: #909399;
    --settings-text-active: #ffffff;
    
    /* 设置面板背景系统 - 夜间模式 */
    --settings-bg-primary: #1e1e1e;
    --settings-bg-secondary: #252525;
    --settings-bg-tertiary: #2a2a2a;
    --settings-bg-active: #333333;
    --settings-bg-hover: #2c2c2c;
    
    /* 设置面板边框系统 - 夜间模式 */
    --settings-bg-border: #404244;
    --settings-border-light: #363636;
    --settings-border-active: #409eff;
    
    /* 设置面板交互色 - 夜间模式 */
    --settings-link-color: #409eff;
    --settings-link-hover: #66b1ff;
    --settings-focus-color: #409eff;
    --settings-success-color: #67c23a;
    --settings-warning-color: #e6a23c;
    --settings-error-color: #f56c6c;
    
    /* 设置面板阴影系统 - 夜间模式 */
    --settings-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.2);
    --settings-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);
    --settings-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.4);
    
    /* 设置面板遮罩 - 夜间模式 */
    --settings-mask-bg: rgba(0, 0, 0, 0.7);
}

/* ========== 设置面板独立变量映射 ========== */
/* 确保设置面板使用专用变量，避免主页面干扰 */
body .settings-panel,
body .settings-content,
body .settings-sidebar,
body .settings-header,
body .settings-menu,
body .settings-section {
    /* 覆盖主页面变量为设置面板专用变量 */
    --text-color: var(--settings-text-primary) !important;
    --text-heading: var(--settings-text-heading) !important;
    --text-secondary: var(--settings-text-secondary) !important;
    --text-tertiary: var(--settings-text-tertiary) !important;
    --active-text-color: var(--settings-text-active) !important;
    
    --bg-primary: var(--settings-bg-primary) !important;
    --bg-secondary: var(--settings-bg-secondary) !important;
    --bg-tertiary: var(--settings-bg-tertiary) !important;
    --bg-active: var(--settings-bg-active) !important;
    --hover-bg: var(--settings-bg-hover) !important;
    
    --bg-border: var(--settings-bg-border) !important;
    --border-light: var(--settings-border-light) !important;
    --border-active: var(--settings-border-active) !important;
    --link-color: var(--settings-link-color) !important;
    --link-hover: var(--settings-link-hover) !important;
    --focus-color: var(--settings-focus-color) !important;
    --success-color: var(--settings-success-color) !important;
    --warning-color: var(--settings-warning-color) !important;
    --error-color: var(--settings-error-color) !important;
    
    --shadow-sm: var(--settings-shadow-sm) !important;
    --shadow-md: var(--settings-shadow-md) !important;
    --shadow-lg: var(--settings-shadow-lg) !important;
}

/* 确保设置面板所有子元素也使用专用变量 */
body .settings-panel *,
body .settings-content *,
body .settings-sidebar *,
body .settings-header *,
body .settings-menu *,
body .settings-section * {
    --text-color: var(--settings-text-primary) !important;
    --text-heading: var(--settings-text-heading) !important;
    --text-secondary: var(--settings-text-secondary) !important;
    --text-tertiary: var(--settings-text-tertiary) !important;
    --active-text-color: var(--settings-text-active) !important;
    
    --bg-primary: var(--settings-bg-primary) !important;
    --bg-secondary: var(--settings-bg-secondary) !important;
    --bg-tertiary: var(--settings-bg-tertiary) !important;
    --bg-active: var(--settings-bg-active) !important;
    --hover-bg: var(--settings-bg-hover) !important;
    
    --bg-border: var(--settings-bg-border) !important;
    --border-light: var(--settings-border-light) !important;
    --border-active: var(--settings-border-active) !important;
    --link-color: var(--settings-link-color) !important;
    --link-hover: var(--settings-link-hover) !important;
    --focus-color: var(--settings-focus-color) !important;
    --success-color: var(--settings-success-color) !important;
    --warning-color: var(--settings-warning-color) !important;
    --error-color: var(--settings-error-color) !important;
    
    --shadow-sm: var(--settings-shadow-sm) !important;
    --shadow-md: var(--settings-shadow-md) !important;
    --shadow-lg: var(--settings-shadow-lg) !important;
}

/* 遮罩层独立设置 */
body .settings-mask {
    background: var(--settings-mask-bg) !important;
}

/* ========== 强制夜间模式颜色回退保护 ========== */
/* 如果变量系统失效，使用硬编码夜间模式颜色作为保护 */
body .settings-panel,
body .settings-content,
body .settings-sidebar,
body .settings-header,
body .settings-menu,
body .settings-section {
    /* 确保夜间模式基本可见性 */
    color: #e4e7ed !important;
    background-color: #1e1e1e !important;
    border-color: #404244 !important;
}

/* 夜间模式标题回退 */
body .settings-panel h1, body .settings-panel h2, body .settings-panel h3, 
body .settings-panel h4, body .settings-panel h5, body .settings-panel h6,
body .settings-content h1, body .settings-content h2, body .settings-content h3,
body .settings-content h4, body .settings-content h5, body .settings-content h6,
body .settings-sidebar h1, body .settings-sidebar h2, body .settings-sidebar h3,
body .settings-sidebar h4, body .settings-sidebar h5, body .settings-sidebar h6 {
    color: #f2f6fc !important;
}

/* 夜间模式次要文本回退 */
body .settings-panel .secondary, body .settings-panel .muted,
body .settings-content .secondary, body .settings-content .muted,
body .settings-sidebar .secondary, body .settings-sidebar .muted {
    color: #cfcfcf !important;
}

/* 移除所有与系统主题相关的条件样式 */
body .settings-panel *,
body .settings-content *,
body .settings-sidebar *,
body .settings-header *,
body .settings-menu *,
body .settings-section * {
    /* 强制使用夜间模式变量，不受外部主题影响 */
    --text-color: var(--settings-text-primary) !important;
    --text-heading: var(--settings-text-heading) !important;
    --text-secondary: var(--settings-text-secondary) !important;
    --text-tertiary: var(--settings-text-tertiary) !important;
    --active-text-color: var(--settings-text-active) !important;
    
    --bg-primary: var(--settings-bg-primary) !important;
    --bg-secondary: var(--settings-bg-secondary) !important;
    --bg-tertiary: var(--settings-bg-tertiary) !important;
    --bg-active: var(--settings-bg-active) !important;
    --hover-bg: var(--settings-bg-hover) !important;
    
    --bg-border: var(--settings-bg-border) !important;
    --border-light: var(--settings-border-light) !important;
    --border-active: var(--settings-border-active) !important;
    --link-color: var(--settings-link-color) !important;
    --link-hover: var(--settings-link-hover) !important;
    --focus-color: var(--settings-focus-color) !important;
    --success-color: var(--settings-success-color) !important;
    --warning-color: var(--settings-warning-color) !important;
    --error-color: var(--settings-error-color) !important;
    
    --shadow-sm: var(--settings-shadow-sm) !important;
    --shadow-md: var(--settings-shadow-md) !important;
    --shadow-lg: var(--settings-shadow-lg) !important;
}

/* 专门针对头像和头部信息的强制夜间模式控制 */
body .settings-panel .settings-avatar,
body .settings-sidebar .settings-avatar {
    background-color: var(--settings-bg-primary) !important;
    border-color: var(--settings-bg-border) !important;
    box-shadow: none !important;
    /* 确保不受任何外部样式影响 */
    filter: none !important;
    opacity: 1 !important;
}

/* 专门针对头像下方文字的强制夜间模式控制 */
body .settings-panel .settings-info,
body .settings-sidebar .settings-info,
body .settings-panel .settings-name,
body .settings-sidebar .settings-name,
body .settings-panel .settings-status,
body .settings-sidebar .settings-status {
    color: var(--settings-text-primary) !important;
    background-color: transparent !important;
    /* 确保不受任何外部样式影响 */
    filter: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

/* 菜单项和菜单内容的强制夜间模式控制 */
body .settings-panel .settings-menu-item,
body .settings-sidebar .settings-menu-item,
body .settings-panel .settings-menu-label,
body .settings-sidebar .settings-menu-label,
body .settings-panel .settings-content *,
body .settings-sidebar .settings-content * {
    color: var(--settings-text-primary) !important;
    background-color: transparent !important;
    /* 确保不受任何外部样式影响 */
    filter: none !important;
    text-shadow: none !important;
}