/* ============================================================
   optclouds 会员中心 · 左侧菜单方案A（分组样式）
   加载顺序：common.css 之后（header.php）
   ============================================================ */

/* 分组标题（产品服务 / 账户管理） */
.el-aside .oc-group-title {
  margin: 0;
  padding: 0 20px;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  color: #8593a8;
  letter-spacing: 2px;
  user-select: none;
}

/* 第一组：保持与原菜单一致的顶部间距 */
.el-aside .oc-g1 {
  margin-top: 84px;
}

/* 第二组：与第一组拉开间隔 */
.el-aside .oc-g2 {
  margin-top: 20px;
}

/* 标题与菜单列表间距 */
.el-aside .oc-group-title + .el-menu {
  margin-top: 4px;
}

/* 覆盖 common.css 中 .menu-top 的 86px 顶距（由分组标题接管） */
.el-aside .menu-top {
  margin-top: 0;
}

/* 二级菜单激活项：浅蓝圆角高亮兜底 */
.el-aside .menu-top .el-submenu .el-menu-item.is-active {
  background-color: var(--color-menu-active-bg) !important;
  color: var(--color-menu-text-active) !important;
  border-radius: 8px;
}