.side_nav[data-v-7133bc77]{--side-item: 34px;position:absolute;top:50%;right:clamp(14px,1.6vw,32px);z-index:20;display:flex;flex-direction:column;align-items:flex-end;transform:translateY(-50%)}@media (min-width: 768px) and (max-height: 700px){.side_nav[data-v-7133bc77]{--side-item: 28px}}.side_nav_count[data-v-7133bc77]{margin-bottom:12px;font-family:PangMenZhengDao;font-size:12px;letter-spacing:1px;color:#bbcdf580}@media (min-width: 768px) and (max-height: 700px){.side_nav_count[data-v-7133bc77]{margin-bottom:6px}}.side_nav_current[data-v-7133bc77]{font-size:22px;color:#eef3ff;text-shadow:0 0 18px rgba(49,112,255,.85)}@media (min-width: 768px) and (max-height: 700px){.side_nav_current[data-v-7133bc77]{font-size:18px}}.side_nav_total[data-v-7133bc77]{margin-left:4px}.side_nav_list[data-v-7133bc77]{position:relative;margin:0;padding:0;list-style:none}.side_nav_list[data-v-7133bc77]:before,.side_nav_list[data-v-7133bc77]:after{content:"";position:absolute;top:calc(var(--side-item) / 2);right:5px;width:2px;border-radius:2px;pointer-events:none}.side_nav_list[data-v-7133bc77]:before{bottom:calc(var(--side-item) / 2);background:#5c8aff33}.side_nav_list[data-v-7133bc77]:after{height:calc((100% - var(--side-item)) * var(--progress, 0));background:linear-gradient(180deg,#3170ff,#22d3ee);box-shadow:0 0 10px #3170ffcc;transition:height .6s cubic-bezier(.2,.8,.2,1)}.side_nav_item[data-v-7133bc77]{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:100%;height:var(--side-item);padding:0;border:0;outline:none;background:none;font:inherit;cursor:pointer;pointer-events:none}.side_nav_label[data-v-7133bc77]{padding:4px 12px;border:1px solid rgba(92,138,255,.24);border-radius:999px;background:#080d1cd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#d5e2ffd9;font-family:Regular;font-size:13px;line-height:18px;white-space:nowrap;opacity:0;transform:translate(10px);transition:opacity .3s ease,transform .3s ease,color .3s ease,border-color .3s ease}.side_nav_dot[data-v-7133bc77]{position:relative;box-sizing:border-box;flex-shrink:0;width:12px;height:12px;border:2px solid rgba(110,155,255,.6);border-radius:50%;background:#070b18;pointer-events:auto;transition:transform .35s ease,border-color .35s ease,background .35s ease,box-shadow .35s ease}.side_nav_dot[data-v-7133bc77]:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.side_nav:hover .side_nav_label[data-v-7133bc77],.side_nav_item:focus-visible .side_nav_label[data-v-7133bc77]{opacity:1;transform:none;pointer-events:auto}.side_nav_item:hover .side_nav_label[data-v-7133bc77]{color:#fff;border-color:#6e9bff99}.side_nav_item:hover .side_nav_dot[data-v-7133bc77],.side_nav_item:focus-visible .side_nav_dot[data-v-7133bc77]{border-color:#9db9ff;transform:scale(1.2)}.side_nav_item.active .side_nav_dot[data-v-7133bc77]{border-color:#eef3ff;background:linear-gradient(135deg,#3170ff,#22d3ee);box-shadow:0 0 0 4px #3170ff38,0 0 16px #22d3eed9;transform:scale(1.25)}.side_nav_item.active .side_nav_label[data-v-7133bc77]{border-color:#6e9bff99;background:linear-gradient(120deg,#3170ffe0,#7b5cffe0);color:#fff}@media (prefers-reduced-motion: reduce){.side_nav_list[data-v-7133bc77]:after,.side_nav_label[data-v-7133bc77],.side_nav_dot[data-v-7133bc77]{transition:none!important}}
