/* =================================================================== */
/* 1. 字体与图标库 (Typography & Icons)                                 */
/* =================================================================== */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v276/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2) format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/* =================================================================== */
/* 2. 全局变量与三阶色彩体系 (The Three-Tier Density System)             */
/* =================================================================== */
:root {
  --menu-padding-y: 0.5rem;
  --menu-padding-x: 1.0rem;
  --menu-font-size: 0.95rem;
  --submenu-btn-padding-y: 0.45rem;
  --submenu-btn-font-size: 0.9rem;
  --sub-submenu-btn-padding-y: 0.4rem;
  --sub-submenu-btn-padding-x: 1.0rem;
  --sub-submenu-btn-font-size: 0.85rem;
  --l4-btn-padding-y: 0.35rem;
  --l4-btn-padding-x: 1.0rem;
  --l4-btn-font-size: 0.8rem;
  
  /* --- 三阶色彩密度桥接变量 (默认回退) --- */
  --global-bg-color: #ffffff;      
  --global-panel-bg: #f3f4f6;      
  --global-border-color: #d1d5db;  
  --input-border-color: #cccccc;   
  --global-text-color: #212529;
  --theme-accent-color: #3b5a9d;   /* 全局默认主题点缀色 */
}

.btn,
.form-control,
.form-select,
.input-group,
.input-group-text,
.nav-tabs .nav-link,
.card,
.modal-content,
.dropdown-menu {
  border-radius: 0 !important;
}

/* =================================================================== */
/* 8. 主题色彩密度阶梯定义 (All 14 Themes Unabridged)                    */
/* =================================================================== */
/* --- 1. Classical Silver --- */
[data-theme='isotope-silver'] {
  --global-bg-color: #ffffff;      
  --global-panel-bg: #f8f9fa;      
  --global-border-color: #dee2e6;  
  --input-border-color: #ced4da;   
  --lattice-ui-color: #000000;
  --global-text-color: #212529;
  --theme-accent-color: #007aff;   /* 经典苹果蓝 */

  /* Level 1: 中度金属银灰 (加深以奠定沉稳基调) */
  --menu-bg: #c2c7d0;              
  --menu-hover-bg: #adb5bd;
  --menu-open-bg: #adb5bd;
  --menu-text-color: #1c1e21 !important; 
  --menu-border-color: #adb5bd;

  /* Level 2: 浅金属银 */
  --submenu-btn-bg: #d6dbe0;
  --submenu-btn-hover-bg: #c2c7d0;
  --submenu-btn-text-color: #212529;
  --submenu-btn-border-color: #c2c7d0;

  /* Level 3: 亮银色 (平滑过渡) */
  --sub-submenu-btn-bg: #e9ecef;           
  --sub-submenu-btn-hover-bg: #d6dbe0;
  --sub-submenu-btn-text-color: #343a40;    
  --sub-submenu-btn-border-color: #dee2e6;

  /* Level 4: 极浅银白 (保持原有的清透感) */
  --l4-btn-bg: #f8f9fa; 
  --l4-btn-hover-bg: #ffffff;       
  --l4-btn-text-color: #007aff; 
  --l4-btn-border-color: #e9ecef;
}

/* --- 2. Twilight Blue (默认) --- */
:root, [data-theme='twilight-blue'] {
  --global-bg-color: #f4f7fa; 
  --global-panel-bg: #e4ecf7; 
  --global-border-color: #d1dceb; 
  --lattice-ui-color: #000000;
  --theme-accent-color: #3b5a9d;
  
  --menu-bg: #3b5a9d;
  --menu-hover-bg: #2f487d;
  --menu-open-bg: #283d6a;
  --menu-text-color: #ffffff;
  --menu-border-color: #5d7bc7;

  --submenu-btn-bg: #4a6db2;
  --submenu-btn-hover-bg: #405c98;
  --submenu-btn-text-color: #ffffff;
  --submenu-btn-border-color: #6c88c0;

  --sub-submenu-btn-bg: #e2eaf4;           
  --sub-submenu-btn-hover-bg: #cbdcf2;      
  --sub-submenu-btn-text-color: #000000;    
  --sub-submenu-btn-border-color: #c9d8eb;  
  
  --l4-btn-bg: #e4ecf7; 
  --l4-btn-hover-bg: #5678bb;
  --l4-btn-text-color: #283d6a; 
  --l4-btn-border-color: #d1dceb;
}

/* --- 3. Graphite Gray --- */
[data-theme='graphite-gray'] {
  --global-bg-color: #f5f6f7; 
  --global-panel-bg: #e9ebec; 
  --global-border-color: #d8dadd; 
  --lattice-ui-color: #000000;
  --theme-accent-color: #5A7EAA;
  
  --menu-bg: #3E434B;                
  --menu-hover-bg: #5A7EAA;
  --menu-open-bg: #3E5E85;
  --menu-text-color: #ffffff;
  --menu-border-color: #7C98B8;
  
  --submenu-btn-bg: #4a4f58;           
  --submenu-btn-hover-bg: #3e434b;      
  --submenu-btn-text-color: #ffffff;
  --submenu-btn-border-color: #5d646e;  

  --sub-submenu-btn-bg: #e2e4e7;
  --sub-submenu-btn-hover-bg: #d1d4d9;
  --sub-submenu-btn-text-color: #000000;
  --sub-submenu-btn-border-color: #cfd3d9;

  --l4-btn-bg: #e9ebec; 
  --l4-btn-hover-bg: #4a515a;
  --l4-btn-text-color: #3E434B;
  --l4-btn-border-color: #d8dadd;
}

