.listening-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:70px;padding-bottom:80px}.listening-art{position:relative;height:310px;border:1px solid var(--line);overflow:hidden;background:var(--surface);display:flex;flex-direction:column;justify-content:space-between;padding:27px 29px}.art-top,.art-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:1;font-size:12px;color:var(--muted);letter-spacing:.12em}.art-top .listening-number{font-family:var(--serif);font-size:24px;font-style:italic;letter-spacing:0}.waveform{width:100%;height:136px;display:block}.art-bottom{letter-spacing:.02em;font-size:12px}.art-label{color:var(--accent);font-size:13px;letter-spacing:.14em}.now-playing{margin-top:26px;display:flex;align-items:start;justify-content:space-between;gap:20px}.now-playing h2{font-family:var(--serif);font-size:37px;line-height:1.3;letter-spacing:-.02em;overflow-wrap:anywhere}.now-playing p{color:var(--muted);font-size:14px;margin-top:7px}.audio-quality{font-size:11px;padding:4px 8px;border:1px solid var(--line);margin-top:10px;color:var(--muted);white-space:nowrap}.seek-wrap{margin-top:29px}.seek-range{width:100%;height:20px;margin:0;cursor:pointer;accent-color:var(--accent)}.track-times{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted);margin-top:3px}.transport{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:10px}.transport-main{display:flex;align-items:center;gap:19px}.transport-button{width:38px;height:42px;display:grid;place-items:center;color:var(--muted);border-radius:50%}.transport-button:hover{color:var(--ink);background:var(--surface)}.transport-button[aria-pressed=true]{color:var(--accent);background:var(--surface)}.play-button{width:59px;height:59px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--bg)}.play-button:hover{transform:scale(1.04);background:var(--accent);color:var(--accent-ink)}.volume-controls{display:flex;gap:5px;align-items:center}.volume-controls input{width:72px;accent-color:var(--accent);cursor:pointer}.playlist-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-top:4px}.playlist-header h2{font-size:16px;font-weight:500}.playlist-header span{font-size:12px;color:var(--muted)}.track-item{display:flex;width:100%;align-items:center;gap:18px;padding:23px 14px 23px 0;border-bottom:1px solid var(--line);text-align:left;min-height:99px}.track-item:hover{background:var(--surface);padding-left:12px}.track-item.active{background:var(--surface);padding-left:12px;color:var(--accent)}.track-no{font-size:12px;font-variant-numeric:tabular-nums;width:30px;text-align:center;color:var(--muted);flex-shrink:0}.track-info{min-width:0;flex:1}.track-name{display:block;font-size:17px;font-weight:500;overflow-wrap:anywhere}.track-detail{display:block;font-size:12px;color:var(--muted);margin-top:6px}.track-status{min-width:24px;display:grid;place-items:center;color:var(--muted)}.track-item.active .track-status{color:var(--accent)}.listening-note{margin-top:27px;color:var(--muted);font-family:var(--serif);font-size:21px;font-style:italic;line-height:1.65}.player-message{margin-top:16px;color:var(--danger);font-size:14px;min-height:24px}.music-hero{padding-bottom:50px}.music-hero h1{font-size:clamp(54px,6vw,80px)}.wave-legend{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--muted);margin-top:10px}.wave-legend i{width:12px;height:2px;display:inline-block;background:var(--accent);margin-right:4px}.wave-legend .unplayed{background:var(--faint)}
@media(max-width:1000px){.listening-layout{gap:36px;grid-template-columns:1fr 1fr}.transport{flex-wrap:wrap}.transport-main{gap:14px}.volume-controls input{width:65px}}
@media(max-width:760px){.listening-layout{grid-template-columns:1fr;gap:35px;padding-bottom:50px}.listening-art{height:255px;padding:22px}.music-hero{padding-bottom:30px}.music-hero h1{font-size:53px}.listening-note{font-size:19px}.now-playing h2{font-size:33px}.transport{flex-wrap:nowrap}.volume-controls input{width:70px}}
.music-hero{padding:36px 0 34px}.music-hero h1{font-size:65px;margin-top:17px}.listening-art{height:205px;padding:22px 26px}.waveform{height:102px}.now-playing{margin-top:20px}.now-playing h2{font-size:31px}.now-playing p{font-size:13px;margin-top:4px}.seek-wrap{margin-top:20px}.transport{margin-top:14px}.play-button{width:53px;height:53px}.listening-layout{padding-bottom:45px}.track-item{min-height:91px;padding-block:20px}.playlist-header{padding-bottom:17px}.player-message{margin-top:10px}html[lang=zh-CN] .music-hero h1{font-size:58px}
@media(max-width:760px){.music-hero{padding:28px 0}.music-hero h1{font-size:49px;margin-top:15px}.music-hero .intro{font-size:14px;line-height:1.7;margin-top:16px}.listening-art{height:185px;padding:18px 21px}.waveform{height:91px}.listening-layout{gap:29px}.volume-controls input{width:58px}.transport-main{gap:12px}.now-playing h2{font-size:29px}html[lang=zh-CN] .music-hero h1{font-size:47px}}