/* 现代深色皮肤样式 - 无背景版 */

/* 调整项目内间距 */
.bellows {
  --bellows-item-padding-h: 5px !important; /* 左右内间距5px */
  --bellows-item-padding-v: 10px !important; /* 上下内间距10px */
  --bellows-sub-item-padding-v: 7px !important; /* 子菜单项上下内间距10px */
}

/* 确保箭头显示在文本前面并随文本缩进 */
.bellows .bellows-nav .bellows-subtoggle {
  position: absolute !important;
  right: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 10px !important; /* 限制箭头容器宽度 */
  min-width: 10px !important; /* 限制最小宽度 */
}

/* 按菜单等级进行箭头缩进 */
/* 一级菜单 - 基础位置 */
.bellows .bellows-nav > .bellows-menu-item > .bellows-subtoggle {
  left: calc(var(--bellows-item-padding-h) - 10px) !important;
}

/* 二级菜单 - 增加15px缩进 */
.bellows .bellows-nav > .bellows-menu-item .bellows-submenu > .bellows-menu-item > .bellows-subtoggle {
  left: calc(var(--bellows-item-padding-h) - 5px) !important;
}

/* 三级菜单 - 再增加15px缩进 */
.bellows .bellows-nav > .bellows-menu-item .bellows-submenu > .bellows-menu-item .bellows-submenu > .bellows-menu-item > .bellows-subtoggle {
  left: calc(var(--bellows-item-padding-h) + 15px) !important;
}

/* 四级菜单 - 再增加15px缩进 */
.bellows .bellows-nav > .bellows-menu-item .bellows-submenu > .bellows-menu-item .bellows-submenu > .bellows-menu-item .bellows-submenu > .bellows-menu-item > .bellows-subtoggle {
  left: calc(var(--bellows-item-padding-h) + 15px) !important;
}

/* 五级菜单 - 再增加15px缩进 */
.bellows .bellows-nav > .bellows-menu-item .bellows-submenu > .bellows-menu-item .bellows-submenu > .bellows-menu-item .bellows-submenu > .bellows-menu-item .bellows-submenu > .bellows-menu-item > .bellows-subtoggle {
  left: calc(var(--bellows-item-padding-h) + 30px) !important;
}

/* 六级菜单 - 再增加15px缩进 */
.bellows .bellows-nav > .bellows-menu-item .bellows-submenu > .bellows-menu-item .bellows-submenu > .bellows-menu-item .bellows-submenu > .bellows-menu-item .bellows-submenu > .bellows-menu-item .bellows-submenu > .bellows-menu-item > .bellows-subtoggle {
  left: calc(var(--bellows-item-padding-h) + 45px) !important;
}

/* 按菜单等级进行文本缩进 */
/* 一级菜单 - 基础缩进 */
.bellows .bellows-nav > .bellows-menu-item > .bellows-target {
  padding-left: calc(var(--bellows-item-padding-h) + 10px - 5px) !important; /* 基础内边距 + 10px箭头宽度 + 5px间距 */
}

/* 二级菜单 - 增加15px缩进 */
.bellows .bellows-nav > .bellows-menu-item .bellows-submenu > .bellows-menu-item > .bellows-target {
  padding-left: calc(var(--bellows-item-padding-h) + 15px + 10px - 5px) !important; /* 基础内边距 + 15px层级缩进 + 10px箭头宽度 + 5px间距 */
}

/* 三级菜单 - 再增加15px缩进 */
.bellows .bellows-nav > .bellows-menu-item .bellows-submenu > .bellows-menu-item .bellows-submenu > .bellows-menu-item > .bellows-target {
  padding-left: calc(var(--bellows-item-padding-h) + 30px + 10px - 5px) !important; /* 基础内边距 + 30px层级缩进 + 10px箭头宽度 + 5px间距 */
}

/* 四级菜单 - 再增加15px缩进 */
.bellows .bellows-nav > .bellows-menu-item .bellows-submenu > .bellows-menu-item .bellows-submenu > .bellows-menu-item .bellows-submenu > .bellows-menu-item > .bellows-target {
  padding-left: calc(var(--bellows-item-padding-h) + 45px + 10px - 5px) !important; /* 基础内边距 + 45px层级缩进 + 10px箭头宽度 + 5px间距 */
}

/* 五级菜单 - 再增加15px缩进 */
.bellows .bellows-nav > .bellows-menu-item .bellows-submenu > .bellows-menu-item .bellows-submenu > .bellows-menu-item .bellows-submenu > .bellows-menu-item .bellows-submenu > .bellows-menu-item > .bellows-target {
  padding-left: calc(var(--bellows-item-padding-h) + 60px + 10px - 5px) !important; /* 基础内边距 + 60px层级缩进 + 10px箭头宽度 + 5px间距 */
}

/* 六级菜单 - 再增加15px缩进 */
.bellows .bellows-nav > .bellows-menu-item .bellows-submenu > .bellows-menu-item .bellows-submenu > .bellows-menu-item .bellows-submenu > .bellows-menu-item .bellows-submenu > .bellows-menu-item .bellows-submenu > .bellows-menu-item > .bellows-target {
  padding-left: calc(var(--bellows-item-padding-h) + 75px + 10px - 5px) !important; /* 基础内边距 + 75px层级缩进 + 10px箭头宽度 + 5px间距 */
}