/* --- 4. Starlight Blue --- */
[data-theme='starlight-blue'] {
  --global-bg-color: #f0f5fd; 
  --global-panel-bg: #e8f0fe; 
  --global-border-color: #d2e3fc; 
  --lattice-ui-color: #000000;
  --theme-accent-color: #4285f4;
  
  --menu-bg: #3b5a9d;
  --menu-hover-bg: #2f487d;
  --menu-open-bg: #283d6a;
  --menu-text-color: #ffffff;
  --menu-border-color: #5d7bc7;

  --submenu-btn-bg: #4285f4;
  --submenu-btn-hover-bg: #3367d6;
  --submenu-btn-text-color: #ffffff;
  --submenu-btn-border-color: #5d7bc7;

  --sub-submenu-btn-bg: #a8c7fa;           
  --sub-submenu-btn-hover-bg: #8ab4f8;      
  --sub-submenu-btn-text-color: #000000;    
  --sub-submenu-btn-border-color: #c4d7f9;  

  --l4-btn-bg: #e8f0fe; 
  --l4-btn-hover-bg: #5a94f6;
  --l4-btn-text-color: #283d6a;
  --l4-btn-border-color: #d2e3fc;
}

/* --- 5. Forest Green --- */
[data-theme='forest-green'] {
  --global-bg-color: #f2fbf8; 
  --global-panel-bg: #eafaf5; 
  --global-border-color: #ccebe1; 
  --lattice-ui-color: #000000;
  --theme-accent-color: #008063;
  
  --menu-bg: #008063;
  --menu-hover-bg: #006b53;
  --menu-open-bg: #005945;
  --menu-text-color: #ffffff;
  --menu-border-color: #009977;

  --submenu-btn-bg: #219b7d;
  --submenu-btn-hover-bg: #188569;
  --submenu-btn-text-color: #ffffff;
  --submenu-btn-border-color: #36b595;

  --sub-submenu-btn-bg: #c1e8dc;           
  --sub-submenu-btn-hover-bg: #a8d9cb;      
  --sub-submenu-btn-text-color: #000000;    
  --sub-submenu-btn-border-color: #9bd2c2;  

  --l4-btn-bg: #eafaf5;              
  --l4-btn-hover-bg: #d4f2e8;
  --l4-btn-text-color: #003326;      
  --l4-btn-border-color: #ccebe1;
}

/* --- 6. Sakura Pink --- */
[data-theme='sakura-pink'] {
  --global-bg-color: #fff6f9; 
  --global-panel-bg: #fdf2f6; 
  --global-border-color: #f9dbe6; 
  --lattice-ui-color: #000000;
  --theme-accent-color: #d87093;
  
  --menu-bg: #d87093;
  --menu-hover-bg: #c76386;
  --menu-open-bg: #b35878;
  --menu-text-color: #ffffff;
  --menu-border-color: #e68aa8;

  --submenu-btn-bg: #db7093;
  --submenu-btn-hover-bg: #c76386;
  --submenu-btn-text-color: #ffffff;
  --submenu-btn-border-color: #e68aa8;

  --sub-submenu-btn-bg: #f9e1e9;           
  --sub-submenu-btn-hover-bg: #f5cedb;      
  --sub-submenu-btn-text-color: #000000;    
  --sub-submenu-btn-border-color: #fcecf2;  

  --l4-btn-bg: #fdf2f6; 
  --l4-btn-hover-bg: #e082a2;
  --l4-btn-text-color: #b35878;
  --l4-btn-border-color: #f9dbe6;
}

/* --- 7. Jade Green --- */
[data-theme='jade-green'] {
  --global-bg-color: #f6fbfa; 
  --global-panel-bg: #f1f8f6; 
  --global-border-color: #d2ede5; 
  --lattice-ui-color: #000000;
  --theme-accent-color: #2C756C;
  
  --menu-bg: #2C756C; 
  --menu-hover-bg: #224D48;
  --menu-open-bg: #224D48;
  --menu-text-color: #F3FAF8;
  --menu-border-color: #53AE9F;

  --submenu-btn-bg: #53AE9F;
  --submenu-btn-hover-bg: #2C756C;
  --submenu-btn-text-color: #F3FAF8;
  --submenu-btn-border-color: #AEE1D5;

  --sub-submenu-btn-bg: #d4ede7;           
  --sub-submenu-btn-hover-bg: #bce3d9;      
  --sub-submenu-btn-text-color: #000000;    
  --sub-submenu-btn-border-color: #c1e6de;  

  --l4-btn-bg: #AEE1D5; 
  --l4-btn-hover-bg: #63baac;
  --l4-btn-text-color: #224D48;
  --l4-btn-border-color: #d2ede5;
}

