/* 用户要求侧栏与搜索始终平滑展开/回位，局部覆盖减少动画规则。 */
html body[data-theme] .sidebar .nav>.nav-label{position:absolute;left:44px;top:50%;width:auto!important;height:auto!important;max-width:calc(100% - 54px);display:block!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:inherit!important;font-size:var(--fs-lg,14px);opacity:0;transform:translateY(-50%) translateX(-4px);pointer-events:none;transition:opacity .25s ease,transform .3s ease!important}
@media(min-width:761px){
  /* 折叠栏仍可滚动，滚动条不占宽度，所有主题的图标与侧栏同轴。 */
  html.nav-rail:not(.nav-peek) body[data-theme] .sidebar nav{scrollbar-width:none}
  html.nav-rail:not(.nav-peek) body[data-theme] .sidebar nav::-webkit-scrollbar{width:0}
  html.nav-rail:not(.nav-peek) body[data-theme] .sidebar .nav>span:not(.nav-label){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
  html body[data-theme] .sidebar{transition:width .5s cubic-bezier(.22,.75,.25,1),padding .5s cubic-bezier(.22,.75,.25,1)!important}
  html body[data-theme] main{transition:margin-left .5s cubic-bezier(.22,.75,.25,1)!important}
  html body[data-theme] .nav-toggle{transition:left .5s cubic-bezier(.22,.75,.25,1),transform .25s ease!important}
  html body[data-theme] .sidebar .brand{transition:padding .5s ease,gap .5s ease!important}
  html body[data-theme] .sidebar .nav{position:relative;overflow:hidden;font-size:var(--fs-lg,14px)!important;justify-content:flex-start!important;padding:13px 10px!important;transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease!important}
  html body[data-theme] .sidebar .nav>span:not(.nav-label){width:22px!important;height:22px!important;transition:none!important}
  html body[data-theme] .sidebar .nav>span:not(.nav-label) svg{width:22px!important;height:22px!important;transition:none!important}
  html:not(.nav-rail) body[data-theme] .sidebar .nav>.nav-label,html.nav-peek body[data-theme] .sidebar .nav>.nav-label{opacity:1;transform:translateY(-50%)}
  html body[data-theme] .sidebar :is(.nav-search,.nav-group-head,.nav-recent,.brand-copy){transition:height .5s ease,max-height .5s ease,max-width .5s ease,padding .5s ease,margin .5s ease,opacity .3s ease,visibility .5s!important}
  html body[data-theme] #global-search{transition:width .5s cubic-bezier(.22,.75,.25,1),border-radius .5s ease,box-shadow .3s ease,border-color .3s ease,transform .25s ease!important}
  html body[data-theme] #gs-input{transition:opacity .2s ease!important}
  html body[data-theme] #global-search.open #gs-input{transition:opacity .25s ease .12s!important}
  html body[data-theme] #gs-close{transition:width .35s ease,margin-right .35s ease,opacity .2s ease!important}
  /* 账号区始终保持同一行和高度，不再切换 flex 方向或 display。 */
  html body[data-theme] .sidebar .side-foot{position:relative;height:52px;min-height:52px;flex-shrink:0;flex-direction:row!important;gap:0!important;padding:8px!important;overflow:hidden;transition:background-color .4s ease,border-color .4s ease,box-shadow .4s ease!important;backdrop-filter:var(--admin-surface-blur,blur(12px))!important;-webkit-backdrop-filter:var(--admin-surface-blur,blur(12px))!important}
  html body[data-theme] .sidebar .side-foot>.shop-avatar{position:absolute;left:8px;top:8px;width:34px;height:34px}
  html body[data-theme] .sidebar .side-foot>div:not(.shop-avatar){display:block!important;position:absolute;left:50px;right:44px;top:50%;white-space:nowrap;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-50%) translateX(-5px);animation:none!important;transition:opacity .3s ease,transform .35s ease,visibility .35s!important}
  html body[data-theme] .sidebar .side-foot :is(b,small){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html body[data-theme] .sidebar .side-foot #logout{display:grid!important;position:absolute;right:8px;top:10px;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-5px) scale(.94);transition:opacity .3s ease,transform .35s ease,visibility .35s,background-color .2s ease!important}
  html:not(.nav-rail) body[data-theme] .sidebar .side-foot>div:not(.shop-avatar),html.nav-peek body[data-theme] .sidebar .side-foot>div:not(.shop-avatar){opacity:1;visibility:visible;transform:translateY(-50%)}
  html:not(.nav-rail) body[data-theme] .sidebar .side-foot #logout,html.nav-peek body[data-theme] .sidebar .side-foot #logout{opacity:1;visibility:visible;pointer-events:auto;transform:none}
}
