body { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
.bottombar {
  position: fixed; bottom: 0; left: 0; right: 0; background: #fff;
  border-top: 1px solid var(--line, #EDE7E1); display: flex; z-index: 30;
  box-shadow: 0 -2px 10px rgba(74, 45, 32, .06);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
.bottombar a {
  flex: 1; text-align: center; text-decoration: none;
  min-height: 52px; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 3px;
  padding: 7px 0 5px; font-size: 11px; color: var(--tx-low, #A79A8F);
  -webkit-tap-highlight-color: transparent; transition: color .15s;
}
.bottombar a .ic { display: flex; align-items: center; justify-content: center; line-height: 0; }
.bottombar a .ic svg { width: 22px; height: 22px; }
.bottombar a.on { color: var(--primary, #C8161D); font-weight: 600; }
.bottombar a:active { background: var(--bg-subtle, #F7F5F2); }
/* 角色显隐：由 auth.js 拉取权限后打 class 动态控制（管理员可在「权限设置」调整） */
body:not(.perm-admin) .r-admin { display: none !important; }

/* 仅管理员可见（员工、行政都隐藏）：字典管理、权限设置等 */
body:not(.perm-super) .r-super { display: none !important; }