.hub-anchor-nav{left:max(16px, env(safe-area-inset-left,0px));z-index:90;opacity:0;visibility:hidden;pointer-events:none;--anchor-panel-bg:linear-gradient(135deg, #ffffffeb 0%, #f8fafde0 100%);--anchor-panel-border:#2951e02e;--anchor-panel-shadow:0 8px 32px #0f172a1f, 0 0 0 1px #7c3aed14 inset, 0 0 40px #2951e014;--anchor-rail-gradient:linear-gradient(180deg, #2951e033, #7c3aed66 50%, #2951e033);--anchor-rail-shadow:0 0 12px #2951e02e;--anchor-item-color:#252b3ab3;--anchor-item-hover-bg:#2951e014;--anchor-dot-bg:#252b3a33;--anchor-dot-border:#2951e059;--anchor-dot-active-ring:#fffffff2;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s,transform .4s cubic-bezier(.4,0,.2,1);position:fixed;top:50%;transform:translateY(-50%)translate(-16px)}[data-theme=black] .hub-anchor-nav{--anchor-panel-bg:linear-gradient(135deg, #0a0a14eb 0%, #141428e0 100%);--anchor-panel-border:#00d4ff2e;--anchor-panel-shadow:0 8px 32px #00000073, 0 0 0 1px #7b2cbf1f inset, 0 0 40px #00d4ff0f;--anchor-rail-gradient:linear-gradient(180deg, #00d4ff26, #7b2cbf59 50%, #00d4ff26);--anchor-rail-shadow:0 0 12px #00d4ff33;--anchor-item-color:#e0e0e0bf;--anchor-item-hover-bg:#00d4ff14;--anchor-dot-bg:#e0e0e040;--anchor-dot-border:#00d4ff59;--anchor-dot-active-ring:#0a0a14f2}.hub-anchor-nav--visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%)translate(0)}.hub-anchor-inner{background:var(--anchor-panel-bg);border:1px solid var(--anchor-panel-border);box-shadow:var(--anchor-panel-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:12px 8px 12px 0;position:relative}.hub-anchor-rail{background:var(--anchor-rail-gradient);width:2px;box-shadow:var(--anchor-rail-shadow);border-radius:1px;position:absolute;top:28px;bottom:28px;left:15px}.hub-anchor-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.hub-anchor-item{width:100%;color:var(--anchor-item-color);letter-spacing:.5px;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:flex-start;align-items:center;gap:12px;margin:0;padding:6px 14px 6px 10px;font-family:Noto Sans SC,sans-serif;font-size:12px;font-weight:500;transition:color .25s,background .25s,text-shadow .25s;display:flex}.hub-anchor-item:hover{color:var(--primary);background:var(--anchor-item-hover-bg);text-shadow:0 0 16px var(--glow-primary)}.hub-anchor-item--active{color:var(--primary);text-shadow:0 0 12px var(--glow-primary)}.hub-anchor-item--active .hub-anchor-dot{background:linear-gradient(135deg, var(--primary), var(--secondary));box-shadow:0 0 0 2px var(--anchor-dot-active-ring), 0 0 14px var(--glow-primary), 0 0 24px var(--glow-secondary);transform:scale(1.15)}.hub-anchor-label{text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.hub-anchor-dot-wrap{flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex}.hub-anchor-dot{background:var(--anchor-dot-bg);border:1px solid var(--anchor-dot-border);border-radius:50%;width:8px;height:8px;transition:transform .25s,background .25s,box-shadow .25s}@media (max-width:1100px){.hub-anchor-nav .hub-anchor-label{display:none}.hub-anchor-inner{padding:10px 6px}.hub-anchor-item{justify-content:center;padding:8px 10px}.hub-anchor-rail{left:50%;transform:translate(-50%)}.hub-anchor-dot-wrap{width:14px}}@media (max-width:480px){.hub-anchor-nav{left:8px;transform:translateY(-50%)translate(-12px)scale(.92)}.hub-anchor-nav--visible{transform:translateY(-50%)translate(0)scale(.92)}}