/* --- 8. Purple Begonia --- */
[data-theme='purple-begonia'] {
  --global-bg-color: #fef5fd; 
  --global-panel-bg: #fcebfa; 
  --global-border-color: #f4ccf1; 
  --lattice-ui-color: #000000;
  --theme-accent-color: #95138D; /* 保持原有的点缀色 */
  
  /* Level 1: 深紫 */
  --menu-bg: #7A1572;
  --menu-hover-bg: #56004F;
  --menu-open-bg: #56004F;
  --menu-text-color: #FFF3FF;
  --menu-border-color: #95138D;

  /* Level 2: 中紫 (已提亮，增加对比度) */
  --submenu-btn-bg: #B714AF; 
  --submenu-btn-hover-bg: #95138D;
  --submenu-btn-text-color: #ffffff;
  --submenu-btn-border-color: #CC7EB1;

  /* Level 3: 浅薰衣草 */
  --sub-submenu-btn-bg: #f5e6f4;           
  --sub-submenu-btn-hover-bg: #edd1ec;      
  --sub-submenu-btn-text-color: #000000;    
  --sub-submenu-btn-border-color: #f0dcf0;  

  /* Level 4: 极浅粉 */
  --l4-btn-bg: #fcebfa; 
  --l4-btn-hover-bg: #A814A2;
  --l4-btn-text-color: #56004F;
  --l4-btn-border-color: #f4ccf1;
}

/* --- 9. Lilac Blue --- */
[data-theme='lilac-blue'] {
  --global-bg-color: #f6f3fb; 
  --global-panel-bg: #f0ebf8; 
  --global-border-color: #ded4f0; 
  --lattice-ui-color: #000000;
  --theme-accent-color: #6F4DB4;
  
  --menu-bg: #5D4196;
  --menu-hover-bg: #4D367C;
  --menu-open-bg: #4D367C;
  --menu-text-color: #F7F6FC;
  --menu-border-color: #6F4DB4;

  --submenu-btn-bg: #6F4DB4;
  --submenu-btn-hover-bg: #5D4196;
  --submenu-btn-text-color: #F7F6FC;
  --submenu-btn-border-color: #8060C7;

  --sub-submenu-btn-bg: #e6def3;           
  --sub-submenu-btn-hover-bg: #d7caec;      
  --sub-submenu-btn-text-color: #000000;    
  --sub-submenu-btn-border-color: #d1c1eb;  

  --l4-btn-bg: #f0ebf8; 
  --l4-btn-hover-bg: #7a58c2;
  --l4-btn-text-color: #4D367C;
  --l4-btn-border-color: #ded4f0;
}

/* --- 10. Cyan Gradient --- */
[data-theme='cyan-gradient'] {
  --global-bg-color: #eefafa; 
  --global-panel-bg: #e2f6f6; 
  --global-border-color: #bff8f6; 
  --lattice-ui-color: #000000;
  --theme-accent-color: #22BCC0;
  
  --menu-bg: #166E74;
  --menu-hover-bg: #14464A;
  --menu-open-bg: #14464A;
  --menu-text-color: #FFFFFF;
  --menu-border-color: #22BCC0;

  --submenu-btn-bg: #22BCC0;
  --submenu-btn-hover-bg: #166E74;
  --submenu-btn-text-color: #FFFFFF; 
  --submenu-btn-border-color: #53F4EF;

  --sub-submenu-btn-bg: #c9f2f3;           
  --sub-submenu-btn-hover-bg: #afe8e9;      
  --sub-submenu-btn-text-color: #000000;    
  --sub-submenu-btn-border-color: #b2e8e9;  

  --l4-btn-bg: #53F4EF; 
  --l4-btn-hover-bg: #28ccd0;
  --l4-btn-text-color: #14464A;
  --l4-btn-border-color: #bff8f6;
}

/* --- 11. Royal Blue --- */
[data-theme='royal-blue'] {
  --global-bg-color: #f4f7fd; 
  --global-panel-bg: #eef3fc; 
  --global-border-color: #cce6fe; 
  --lattice-ui-color: #000000;
  --theme-accent-color: #35508a;
  
  --menu-bg: #1e2f55;              
  --menu-hover-bg: #162442;         
  --menu-open-bg: #162442;          
  --menu-text-color: #d0edfe;       
  --menu-border-color: #2b3e66;     

  --submenu-btn-bg: #35508a;           
  --submenu-btn-hover-bg: #2a4173;      
  --submenu-btn-text-color: #ffffff;    
  --submenu-btn-border-color: #4a66a3;  

  --sub-submenu-btn-bg: #d2e3fc;           
  --sub-submenu-btn-hover-bg: #adcbf7;      
  --sub-submenu-btn-text-color: #000000;    
  --sub-submenu-btn-border-color: #b9d4fd;  

  --l4-btn-bg: #7DC3FB; 
  --l4-btn-hover-bg: #4684f8;
  --l4-btn-text-color: #133790;
  --l4-btn-border-color: #cce6fe;
}

