.vn{--t2: rgba(255, 255, 255, .68);--t3: rgba(255, 255, 255, .42);--line: rgba(255, 255, 255, .12);--line-2: rgba(255, 255, 255, .24);--warm: #f2a65a;position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;overflow-x:hidden;color:#fff;background:#16131a;color-scheme:dark;font-family:Inter Variable,PingFang SC,Microsoft YaHei,sans-serif}@media(min-width:1280px){.vn{height:100svh;overflow:hidden}}.vn-serif{font-family:"Noto Serif SC",Songti SC,serif}.vn-num{font-family:Inter Variable,sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:"tnum","calt"}.vn-cap{font-family:Inter Variable,PingFang SC,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--t3);white-space:nowrap}.vn-ambient{position:absolute;inset:0;z-index:-1;overflow:hidden}.vn-ambient>*{position:absolute!important;inset:-12%!important;width:124%!important;height:124%!important;-o-object-fit:cover;object-fit:cover;filter:blur(80px) saturate(1.6) brightness(.62);transform:translateZ(0);transition:opacity 1s}.vn-ambient:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 35% 45%,transparent 30%,rgba(10,8,14,.45)),linear-gradient(180deg,#0a080e33,#0a080e80),var(--noise, none)}.vn-top{flex:none;height:62px;display:flex;align-items:center;gap:4px;padding:0 28px}.vn-logo{position:relative;width:30px;height:30px;flex:none;border-radius:50%;background:repeating-radial-gradient(circle,#111 0 1.2px,#262229 1.2px 2.4px);box-shadow:0 0 0 1px #ffffff26}.vn-logo:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3.5px var(--warm)}.vn-nav{display:inline-flex;align-items:center;gap:3px;height:32px;padding:0 11px;border-radius:999px;font-size:14px;color:var(--t2);white-space:nowrap;transition:color .15s,background .15s}.vn-nav:hover,.vn-nav.on{color:#fff;background:#ffffff14}.vn-support{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 14px;margin-left:6px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;color:#2a1606;background:var(--warm)}.vn-support:hover{background:#f7b571}:where(.vn-stage){display:flex}.vn-stage{flex:1;min-height:0;flex-direction:column;gap:28px;padding:6px 16px 18px}.vn-stage>*{min-width:0}@media(min-width:768px){.vn-stage{padding:6px 28px 22px}}@media(min-width:1280px){.vn-stage{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr) 270px;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"album tracks notes" "crate crate notes";-moz-column-gap:44px;column-gap:44px;row-gap:20px}}.vn-album{display:flex;flex-direction:column;align-items:center;gap:18px;min-height:0}.vn-album-box{position:relative;width:100%;height:86vw;max-height:560px;container-type:size;display:flex;align-items:center;justify-content:center}@media(min-width:1280px){.vn-album-box{flex:1;min-height:0;height:auto;max-height:none}}.vn-record{--s: min(66cqw, 100cqh - 6px);position:relative;width:var(--s);height:var(--s);transform:translate(-19%)}.vn-sleeve{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:3px;background:#222;box-shadow:0 40px 70px -28px #000000bf,0 12px 26px -12px #00000080,0 0 0 1px #ffffff12}.vn-sleeve>img,.vn-sleeve>video,.vn-sleeve>div:first-child{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vn-sleeve-edge{position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.16),transparent 32%,transparent 70%,rgba(0,0,0,.18));box-shadow:inset 0 0 0 1px #ffffff1a,inset -6px 0 10px -6px #0006}.vn-sleeve-tag{display:none}.vn-disc{position:absolute;z-index:1;top:3%;left:3%;width:94%;height:94%;border-radius:50%;transform:translate(28%);transition:transform 1s cubic-bezier(.3,.75,.2,1);box-shadow:0 20px 40px -18px #000c}.vn-record.playing .vn-disc{transform:translate(50%)}.vn-grooves{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,transparent 0 58%,rgba(255,255,255,.045) 58.4% 59%,transparent 59.4% 74%,rgba(255,255,255,.045) 74.4% 75%,transparent 75.4% 88%,rgba(255,255,255,.04) 88.4% 89%,transparent 89.4%),repeating-radial-gradient(circle,#0e0d10 0 .32%,#19171b .42% .66%);box-shadow:inset 0 0 0 2px #070607;animation:vn-spin 1.8s linear infinite;animation-play-state:paused}.vn-record.playing .vn-grooves{animation-play-state:running}@keyframes vn-spin{to{transform:rotate(360deg)}}.vn-label{position:absolute;inset:33.5%;border-radius:50%;overflow:hidden;background:var(--warm);box-shadow:0 0 0 2px #0009}.vn-label>img,.vn-label>video,.vn-label>div{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vn-label:after{content:"";position:absolute;left:50%;top:50%;width:7%;height:7%;border-radius:50%;transform:translate(-50%,-50%);background:#0e0d10;box-shadow:0 0 0 2px #ffffff80}.vn-sheen{position:absolute;inset:0;border-radius:50%;pointer-events:none;mix-blend-mode:screen;background:conic-gradient(from 30deg,transparent 0 9%,rgba(255,255,255,.14) 14%,transparent 21%,transparent 50%,rgba(255,255,255,.1) 63%,transparent 71%);-webkit-mask:radial-gradient(circle,transparent 0 34.5%,#000 35.5%);mask:radial-gradient(circle,transparent 0 34.5%,#000 35.5%)}.vn-side{flex:none;width:min(100%,560px)}.vn-side-head{display:flex;align-items:center;gap:10px}.vn-side-mark{width:22px;height:22px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#16131a;background:#fff}.vn-side-mark.b{color:#fff;background:transparent;box-shadow:inset 0 0 0 1.5px #fff}.vn-scrub{position:relative;height:3px;margin:13px 0 8px;border-radius:2px;background:#ffffff2e}.vn-scrub i{position:absolute;left:0;top:0;height:100%;border-radius:2px;background:#fff;transition:width 1s linear}.vn-scrub b{position:absolute;top:50%;width:11px;height:11px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006;transition:left 1s linear}.vn-side-times{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--t2)}.vn-side-times b{font-weight:500}.vn-side-times b.live{color:#fff}.vn-side-row{display:flex;align-items:center;gap:8px;margin-top:12px;min-height:34px}.vn-modes{display:flex;gap:2px;flex-wrap:wrap}.vn-modes button{display:inline-flex;align-items:baseline;gap:3px;height:28px;line-height:28px;padding:0 10px;border-radius:999px;font-size:12.5px;white-space:nowrap;color:var(--t2);transition:background .15s,color .15s}.vn-modes button small{font-size:10.5px;opacity:.7}.vn-modes button:hover{color:#fff}.vn-modes button.on{color:#fff;background:#ffffff24}.vn-sidego{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 15px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;color:#16131a;background:#fff;transition:background .15s,color .15s}.vn-sidego.on{color:#fff;background:#ffffff24}.vn-icon{width:34px;height:34px;flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--t2);transition:color .15s,background .15s}.vn-icon:hover,.vn-icon.on{color:#fff;background:#ffffff14}.vn-icon.ring{box-shadow:inset 0 0 0 1px var(--line-2)}.vn-mini{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--t2);box-shadow:inset 0 0 0 1px var(--line-2)}.vn-tracks{width:100%;min-height:0;display:flex;flex-direction:column;padding-top:6px}.vn-title{margin-top:12px;font-family:"Noto Serif SC",Songti SC,serif;font-weight:900;font-size:clamp(34px,3.4vw,54px);line-height:1.06;letter-spacing:.03em}.vn-sub{margin-top:10px;font-size:14px;line-height:1.6;color:var(--t2)}.vn-transport{display:flex;align-items:center;gap:8px;margin-top:22px}.vn-play{width:58px;height:58px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:6px;color:#16131a;background:#fff;transition:transform .15s,background .2s,color .2s}.vn-play:hover{transform:scale(1.04)}.vn-play.on{color:#fff;background:#ffffff24;box-shadow:inset 0 0 0 1.5px #ffffffb3}.vn-chip{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 13px;border-radius:999px;font-size:12.5px;white-space:nowrap;color:#fff;background:#ffffff1a;transition:background .15s}.vn-chip:hover{background:#ffffff29}.vn-chip.on{color:#16131a;background:#fff}.vn-listhead{flex:none;display:flex;margin-top:24px;padding-bottom:8px;font-size:10.5px;font-weight:600;letter-spacing:.2em;color:var(--t3);border-bottom:1px solid var(--line)}.vn-list{flex:1;min-height:136px;overflow:hidden}.vn-track{display:flex;align-items:center;gap:14px;height:34px;border-bottom:1px solid rgba(255,255,255,.06)}.vn-track.first-b{box-shadow:inset 0 1px #fff3}.vn-code{width:24px;flex:none;font-size:12px;color:var(--t3)}.vn-track.on .vn-code{color:#fff}.vn-track-name{flex:none;max-width:9em;font-size:14.5px;text-align:left;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.vn-track-name:hover{color:#fff}.vn-track.on .vn-track-name{color:#fff;font-weight:600}.vn-track-v{width:26px;flex:none;text-align:right;font-size:12px;color:var(--t2)}.vn-master{flex:none;display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.vn-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;background:transparent;cursor:pointer}.vn-range::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:linear-gradient(90deg,#fff var(--p, 50%),rgba(255,255,255,.2) var(--p, 50%))}.vn-range::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;margin-top:-4.5px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0006}.vn-range::-moz-range-track{height:2px;background:#fff3}.vn-range::-moz-range-progress{height:2px;background:#fff}.vn-range::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#fff}.vn-notes{width:100%;min-height:0;display:flex;flex-direction:column;gap:4px}@media(min-width:1280px){.vn-notes{padding-top:8px}}.vn-notes-head{flex:none;display:flex;align-items:baseline;gap:8px;padding-bottom:8px;margin-top:4px;border-bottom:1px solid var(--line);font-family:"Noto Serif SC",serif;font-weight:600;font-size:15px}.vn-notes-head .vn-num,.vn-notes-head button{font-family:Inter Variable,PingFang SC,sans-serif;font-weight:400;font-size:12px;color:var(--t3)}.vn-notes-head.mt-auto{margin-top:auto;padding-top:16px}.vn-todos{flex:1 1 auto;min-height:0;overflow-y:auto}.vn-todos-box{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.vn-todo-add{flex:none;border-bottom:0}.vn-remind-head{padding-top:14px}@media(max-width:1279px){.vn-todos-box{flex:none}.vn .vn-todos{flex:none;max-height:190px}}.vn-stats{flex:none;margin-bottom:14px}.vn-stats-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.vn-stats-nums>span{min-width:0}.vn-stats-nums b{display:block;font-size:22px;font-weight:600;line-height:1.1;color:#fff}.vn-stats-nums small{margin-left:3px;font-size:11px;font-weight:400;color:var(--t3)}.vn-stats-nums em{display:block;margin-top:3px;font-style:normal;font-size:12px;color:var(--t3);white-space:nowrap}.vn-week{height:44px;margin-top:12px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.vn-week>button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px}.vn-week i{display:block;width:min(100%,12px);border-radius:2px 2px 0 0;background:#ffffff40;transition:height .4s ease,background .15s}.vn-week .now i,.vn-week .on i{background:var(--warm)}.vn-week span{flex:none;font-size:10.5px;color:var(--t3)}.vn-week .now span{color:#fff}@media(min-width:1280px)and (max-height:760px){.vn .vn-week{display:none}}.vn-todo{display:flex;align-items:center;gap:10px;height:38px;border-bottom:1px solid rgba(255,255,255,.06)}.vn-check{width:17px;height:17px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#16131a;box-shadow:inset 0 0 0 1.5px #fff6}.vn-check.on{background:#fff;box-shadow:none}.vn-check.add{color:var(--t3)}.vn-reminds{flex:none;display:flex;flex-direction:column}.vn-remind{position:relative;display:flex;align-items:center;gap:12px;padding:8px 6px;border-radius:10px;transition:background .15s}.vn-remind:hover,.vn-remind.open{background:#ffffff0f}.vn-remind.due{background:#f2a65a33}.vn-remind-ico{flex:none;color:var(--t2)}.vn-remind-sub{display:block;font-size:12px;color:var(--t3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vn-remind.due .vn-remind-sub{color:var(--warm)}.vn-switch{position:relative;width:32px;height:18px;flex:none;border-radius:999px;background:#fff3;transition:background .2s}.vn-switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s,background .2s}.vn-switch.on{background:#fff}.vn-switch.on:after{transform:translate(14px);background:#16131a}.vn-crate{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,auto);-moz-column-gap:24px;column-gap:24px;padding-top:14px;border-top:1px solid var(--line)}.vn-shelf{min-width:0;display:flex;flex-direction:column}.vn-shelf-rack{position:relative;min-width:0}@media(max-width:767px){.vn-crate{grid-template-columns:minmax(0,1fr);row-gap:18px}.vn-crate>.vn-crate-gap{display:none}}.vn-crate-head>span{white-space:nowrap}.vn-crate-head{display:flex;flex-wrap:wrap;align-items:center;min-height:26px;gap:8px 10px;margin-bottom:12px;font-family:"Noto Serif SC",serif;font-weight:600;font-size:15px}.vn-crate-head .vn-cap{font-family:Inter Variable,PingFang SC,sans-serif;letter-spacing:.08em;text-transform:none;font-weight:400;font-size:12px}.vn-crate-head .vn-chip{height:26px;font-family:Inter Variable,PingFang SC,sans-serif;font-weight:400}.vn-crate-row{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;scrollbar-width:none;padding:7px 7px 2px;margin:-7px -7px 0}.vn-crate-row::-webkit-scrollbar{display:none}.vn-lp{flex:none;width:92px;display:flex;flex-direction:column;gap:7px;text-align:left}.vn-lp-art{position:relative;display:flex;flex-direction:column;width:92px;height:92px;overflow:hidden;border-radius:3px;background:#222;box-shadow:0 12px 24px -12px #000000b3,0 0 0 1px #ffffff14;transition:transform .25s}.vn-lp-art>img,.vn-lp-art>div,.vn-lp-art>video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vn-lp:hover .vn-lp-art{transform:translateY(-3px)}.vn-lp.on .vn-lp-art{outline:2px solid #fff;outline-offset:3px}.vn-lp-name{font-size:12px;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vn-lp.on .vn-lp-name{color:#fff;font-weight:600}.vn-lp-art.type{padding:9px 9px 8px;color:#16131a;background:linear-gradient(160deg,#f4efe8,#ddd5ca)}.vn-lp.mix:nth-of-type(2n) .vn-lp-art.type{background:linear-gradient(160deg,#23202a,#121015);color:#fff}.vn-lp-vol{font-size:9px;font-weight:700;letter-spacing:.16em;opacity:.55}.vn-lp-title{margin-top:auto;font-family:"Noto Serif SC",serif;font-weight:900;font-size:15px;line-height:1.15}.vn-lp-list{margin-top:3px;font-size:9.5px;line-height:1.3;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vn-lp-eq{position:absolute;right:8px;top:8px;color:currentColor}.vn-lp-add{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--t2);background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--line-2)}.vn-crate-gap{width:1px;align-self:stretch;background:var(--line-2)}.vn-pop{background:#1e1b22;color:#fff;border-radius:16px;box-shadow:0 0 0 1px var(--line-2),0 28px 56px -22px #000c}.vn-in{animation:vn-in .24s cubic-bezier(.2,.8,.2,1)}@keyframes vn-in{0%{opacity:0;transform:translateY(6px)}}.vn .pop-panel{animation:vn-in .2s cubic-bezier(.2,.8,.2,1)}.vn-search{display:flex;align-items:center;gap:8px;height:34px;padding:0 13px;width:200px;border-radius:999px;background:#ffffff14}.vn-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:13.5px;color:#fff}.vn-search input::-moz-placeholder{color:var(--t3)}.vn-search input::placeholder{color:var(--t3)}.vn-eq{display:inline-flex;align-items:flex-end;gap:2px;height:10px;flex:none}.vn-eq i{width:2px;height:100%;border-radius:1px;background:currentColor;transform-origin:bottom;animation:vn-eq .9s ease-in-out infinite}.vn-eq i:nth-child(2){animation-delay:-.3s}.vn-eq i:nth-child(3){animation-delay:-.6s}@keyframes vn-eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.vn-toast-disc{width:38px;height:38px;flex:none;border-radius:50%;background:radial-gradient(circle,var(--warm) 0 18%,#fff 19% 22%,transparent 23%),repeating-radial-gradient(circle,#111 0 1px,#262229 1px 2.4px);animation:vn-spin 1.8s linear infinite}@media(min-width:1280px)and (max-height:820px){.vn-top{height:54px}.vn-stage{row-gap:14px;padding-bottom:16px}.vn-title{font-size:clamp(30px,3vw,44px);margin-top:8px}.vn-transport,.vn-listhead{margin-top:16px}.vn-lp,.vn-lp-art{width:76px}.vn-lp-art{height:76px}.vn-lp-title{font-size:13px}.vn-todo{height:34px}.vn-remind{padding:5px 6px}}@media(max-width:1279px){.vn-album{order:1}.vn-stage>.\[grid-area\:tracks\]{order:2}.vn-stage>.\[grid-area\:crate\]{order:3}.vn-stage>.\[grid-area\:notes\]{order:4}.vn-list{min-height:0}}@media(prefers-reduced-motion:reduce){.vn-grooves,.vn-toast-disc,.vn-eq i{animation:none!important}.vn-disc{transition:none}}.vn-sticker{position:relative;display:flex;gap:14px;padding:14px 16px 14px 14px;color:#fff;border-radius:14px;background:linear-gradient(135deg,#2a2430,#1b181f);box-shadow:0 0 0 1px var(--line-2),0 28px 56px -22px #000000d9;animation:vn-sticker-in .6s cubic-bezier(.2,1.2,.4,1) both;overflow:hidden}.vn-sticker:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.07) 50%,transparent 60%);pointer-events:none}.vn-sticker-disc{position:relative;width:58px;height:58px;flex:none;border-radius:50%;background:repeating-radial-gradient(circle,#111 0 1px,#262229 1px 2.4px);box-shadow:0 0 0 1px #ffffff0f;animation:vn-spin 2.4s linear infinite}.vn-sticker-disc i{position:absolute;inset:31%;border-radius:50%;background:radial-gradient(circle,#16131a 0 9%,var(--warm) 10%)}.vn-sticker-track{font-size:10px;letter-spacing:.16em;color:var(--warm)}.vn-sticker-title{font-family:Songti SC,"Noto Serif SC",serif;font-size:17px;font-weight:700;margin-top:3px}@keyframes vn-sticker-in{0%{opacity:0;transform:translateY(-10px) rotate(-2deg) scale(.96)}}@media(prefers-reduced-motion:reduce){.vn-sticker,.vn-sticker-disc{animation:none}}.vn{--dk-bg: #1f1b22;--dk-ink: #fff;--dk-ink-2: var(--t2);--dk-ink-3: var(--t3);--dk-accent: var(--warm);--dk-on-accent: #16131a;--dk-wash: rgba(255, 255, 255, .08);--dk-line: var(--line-2);--dk-edge: var(--line);--dk-r: 12px;--dk-shadow: 0 12px 32px -12px rgba(0, 0, 0, .8)}