/* ============================================================================
 * 1. 全局变量与主题系统 (Universal Variables & Themes)
 * ============================================================================ */
:root {
    /* --- 浅色模式 (默认) --- */
    --font-ui: 'Orbitron', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    
    --primary-color: #3b82f6;    
    --primary-dark: #1d4ed8;
    --primary-light: #60a5fa;       
    
    --bg-gray: #f8fafc;             
    --bg-white: #ffffff;            
    --bg-hover: rgba(255, 255, 255, 0.95);      
    --bg-active: #eff6ff;           

    --c-primary: #0f766e;                
    --c-warn: #f59e0b;
    --c-alert: #ea580c;
    
    --glow-text: none;
    --text-primary: #0f172a;        
    --text-secondary: #64748b;      
    --text-disabled: #94a3b8;       
    
    --border-color: #e2e8f0;        
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-float: 0 20px 50px rgba(0, 0, 0, 0.25);
    
    --scrollbar-thumb: rgba(148, 163, 184, 0.3);
    --scrollbar-hover: rgba(148, 163, 184, 0.5);

    /* 布局尺寸 */
    --header-height: 64px;
    --sidebar-width: 220px;
    --sidebar-mini-width: 72px;
    --radius-sm: 6px;
    --radius-md: 10px;
}

/* --- 暗色模式 (Dark Mode) --- */
[data-theme="dark"] {
    --primary-color: #f59e0b;             
    --bg-gray: #1e293b;             
    --bg-white: #1e293b;            
    --bg-hover: #334155;            
    --bg-active: rgba(59, 130, 246, 0.15); 
    --c-warn: #fbbf24;
    --c-alert: #fbbf24;   
    
    --glow-text: 0 0 5px rgba(59, 130, 246, 0.4); 
    --text-primary: #f1f5f9;        
    --text-secondary: #94a3b8;      
    --text-disabled: #475569;       

    --border-color: #334155;        
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.5); 
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.6);
    --shadow-float: 0 20px 50px rgba(0, 0, 0, 0.8);

    --scrollbar-thumb: rgba(255, 255, 255, 0.2);
    --scrollbar-hover: rgba(255, 255, 255, 0.3);
}

/* ==========================================
 * 全局基础重置 (CSS Reset)
 * 确保所有子页面(Iframe)统一盒模型，防止布局错乱
 * ========================================== */
* { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
    -webkit-tap-highlight-color: transparent; 
    outline: none; 
}



/* ==========================================
 * 自定义滚动条样式
 * ========================================== */
::-webkit-scrollbar { 
    width: 5px;  
    height: 5px; 
}
::-webkit-scrollbar-track { 
    background: transparent; 
}
::-webkit-scrollbar-thumb { 
    background: var(--scrollbar-thumb); 
    border-radius: 4px;                 
}
::-webkit-scrollbar-thumb:hover { 
    background: var(--scrollbar-hover); 
}