.csub{--csub-line: rgba(255, 255, 255, .1);--csub-cyan: #38bdf8;border-top:1px solid var(--csub-line);border-bottom:1px solid var(--csub-line);background:var(--q-bg-deep, #070912);position:relative;z-index:3}.csub__inner{max-width:var(--page-max, 1200px);margin-inline:auto;padding:10px var(--gutter, 24px);display:flex;align-items:center;gap:16px;overflow-x:auto;scrollbar-width:none}.csub__inner::-webkit-scrollbar{display:none}.csub__hub{flex:none;display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;letter-spacing:.01em;color:var(--ws-text-primary, rgba(255, 255, 255, .92));text-decoration:none;padding:6px 12px;border-radius:8px;border:1px solid var(--csub-line);transition:border-color .18s ease,color .18s ease}.csub__hub:hover{border-color:var(--csub-cyan);color:#fff}.csub__hub:focus-visible{outline:2px solid var(--csub-cyan);outline-offset:2px}.csub__hub-dot{width:7px;height:7px;border-radius:50%;background:var(--csub-cyan);box-shadow:0 0 8px var(--csub-cyan)}.csub__list{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.csub__li{flex:none}.csub__item{display:inline-block;font-size:.82rem;font-weight:500;white-space:nowrap;color:var(--ws-text-secondary, rgba(255, 255, 255, .72));text-decoration:none;padding:6px 12px;border-radius:8px;border:1px solid transparent;transition:color .18s ease,background .18s ease,border-color .18s ease}.csub__item:hover{color:#fff;background:#ffffff0a}.csub__item:focus-visible{outline:2px solid var(--csub-cyan);outline-offset:2px}.csub__item--active{color:#fff;background:linear-gradient(150deg,#38bdf829,#a78bfa1a);border-color:#38bdf873;cursor:default}@media(max-width:700px){.csub__inner{gap:10px;padding:8px 16px}.csub__hub,.csub__item{font-size:.78rem;padding:5px 10px}}