.listening-room-module__M5H6yq__room{--sleeve-size:clamp(250px,25vw,336px);--step:clamp(92px,9.2vw,128px);--shelf-ease:var(--ease-out);padding-top:clamp(28px,3vw,40px)}.listening-room-module__M5H6yq__room:focus{outline:none}.listening-room-module__M5H6yq__heading{justify-content:space-between;align-items:center;gap:var(--space-6);min-height:132px;display:flex}.listening-room-module__M5H6yq__eyebrow{font-size:var(--text-caption);letter-spacing:.16em;text-transform:uppercase;color:var(--color-brand)}.listening-room-module__M5H6yq__heading h1{font:400 clamp(38px,4.25vw,60px)/1.12 var(--font-editorial);letter-spacing:-.025em;margin-top:var(--space-3);text-wrap:balance;max-width:1000px}.listening-room-module__M5H6yq__invitation{margin-top:var(--space-3);color:var(--color-muted);font-size:clamp(16px,1.25vw,18px);line-height:1.65}.listening-room-module__M5H6yq__sprig{width:104px;height:128px;margin-right:var(--space-4);object-fit:contain;transform-origin:50% 90%;flex-shrink:0}.listening-room-module__M5H6yq__experience{gap:var(--space-6);margin-top:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(300px,340px);align-items:start;display:grid}.listening-room-module__M5H6yq__collection{min-width:0}.listening-room-module__M5H6yq__stage{height:calc(var(--sleeve-size) * 1.16 + 48px);isolation:isolate;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;position:relative}.listening-room-module__M5H6yq__stage[data-dragging]{cursor:grabbing}.listening-room-module__M5H6yq__sleeve{width:var(--sleeve-size);aspect-ratio:1/1.16;text-align:left;color:var(--color-ink);touch-action:pan-y;cursor:grab;transform:translateX(calc(-50% + var(--offset) * var(--step) + var(--drag,0px))) translateY(calc(var(--distance) * 15px)) rotate(calc(var(--offset) * 3deg)) scale(calc(1 - var(--distance) * .09));transform-origin:50% 90%;transition:transform .52s var(--shelf-ease);background:0 0;border:0;padding:0;position:absolute;top:20px;left:50%}.listening-room-module__M5H6yq__sleeve[data-selected=true]{transform:translateX(calc(-50% + var(--drag,0px))) translateY(8px) rotate(-1.5deg)}.listening-room-module__M5H6yq__sleeveBody{width:100%;height:100%;transition:translate .24s var(--shelf-ease);display:block;position:relative}.listening-room-module__M5H6yq__jacket{border-radius:var(--radius-small);width:100%;height:100%;box-shadow:0 2px 3px color-mix(in srgb,var(--color-ink) 10%,transparent),0 16px 24px -15px color-mix(in srgb,var(--color-ink) 42%,transparent);background:var(--color-paper);display:block;position:relative;overflow:hidden}.listening-room-module__M5H6yq__art{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.listening-room-module__M5H6yq__coverText{inset:var(--space-5) var(--space-5) auto;gap:var(--space-3);pointer-events:none;transition:opacity .18s var(--shelf-ease);flex-direction:column;display:flex;position:absolute}.listening-room-module__M5H6yq__coverFull{opacity:0}.listening-room-module__M5H6yq__sleeve[data-selected=true] .listening-room-module__M5H6yq__coverFull{opacity:1;transition-delay:70ms}.listening-room-module__M5H6yq__sleeve[data-selected=true] .listening-room-module__M5H6yq__coverSpine{opacity:0;transition-duration:.1s}.listening-room-module__M5H6yq__coverTitle{font:400 clamp(28px,2.65vw,38px)/1.12 var(--font-editorial);letter-spacing:-.025em;text-wrap:balance;overflow-wrap:break-word}.listening-room-module__M5H6yq__coverByline{font-size:var(--text-small);max-width:100%;line-height:1.5}.listening-room-module__M5H6yq__coverSpine{max-width:calc(var(--step) - 32px);gap:var(--space-2)}.listening-room-module__M5H6yq__sleeve[data-side="1"] .listening-room-module__M5H6yq__coverSpine{left:auto;right:var(--space-4);text-align:right;align-items:flex-end}.listening-room-module__M5H6yq__coverSpine .listening-room-module__M5H6yq__coverTitle{overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;font-size:clamp(21px,1.7vw,25px);line-height:1.2}.listening-room-module__M5H6yq__coverSpine .listening-room-module__M5H6yq__coverByline{font-size:var(--text-caption)}.listening-room-module__M5H6yq__imprint{bottom:var(--space-4);left:var(--space-5);background:var(--color-paper);flex-direction:column;padding:4px 7px;line-height:1.35;display:flex;position:absolute}.listening-room-module__M5H6yq__imprint strong{font:600 20px/1.2 var(--font-editorial);letter-spacing:-.04em}.listening-room-module__M5H6yq__imprint span{font-size:11px}.listening-room-module__M5H6yq__sleeve[data-dark=true]{color:var(--color-surface)}.listening-room-module__M5H6yq__sleeve[data-dark=true] .listening-room-module__M5H6yq__imprint{background:var(--color-brand)}.listening-room-module__M5H6yq__vinyl{object-fit:contain;pointer-events:none;width:96%;height:96%;transition:transform .62s var(--shelf-ease);position:absolute;inset:2% auto auto 3%;transform:translate(0)rotate(-24deg)}.listening-room-module__M5H6yq__sleeve[data-selected=true] .listening-room-module__M5H6yq__vinyl{transform:translate(22%)rotate(0)}.listening-room-module__M5H6yq__sleeve:focus-visible{outline:3px solid var(--color-focus);outline-offset:7px}.listening-room-module__M5H6yq__stage[data-dragging] .listening-room-module__M5H6yq__sleeve{cursor:grabbing;transition:none}.listening-room-module__M5H6yq__stage[data-dragging] .listening-room-module__M5H6yq__sleeveBody{translate:0}.listening-room-module__M5H6yq__controls{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-2);display:flex}.listening-room-module__M5H6yq__controls button{border:1px solid var(--color-line);width:48px;height:48px;color:var(--color-brand);transition:background var(--motion-standard),transform var(--motion-fast) var(--shelf-ease);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.listening-room-module__M5H6yq__controls button:hover:not(:disabled){background:var(--color-brand-soft)}.listening-room-module__M5H6yq__controls button:active:not(:disabled){transform:scale(.94)}.listening-room-module__M5H6yq__controls button:disabled{opacity:.4;cursor:default}.listening-room-module__M5H6yq__controls p{font-size:var(--text-small);color:var(--color-muted);align-items:center;display:flex}.listening-room-module__M5H6yq__controls .listening-room-module__M5H6yq__position{gap:var(--space-2);font-variant-numeric:tabular-nums;min-width:54px;font-size:var(--text-caption)}.listening-room-module__M5H6yq__position>span:first-child{color:var(--color-brand);display:inline-block}.listening-room-module__M5H6yq__liner{border-left:1px solid var(--color-line);padding:var(--space-3) 0 0 var(--space-6);margin-top:var(--space-4);min-width:0;position:relative}.listening-room-module__M5H6yq__liner h2{font:400 clamp(24px,1.9vw,28px)/1.3 var(--font-editorial);letter-spacing:-.015em;margin-block:var(--space-3);overflow-wrap:break-word;text-wrap:pretty}.listening-room-module__M5H6yq__liner h2 a:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.listening-room-module__M5H6yq__byline{color:var(--color-muted);font-size:var(--text-small);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-line)}.listening-room-module__M5H6yq__byline time{margin-top:var(--space-1);font-size:var(--text-caption);display:block}.listening-room-module__M5H6yq__summary{margin-block:var(--space-4);color:var(--color-muted);font-size:var(--text-small);line-height:1.7}.listening-room-module__M5H6yq__open{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:48px;padding:var(--space-3) var(--space-4);background:var(--color-brand);color:var(--color-surface);border-radius:var(--radius-small);font-size:var(--text-small);transition:background var(--motion-standard),transform var(--motion-fast) var(--shelf-ease);display:flex}.listening-room-module__M5H6yq__open:hover{background:var(--color-brand-hover)}.listening-room-module__M5H6yq__open svg{transition:transform var(--motion-standard) var(--shelf-ease)}.listening-room-module__M5H6yq__open:hover svg{transform:translate(3px)}.listening-room-module__M5H6yq__open:active{transform:translateY(1px)}.listening-room-module__M5H6yq__unfold{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-3) 0;color:var(--color-muted);font-size:var(--text-small);text-align:left;background:0 0;border:0;display:flex}.listening-room-module__M5H6yq__unfold:hover{color:var(--color-brand)}.listening-room-module__M5H6yq__unfold svg{transition:transform .28s var(--shelf-ease);flex-shrink:0}.listening-room-module__M5H6yq__unfold[aria-expanded=true] svg{transform:rotate(180deg)}.listening-room-module__M5H6yq__fold{visibility:hidden;transition:grid-template-rows .26s var(--shelf-ease),visibility .26s;perspective:900px;grid-template-rows:0fr;display:grid}.listening-room-module__M5H6yq__fold[data-open=true]{visibility:visible;grid-template-rows:1fr;transition-duration:.36s}.listening-room-module__M5H6yq__foldInner{min-height:0;overflow:hidden}.listening-room-module__M5H6yq__sourceNotes{padding:var(--space-4);background:var(--color-surface-subtle);border-top:1px solid var(--color-line);transform-origin:top;opacity:0;transition:transform .26s var(--shelf-ease),opacity .16s;font-size:var(--text-caption);transform:rotateX(-14deg)translateY(-4px)}.listening-room-module__M5H6yq__fold[data-open=true] .listening-room-module__M5H6yq__sourceNotes{opacity:1;transition-duration:.36s,.24s;transform:rotateX(0)}.listening-room-module__M5H6yq__sourceNotes>p{color:var(--color-muted)}.listening-room-module__M5H6yq__sourceNotes>div{padding-block:var(--space-3)}.listening-room-module__M5H6yq__sourceNotes a{align-items:start;gap:var(--space-2);min-height:var(--target-min);color:var(--color-brand);line-height:1.65;display:flex}.listening-room-module__M5H6yq__sourceNotes svg{flex-shrink:0;margin-top:5px}.listening-room-module__M5H6yq__sourceNotes time{color:var(--color-muted);margin-top:var(--space-1);display:block}.listening-room-module__M5H6yq__index{align-items:center;gap:var(--space-2) var(--space-5);margin-top:var(--space-5);padding-block:var(--space-3);border-block:1px solid var(--color-line);flex-wrap:wrap;display:flex}.listening-room-module__M5H6yq__index>span{text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);margin-right:var(--space-3);font-size:11px}.listening-room-module__M5H6yq__index a{align-items:center;gap:var(--space-2);font-size:var(--text-small);min-height:var(--target-min);color:var(--color-muted);display:flex}.listening-room-module__M5H6yq__index a[aria-current=true],.listening-room-module__M5H6yq__index a:hover{color:var(--color-brand)}.listening-room-module__M5H6yq__index a svg{transition:transform var(--motion-standard) var(--shelf-ease)}.listening-room-module__M5H6yq__index a:hover svg{transform:translate(3px)}@media (min-width:1100px){body:has(.listening-room-module__M5H6yq__room) .header-inner{max-width:1440px;padding-inline:clamp(40px,5vw,72px)}}html[lang=zh-Hans] .listening-room-module__M5H6yq__heading h1{letter-spacing:0;font-size:clamp(32px,3.7vw,52px);line-height:1.3}html[lang=zh-Hans] .listening-room-module__M5H6yq__coverTitle{letter-spacing:.02em;font-size:clamp(30px,2.9vw,42px);line-height:1.3}html[lang=zh-Hans] .listening-room-module__M5H6yq__coverSpine .listening-room-module__M5H6yq__coverTitle{font-size:clamp(23px,2vw,28px)}html[lang=zh-Hans] .listening-room-module__M5H6yq__liner h2{letter-spacing:0;font-size:24px;line-height:1.5}@media (hover:hover) and (prefers-reduced-motion:no-preference){.listening-room-module__M5H6yq__stage:not([data-dragging]) .listening-room-module__M5H6yq__sleeve:not([data-selected=true]):hover .listening-room-module__M5H6yq__sleeveBody{translate:0 -8px}.listening-room-module__M5H6yq__stage:not([data-dragging]) .listening-room-module__M5H6yq__sleeve[data-selected=true]:hover .listening-room-module__M5H6yq__vinyl{transform:translate(28%)rotate(14deg)}}@media (prefers-reduced-motion:no-preference){.listening-room-module__M5H6yq__heading>div{animation:listening-room-module__M5H6yq__heading-arrive .44s var(--shelf-ease) both}.listening-room-module__M5H6yq__sprig{animation:listening-room-module__M5H6yq__sprig-arrive .7s var(--shelf-ease) .1s both}.listening-room-module__M5H6yq__sleeveBody{animation:listening-room-module__M5H6yq__sleeve-arrive .56s var(--shelf-ease) calc(var(--entry-order) * 45ms) backwards}.listening-room-module__M5H6yq__sleeve[data-wrapping=true]{animation:.52s linear listening-room-module__M5H6yq__sleeve-recycle}.listening-room-module__M5H6yq__linerContent{animation:listening-room-module__M5H6yq__liner-arrive .3s var(--shelf-ease) both}.listening-room-module__M5H6yq__position>span:first-child{animation:listening-room-module__M5H6yq__heading-arrive .24s var(--shelf-ease)}@keyframes listening-room-module__M5H6yq__heading-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes listening-room-module__M5H6yq__sleeve-arrive{0%{opacity:0;transform:translateY(20px)rotate(-2deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes listening-room-module__M5H6yq__sprig-arrive{0%{opacity:0;transform:rotate(-7deg)translateY(8px)}to{opacity:1;transform:rotate(0)translateY(0)}}@keyframes listening-room-module__M5H6yq__sleeve-recycle{0%,55%{opacity:0}to{opacity:1}}@keyframes listening-room-module__M5H6yq__liner-arrive{0%{opacity:0;transform:translateX(var(--arrival-x,10px))}to{opacity:1;transform:translate(0)}}}@media (max-width:1050px){.listening-room-module__M5H6yq__room{--sleeve-size:clamp(245px,29vw,300px);--step:clamp(73px,8.8vw,100px)}.listening-room-module__M5H6yq__experience{gap:var(--space-2);grid-template-columns:minmax(0,1fr) 260px}.listening-room-module__M5H6yq__liner{padding-left:var(--space-4)}.listening-room-module__M5H6yq__sprig{width:84px;height:112px}.listening-room-module__M5H6yq__coverText{inset:var(--space-4) var(--space-4) auto}.listening-room-module__M5H6yq__coverByline{font-size:12px}}@media (max-width:980px){.listening-room-module__M5H6yq__room{--sleeve-size:clamp(260px,37vw,320px);--step:clamp(88px,12vw,112px)}.listening-room-module__M5H6yq__experience{display:block}.listening-room-module__M5H6yq__collection{padding-block:var(--space-2);overflow:clip}.listening-room-module__M5H6yq__liner{border-left:0;border-top:1px solid var(--color-line);padding:var(--space-5) 0 0;margin-top:var(--space-4)}.listening-room-module__M5H6yq__summary{font-size:var(--text-body)}}@media (max-width:760px){.listening-room-module__M5H6yq__room{--sleeve-size:clamp(220px,56vw,310px);--step:clamp(85px,22vw,124px);padding-top:var(--space-6)}.listening-room-module__M5H6yq__heading{gap:var(--space-3);align-items:start;min-height:0}.listening-room-module__M5H6yq__heading h1{font-size:clamp(34px,6.7vw,46px)}.listening-room-module__M5H6yq__sprig{display:none}.listening-room-module__M5H6yq__invitation{font-size:var(--text-body);margin-top:var(--space-3)}.listening-room-module__M5H6yq__experience{margin-top:var(--space-3);display:block}.listening-room-module__M5H6yq__collection{margin-inline:calc(var(--space-5) * -1);padding-inline:var(--space-5);overflow:clip}.listening-room-module__M5H6yq__stage{height:calc(var(--sleeve-size) * 1.16 + 48px)}.listening-room-module__M5H6yq__sleeve{top:20px}.listening-room-module__M5H6yq__coverTitle{font-size:clamp(28px,7vw,39px)}html[lang=zh-Hans] .listening-room-module__M5H6yq__coverTitle{font-size:clamp(30px,7.2vw,40px)}.listening-room-module__M5H6yq__controls{margin:0}.listening-room-module__M5H6yq__liner{border-left:0;border-top:1px solid var(--color-line);padding:var(--space-5) 0 0;margin-top:var(--space-4)}.listening-room-module__M5H6yq__liner h2{font-size:26px}.listening-room-module__M5H6yq__summary{font-size:var(--text-body)}.listening-room-module__M5H6yq__index{gap:var(--space-1) var(--space-4);margin-top:var(--space-5)}.listening-room-module__M5H6yq__index>span{width:100%}}@media (prefers-reduced-motion:reduce){.listening-room-module__M5H6yq__room *,.listening-room-module__M5H6yq__room :before,.listening-room-module__M5H6yq__room :after{transition:none!important;animation:none!important}.listening-room-module__M5H6yq__sleeve,.listening-room-module__M5H6yq__sleeve[data-selected=true]{translate:0}.listening-room-module__M5H6yq__sleeveBody,.listening-room-module__M5H6yq__open svg,.listening-room-module__M5H6yq__index a svg{transform:none}}
.person-avatar{background:var(--color-avatar);width:48px;height:48px;color:var(--color-avatar-ink);font:400 19px var(--font-editorial);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.person-avatar img{object-fit:cover}.person-option .person-avatar{outline-offset:2px;width:42px;height:42px;transition:outline-color var(--motion-standard);outline:2px solid #0000}.person-option.selected .person-avatar{outline-color:var(--color-brand)}.person-portrait-block{flex:none;justify-items:end;gap:20px;display:grid}.person-avatar.person-avatar-large{width:160px;height:160px;font-size:52px}.topic-map-person .person-avatar{width:40px;height:40px}.topic-map-person{align-items:center}.comparison-person{align-items:center;gap:12px;margin-bottom:24px;display:flex}.research-studio .comparison-person h4{margin:0}@media (max-width:1000px){.person-option .person-avatar{width:34px;height:34px}}@media (max-width:680px){.person-portrait-block{justify-items:start}.person-avatar.person-avatar-large{width:96px;height:96px}.person-portrait-block{align-items:center;gap:24px;display:flex}}
