@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Playfair+Display:ital,wght@1,500&display=swap');
:root{color-scheme:dark;--bg:#101916;--surface:#18221e;--surface2:#202c25;--line:#334138;--text:#f3f5eb;--muted:#a7b3a8;--mint:#b4f6d0;--warm:#f4bb80;--pop:#96c8ed;--triumphant:#cbaff2;font-family:'DM Sans','Microsoft YaHei',sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,select{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;border:0;background:none}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:hover{color:var(--mint)}a{color:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h2{font-size:1.35rem;font-weight:500;letter-spacing:-.035em}h3{font-size:1rem;font-weight:600}.header{max-width:1560px;margin:auto;min-height:92px;padding:22px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:1.3rem;letter-spacing:.16em;font-weight:600}.brand-caption{display:block;font-size:.65rem;letter-spacing:.2em;color:var(--muted);margin-top:2px}.header-right{display:flex;gap:32px;align-items:center}.edition,.eyebrow,.tiny-label{font-size:.72rem;letter-spacing:.14em;font-weight:550}.edition{color:var(--muted)}.ui-language{padding:9px 14px;border:1px solid var(--line);border-radius:50px;font-size:.875rem}.ui-language span{margin-left:13px}main{max-width:1560px;margin:auto;padding:0 4% 150px}.intro{display:grid;grid-template-columns:minmax(0,1fr) 355px;align-items:center;gap:50px;padding:40px 0 38px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--mint);margin-bottom:14px}h1{font-size:clamp(2.55rem,4.2vw,4.2rem);line-height:1.12;letter-spacing:-.055em;font-weight:450}.serif{font-family:'Playfair Display',Georgia,'Songti SC',serif;font-style:italic;color:var(--mint);font-weight:500}.intro-copy{font-size:1rem;max-width:575px;color:var(--muted);line-height:1.65;margin-top:20px}.record-scene{height:250px;position:relative;display:grid;place-items:center}.orbit-label{position:absolute;top:7px;left:0;font-size:.67rem;letter-spacing:.16em;color:var(--muted);writing-mode:vertical-rl}.record{width:230px;height:230px;border-radius:50%;background:repeating-radial-gradient(circle at center,#1c2a20 0px,#1c2a20 1px,#344136 2px,#142119 3px,#142119 5px);box-shadow:10px 20px 40px #0006;display:grid;place-items:center;transform:rotate(-16deg)}.record-label{width:100px;height:100px;border-radius:50%;background:var(--mint);color:#163124;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.record-label span{font-weight:700;font-size:.8rem;letter-spacing:.16em}.record-label i{width:9px;height:9px;background:#16251b;border:3px solid #729c83;border-radius:50%}.record-label small{font-size:.47rem;text-align:center;line-height:1.35;letter-spacing:.1em}.record-note{position:absolute;bottom:6px;right:0;font-family:Georgia,serif;font-style:italic;color:var(--muted);font-size:.9rem;line-height:1.4;transform:rotate(-8deg)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:32px;padding-top:32px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px}.section-top .eyebrow{font-size:.67rem;color:var(--muted);margin-bottom:8px}.track-count{font-size:.85rem;color:var(--muted);white-space:nowrap;padding-bottom:2px}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center}.segmented{display:flex;padding:4px;background:#0b120f;border:1px solid var(--line);border-radius:10px;gap:4px}.segmented button{padding:9px 18px;font-size:.9rem;border-radius:6px}.segmented button[aria-pressed=true]{background:var(--mint);color:#143422}.segmented span{font-size:.75rem;opacity:.65;margin-left:10px}.source-select{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.85rem}select{max-width:100%;padding:10px 30px 10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font-size:.875rem}select option,select optgroup{background:var(--surface)}.style-filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 12px}.style-filters button{border:1px solid transparent;padding:7px 12px;border-radius:50px;color:var(--muted);font-size:.875rem;display:flex;align-items:center;gap:7px}.style-filters button[aria-pressed=true]{border-color:#637866;color:var(--text);background:var(--surface2)}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--accent)}.warm{--accent:var(--warm)}.pop{--accent:var(--pop)}.triumphant{--accent:var(--triumphant)}.library-help{color:var(--muted);font-size:.8rem;line-height:1.5;margin-bottom:24px}.style-row{margin-bottom:28px}.row-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.row-heading h3{color:var(--accent);font-weight:500}.row-heading p{font-size:.8rem;color:var(--muted)}.row-heading::after{content:'';height:1px;background:var(--line);flex:1;margin-left:5px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.track-card{--accent:var(--warm);background:var(--surface);border:1px solid var(--line);padding:15px;border-radius:10px;transition:background .2s,border-color .2s;position:relative;min-width:0}.track-card.pop{--accent:var(--pop)}.track-card.triumphant{--accent:var(--triumphant)}.track-card:hover{background:#202d24;border-color:#687b68}.track-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}.card-header{display:flex;gap:8px;align-items:center;margin-bottom:14px}.source-monogram{height:24px;min-width:24px;display:grid;place-items:center;font-size:.7rem;border:1px solid #506252;border-radius:6px;color:var(--text);font-weight:600}.source-name{font-size:.875rem;font-weight:500;line-height:1.3}.waveform{display:block;width:100%;height:35px;margin:12px 0;color:var(--accent);opacity:.7;stroke:none}.track-card.active .waveform{opacity:1}.card-bottom{display:flex;align-items:center;gap:8px;justify-content:space-between}.play-card{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;border:1px solid #667567;color:var(--accent);padding:0}.play-card:hover{background:var(--accent);color:#121c17}.play-card svg{width:16px;height:16px;fill:currentColor;stroke:none}.duration{font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.assign{display:flex;gap:3px}.assign button{width:24px;height:26px;font-size:.7rem;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.assign button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#15221b}.side{display:flex;flex-direction:column;gap:20px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.panel-heading h2{font-size:1.18rem;letter-spacing:-.02em}.tiny-label{color:var(--mint);font-size:.7rem}.muted{font-size:.85rem;line-height:1.6;color:var(--muted)}#compare-slots{display:flex;flex-direction:column;gap:10px;margin:20px 0}.slot{display:grid;grid-template-columns:34px minmax(0,1fr) 26px;gap:8px;align-items:center;padding:10px;background:#111b16;border:1px solid var(--line);border-radius:8px}.slot.active{border-color:var(--mint)}.slot-play{width:32px;height:32px;border-radius:50%;background:var(--mint);color:#173724;font-size:.875rem;font-weight:600;display:grid;place-items:center}.slot-play:hover{color:#163422;background:white}.slot-play svg{width:16px;height:16px;fill:currentColor;stroke:0}.slot label{display:block;min-width:0}.slot label>span{font-size:.65rem;letter-spacing:.13em;color:var(--muted);display:block;margin-bottom:4px}.slot select{padding:0 13px 0 0;border:0;background:none;width:100%;font-size:.83rem;text-overflow:ellipsis}.slot-duration{font-size:.7rem;color:var(--muted)}.position-toggle{display:flex;gap:8px;align-items:flex-start;font-size:.8rem;line-height:1.4;cursor:pointer}.position-toggle input{accent-color:var(--mint);margin:3px 0 0}.fine{font-size:.75rem;line-height:1.55;color:var(--muted);margin-top:10px}.note-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-top:20px}.note-tabs button{font-size:.875rem;padding:0 0 10px;color:var(--muted);border-bottom:2px solid transparent}.note-tabs button[aria-selected=true]{color:var(--mint);border-color:var(--mint)}#notes-content{max-height:380px;overflow:auto;scrollbar-width:thin;scrollbar-color:#526b58 transparent;padding:20px 2px 2px}.lyric-section{margin-bottom:22px}.lyric-section h3{font-size:.7rem;letter-spacing:.12em;color:var(--mint);margin-bottom:10px;text-transform:uppercase}.lyric-section p{font-size:.875rem;line-height:1.85;color:#d6dfd3;white-space:pre-line}.prompt-style{color:var(--accent);font-size:.95rem;margin-bottom:8px}.prompt-text{font-size:.875rem;line-height:1.75;color:#d6dfd3;margin-top:15px}.prompt-select{width:100%;margin-bottom:12px}.site-footer{margin-top:35px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.72rem}.site-footer>span:first-child{letter-spacing:.15em}.player{position:fixed;bottom:0;left:0;right:0;z-index:20;min-height:110px;display:grid;grid-template-columns:minmax(200px,1fr) minmax(250px,1.2fr) minmax(150px,1fr);gap:25px;align-items:center;padding:18px 4%;background:#1d2b23f5;backdrop-filter:blur(20px);border-top:1px solid #4a5b4c;box-shadow:0 -10px 40px #0003}.now{display:flex;align-items:center;gap:14px;min-width:0}.now>div:last-child{min-width:0}.now strong{font-size:.95rem;font-weight:550;display:block;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-eyebrow{display:block;font-size:.65rem;letter-spacing:.12em;color:var(--mint)}#now-meta{font-size:.75rem;color:var(--muted)}.mini-record{width:52px;height:52px;flex-shrink:0;border-radius:50%;background:repeating-radial-gradient(#131f17 0 3px,#445949 4px,#131f17 5px);display:grid;place-items:center}.mini-record i{width:17px;height:17px;border:6px solid var(--mint);border-radius:50%;background:#14231a}.transport-main{display:flex;gap:22px;align-items:center;justify-content:center;margin-bottom:12px}.icon-button{width:28px;height:28px;padding:2px;display:grid;place-items:center;color:var(--muted)}.play-main{width:38px;height:38px;padding:0;border-radius:50%;background:var(--mint);color:#193e27;display:grid;place-items:center}.play-main:hover{background:white;color:#163b25}.play-main svg{width:20px;height:20px;fill:currentColor;stroke:none}.progress{display:flex;align-items:center;gap:10px}time{font-size:.7rem;font-variant-numeric:tabular-nums;color:var(--muted);min-width:30px}.progress input{width:100%;height:4px}input[type=range]{accent-color:var(--mint);cursor:pointer}.volume-area{display:flex;gap:10px;align-items:center;justify-content:flex-end}.volume-area input{width:90px;height:4px}#player-error{grid-column:1/-1;font-size:.85rem;color:#ffb9a5;text-align:center}#player-error[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:10px;left:10px;z-index:50;background:var(--mint);color:#142d1d;padding:12px;transform:translateY(-200%)}.skip:focus{transform:translateY(0)}.loading{padding:32px 0;color:var(--muted)}.load-error{padding:20px;border:1px solid #9c6754;border-radius:10px;line-height:1.6}.retry{border:1px solid var(--mint);padding:8px 16px;border-radius:5px;margin-top:12px}.cards:has(.track-card:only-child){grid-template-columns:repeat(2,minmax(0,1fr))}html[lang=zh] h1{font-size:clamp(2.2rem,3.9vw,3.5rem);line-height:1.25;letter-spacing:0}html[lang=zh] .serif{font-family:Georgia,'STKaiti','KaiTi','Microsoft YaHei',serif}html[lang=zh] .source-name{font-size:.84rem}
@media(min-width:1600px){.player{padding-inline:max(4%,calc((100vw - 1435px)/2))}}@media(max-width:1250px){.workspace{grid-template-columns:minmax(0,1fr) 295px;gap:24px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.track-card{padding:15px}.waveform{height:28px}.intro{grid-template-columns:minmax(0,1fr) 270px}.record-scene{transform:scale(.9)}.edition{font-size:.67rem}}@media(max-width:850px){.header{min-height:78px}.edition{display:none}.intro{grid-template-columns:minmax(0,1fr) 210px;gap:15px;padding-block:30px}.record-scene{height:190px;transform:scale(.78);transform-origin:center}.record-note{display:none}.intro h1{font-size:2.6rem}.intro-copy{font-size:.9rem}.workspace{grid-template-columns:1fr;gap:24px}.side{display:grid;grid-template-columns:1fr 1fr;align-items:start}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.track-card{padding:12px}.source-name{font-size:.8rem}.source-monogram{display:none}.player{grid-template-columns:minmax(150px,.8fr) minmax(210px,1.2fr);gap:15px}.volume-area{display:none}.mini-record{width:42px;height:42px}.now strong{font-size:.85rem}.now{gap:10px}.site-footer{margin-top:25px}#notes-content{max-height:310px}}@media(max-width:600px){main{padding:0 5% 165px}.header{padding:18px 5%;min-height:74px}.brand{font-size:1.12rem;gap:8px}.brand img{width:30px;height:30px}.brand-caption{font-size:.58rem}.header-right{gap:10px}.ui-language{padding:7px 10px}.intro{display:block;padding:28px 0}.record-scene{display:none}.intro h1{font-size:2.75rem}.intro-copy{margin-top:15px;font-size:.9rem;line-height:1.6}.eyebrow{font-size:.64rem}.workspace{padding-top:25px}.section-top{margin-bottom:20px}.section-top h2{font-size:1.22rem}.toolbar{align-items:flex-start;gap:12px}.segmented button{padding:8px 12px}.segmented span{margin-left:5px}.source-select{display:block}.source-select>span{display:none}.source-select select{max-width:143px;font-size:.8rem;padding:12px 22px 12px 8px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.source-monogram{display:grid}.source-name{font-size:.875rem}.track-card{padding:15px}.style-filters{gap:1px;margin-top:18px}.style-filters button{font-size:.8rem;padding:7px 9px}.library-help{font-size:.75rem;margin-bottom:20px}.row-heading{flex-wrap:wrap;gap:8px}.row-heading p{font-size:.75rem}.side{grid-template-columns:1fr}.panel{padding:20px}#notes-content{max-height:340px}.site-footer{flex-direction:column;gap:10px}.player{grid-template-columns:1fr;padding:13px 5%;gap:12px}.now{max-width:calc(100% - 45px)}.mini-record{width:35px;height:35px}.now-eyebrow{font-size:.6rem}.now strong{font-size:.85rem;margin:2px 0}#now-meta{font-size:.65rem}.transport-main{position:absolute;right:5%;top:15px;margin:0;gap:10px}.transport-main .icon-button{display:none}.progress input{height:4px}.play-main{width:38px;height:38px}.player .progress time{font-size:.7rem}html[lang=zh] .intro h1{font-size:2.5rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}