.music-visualizer{margin:0 0 72px;padding-block:30px 34px;border-block:1px solid var(--border)}.music-visualizer__heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.music-visualizer__heading h2{margin:8px 0 0;font-size:clamp(20px,2.4vw,28px);font-weight:500;letter-spacing:.035em}.music-visualizer__edition{color:var(--muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.1em}.music-visualizer__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:34px}.music-waveform{min-width:0;padding:23px 24px 18px;background:color-mix(in srgb,var(--surface-soft) 65%,transparent);border:1px solid var(--border);border-radius:17px}.music-spectrum__heading,.music-waveform__title{display:flex;justify-content:space-between;align-items:center;gap:14px;color:var(--foreground);font-size:12px}.music-spectrum__heading>span:first-child,.music-waveform__title>span:first-child{display:inline-flex;align-items:center;gap:9px}.music-waveform__title>span:last-child{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.music-waveform__title i{margin:0 4px;font-style:normal;color:var(--border-strong)}.music-waveform__track{position:relative;height:112px;margin-top:19px;border-radius:5px}.music-waveform__track svg{width:100%;height:100%;display:block;overflow:visible}.music-waveform__bar{fill:var(--border-strong)}.music-waveform__bar--played{fill:var(--primary)}.music-waveform__axis{stroke:var(--border);stroke-width:1}.music-waveform__cursor{stroke:var(--primary);stroke-width:1.5}.music-waveform__track input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:.001;cursor:ew-resize;touch-action:pan-y}.music-waveform__track input:disabled{cursor:default}.music-waveform__track:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:7px}.music-waveform__ticks{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums;margin:5px 0 18px}.music-waveform__message{min-height:154px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:var(--muted);font-size:12px}.music-waveform__message p{margin:0 0 12px}.music-visualizer__note{font-size:11px;line-height:1.9;color:var(--muted);margin:13px 0 0}.music-visualizer__note small{display:block;font-size:9px;margin-top:4px}.music-spectrum{min-width:0;padding:23px 0 0}.music-spectrum__mode{color:var(--muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.13em}.music-spectrum[data-state=on] .music-spectrum__mode{color:var(--primary)}.music-spectrum__plot{position:relative;height:132px;margin:17px 0 20px;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to bottom,transparent 0,transparent 32px,var(--border) 33px,transparent 34px)}.music-spectrum canvas{display:block;width:100%;height:132px}.music-spectrum__rest{position:absolute;inset:0;display:grid;place-items:center;color:var(--border-strong);font-size:38px;font-family:Georgia,serif}.music-spectrum__controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.music-spectrum__controls .mm-button{min-width:0}.music-spectrum__range{color:var(--muted);font-family:var(--font-mono);font-size:9px;white-space:nowrap}.music-spectrum__error{margin-top:14px;color:var(--error);font-size:11px;line-height:1.8}@media (max-width:900px){.music-visualizer__grid{grid-template-columns:minmax(0,1fr);gap:20px}.music-spectrum{padding-inline:24px}.music-spectrum canvas,.music-spectrum__plot{height:112px}}@media (max-width:560px){.music-visualizer{margin-bottom:42px;padding-block:24px}.music-visualizer__heading{align-items:flex-start;gap:12px}.music-visualizer__edition{max-width:92px;line-height:1.8;text-align:right}.music-spectrum,.music-waveform{padding-inline:17px}.music-spectrum__range{font-size:8px}}.netease-search{margin:68px 0;padding:clamp(20px,4vw,42px);border:1px solid var(--border-strong);border-radius:26px 26px 8px;background:linear-gradient(135deg,var(--surface),var(--surface-soft))}.netease-search__heading{display:flex;align-items:flex-start;gap:17px;color:var(--primary)}.netease-search__heading>svg{margin-top:6px;flex:0 0 auto}.netease-search h2{margin:8px 0;font-size:clamp(25px,3.8vw,40px);font-weight:300;letter-spacing:-.03em}.netease-search__heading p:last-child{font-size:12px;line-height:1.9;color:var(--muted)}.netease-search__form{display:flex;align-items:flex-end;gap:18px;margin:28px 0 18px}.netease-search__form label{flex:1;min-width:0}.netease-search__form label>span{display:block;margin-bottom:9px;font-size:11px;color:var(--muted)}.netease-search__form label>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-strong);padding:12px 0}.netease-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--foreground);font:inherit;font-size:14px}.netease-search__notice{font-size:11px;line-height:1.9;color:var(--muted);min-height:2em}.netease-search__track{display:flex;gap:14px;align-items:center;padding:20px 0;border-bottom:1px solid var(--border)}.netease-search__track>div{min-width:0;flex:1}.netease-search__track h3{margin:0 0 7px;font-size:15px;font-weight:400;overflow-wrap:anywhere}.netease-search__track p{margin:0;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.netease-search__track small{display:block;margin-top:6px;font-size:10px;color:var(--muted)}.netease-search__track>a{display:grid;place-items:center;min-width:40px;min-height:44px;color:var(--primary);border-radius:50%}.netease-search__track>a:hover{background:var(--surface-soft)}.netease-search__duration{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.netease-search__pagination{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:11px;color:var(--muted)}@media (max-width:560px){.netease-search__form{align-items:stretch;flex-direction:column}.netease-search__form button{align-self:flex-start}.netease-search__track{gap:8px}.netease-search__duration{display:none}}.listening-art{--la-night:#0f1737;--la-hour:#33447f;--la-haze:#9fb3ec;--la-rose:#f2a7d0;--la-ice:#9fe6ff;--la-moon:#eef3ff;--la-muted:#a9b6e2;--la-rule:#9fb3ec29;--la-pad:clamp(24px,4vw,56px);--la-gutter:128px;--la-hero-size:clamp(132px,22vw,300px);position:relative;isolation:isolate;overflow:hidden;overflow:clip;margin:56px 0;padding:var(--la-pad) calc(var(--la-pad) + var(--la-gutter)) var(--la-pad) var(--la-pad);border-radius:6px 28px 8px 24px;color:var(--la-moon);background:radial-gradient(60% 38% at 8% 100%,#f2a7d047,transparent 72%),radial-gradient(42% 30% at 92% 4%,#9fe6ff26,transparent 70%),linear-gradient(172deg,var(--la-night) 0,#1a2656 44%,var(--la-hour) 80%,#62679f 100%);box-shadow:0 44px 80px -52px #142654a6}:root[data-theme=dark] .listening-art{box-shadow:0 0 0 1px var(--border),0 44px 80px -52px #030915}.listening-art>*{position:relative;z-index:1}.listening-art>.listening-art__grain{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.11;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.listening-art>.listening-art__moon{position:absolute;z-index:0;pointer-events:none;top:clamp(36px,5vw,72px);left:clamp(90px,17vw,270px);width:clamp(240px,32vw,470px);aspect-ratio:1}.listening-art__moon>span{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#dfe8ff9e 1.1px,transparent 1.6px) 0 0 /7px 7px,radial-gradient(circle at 40% 38%,#9fb3ec3d,transparent 64%);-webkit-mask-image:radial-gradient(closest-side,#000 0 30%,#0006 68%,transparent 100%);mask-image:radial-gradient(closest-side,#000 0 30%,#0006 68%,transparent 100%)}.listening-art>.listening-art__column{position:absolute;z-index:0;top:var(--la-pad);right:clamp(20px,3vw,44px);display:flex;flex-direction:column;align-items:center;gap:18px}.listening-art__track{position:relative;writing-mode:vertical-rl;font-weight:300;font-size:clamp(56px,5vw,72px);line-height:1;letter-spacing:.04em}.listening-art__track,.listening-art__track>span{font-family:var(--font-ui)}.listening-art__outline{display:block;color:transparent;-webkit-text-stroke:1px #9fb3ec8c}.listening-art__fill{position:absolute;inset:0;color:var(--la-rose);text-shadow:0 0 28px #f2a7d073;clip-path:inset(0 0 calc((1 - var(--fill)) * 100%) 0)}.listening-art__tick{position:absolute;left:-14px;right:-14px;top:calc(var(--share) * 100%);height:1px;background:var(--la-rose)}.listening-art__share{position:absolute;top:calc(var(--share) * 100% + 10px);right:calc(100% + 16px);display:grid;gap:2px;margin:0;writing-mode:horizontal-tb;white-space:nowrap;text-align:right;font-family:var(--font-ui);font-size:11px;line-height:1.5;letter-spacing:0;color:#f6cfe4}.listening-art__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px}.listening-art__head h2{margin:0;font-family:var(--font-dialogue);font-size:clamp(30px,3.2vw,42px);font-weight:400;color:var(--la-moon);letter-spacing:.02em}.listening-art__head p{margin:0;font-family:var(--font-ui);font-size:11px;color:var(--la-muted)}.listening-art__hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:clamp(14px,2.4vw,36px);margin-top:clamp(18px,3vw,40px)}.listening-art__numeral{display:flex;margin:0 0 0 -.05em;font-family:var(--font-ui);font-weight:300;font-size:var(--la-hero-size);line-height:.8;letter-spacing:-.035em}.listening-art__mask{display:inline-block;padding-bottom:.05em;clip-path:inset(-40% -25% 0 -25%)}.listening-art__glyph{display:inline-block;position:relative}.listening-art__ink{position:relative;color:var(--la-moon);text-shadow:0 0 22px #9fe6ff80,0 0 90px #829fdc80}.listening-art__ghost{position:absolute;inset:0;opacity:.9}.listening-art__ghost--cyan{color:#6fdcff;transform:translateX(-3px)}.listening-art__ghost--rose{color:#ff8fc8;transform:translateX(3px)}.listening-art__echo{display:grid;gap:12px;align-content:end;justify-items:start;padding-bottom:.4em}.listening-art__echo>span{font-family:var(--font-ui);font-weight:300;line-height:.8;letter-spacing:-.03em;font-size:calc(var(--la-hero-size) * var(--echo-ratio));color:transparent;-webkit-text-stroke:1px #eef3ffa6;transform-origin:0 100%}.listening-art__echo>p{margin:0;max-width:24em;font-family:var(--font-ui);font-size:11px;line-height:1.7;color:var(--la-muted)}.listening-art__body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(24px,3vw,44px);align-items:start;margin-top:clamp(22px,3vw,40px)}.listening-art__lines{margin:0;padding:0;list-style:none}.listening-art__lines>li{border-top:1px solid var(--la-rule)}.listening-art__lines>li:last-child{border-bottom:1px solid var(--la-rule)}.listening-art .listening-select{display:grid;grid-template-columns:2.2em minmax(0,1fr) auto;align-items:baseline;gap:16px;width:100%;padding:13px 4px;border:0;border-radius:4px;background:transparent;color:inherit;text-align:left;cursor:pointer}.listening-art .listening-select:focus-visible{outline:2px solid var(--la-ice);outline-offset:2px}.listening-art__rank{font-family:var(--font-ui);font-size:11px;color:#8595c8;font-variant-numeric:tabular-nums}.listening-art__title{min-width:0}.listening-art__title strong{display:block;font-family:var(--font-ui);font-weight:300;line-height:1.25;overflow-wrap:anywhere;font-size:calc(15px + var(--w) * 22px);opacity:calc(.6 + var(--w) * .4);transition:color .25s ease}.listening-art__title small{display:block;margin-top:5px;font-family:var(--font-ui);font-size:11px;color:var(--la-muted)}.listening-art__count{font-family:var(--font-ui);font-size:calc(15px + var(--w) * 15px);font-variant-numeric:tabular-nums;white-space:nowrap;color:#d6def8}.listening-art__count small{margin-left:4px;font-size:10px;color:var(--la-muted)}.listening-art .listening-select:hover strong{color:#fff}.listening-art__lines>li[data-cluster] .listening-art__rank,.listening-art__lines>li[data-cluster] .listening-art__title small{color:var(--la-rose)}.listening-art__lines>li[data-selected=true] .listening-art__title strong{color:var(--la-ice);opacity:1;text-decoration:underline 1px;text-underline-offset:.3em}.listening-art__lines>li[data-unknown=true] .listening-art__title strong{text-decoration:underline dashed 1px #9fb3ec99;text-underline-offset:.3em}.listening-art__lines>li[data-unknown=true] .listening-art__count>span{font-size:28px;color:transparent;-webkit-text-stroke:1px var(--la-haze)}.listening-art .listening-note{position:sticky;top:186px;min-width:0;padding:26px 22px;border:1px solid #9fb3ec42;border-radius:4px 18px 5px 15px;background:#0c1330b8}.listening-art .listening-note h3{margin:0 0 6px;font-family:var(--font-ui);font-size:19px;font-weight:300;line-height:1.6;color:var(--la-moon);overflow-wrap:anywhere}.listening-art .listening-note>p{margin:0;font-family:var(--font-ui);font-size:12px;line-height:1.8;color:var(--la-muted)}.listening-art .listening-note>p.listening-note__count{margin:20px 0 8px;font-size:40px;font-weight:300;line-height:1.1;color:var(--la-ice)}.listening-art .listening-note__count small{display:block;margin-top:4px;font-size:12px;color:var(--la-muted)}.listening-art .listening-note__detail{padding-bottom:18px;border-bottom:1px solid var(--la-rule)}.listening-art .listening-note>p.listening-note__quote{margin:20px 0;font-family:var(--font-dialogue);font-size:23px;line-height:1.5;color:#f6cfe4}.listening-art .listening-note .text-link{color:#cfe0ff}.listening-art .listening-select__play{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:1px 8px;border:1px solid #9fb3ec55;border-radius:999px;font-size:10px;color:var(--la-ice);vertical-align:1px;transition:border-color .25s ease,color .25s ease}.listening-art .listening-select:hover .listening-select__play,.listening-art__lines>li[data-selected=true] .listening-select__play{border-color:var(--la-ice);color:#fff}.listening-art .listening-note__play{display:inline-flex;align-items:center;gap:8px;margin:18px 0 0;padding:8px 18px;border:1px solid #9fb3ec55;border-radius:999px;background:transparent;cursor:pointer;font-family:var(--font-ui);font-size:12px;color:var(--la-ice);transition:border-color .25s ease,color .25s ease}.listening-art .listening-note__play:hover{border-color:var(--la-ice);color:#fff}.listening-art .listening-note__play:focus-visible{outline:2px solid var(--la-ice);outline-offset:2px}.listening-art .listening-note>p.listening-note__off{margin:18px 0 0}.listening-art .listening-note__off a{color:#cfe0ff;text-decoration:underline 1px;text-underline-offset:.25em}.listening-art>.listening-source{max-width:64ch;margin:24px 0 0;font-family:var(--font-ui);font-size:11px;line-height:1.8;color:#a3b1dc}@media (max-width:900px){.listening-art__body{grid-template-columns:minmax(0,1fr)}.listening-art .listening-note{position:static}}@media (max-width:760px){.listening-art{--la-pad:22px;--la-gutter:0px;display:flex;flex-direction:column;padding:26px 18px 24px}.listening-art__head{order:1}.listening-art>.listening-art__column{order:2;position:relative;top:auto;right:auto;z-index:1;align-items:flex-start;margin-top:18px;padding-bottom:28px}.listening-art__hero{order:3}.listening-art__body{order:4}.listening-art>.listening-source{order:5}.listening-art__track{writing-mode:horizontal-tb;white-space:nowrap;font-size:min(6.6vw,30px)}.listening-art__fill{clip-path:inset(0 calc((1 - var(--fill)) * 100%) 0 0)}.listening-art__tick{inset:-6px auto -6px calc(var(--share) * 100%);width:1px;height:auto}.listening-art__outline{color:#9fb3ec4d;-webkit-text-stroke:0}.listening-art__share{top:calc(100% + 8px);right:auto;left:0;grid-auto-flow:column;justify-content:start;gap:12px;text-align:left}.listening-art>.listening-art__moon{top:120px;left:-30px;width:250px}.listening-art__hero{--la-hero-size:min(34vw,150px)}.listening-art__echo>p{display:none}.listening-art .listening-select{grid-template-columns:1.7em minmax(0,1fr) auto;gap:10px;padding:12px 2px}.listening-art__title strong{font-size:calc(14px + var(--w) * 11px)}.listening-art__count{font-size:calc(14px + var(--w) * 8px)}.listening-art__count small{display:block;margin:2px 0 0;text-align:right}}@media (prefers-reduced-motion:reduce){.listening-art__title strong{transition:none}}