/* --- 12. Misty Blue --- */
[data-theme='misty-blue'] {
  --global-bg-color: #f4f6fc; 
  --global-panel-bg: #eceef9; 
  --global-border-color: #dae2f2; 
  --lattice-ui-color: #000000;
  --theme-accent-color: #6775C4;
  
  --menu-bg: #48528B;
  --menu-hover-bg: #252941;
  --menu-open-bg: #252941;
  --menu-text-color: #FFFFFF;
  --menu-border-color: #6775C4;

  --submenu-btn-bg: #6775C4;
  --submenu-btn-hover-bg: #48528B;
  --submenu-btn-text-color: #FFFFFF;
  --submenu-btn-border-color: #9AAEDF;

  --sub-submenu-btn-bg: #e2e6f9;           
  --sub-submenu-btn-hover-bg: #ced5f5;      
  --sub-submenu-btn-text-color: #000000;    
  --sub-submenu-btn-border-color: #d1d9f7;  

  --l4-btn-bg: #9AAEDF; 
  --l4-btn-hover-bg: #7582d0;
  --l4-btn-text-color: #252941;
  --l4-btn-border-color: #dae2f2;
}

/* --- 13. Ocean Blue --- */
[data-theme='ocean-blue'] {
  --global-bg-color: #f2f7fc; 
  --global-panel-bg: #e8f2fa; 
  --global-border-color: #e1ecf4; 
  --lattice-ui-color: #000000;
  --theme-accent-color: #356994;
  
  --menu-bg: #356994;
  --menu-hover-bg: #284864;
  --menu-open-bg: #284864;
  --menu-text-color: #FFFFFF;
  --menu-border-color: #6A9FC6;

  --submenu-btn-bg: #6A9FC6;
  --submenu-btn-hover-bg: #356994;
  --submenu-btn-text-color: #FFFFFF;
  --submenu-btn-border-color: #CBDDEC;

  --sub-submenu-btn-bg: #d9eaf7;           
  --sub-submenu-btn-hover-bg: #c5dcf0;      
  --sub-submenu-btn-text-color: #000000;    
  --sub-submenu-btn-border-color: #c8dff2;  

  --l4-btn-bg: #CBDDEC; 
  --l4-btn-hover-bg: #7baed4;
  --l4-btn-text-color: #284864;
  --l4-btn-border-color: #e1ecf4;
}

/* --- 14. Vintage Crimson (复古砖红) --- */
[data-theme='vintage-crimson'] {
  --global-bg-color: #FDF6F7;        
  --global-panel-bg: #F4D3D7;        
  --global-border-color: #E8ACB3;    
  --lattice-ui-color: #000000;
  --theme-accent-color: #851321;     

  /* Level 1: 勃艮第暗红 */
  --menu-bg: #851321;                
  --menu-hover-bg: #6B0F1A;          
  --menu-open-bg: #6B0F1A;
  --menu-text-color: #ffffff;
  --menu-border-color: #DC566F;      

  /* Level 2: 复古砖红 */
  --submenu-btn-bg: #DC566F;         
  --submenu-btn-hover-bg: #851321;
  --submenu-btn-text-color: #ffffff;
  --submenu-btn-border-color: #E69EAB; 

  /* Level 3: 极浅玫瑰粉 (进一步提亮，视觉更清爽) */
  --sub-submenu-btn-bg: #E69EAB;     
  --sub-submenu-btn-hover-bg: #DC566F;
  --sub-submenu-btn-text-color: #000000; /* 背景变浅，文字改为黑色以保证对比度 */
  --sub-submenu-btn-border-color: #E8ACB3;

  /* Level 4: 灰粉色 */
  --l4-btn-bg: #E8ACB3;              
  --l4-btn-hover-bg: #F4D3D7;
  --l4-btn-text-color: #851321;      
  --l4-btn-border-color: #F4D3D7;
}

/* --- 15. Blush Macaron (马卡龙绯粉) --- */
[data-theme='blush-macaron'] {
  --global-bg-color: #FDF8FA;        /* 几近于白的冷粉 (底层基底) */
  --global-panel-bg: #FBF1F5;        /* 极浅绯粉 (面板/输入框) */
  --global-border-color: #F9E7E6;    /* 奶霜粉 (全局分割线) */
  --lattice-ui-color: #000000;
  --theme-accent-color: #EC88A3;     /* 浆果粉 (滑块/开关/强调色) */

  --menu-bg: #EC88A3;                /* L1: 浆果粉 */
  --menu-hover-bg: #E0718E;          /* L1 Hover */
  --menu-open-bg: #E0718E;
  --menu-text-color: #ffffff;
  --menu-border-color: #F2AEBC;

  --submenu-btn-bg: #F2AEBC;         /* L2: 柔绯粉 */
  --submenu-btn-hover-bg: #EC88A3;
  --submenu-btn-text-color: #ffffff;
  --submenu-btn-border-color: #F6CCD4;

  --sub-submenu-btn-bg: #F6CCD4;     /* L3: 浅樱粉 */
  --sub-submenu-btn-hover-bg: #EBB5BF;
  --sub-submenu-btn-text-color: #000000;
  --sub-submenu-btn-border-color: #F9E7E6;

  --l4-btn-bg: #F9E7E6;              /* L4: 奶霜粉 */
  --l4-btn-hover-bg: #FBF1F5;
  --l4-btn-text-color: #EC88A3;      /* 文字呼应主色调 */
  --l4-btn-border-color: #FBF1F5;
}

