/* AdminLTE v3.2.0 自定义皮肤 - 主色调 #00aea9 */
:root {
    /* 1. 核心主题色（基础+衍生色） */
    --primary: #00aea9;
    --primary-rgb: 0, 174, 169;
    --primary-dark: #008f8b;
    --primary-light: #00d4cd;
    --primary-lighter: #e6f8f7;
  
    /* 2. 辅助色（协调搭配） */
    --secondary: #6c757d;
    --success: #10b981;
    --info: #00aea9;
    --warning: #f59e0b;
    --danger: #ef4444;
    --light: #f8f9fa;
    --dark: #212529;
  
    /* 3. AdminLTE 3.2.0 布局变量 */
    --sidebar-color: #212529;
    --sidebar-hover-color: #2d3436;
    --sidebar-active-color: var(--primary);
    --sidebar-icon-color: var(--primary-light);
    --sidebar-text-color: #adb5bd;
    --navbar-color: var(--primary);
    --navbar-text-color: #fff;
    --navbar-hover-color: rgba(255,255,255,0.8);
  
    /* 4. 组件变量 */
    --btn-primary-bg: var(--primary);
    --btn-primary-border: var(--primary);
    --btn-primary-hover-bg: var(--primary-dark);
    --form-control-focus-border-color: var(--primary-light);
    --form-control-focus-box-shadow: 0 0 0 0.25rem rgba(var(--primary-rgb), 0.25);
  }
  
  /* 覆盖 AdminLTE 3.2.0 核心组件 */
  .main-header {
    background-color: var(--navbar-color) !important;
    border-bottom: 1px solid var(--primary-dark) !important;
  }
  .main-header .nav-link {
    color: var(--navbar-text-color) !important;
  }
  .main-header .nav-link:hover {
    color: var(--navbar-hover-color) !important;
  }
  .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--primary) !important;
    color: #fff !important;
  }
  .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover {
    background-color: var(--sidebar-hover-color) !important;
    color: var(--primary-light) !important;
  }
  
  /* 适配 BearAdmin 扩展组件（Layui/自定义） */
  .layui-btn-primary {
    border-color: var(--primary) !important;
    color: var(--primary) !important;
  }
  .layui-btn-normal {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
  .table-hover > tbody > tr:hover {
    background-color: var(--primary-lighter) !important;
  }
  .form-control:focus {
    border-color: var(--form-control-focus-border-color) !important;
    box-shadow: var(--form-control-focus-box-shadow) !important;
  }

  .img-circle{
    border-radius: 0;
  }
  [class*=sidebar-dark-]{
    background-color: #00aea9 !important;
  }
  [class*=sidebar-dark-] .sidebar a{
    color: #ffffff !important;
  }
  [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, 
  [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, 
  [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover{
    background-color: #F6B100;
    color: #ffffff;
  }
  .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover {
    background-color: #F6B100 !important;
    color: var(--primary-lighter) !important;
  }
  [class*=sidebar-dark] .brand-link{
    border-bottom:none !important;
  }
  [class*=sidebar-dark] .user-panel{
    border-bottom:none !important;
  }
  .login-logo a{
    color: #00aea9;
  }
  .login-page {
    align-items: flex-end !important; 
    padding-right: 5%; 
  }
  @media (max-width: 768px) {
    .login-page {
      align-items: center !important; 
    }
  }

  #loginButton{
    background-color: #00aea9 !important;
  }