.bo-bnav{z-index:30;padding-bottom:env(safe-area-inset-bottom,0);background:var(--bo-panel);border-top:1px solid var(--bo-line);display:grid;position:fixed;bottom:0;left:0;right:0}@media (width>=640px){.bo-bnav{display:none}}.bo-bnav-i{height:58px;color:var(--bo-ink-2);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:600;display:flex;position:relative}.bo-bnav-i.is-active{color:var(--bo-blue-ink)}.bo-bnav-i.is-active:before{content:"";background:var(--bo-blue);height:2px;position:absolute;top:0;left:28%;right:28%}.bo-bnav-i.is-disabled{opacity:.45}.bo-bnav-i:focus-visible{outline:2px solid var(--bo-focus);outline-offset:-2px}.bo-nav-grp{margin-top:14px}.bo-nav-grp-h{color:var(--bo-ink-2);white-space:nowrap;text-overflow:ellipsis;padding:0 10px 4px;font-size:11.5px;font-weight:700;overflow:hidden}.bo-nav-i{width:100%;min-height:36px;color:var(--bo-ink-2);border-radius:6px;align-items:center;gap:10px;padding:0 10px;font-size:14px;font-weight:500;display:flex}.bo-nav-i:hover{background:var(--bo-gray-soft);color:var(--bo-ink)}.bo-nav-i.is-active{background:var(--bo-blue-soft);color:var(--bo-blue-ink);font-weight:600}.bo-nav-i:focus-visible{outline:2px solid var(--bo-focus);outline-offset:2px}.bo-nav-lb{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.bo-side{background:var(--bo-panel);border-right:1px solid var(--bo-line);flex-direction:column;flex:none;width:240px;height:100dvh;display:none;position:sticky;top:0}@media (width>=640px){.bo-side{display:flex}}.bo-side-brand{border-bottom:1px solid var(--bo-line);white-space:nowrap;flex:none;align-items:center;gap:8px;height:52px;padding:0 16px;display:flex}.bo-side-scroll{flex:1;min-height:0;padding:10px 10px 12px;overflow:hidden auto}.bo-side-foot{border-top:1px solid var(--bo-line);flex:none;padding:6px 10px}.bo-side[data-nav=collapsed]{width:64px}.bo-side[data-nav=collapsed] .bo-side-full{display:none}.bo-side[data-nav=collapsed] .bo-side-brand{justify-content:center;padding:0}.bo-side[data-nav=collapsed] .bo-side-foot,.bo-side[data-nav=collapsed] .bo-side-scroll{padding-left:8px;padding-right:8px}.bo-side[data-nav=collapsed] .bo-nav-i,.bo-side[data-nav=collapsed] .bo-site-btn{justify-content:center;height:40px;min-height:40px;padding:0}.bo-side[data-nav=collapsed] .bo-nav-grp+.bo-nav-grp{border-top:1px solid var(--bo-line);margin-top:8px;padding-top:8px}@media (width<=1119.98px){.bo-side[data-nav=auto]{width:64px}.bo-side[data-nav=auto] .bo-side-full{display:none}.bo-side[data-nav=auto] .bo-side-brand{justify-content:center;padding:0}.bo-side[data-nav=auto] .bo-side-foot,.bo-side[data-nav=auto] .bo-side-scroll{padding-left:8px;padding-right:8px}.bo-side[data-nav=auto] .bo-nav-i,.bo-side[data-nav=auto] .bo-site-btn{justify-content:center;height:40px;min-height:40px;padding:0}.bo-side[data-nav=auto] .bo-nav-grp+.bo-nav-grp{border-top:1px solid var(--bo-line);margin-top:8px;padding-top:8px}}.bo-site-btn{border:1px solid var(--bo-line-2);background:var(--bo-panel);text-align:left;border-radius:6px;align-items:center;gap:8px;width:100%;min-height:52px;padding:8px 10px;display:flex;position:relative}button.bo-site-btn:hover,button.bo-site-head:hover{background:var(--bo-strip)}.bo-site-btn:focus-visible,.bo-site-head:focus-visible{outline:2px solid var(--bo-focus);outline-offset:2px}.bo-site-head{border:1px solid var(--bo-line-2);background:var(--bo-panel);text-align:left;border-radius:6px;align-items:center;gap:6px;width:100%;height:38px;padding:0 10px;display:flex}.bo-site-head,.bo-site-name{min-width:0;font-size:13.5px;font-weight:600}.bo-site-name{flex:1;line-height:1.3}.bo-site-dot{background:var(--bo-green);border-radius:50%;flex:none;width:8px;height:8px}.bo-site-dot.is-off{background:var(--bo-red)}.bo-side[data-nav=collapsed] .bo-site-btn .bo-site-dot{position:absolute;top:6px;right:6px}@media (width<=1119.98px){.bo-side[data-nav=auto] .bo-site-btn .bo-site-dot{position:absolute;top:6px;right:6px}}