/* --- 16. Dusty Lavender (烟熏灰紫) --- */
[data-theme='dusty-lavender'] {
  --global-bg-color: #FFFAFA;        /* 暖白 (底层基底) */
  --global-panel-bg: #FEF0F0;        /* 极浅暖灰紫 (面板/输入框) */
  --global-border-color: #E8D2DA;    /* 藕粉灰 (全局分割线) */
  --lattice-ui-color: #000000;
  --theme-accent-color: #A25C8F;     /* 烟熏深紫 (滑块/开关/强调色) */

  /* Level 1: 烟熏深紫 */
  --menu-bg: #A25C8F;                
  --menu-hover-bg: #8C4C7A;          
  --menu-open-bg: #8C4C7A;
  --menu-text-color: #ffffff;
  --menu-border-color: #CB7EB3;

  /* Level 2: 中度灰紫 */
  --submenu-btn-bg: #CB7EB3;         
  --submenu-btn-hover-bg: #A25C8F;
  --submenu-btn-text-color: #ffffff;
  --submenu-btn-border-color: #DCC9D2; 

  /* Level 3: 提亮后的浅灰紫 (更具呼吸感) */
  --sub-submenu-btn-bg: #E5CCD6;     
  --sub-submenu-btn-hover-bg: #CB7EB3;
  --sub-submenu-btn-text-color: #000000;
  --sub-submenu-btn-border-color: #E8D2DA;

  /* Level 4: 藕粉灰 */
  --l4-btn-bg: #E8D2DA;              
  --l4-btn-hover-bg: #DCBCC6;
  --l4-btn-text-color: #A25C8F;      
  --l4-btn-border-color: #FEF0F0;
}

/* --- 17. Denim Frost (丹宁霜蓝 - 修复版) --- */
[data-theme='denim-frost'] {
  --global-bg-color: #F4F7F9;        
  --global-panel-bg: #E1E8F0;        /* 微调：让面板底色更柔和，配合冷霜感 */
  --global-border-color: #C1D1E3;    
  --lattice-ui-color: #000000;
  --theme-accent-color: #415883;     

  /* Level 1: Denim Dark Blue (经典丹宁原色) */
  --menu-bg: #415883;                
  --menu-hover-bg: #2E4061;          
  --menu-open-bg: #2E4061;
  --menu-text-color: #ffffff;
  --menu-border-color: #6A82AB;

  /* Level 2: Washed Denim (水洗丹宁，完美的同色系降暗) */
  --submenu-btn-bg: #6A82AB;         
  --submenu-btn-hover-bg: #415883;
  --submenu-btn-text-color: #ffffff;
  --submenu-btn-border-color: #98ADCE; 

  /* Level 3: Frost Blue (霜蓝色，清透且承上启下) */
  --sub-submenu-btn-bg: #98ADCE;     
  --sub-submenu-btn-hover-bg: #6A82AB;
  --sub-submenu-btn-text-color: #000000;
  --sub-submenu-btn-border-color: #C1D1E3;

  /* Level 4: Pale Frost (极浅冰灰蓝，与底色完美融合) */
  --l4-btn-bg: #C1D1E3;              
  --l4-btn-hover-bg: #98ADCE;
  --l4-btn-text-color: #2E4061;      
  --l4-btn-border-color: #E1E8F0;
}

/* --- 18. Emerald Sea (翡翠深海) --- */
[data-theme='emerald-sea'] {
  --global-bg-color: #F0FCFA;        
  --global-panel-bg: #DDF4F1;        
  --global-border-color: #A7E8E2;    
  --lattice-ui-color: #000000;
  --theme-accent-color: #1B5F59;     

  --menu-bg: #1B5F59;                
  --menu-hover-bg: #11423E;          
  --menu-open-bg: #11423E;
  --menu-text-color: #ffffff;
  --menu-border-color: #478074;

  --submenu-btn-bg: #478074;         
  --submenu-btn-hover-bg: #1B5F59;
  --submenu-btn-text-color: #ffffff;
  --submenu-btn-border-color: #659CB2;

  --sub-submenu-btn-bg: #9ED1D8;     
  --sub-submenu-btn-hover-bg: #478074;
  --sub-submenu-btn-text-color: #000000;
  --sub-submenu-btn-border-color: #84BEC8;

  --l4-btn-bg: #84BEC8;              
  --l4-btn-hover-bg: #A7E8E2;
  --l4-btn-text-color: #11423E;      
  --l4-btn-border-color: #A7E8E2;
}


