/* 会员中心侧边栏：浅色商务风
   覆盖 shiwai-s4 主题的深蓝侧栏。主题用较多 !important 规则，
   这里统一用「.el-aside .menu-top.el-menu .menu-alink ...」的高特异性选择器确保生效。 */

/* 侧栏底板 */
.el-aside {
  background: #ffffff !important;
  border-right: 1px solid #eef1f6;
  text-align: left;
}

.el-aside .ali-logo {
  display: block;
  margin: 0 auto;
}

/* 菜单容器 / 菜单项：清掉深蓝背景 */
.el-aside .menu-top.el-menu,
.el-aside .menu-top.el-menu .menu-alink .el-menu-item,
.el-aside .menu-top.el-menu .menu-alink .el-submenu__title {
  background-color: transparent !important;
}

/* 常规文字 */
.el-aside .menu-top.el-menu .menu-alink .el-menu-item,
.el-aside .menu-top.el-menu .menu-alink .el-submenu__title {
  color: #4e5969 !important;
  border-radius: 8px;
  transition: background-color .18s ease, color .18s ease;
}

/* 常规图标 */
.el-aside .menu-top.el-menu .menu-alink .el-menu-item i,
.el-aside .menu-top.el-menu .menu-alink .el-submenu__title i {
  color: #98a2b3 !important;
  font-size: 16px;
}

/* 悬停 */
.el-aside .menu-top.el-menu .menu-alink .el-menu-item:hover,
.el-aside .menu-top.el-menu .menu-alink .el-submenu__title:hover {
  background-color: #f5f8ff !important;
  color: #165dff !important;
}

.el-aside .menu-top.el-menu .menu-alink .el-menu-item:hover i,
.el-aside .menu-top.el-menu .menu-alink .el-submenu__title:hover i {
  color: #165dff !important;
}

/* 选中 */
.el-aside .menu-top.el-menu .menu-alink .el-menu-item.is-active {
  background-color: #eef4ff !important;
  color: #165dff !important;
  font-weight: 600;
}

.el-aside .menu-top.el-menu .menu-alink .el-menu-item.is-active i {
  color: #165dff !important;
}

/* 二级菜单 */
.el-aside .menu-top.el-menu .el-submenu .el-menu .el-menu-item {
  color: #6b7688 !important;
  font-size: 13px;
}

.el-aside .menu-top.el-menu .el-submenu .el-menu .el-menu-item.is-active {
  color: #165dff !important;
}

/* 分组分隔线 */
.el-aside .shiwai-line {
  background: #eef1f6 !important;
  height: 1px !important;
  margin: 10px 16px !important;
}

/* 滚动条改浅色 */
.el-aside::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .12);
}

.el-aside:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .2);
}
