@layer components{.qnav-mask{display:none}.qnav-ball{display:none}.qnav-head{display:none}.qnav-close{display:none}.qnav-panel{position:fixed;z-index:30}@media (width >= 1640px){.qnav-panel{top:50%;right:1.25rem;transform:translateY(-50%);width:10.5rem;max-height:70vh;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:.55rem;display:flex;flex-direction:column;gap:2px;transition:opacity .3s ease, transform .3s ease}.qnav-head{display:flex;align-items:center;justify-content:center;text-align:center;padding:.3rem .6rem .5rem;border-bottom:1px solid var(--border);margin-bottom:.3rem}.qnav-title{font-size:.78rem;font-weight:600;letter-spacing:.02em;color:var(--faint)}.qnav-item{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;border-radius:var(--radius-sm);font-size:.86rem;font-weight:500;color:var(--muted);white-space:nowrap}.qnav-item:hover{color:var(--fg);background:var(--bg-muted)}.qnav-item.active{color:var(--accent-hover);background:var(--accent-soft);font-weight:600}.qnav-name{overflow:hidden;text-overflow:ellipsis;min-width:0}.qnav-panel.hide{opacity:0;transform:translateY(calc(-50% + 1rem));pointer-events:none}}@media (width < 1640px){.qnav-panel.qnav-many{left:0;right:0;bottom:0;max-height:55vh;overflow-y:auto;background:var(--card);border-top:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -12px 32px rgba(15, 23, 42, .14);padding:.25rem .55rem calc(.5rem + env(safe-area-inset-bottom, 0px));transform:translateY(105%);visibility:hidden;transition:transform .3s ease, visibility .3s}.qnav[data-open] .qnav-panel.qnav-many{transform:none;visibility:visible}.qnav-many .qnav-head{display:flex;align-items:center;justify-content:center;position:relative;padding:.6rem 2.6rem;font-weight:600;font-size:.85rem;color:var(--muted);border-bottom:1px solid var(--border);margin-bottom:.3rem}.qnav-many .qnav-close{display:block;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);border:0;background:none;font-size:1.3rem;line-height:1;color:var(--faint);cursor:pointer;padding:.25rem .5rem}.qnav-many .qnav-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(4.25rem, 1fr));gap:.25rem}.qnav-many .qnav-item{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.4rem;min-height:4.25rem;padding:.55rem .25rem;background:var(--bg-soft);border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;color:var(--muted);text-align:center}.qnav-many .qnav-item.active{color:var(--accent-hover);background:var(--accent-soft);font-weight:600}.qnav-many .qnav-item:hover{color:var(--fg);background:var(--bg-muted)}.qnav-many .qnav-icon{font-size:1.15rem}.qnav-many .qnav-name{overflow:hidden;white-space:normal;text-align:center;line-height:1.3;min-width:0}.qnav-many.qnav-few .qnav-list{display:flex;flex-wrap:wrap;justify-content:center}.qnav-many.qnav-few .qnav-item{flex:1 1 0;max-width:7rem}.qnav-mask{position:fixed;inset:0;z-index:29;background:rgba(15, 23, 42, .35)}.qnav[data-open] .qnav-mask{display:block}.qnav-ball{position:fixed;right:.9rem;bottom:calc(.9rem + env(safe-area-inset-bottom, 0px));z-index:31;width:2.9rem;height:2.9rem;border:0;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);transition:opacity .3s ease, transform .3s ease}.qnav-ball:active{transform:scale(.93)}.qnav-ball.hide{opacity:0;pointer-events:none;transform:translateY(.4rem)}.qnav[data-open] .qnav-ball{display:none}.qnav-ball-icon{display:grid;gap:3px;width:1.05rem}.qnav-ball-icon i{height:2px;border-radius:2px;background:currentColor}}@media (width >= 980px) and (width < 1640px){.qnav-panel.qnav-many{left:auto;right:1.25rem;bottom:1.25rem;width:22rem;max-width:calc(100vw - 2.5rem);border-radius:var(--radius-lg)}}}