/* =================================================================== */
/* 21. 暗黑模式全局覆盖 (Geek Dark Theme)                                */
/* =================================================================== */
[data-theme='geek-dark'] {
  --lattice-ui-color: #ffffff; 
  --global-bg-color: #131314;
  --global-panel-bg: #1e1f20;
  --global-border-color: #444746;
  --input-border-color: #5d646e; 
  --global-text-color: #e3e3e3;
  --global-text-muted: #c4c7c5;
  --theme-accent-color: #8ab4f8;   /* 纯正黑客风高亮蓝 */

  --menu-bg: #1e1f20;
  --menu-hover-bg: #282a2d;
  --menu-open-bg: #282a2d;
  --menu-text-color: #ffffff;
  --menu-border-color: #333537;
  --submenu-btn-bg: #282a2d;
  --submenu-btn-hover-bg: #333537;
  --submenu-btn-text-color: #e3e3e3;
  --submenu-btn-border-color: #444746;
  --sub-submenu-btn-bg: #333537;
  --sub-submenu-btn-hover-bg: #3c3e41;
  --sub-submenu-btn-text-color: #e3e3e3;
  --sub-submenu-btn-border-color: #444746;
  --l4-btn-bg: #1e1f20;
  --l4-btn-hover-bg: #333537;
  --l4-btn-text-color: #c4c7c5;
  --l4-btn-border-color: #444746;
}

body[data-theme='geek-dark'],
[data-theme='geek-dark'] .app-container,
[data-theme='geek-dark'] .main-card,
[data-theme='geek-dark'] .control-panel,
[data-theme='geek-dark'] .viewer-second-toolbar {
  background-color: var(--global-bg-color) !important;
  color: var(--global-text-color) !important;
  border-color: var(--global-border-color) !important;
}

[data-theme='geek-dark'] .upload-area {
  background-color: var(--global-panel-bg) !important;
  color: var(--global-text-color) !important;
  border: 1px solid var(--input-border-color) !important;
}

[data-theme='geek-dark'] .upload-area:hover {
  background-color: #21262d !important;
  border-color: #58a6ff !important;
}

[data-theme='geek-dark'] .form-control,
[data-theme='geek-dark'] .form-select,
[data-theme='geek-dark'] .input-group-checklist-container,
[data-theme='geek-dark'] .form-control-slider-container {
  background-color: var(--global-panel-bg) !important;
  color: var(--global-text-color) !important;
  border: 1px solid var(--input-border-color) !important; 
}

[data-theme='geek-dark'] .input-group-text {
  background-color: transparent !important;
  color: var(--global-text-color) !important;
  border: 1px solid var(--input-border-color) !important; 
}

[data-theme='geek-dark'] .terminal-console {
    background-color: #0d0d0d !important; 
    color: #39FF14 !important;
    border-color: #333333 !important;
}

[data-theme='geek-dark'] .form-control:focus,
[data-theme='geek-dark'] .form-select:focus {
  background-color: #21262D !important;
  color: #FFFFFF !important;
  border-color: #58A6FF !important;
  box-shadow: 0 0 0 0.2rem rgba(88, 166, 255, 0.25) !important;
}

[data-theme='geek-dark'] .tabs-fill-width .nav-link {
  color: var(--global-text-muted) !important;
  border-color: transparent !important;
}

[data-theme='geek-dark'] .tabs-fill-width .nav-link.active {
  background-color: #333537 !important;
  color: #8ab4f8 !important;
  border-color: var(--global-border-color) !important;
}

[data-theme='geek-dark'] .tabs-fill-width .nav-link:not(.active):hover {
  background-color: var(--menu-bg) !important;
  color: var(--global-text-color) !important;
}

[data-theme='geek-dark'] .icon-button-toolbar {
  background-color: var(--global-panel-bg) !important;
  border: 1px solid var(--input-border-color) !important;
}

[data-theme='geek-dark'] .icon-button-toolbar:hover,
[data-theme='geek-dark'] .icon-button:hover,
[data-theme='geek-dark'] .icon-button-toolbar-borderless:hover {
  background-color: #30363D !important;
}

[data-theme='geek-dark'] .icon-button img,
[data-theme='geek-dark'] .icon-button-toolbar img,
[data-theme='geek-dark'] .icon-button-toolbar-borderless img {
  filter: invert(1) brightness(0.9) !important;
}

[data-theme='geek-dark'] .main-content-tabs-container {
  background-color: #050505 !important;
}

[data-theme='geek-dark'] .tabs-fill-width .nav-link {
  background-color: #050505 !important;
  color: #ffffff !important;
  border-color: var(--global-border-color) !important;
  opacity: 0.6;
}

