.bottom-nav{position:fixed;left:50%;bottom:calc(var(--footer-h) - 8px);transform:translateX(-50%);z-index:240;display:none;align-items:center;justify-content:center;gap:4px;padding:6px;border:2px solid var(--line);background:var(--bg-2);box-shadow:none;max-width:min(760px,calc(100vw - 24px));overflow:hidden}
.bottom-nav::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 0,rgba(224,169,53,.05),transparent 32%),radial-gradient(circle at 80% 100%,rgba(141,75,232,.05),transparent 28%);pointer-events:none}
.bn-item{position:relative;z-index:1;width:64px;min-height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px 2px;border:1px solid transparent;color:var(--muted);background:transparent;transition:background .18s,border-color .18s,color .18s,transform .18s}
.bn-item:hover{color:var(--text);background:var(--panel-3);border-color:var(--line-2)}
.bn-item.active{color:var(--gold);background:rgba(224,169,53,.05);border-color:rgba(224,169,53,.16);box-shadow:none}
.bn-item svg{width:16px;height:16px;stroke-width:1.55}
.bn-label{font-size:8px;letter-spacing:.03em;text-transform:uppercase;line-height:1.2;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;text-align:center;word-break:break-word}
.bn-item .badge{position:absolute;top:2px;right:7px;transform:scale(.86);transform-origin:center}