/* 侧栏底部的「系统管理」（用户 2026-11-13）：业务菜单在上方滚动，系统管理整组贴在底部。
 * 组内顺序与其他分组一致：标题在上、子菜单在下（用户 2026-11-13：子菜单往上展开读起来别扭）；展开时整组从底部向上长高。
 * 分组仍是 #nav 的直接子元素（#nav > .nav-sec 的既有逻辑不变），只靠弹性布局把它推到底、sticky 保证滚动时也在底部。 */
.sidebar #nav { display: flex; flex-direction: column; }
.sidebar #nav > * { flex: none; }
.sidebar #nav > .nav-sec.nav-bottom {
  margin-top: auto; margin-bottom: 0;
  position: sticky; bottom: calc(-1 * var(--space-12)); z-index: 2;
  display: flex; flex-direction: column;
  padding: var(--space-12) 0 var(--space-12);
  background: none; border-radius: 12px;
  transition: background-color .2s, box-shadow .2s;
}
/* 与上方菜单的分隔：两端渐隐的细线，不用整宽硬边（用户 2026-11-13：原来的磨砂白块太丑）。
 * 平时不铺底、不虚化，和其他分组一样平铺在侧栏里。 */
.sidebar #nav > .nav-sec.nav-bottom::before {
  content: ""; position: absolute; top: 0; left: var(--space-12); right: var(--space-12); height: 1px;
  background: linear-gradient(90deg, transparent, var(--sb-line, var(--line)) 20%, var(--sb-line, var(--line)) 80%, transparent);
  pointer-events: none;
}
/* 菜单多到要滚动时：
 * · 系统管理收起 —— 只剩一行标题钉在底部，垫一条与主题一致的实心玻璃条挡住下面滚过的菜单；
 * · 系统管理展开 —— 不再钉底（否则 9 个子项会盖住大半个菜单），跟随菜单一起滚动。 */
.sidebar #nav.nav-overflow > .nav-sec.nav-bottom:not(.open) {
  background: color-mix(in srgb, var(--panel, #fff) 98%, transparent);
  backdrop-filter: blur(12px) saturate(1.2); -webkit-backdrop-filter: blur(12px) saturate(1.2);
  box-shadow: 0 -10px 24px -18px rgba(15, 23, 42, .45);
}
:root[data-skin="alice"] .sidebar #nav.nav-overflow > .nav-sec.nav-bottom:not(.open) {
  /* 同色叠两层（≈98% 不透明）：仍是主题玻璃色，但滚过的菜单字不再透出来 */
  background: linear-gradient(var(--ac-glass-3, rgba(255,255,255,.86)), var(--ac-glass-3, rgba(255,255,255,.86))), var(--ac-glass-3, rgba(255,255,255,.86));
  box-shadow: inset 0 1px 0 var(--ac-glass-hi, transparent), 0 -10px 24px -18px rgba(var(--ac-shadow-rgb, 15,23,42), .55);
}
.sidebar #nav.nav-overflow > .nav-sec.nav-bottom:not(.open)::before { display: none; }
.sidebar #nav.nav-overflow > .nav-sec.nav-bottom.open { position: relative; bottom: auto; }
.sidebar #nav > .nav-sec.nav-bottom > .nav-sub { max-height: min(50vh, 420px); overflow-y: auto; }
/* 图标栏（收起）与手机抽屉：同样钉底，去掉多余内边距 */
html[data-nav="mini"] .sidebar #nav > .nav-sec.nav-bottom { padding: var(--space-8) 0; }