[data-theme='geek-dark'] .tabs-fill-width .nav-link.active {
  background-color: var(--global-panel-bg) !important;
  color: #ffffff !important;
  opacity: 1;
  border-bottom-color: transparent !important;
}

[data-theme='geek-dark'] .modal-content {
    background-color: var(--global-panel-bg) !important;
    color: var(--global-text-color) !important;
    border: 1px solid var(--global-border-color) !important;
}

[data-theme='geek-dark'] .modal-header {
    background-color: var(--menu-bg) !important;
    border-bottom: 1px solid var(--global-border-color) !important;
    color: var(--global-text-color) !important;
}

[data-theme='geek-dark'] .modal-header .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

[data-theme='geek-dark'] .modal-body {
    background-color: var(--global-panel-bg) !important;
}

[data-theme='geek-dark'] .modal-footer {
    border-top: 1px solid var(--global-border-color) !important;
}


/* =================================================================== */
/* 22. Cyber Navy (赛博深航 / 科技暗蓝) - 高级暗色主题                    */
/* =================================================================== */
[data-theme='cyber-navy'] {
  --lattice-ui-color: #ffffff;
  --global-bg-color: #151922;        /* 最底层的深空暗蓝 (对应截图左侧底色) */
  --global-panel-bg: #1f2735;        /* 表格/面板底色 (对应截图右侧表格底色) */
  --global-border-color: #2c3647;    /* 科技感分割线 */
  --input-border-color: #3b485d;     /* 输入框边框 */
  
  --global-text-color: #e2e8f0;      /* 主文本色 (清晰的灰白色) */
  --global-text-muted: #94a3b8;      /* 次要/禁用文本色 */
  --theme-accent-color: #2080f0;     /* 炫酷高亮蓝 (对应截图的复选框/滑块) */

  /* Level 1: 顶级菜单 */
  --menu-bg: #1a212d;
  --menu-hover-bg: #242d3e;
  --menu-open-bg: #242d3e;
  --menu-text-color: #ffffff;
  --menu-border-color: #303c52;

  /* Level 2: 二级菜单 */
  --submenu-btn-bg: #242d3e;
  --submenu-btn-hover-bg: #2f3a4e;
  --submenu-btn-text-color: #e2e8f0;
  --submenu-btn-border-color: #3b485d;

  /* Level 3: 三级菜单 */
  --sub-submenu-btn-bg: #2f3a4e;
  --sub-submenu-btn-hover-bg: #3a475e;
  --sub-submenu-btn-text-color: #cbd5e1;
  --sub-submenu-btn-border-color: #47566f;

  /* Level 4: 四级菜单 */
  --l4-btn-bg: #3a475e;
  --l4-btn-hover-bg: #45546e;
  --l4-btn-text-color: #94a3b8;
  --l4-btn-border-color: #536480;
}

/* --- Cyber Navy 专属的全局暗色模式覆盖规则 --- */
body[data-theme='cyber-navy'],
[data-theme='cyber-navy'] .app-container,
[data-theme='cyber-navy'] .main-card,
[data-theme='cyber-navy'] .control-panel,
[data-theme='cyber-navy'] .viewer-second-toolbar {
  background-color: var(--global-bg-color) !important;
  color: var(--global-text-color) !important;
  border-color: var(--global-border-color) !important;
}

[data-theme='cyber-navy'] .upload-area,
[data-theme='cyber-navy'] .form-control,
[data-theme='cyber-navy'] .form-select,
[data-theme='cyber-navy'] .input-group-checklist-container,
[data-theme='cyber-navy'] .form-control-slider-container,
[data-theme='cyber-navy'] .modal-content,
[data-theme='cyber-navy'] .modal-body {
  background-color: var(--global-panel-bg) !important;
  color: var(--global-text-color) !important;
  border: 1px solid var(--input-border-color) !important;
}

[data-theme='cyber-navy'] .input-group-text,
[data-theme='cyber-navy'] .modal-header {
  background-color: var(--menu-bg) !important;
  color: var(--global-text-color) !important;
  border-color: var(--global-border-color) !important;
}

[data-theme='cyber-navy'] .modal-header .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
[data-theme='cyber-navy'] .modal-footer { border-top: 1px solid var(--global-border-color) !important; }

[data-theme='cyber-navy'] .form-control:focus,
[data-theme='cyber-navy'] .form-select:focus {
  background-color: #242d3e !important;
  color: #FFFFFF !important;
  border-color: var(--theme-accent-color) !important;
  box-shadow: 0 0 0 0.2rem rgba(32, 128, 240, 0.25) !important;
}

