/*
.main-sidebar {
   background: linear-gradient(to bottom, #4B0082, #9400D3) !important;
   box-shadow: 3px 0 10px rgba(0,0,0,0.3) !important;
}
*/


/* -------------------------------------------------------------- */

/* 侧边栏图标样式 */
.sidebar-menu li a i {
  font-size: 16px !important;  /* Font Awesome 图标的尺寸设置 */
  width: 20px;                 /* 固定图标宽度，避免不同图标宽度差异 */
  text-align: center;          /* 图标居中对齐 */
  margin-right: 4px;           /* 在菜单项图标和文字之间添加右间距，避免两者紧贴 */
}

/* 侧边栏活动菜单项高亮 */
.sidebar-menu li.active > a {
  border-left: 3px solid #3c8dbc !important;
}

/* 侧边栏响应式调整 */
@media (max-width: 768px) {
  .sidebar-menu > li > a > i {
    font-size: 16px; /* 小屏幕缩小图标 */
  }
}

/* 侧边栏背景色 */
.left-side, .main-sidebar {
  background-color: #f5f5f5 !important;
}

/* 菜单项文字样式 */
.sidebar-menu li a {
  color: #333;
  font-weight: 500;
}

/* 活动/悬停菜单项样式 */
/* //.skin-purple .sidebar-menu>li.active>a,
//.skin-purple .sidebar-menu>li:hover>a {
.skin-purple .sidebar-menu > li.active > a, */
.skin-purple .sidebar-menu > li:hover > a {
  background-color: #eeeeee !important;  /* 浅紫色背景 */
  color: #4e4e4e !important;             /* 深紫色文字 */
  border-left: 4px solid #eeeeee !important;
}

.skin-purple .sidebar a {
  color: #000000;
}

.skin-purple .sidebar-menu>li>.treeview-menu {
  margin: 0 1px;
  background: #cccccc;
}
.skin-purple .treeview-menu>li>a {
  color: #000000;
}