/* 侧边菜单收起时：悬停展示一、二级菜单悬浮框；无二级时仅展示一级名称（独立样式，不改 admin.css） */

.layadmin-side-shrink .layui-layout-admin .layui-side,
.layadmin-side-shrink .layui-side-menu .layui-side-scroll {
  overflow: visible !important;
  width: 60px !important; /* 避免侧栏内部 240px 层盖住页签/首页按钮 */
}

.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item {
  position: relative !important;
}

/* 无二级菜单的一级标题悬浮层：默认隐藏，避免展开侧栏时露出 */
.layui-side-menu .layui-nav > .layui-nav-item > .oms-side-flyout {
  display: none !important;
}

.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item:hover > .layui-nav-child,
.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child.oms-side-flyout-open,
.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item:hover > .oms-side-flyout,
.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .oms-side-flyout.oms-side-flyout-open {
  display: block !important;
  position: fixed !important;
  /* left/top/max-height 由 JS 按视口计算；与侧栏保持间距 */
  left: 72px;
  top: 0;
  z-index: 19891099 !important;
  min-width: 176px;
  max-width: min(720px, calc(100vw - 80px));
  max-height: calc(100vh - 16px);
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 !important;
  padding: 6px 0 8px !important;
  border: none !important;
  background: #1b1d24 !important;
  box-shadow:
    0 4px 16px rgba(0, 0, 0, .28),
    0 0 1px rgba(0, 0, 0, .35) !important;
  border-radius: 6px !important;
  box-sizing: border-box;
  animation: oms-side-flyout-in .16s ease-out;
}

/* 仅一级名称：更紧凑 */
.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .oms-side-flyout-title-only {
  min-width: 120px;
  max-width: min(280px, calc(100vw - 80px));
  padding: 6px 0 !important;
  overflow: visible;
}

/* 多列：条目多时横向分列，降低整体高度 */
.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child.oms-side-flyout-cols-2 {
  column-count: 2;
  column-gap: 4px;
  min-width: 340px;
}
.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child.oms-side-flyout-cols-3 {
  column-count: 3;
  column-gap: 4px;
  min-width: 500px;
}
.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child.oms-side-flyout-cols-4 {
  column-count: 4;
  column-gap: 4px;
  min-width: 640px;
}

/* 不可见热区：覆盖与侧栏之间的间距，保证可移入（无白色块） */
.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child.oms-side-flyout-open::after,
.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item:hover > .layui-nav-child::after,
.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .oms-side-flyout.oms-side-flyout-open::after,
.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item:hover > .oms-side-flyout::after {
  content: '';
  position: absolute;
  left: -14px;
  top: 0;
  bottom: 0;
  width: 14px;
  background: transparent;
  pointer-events: auto;
}

@keyframes oms-side-flyout-in {
  from {
    opacity: 0;
    transform: translateX(-4px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item:hover > .layui-nav-child,
  .layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child.oms-side-flyout-open,
  .layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item:hover > .oms-side-flyout,
  .layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .oms-side-flyout.oms-side-flyout-open {
    animation: none;
  }
}

/* 细滚动条 */
.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child::-webkit-scrollbar {
  width: 5px;
}
.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, .18);
  border-radius: 4px;
}
.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child::-webkit-scrollbar-track {
  background: transparent;
}

/* 一级标题横跨所有列 */
.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child::before,
.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .oms-side-flyout::before {
  content: attr(data-menu-title);
  display: block;
  height: 38px;
  line-height: 38px;
  margin: 0 10px 6px;
  padding: 0 8px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-column-span: all;
  column-span: all;
}

/* 仅一级名称：无下划线分隔 */
.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .oms-side-flyout-title-only::before {
  height: 34px;
  line-height: 34px;
  margin: 0 6px;
  border-bottom: none;
}

.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child .layui-nav-child {
  display: block !important;
  position: static !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: auto !important;
  border: none !important;
  margin: 0 !important;
  animation: none !important;
}

/* admin 收起态会全局隐藏 cite，这里强制显示二级菜单文字 */
.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item:hover > .layui-nav-child cite,
.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child.oms-side-flyout-open cite {
  display: inline !important;
  padding: 0 !important;
  width: auto !important;
  font-style: normal;
  font-size: inherit;
  color: inherit;
}

.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child dd {
  display: block !important;
  margin: 0 6px !important;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  page-break-inside: avoid;
}

.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child dd a {
  display: block !important;
  height: 34px !important;
  line-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 4px !important;
  color: rgba(255, 255, 255, .78) !important;
  font-size: 13px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background .12s ease, color .12s ease;
}

.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child dd a:hover {
  background: rgba(30, 159, 255, .16) !important;
  color: #fff !important;
}

.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child dd.layui-this > a,
.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child .layui-this > a {
  background: rgba(30, 159, 255, .22) !important;
  color: #fff !important;
}

.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child .layui-nav-child a {
  padding-left: 22px !important;
  height: 32px !important;
  line-height: 32px !important;
  font-size: 12px !important;
  color: rgba(255, 255, 255, .65) !important;
}

.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child .layui-nav-more,
.layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child .layui-icon {
  display: none !important;
}