/* 聆听区：左侧形态视觉，右侧仅保留播放器与旧歌单入口。 */
.listening--flux .listening-inner{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  grid-template-areas:'meta meta' 'art copy';
  column-gap:clamp(52px,7vw,112px);
  row-gap:22px;
  align-items:start;
  padding-block:clamp(50px,5vw,70px);
}
.listening-art-side{grid-area:art;min-width:0}
.listening-room-copy{grid-area:copy;min-width:0;max-width:34em;align-self:center}

/* 形态视觉 */
.flux-visual{position:relative;min-width:0;aspect-ratio:1.5/1;isolation:isolate}
.flux-visual canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.flux-title{position:absolute;left:4%;top:17%;font:clamp(66px,7vw,102px)/.94 var(--latin);letter-spacing:-.065em;color:#303d2b;pointer-events:none}
.flux-title>span{display:block}
.flux-title-bottom{margin-left:.42em;margin-top:.13em;white-space:nowrap}
.flux-title i{font:italic .52em var(--latin);letter-spacing:-.07em;margin-right:.04em}
.flux-dot{font-size:.7em;color:#7e8b6d}

/* 文字栏 */
.listening-kicker{grid-area:meta;font-size:10px;letter-spacing:.15em;color:#66715e;margin:0}
.listening-room-copy h2{font-size:clamp(38px,3.6vw,48px);line-height:1.35;margin:0}
.listening-note{font:13px/1.8 var(--serif);color:#697363;margin:13px 0 0}

/* 极简播放条 */
.listening-transport{margin-top:26px;border-top:1px solid #cdd2c4;padding-top:18px}
.transport-heading{display:flex;align-items:baseline;gap:12px;margin-bottom:11px}
.transport-heading .eyebrow{display:none}
#transport-track{font:12px/1.4 var(--serif);color:#46523e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.transport-volume{display:none}
.transport-controls{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:14px;align-items:center}
#transport-toggle{display:grid;place-items:center;width:30px;height:30px;border:1px solid #aeb9a6;border-radius:50%;font:12px var(--sans);color:#4b5b43;background:transparent;cursor:pointer}
#transport-toggle:hover{background:#e0e8db}
#transport-toggle:focus-visible{outline:2px solid #596d52;outline-offset:3px}
#transport-current{display:none}
#transport-duration{font:10.5px var(--latin);color:#7a8371;text-align:right;white-space:nowrap}
#transport-seek{appearance:none;-webkit-appearance:none;width:100%;height:3px;margin:0;border:0;border-radius:2px;background:linear-gradient(to right,#5f7457 0 var(--played,0%),#ccd4c7 var(--played,0%) 100%);cursor:pointer}
#transport-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#596d52;border:0}
#transport-seek::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#596d52;border:0}
#transport-seek:disabled{opacity:.5;cursor:default}
#transport-seek:focus-visible{outline:2px solid #596d52;outline-offset:7px}
#ambient-audio{display:none}

/* 旧歌单入口：完整列表在弹窗中 */
.listening-library{margin-top:29px;border-top:1px solid #cdd2c4;padding-top:17px}
.library-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.recovered-heading{display:flex;align-items:baseline;gap:10px;min-width:0}
.recovered-heading h3{font:17px/1.4 var(--serif);font-weight:400;white-space:nowrap}
.recovered-heading>span{font:10px var(--sans);color:var(--muted);white-space:nowrap}
.library-header .text-link{position:static;margin:0;gap:8px;padding:4px 0;font-size:10px;white-space:nowrap}
.library-header .text-link span{font-size:14px}
.recovered-search-label{display:none}
.recovered-list{display:none}
.recovered-empty{display:none}

@media(max-width:1100px){
  .listening--flux .listening-inner{column-gap:44px}
  .flux-title{font-size:8vw}
}
@media(max-width:760px){
  .listening--flux .listening-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:'meta' 'copy' 'art';padding-block:38px 43px;row-gap:24px}
  .listening-room-copy{max-width:none}
  .listening-kicker{font-size:9px}
  .listening-room-copy h2{font-size:38px}
  .listening-note{margin-top:10px;font-size:12px}
  .flux-visual{aspect-ratio:1.55/1;max-width:480px;margin:0 auto}
  .flux-title{font-size:clamp(61px,16vw,92px);top:19%;left:7%}
  .flux-title-bottom{margin-left:.3em}
  .listening-library{margin-top:25px;padding-top:15px}
  .masthead{height:auto;min-height:112px;display:grid;grid-template-columns:1fr auto;column-gap:16px;row-gap:10px;padding-block:16px 12px}
  .masthead .brand{grid-row:1;grid-column:1}
  .masthead .contact-link{grid-row:1;grid-column:2;padding:5px 0}
  .masthead nav{grid-row:2;grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;margin:0}
  .masthead nav a,.masthead nav a:nth-last-child(1),.masthead nav a:nth-last-child(2){display:inline-flex;padding:7px 0;font-size:11px;min-height:30px;align-items:center}
}
@media(max-width:370px){
  .transport-controls{grid-template-columns:28px minmax(0,1fr) auto;gap:10px}
  .flux-title{font-size:59px}
  .masthead nav{gap:12px}
}