.category-rail{position:fixed;left:12px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:0}
.category-rail a{position:relative;display:flex;align-items:center;width:34px;height:24px;text-decoration:none;outline:none}
.category-rail i{display:block;width:21px;height:3px;border-radius:2px;background:#c8cccf;transition:background .2s}
.category-rail span{position:absolute;left:33px;white-space:nowrap;font:14px/1.4 Arial,"PingFang SC",sans-serif;color:#30373b;background:linear-gradient(135deg,#ffffffe0,#ffffff99);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);border:1px solid #ffffffd9;padding:8px 13px;border-radius:10px;box-shadow:0 4px 16px #24304008,inset 0 1px 0 #ffffff;opacity:0;transform:translateX(-5px);pointer-events:none;transition:opacity .18s,transform .18s}
.category-rail a[aria-current="page"] i,.category-rail a:hover i,.category-rail a:focus-visible i{background:#01ff01}
.category-rail a:hover span,.category-rail a:focus-visible span{opacity:1;transform:translateX(0)}
@media(prefers-reduced-motion:reduce){.category-rail i,.category-rail span{transition:none}}