/* Shared by the atlas frame and Vue business pages. */
.qx-client-rail.rail,.qx-client-rail.sidebar{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:32px 16px 16px;background:#17191c;color:#a4a5ad;border-right:1px solid #303138;overflow:auto;overscroll-behavior:contain;font-family:'Noto Sans CJK SC','Microsoft YaHei','PingFang SC',sans-serif;font-size:14px;line-height:1.5}
.qx-client-rail .brand-mini{display:flex;align-items:center;flex:none;min-height:38px;padding:0 16px;line-height:1;writing-mode:horizontal-tb;letter-spacing:0}
.qx-client-rail .brand-mini img{display:block;width:132px;max-width:100%;height:auto;object-fit:contain}
.qx-client-rail>.rail-nav{display:flex;flex:none;flex-direction:column;gap:12px;margin:8px 0 0;min-width:0;overflow:visible;scrollbar-gutter:auto}
.qx-client-rail .rail-nav :is(a,button){display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;gap:12px;width:164px;height:44px;padding:0 16px;border:0;border-radius:4px;background:transparent;color:#a4a5ad;font:500 14px/1.5 'Noto Sans CJK SC','Microsoft YaHei','PingFang SC',sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer}
.qx-client-rail .rail-nav :is(a,button):hover{background:#292b31;color:#fff}
.qx-client-rail .rail-nav :is(a,button).active,.qx-client-rail .rail-nav a.router-link-active{background:#3327c7;color:#fff}
.qx-client-rail svg.icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.qx-client-rail .rail-bottom{display:flex;align-items:center;justify-content:center;align-self:flex-start;flex:none;margin:auto 0 0 16px;padding:0;min-height:0;border:0;border-radius:0;background:none;color:#a4a5ad;cursor:pointer}
.qx-client-rail .rail-bottom:hover{color:#fff}
.qx-client-rail :is(a,button):focus-visible{outline:2px solid #b2aaff;outline-offset:4px}
@media(max-width:760px){
 .qx-client-rail.rail,.qx-client-rail.sidebar{min-height:68px;max-height:none;padding:10px 14px;border-right:0;border-bottom:1px solid #303138;overflow:hidden}
 .qx-client-rail .brand-mini,.qx-client-rail .rail-bottom{display:none}
 .qx-client-rail>.rail-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;margin:0}
 .qx-client-rail .rail-nav :is(a,button){flex-direction:column;justify-content:center;gap:4px;width:auto;min-width:0;height:48px;padding:4px 0;font-size:10px;line-height:1.2}
 .qx-client-rail .rail-nav svg.icon{width:16px;height:16px}
}