.bellows .bellows-nav .bellows-target {
  text-align: left !important;
  text-decoration: none !important; /* 确保没有下划线 */
  color: #000 !important; /* 设置文本颜色为黑色 */
  font-size: 14px !important; /* 设置字体大小为14px */
}

/* 0级菜单文件加粗 */
.bellows .bellows-nav > .bellows-menu-item > .bellows-target {
  font-weight: bold !important;
}

/* 一级及以下菜单文本颜色改为#303741 */
.bellows .bellows-nav .bellows-submenu .bellows-menu-item > .bellows-target {
  color: #303741 !important;
}

/* 移除所有背景颜色设置 */

/* 箭头图标的基础样式 */
.bellows .bellows-nav .bellows-subtoggle .fa {
  color: #2084E9 !important;
  font-size: 10px !important;
  margin-right: 5px !important;
}

/* 文件图标的基础样式 */
.bellows .bellows-nav .bellows-menu-item:not(.bellows-menu-item-has-children) > .bellows-target .bellows-icon.fa-file {
  color: #666;
  font-size: 10px !important;
  margin-right: 7px !important;
}

/* 设置包含箭头的菜单项文本左内边距 */
.bellows-target:has(button) .bellows-target-title, 
.bellows-target:has(button) .bellows-target-text {
  padding-left: 15px !important;
}

/* 当前激活的子菜单项样式 */
.bellows .bellows-nav .bellows-submenu .bellows-menu-item.bellows-current-menu-item > .bellows-target {
  background-color: #EBF5FF !important;
  color: #006BD6 !important;
  border-radius: 7px !important;
  font-weight: bold !important;
}

/* 激活子菜单项的文件图标高亮 */
.bellows .bellows-nav .bellows-submenu .bellows-menu-item.bellows-current-menu-item:not(.bellows-menu-item-has-children) > .bellows-target .bellows-icon.fa-file {
  color: #006BD6 !important;
}

/* 确保父级菜单项没有高亮变化 */
.bellows .bellows-nav .bellows-menu-item.bellows-current-menu-ancestor > .bellows-target {
  background-color: transparent !important;
  color: #000 !important;
}

/* 鼠标移动到项目上时的背景高亮 */
.bellows .bellows-nav .bellows-menu-item > .bellows-target:hover {
  background-color: #F6F7F8 !important;
  border-radius: 7px !important;
}

/* 鼠标移动到当前激活的项目上时的背景高亮和文本颜色变化 */
.bellows .bellows-nav .bellows-submenu .bellows-menu-item.bellows-current-menu-item > .bellows-target:hover {
  background-color: #D6EBFF !important;
  color: #0061C2 !important;
}

/* 鼠标移动到当前激活的项目上时的文件图标颜色变化 */
.bellows .bellows-nav .bellows-submenu .bellows-menu-item.bellows-current-menu-item:not(.bellows-menu-item-has-children) > .bellows-target:hover .bellows-icon.fa-file {
  color: #0061C2 !important;
}

/* 为1级及以下菜单项的箭头前添加竖线 */

/* 添加额外的竖线以确保上下连续 */
.bellows .bellows-nav .bellows-submenu {
  position: relative;
  padding-left: 0 !important; /* 移除子菜单缩进 */
}

/* 定义菜单层级偏移变量 */
.bellows {
  --base-indent: 12px; /* 基础缩进值 */
  --level-increment: 15px; /* 每级增加的偏移量 */
}

/* 子菜单左侧的垂直线 - 基础样式 */
.bellows .bellows-nav .bellows-submenu::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #CCC;
  z-index: 10;
}

/* 修复一级子菜单的垂直线位置 */
.bellows .bellows-nav > .bellows-menu-item > .bellows-submenu::before {
  left: var(--base-indent); /* 一级子菜单竖线位置 */
}

/* 修复二级子菜单的垂直线位置 */
.bellows .bellows-nav .bellows-submenu .bellows-submenu::before {
  left: calc(var(--base-indent) + var(--level-increment)); /* 二级子菜单竖线位置 */
}

/* 修复三级子菜单的垂直线位置 */
.bellows .bellows-nav .bellows-submenu .bellows-submenu .bellows-submenu::before {
  left: calc(var(--base-indent) + var(--level-increment) * 2); /* 三级子菜单竖线位置 */
}

/* 修复四级子菜单的垂直线位置 */
.bellows .bellows-nav .bellows-submenu .bellows-submenu .bellows-submenu .bellows-submenu::before {
  left: calc(var(--base-indent) + var(--level-increment) * 3); /* 四级子菜单竖线位置 */
}

/* 修复五级子菜单的垂直线位置 */
.bellows .bellows-nav .bellows-submenu .bellows-submenu .bellows-submenu .bellows-submenu .bellows-submenu::before {
  left: calc(var(--base-indent) + var(--level-increment) * 4); /* 五级子菜单竖线位置 */
}