/* ============================================================
   星潮云 全站侧边栏统一样式（白底）
   会员中心、订购产品、购物车等所有带侧边栏的页面共用
   ============================================================ */

.el-aside {
  background: #ffffff !important;
  border-right: 1px solid #EDF0F5;
  box-shadow: 0 0 18px rgba(29, 33, 41, 0.04);
}

/* LOGO 区域白底 */
.el-aside .menu-alink,
.el-aside .logo-box {
  background: #ffffff !important;
}
.el-aside .menu-alink img,
.el-aside .logo-box img,
.el-aside .ali-logo {
  max-height: 34px;
  width: auto;
  background: transparent !important;
}

/* 菜单项：深色文字 */
.el-aside .el-menu,
.el-aside .menu-top,
.el-aside .el-menu-item,
.el-aside .menu-top .el-menu-item {
  background: transparent !important;
}
.el-aside .el-menu-item,
.el-aside .menu-top .el-menu-item {
  color: #4E5969 !important;
  font-size: 14px;
}
.el-aside .el-menu-item i,
.el-aside .el-menu-item [class^="icon-"],
.el-aside .el-menu-item [class*=" icon-"],
.el-aside .el-menu-item svg {
  color: #86909C !important;
  fill: #86909C;
}

/* hover */
.el-aside .el-menu-item:hover {
  background: #F2F6FF !important;
  color: var(--color-primary) !important;
}
.el-aside .el-menu-item:hover i,
.el-aside .el-menu-item:hover [class^="icon-"],
.el-aside .el-menu-item:hover [class*=" icon-"],
.el-aside .el-menu-item:hover svg {
  color: var(--color-primary) !important;
  fill: var(--color-primary);
}

/* 选中态 */
.el-aside .el-menu-item.is-active {
  background: #EBF2FF !important;
  color: var(--color-primary) !important;
  font-weight: 600;
}
.el-aside .el-menu-item.is-active i,
.el-aside .el-menu-item.is-active [class^="icon-"],
.el-aside .el-menu-item.is-active [class*=" icon-"],
.el-aside .el-menu-item.is-active svg {
  color: var(--color-primary) !important;
  fill: var(--color-primary);
}

/* 分割线 */
.el-aside .el-divider,
.el-aside hr {
  border-color: #EDF0F5 !important;
  background-color: #EDF0F5 !important;
}

/* 侧边栏内其它文字（如底部说明） */
.el-aside .menu-bottom,
.el-aside .aside-footer {
  color: #86909C !important;
}