[data-theme='cyber-navy'] .tabs-fill-width .nav-link { background-color: #151922 !important; color: var(--global-text-muted) !important; border-color: var(--global-border-color) !important; }
[data-theme='cyber-navy'] .tabs-fill-width .nav-link.active { background-color: var(--global-panel-bg) !important; color: #ffffff !important; border-bottom-color: transparent !important;}
[data-theme='cyber-navy'] .icon-button-toolbar { background-color: var(--global-panel-bg) !important; border: 1px solid var(--input-border-color) !important; }
[data-theme='cyber-navy'] .icon-button-toolbar:hover, [data-theme='cyber-navy'] .icon-button:hover { background-color: #2f3a4e !important; }
[data-theme='cyber-navy'] .icon-button img, [data-theme='cyber-navy'] .icon-button-toolbar img { filter: invert(1) brightness(0.9) !important; }


/* =================================================================== */
/* 23. Midnight Slate (午夜石板蓝) - 专业级暗色主题                      */
/* =================================================================== */
[data-theme='midnight-slate'] {
  --lattice-ui-color: #ffffff;
  --global-bg-color: #171D29;        /* 极暗深渊蓝 (最底层背景) */
  --global-panel-bg: #21293A;        /* 采用您的另一个爱用色 (面板/输入框) */
  --global-border-color: #2F4361;    /* 柔和的暗边框 */
  --input-border-color: #384F73;     
  
  --global-text-color: #e2e8f0;      /* 极光白 (主文字) */
  --global-text-muted: #8b9bb4;      /* 暗灰蓝 (次要文字) */
  --theme-accent-color: #58a6ff;     /* 极客蓝 (交互高亮色) */

  /* Level 1: 顶层菜单 (您的指定色) */
  --menu-bg: #26364F;                
  --menu-hover-bg: #2F4361;          
  --menu-open-bg: #2F4361;
  --menu-text-color: #ffffff;
  --menu-border-color: #384F73;

  /* Level 2: 略浅的深海石板蓝 */
  --submenu-btn-bg: #2F4361;         
  --submenu-btn-hover-bg: #384F73;   
  --submenu-btn-text-color: #e2e8f0;
  --submenu-btn-border-color: #425D86;

  /* Level 3: 进一步提亮，但仍是暗灰蓝色调 */
  --sub-submenu-btn-bg: #384F73;     
  --sub-submenu-btn-hover-bg: #425D86;
  --sub-submenu-btn-text-color: #e2e8f0;
  --sub-submenu-btn-border-color: #4D6A99;

  /* Level 4: 菜单最亮阶 (控制在暗调范围内，与纯白文字保持极高对比度) */
  --l4-btn-bg: #425D86;
  --l4-btn-hover-bg: #4D6A99;
  --l4-btn-text-color: #ffffff;
  --l4-btn-border-color: #5A7AA8;
}

/* --- Midnight Slate 专属的全局暗色模式覆盖规则 --- */
body[data-theme='midnight-slate'],
[data-theme='midnight-slate'] .app-container,
[data-theme='midnight-slate'] .main-card,
[data-theme='midnight-slate'] .control-panel,
[data-theme='midnight-slate'] .viewer-second-toolbar {
  background-color: var(--global-bg-color) !important;
  color: var(--global-text-color) !important;
  border-color: var(--global-border-color) !important;
}

[data-theme='midnight-slate'] .upload-area,
[data-theme='midnight-slate'] .form-control,
[data-theme='midnight-slate'] .form-select,
[data-theme='midnight-slate'] .input-group-checklist-container,
[data-theme='midnight-slate'] .form-control-slider-container,
[data-theme='midnight-slate'] .modal-content,
[data-theme='midnight-slate'] .modal-body {
  background-color: var(--global-panel-bg) !important;
  color: var(--global-text-color) !important;
  border: 1px solid var(--input-border-color) !important;
}

[data-theme='midnight-slate'] .input-group-text,
[data-theme='midnight-slate'] .modal-header {
  background-color: var(--menu-bg) !important;
  color: var(--global-text-color) !important;
  border-color: var(--global-border-color) !important;
}

[data-theme='midnight-slate'] .modal-header .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
[data-theme='midnight-slate'] .modal-footer { border-top: 1px solid var(--global-border-color) !important; }

[data-theme='midnight-slate'] .form-control:focus,
[data-theme='midnight-slate'] .form-select:focus {
  background-color: #26364F !important;
  color: #FFFFFF !important;
  border-color: var(--theme-accent-color) !important;
  box-shadow: 0 0 0 0.2rem rgba(88, 166, 255, 0.25) !important;
}

[data-theme='midnight-slate'] .tabs-fill-width .nav-link { background-color: #171d29 !important; color: var(--global-text-muted) !important; border-color: var(--global-border-color) !important; }
[data-theme='midnight-slate'] .tabs-fill-width .nav-link.active { background-color: var(--global-panel-bg) !important; color: #ffffff !important; border-bottom-color: transparent !important;}
[data-theme='midnight-slate'] .icon-button-toolbar { background-color: var(--global-panel-bg) !important; border: 1px solid var(--input-border-color) !important; }
[data-theme='midnight-slate'] .icon-button-toolbar:hover, [data-theme='midnight-slate'] .icon-button:hover { background-color: #324766 !important; }
[data-theme='midnight-slate'] .icon-button img, [data-theme='midnight-slate'] .icon-button-toolbar img { filter: invert(1) brightness(0.9) !important; }