:root{--ink:#3c5140;--muted:#939c85;--line:#e1e6d5;--green:#61794d;--paper:#fffef8;--bg:#f5f6ef}*{box-sizing:border-box}body{margin:0;font:13px/1.7 system-ui,-apple-system,'Microsoft YaHei',sans-serif;color:var(--ink);background:var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);border-radius:9px;background:#fffef9;padding:8px 12px}button:hover{background:#eaf0df}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a3b98b;outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,p{margin-top:0}.music-header{height:82px;display:flex;align-items:center;gap:60px;padding:0 5%;background:#eef1e6;border-bottom:1px solid var(--line)}.music-logo{font-size:36px;display:flex;gap:10px;align-items:center;line-height:1}.music-logo span{font-size:21px;font-weight:600}.music-logo small{display:block;font-size:9px;letter-spacing:3px;margin-top:5px;font-weight:400}.music-header nav{display:flex;gap:28px;font-size:12px;align-items:center}.music-header nav a{color:#939d86}.music-header nav .current{color:#536d3e;border-bottom:2px solid #99ad7e;padding:29px 0}.header-caption{font-size:8px;letter-spacing:2px;color:#9ea88e;margin-left:auto}.music-main{max-width:1320px;margin:auto;padding:0 40px 100px}.music-hero{display:grid;grid-template-columns:1fr 1fr;min-height:380px;align-items:center;border-bottom:1px solid var(--line);padding:36px 0 30px;gap:40px}.eyebrow{font-size:8px;letter-spacing:2.4px;color:#99a084}.hero-copy h1{font:500 42px/1.45 Georgia,'Songti SC','SimSun',serif;letter-spacing:3px;margin:16px 0}.hero-copy h1 span{color:#a7b28b}.hero-copy p{font-size:12px;color:#8e987f;line-height:2.1;margin-bottom:20px}.invite-button{display:flex;gap:30px;align-items:center;background:#677e52;color:white;border:0;padding:11px 18px;border-radius:30px;font-size:12px}.invite-button:hover{background:#546f3e}.invite-button span{font-size:17px;line-height:1}.invitation-note{font-size:10px;color:#a1aa91;margin-top:10px}.listening-scene{position:relative;min-height:315px;overflow:hidden;border-radius:50% 45% 35% 35%;background:radial-gradient(ellipse,#e7ebd3 0,#f1f3e5 55%,#f5f6ef 76%)}.scene-ring{position:absolute;top:13px;left:20%;width:240px;height:240px;border:1px solid #dbe2c7;border-radius:50%}.scene-ring:before{content:'';position:absolute;inset:22px;border:1px solid #e3e8d4;border-radius:50%}.scene-spark{position:absolute;color:#b2be97}.spark-one{top:23px;left:16%;font-size:35px}.spark-two{top:65px;right:5%;font-size:48px}.vinyl-sleeve{position:absolute;top:65px;left:16%;width:160px;height:180px;background:#c9d5ae;border-radius:5px;transform:rotate(-8deg);box-shadow:0 15px 25px #798a581b}.vinyl-sleeve>span{position:absolute;left:15px;top:24px;z-index:2;font-size:14px;letter-spacing:1px;line-height:1.8;color:#f8faed;font-weight:600}.vinyl{position:absolute;width:165px;height:165px;left:80px;top:9px;background:repeating-radial-gradient(circle,#3b4837 0,#3b4837 2px,#44503e 3px,#374232 4px);border-radius:50%;box-shadow:0 4px 15px #35412d33;display:grid;place-items:center}.vinyl-label{width:58px;height:58px;border-radius:50%;background:#dfc794;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:24px;color:#64734f;line-height:1}.vinyl-label small{font-size:6px;letter-spacing:2px;margin-top:6px}.cat-dj{position:absolute;width:180px;height:180px;bottom:10px;right:9%;z-index:3}.cat-dj img{width:100%;height:100%}.headphones{position:absolute;top:18px;left:37px;width:111px;height:87px;border:8px solid #6a7e5a;border-bottom:0;border-radius:60px 60px 0 0;transform:rotate(-4deg)}.headphones:before,.headphones:after{content:'';position:absolute;bottom:-4px;width:15px;height:35px;border-radius:8px;background:#526847;box-shadow:inset 0 0 0 3px #7b8f68}.headphones:before{left:-12px}.headphones:after{right:-12px}.scene-floor{position:absolute;bottom:9px;left:8%;right:0;height:25px;border:1px solid #d9e1c7;border-radius:50%}.scene-label{position:absolute;bottom:0;left:19%;font-size:7px;color:#a5ae93;letter-spacing:1.5px}.together .cat-dj{animation:cat-nod 4s ease-in-out infinite}.playing .vinyl{animation:spin 15s linear infinite}.listening-notes{display:flex;justify-content:space-between;padding:17px 0 27px;font-size:10px;color:#99a28b;gap:12px}.music-columns{display:grid;grid-template-columns:minmax(300px,385px) minmax(0,1fr);gap:30px;align-items:start}.library-panel,.charts-panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section-header h2{font-size:19px;font-weight:500;margin:5px 0 0}.section-header h2 span{font-size:10px;color:#a0aa8e;font-family:system-ui;margin-left:8px}.section-header>span{font-size:25px;color:#a5b193}.section-header .eyebrow{font-size:7px;letter-spacing:1.5px}summary{cursor:pointer;display:flex;justify-content:space-between;font-size:11px;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:15px;color:#94a67d}.import-card{padding-top:12px}.import-card label{font-size:10px;color:#929e82;display:block;margin-bottom:6px}textarea{width:100%;resize:vertical;border:1px solid #e0e7d4;border-radius:9px;padding:10px;background:#f8faf2;color:var(--ink);font-size:11px;line-height:1.8}.soft-button{width:100%;background:#e9f0dd;border:1px solid #dce6cb;font-size:11px;margin:8px 0 12px}.import-buttons{display:flex;gap:8px}.import-buttons .file-label{flex:1;position:relative;padding:9px 8px;background:#fafbf5;border:1px dashed #d3dec4;border-radius:9px;text-align:center;cursor:pointer;font-size:10px;margin:0}.file-label input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.import-card p,.library-data p{font-size:9px;color:#9ea58e;line-height:1.9;margin:12px 0 0}.library-tools{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid var(--line);padding:16px 0 10px;margin-top:16px;font-size:9px;color:#9ba58c}.library-tools button{padding:0;background:none;border:0;font-size:9px;color:#81966b}.library-list{max-height:500px;overflow:auto}.empty-library{padding:26px 14px 34px;text-align:center;color:#a4ae94}.empty-library img{width:95px;height:95px;opacity:.9}.empty-library p{font-size:11px;margin:5px 0}.empty-library small{font-size:9px}.song-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf0e4;min-width:0}.song-art{width:35px;height:35px;border-radius:9px;background:#e9eedc;flex-shrink:0;display:grid;place-items:center;font-size:16px;color:#8a9d70}.song-row:nth-child(3n+2) .song-art{background:#f0e7dc;color:#b39b7e}.song-row:nth-child(3n+3) .song-art{background:#e5e8e4;color:#8b9b88}.song-info{min-width:0;flex:1}.song-title{font-size:12px;overflow-wrap:anywhere;font-weight:500}.song-artist{font-size:9px;color:#a2ab93;overflow-wrap:anywhere}.song-buttons{display:flex;gap:5px;flex-shrink:0}.song-buttons button,.song-buttons a{font-size:10px;padding:5px 7px;border:1px solid #e3e9d9;background:#fafcf5;border-radius:7px;white-space:nowrap}.song-buttons .remove-song{color:#ae9b88;border:0;background:none;font-size:15px;padding:0 4px}.library-data{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.data-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.data-buttons button{font-size:10px}.danger{color:#a27963}.refresh-button{font-size:10px;padding:6px 10px;background:#f6f8f0;white-space:nowrap}.chart-tabs{display:flex;gap:9px}.chart-tabs button{flex:1;text-align:left;padding:11px 15px;background:#f8faf3;font-size:12px;border-radius:10px}.chart-tabs button span{display:block;font-size:9px;color:#9ea98e;margin-top:2px}.chart-tabs button.selected{background:#e7efd9;border-color:#b8c9a2;color:#5a7443}.chart-meta{padding:13px 0;font-size:9px;color:#a5ac98}.chart-meta p{margin:0 0 3px}.chart-meta #chart-time{color:#849575;font-size:10px}.chart-error{padding:12px;border:1px solid #e6ddbe;background:#f8f2e4;border-radius:9px;font-size:11px;color:#9d8a66;margin-bottom:10px}.chart-list{max-height:625px;overflow:auto;padding-right:5px}.chart-row{display:flex;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0e4;min-width:0}.chart-rank{width:25px;font:italic 17px Georgia,serif;color:#a7b197;flex-shrink:0;text-align:center}.chart-row:nth-child(-n+3) .chart-rank{color:#96a473}.chart-row .song-art{width:40px;height:40px;font-size:18px;border-radius:50%}.chart-row .song-buttons{gap:7px}.chart-row .song-buttons a{font-size:9px;padding:6px 9px;color:#7e916c}.chart-row .song-buttons button{font-size:14px;padding:3px 9px}.chart-footnote{border-top:1px solid var(--line);padding-top:14px;margin-top:16px}.chart-footnote a{font-size:10px;color:#7e916d;text-decoration:underline;text-underline-offset:3px}.chart-footnote p{font-size:9px;color:#a1a990;line-height:1.8;margin-top:7px;margin-bottom:0}.music-player{position:fixed;bottom:0;left:0;right:0;height:82px;z-index:20;border-top:1px solid #dce4cf;background:#fbfcf5f5;backdrop-filter:blur(12px);display:flex;align-items:center;gap:25px;padding:12px max(25px,calc((100vw - 1240px)/2));box-shadow:0 -5px 30px #65734408}.now-playing{display:flex;gap:11px;align-items:center;width:280px;min-width:0}.mini-vinyl{width:45px;height:45px;border-radius:50%;background:repeating-radial-gradient(circle,#44543c 0,#44543c 2px,#4a5b41 3px,#3d4f35 4px);flex-shrink:0;display:grid;place-items:center;color:#dfcea3;font-size:25px}.mini-vinyl.playing{animation:spin 8s linear infinite}.now-playing>div:last-child{min-width:0}.now-playing strong{font-size:11px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing span{font-size:9px;color:#a3ac93;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-controls{display:flex;align-items:center;gap:10px;flex:1;max-width:580px;min-width:0}.player-controls button{font-size:24px;line-height:1;border:0;background:transparent;padding:5px 8px}.player-controls audio{height:37px;flex:1;width:0;min-width:0}.continuous{font-size:10px;color:#99a68b;white-space:nowrap;display:flex;align-items:center;gap:5px;margin-left:auto}.continuous input{accent-color:#7a945c}footer{padding:35px 0;font-size:9px;letter-spacing:1.5px;color:#a2ad91;text-align:center}#music-notice{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);z-index:40;max-width:calc(100% - 25px);padding:12px 18px;border-radius:11px;background:#4d6540;color:#fff;font-size:12px;box-shadow:0 8px 30px #35432b30}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cat-nod{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@media(max-width:1050px){.music-header{gap:30px}.header-caption{display:none}.music-main{padding:0 25px 100px}.music-columns{grid-template-columns:320px minmax(0,1fr);gap:20px}.library-panel,.charts-panel{padding:20px}.hero-copy h1{font-size:36px}.music-hero{gap:15px}.cat-dj{right:0}.vinyl-sleeve{left:5%}.song-title{font-size:11px}.chart-row{gap:8px}.chart-row .song-art{display:none}.music-player{padding:12px 25px;gap:15px}.now-playing{width:210px}}@media(max-width:780px){.music-columns{grid-template-columns:1fr}.library-list{max-height:300px}.music-hero{min-height:340px}.hero-copy h1{font-size:31px;letter-spacing:1px}.hero-copy p{font-size:10px}.listening-scene{min-height:280px}.vinyl-sleeve{width:130px;height:150px;left:3%;top:50px}.vinyl{width:140px;height:140px;left:60px;top:5px}.vinyl-sleeve>span{font-size:11px}.cat-dj{width:140px;height:140px;bottom:12px;right:0}.headphones{top:14px;left:29px;width:87px;height:68px;border-width:6px}.headphones:before,.headphones:after{width:12px;height:28px}.scene-ring{width:210px;height:210px;left:9%}.listening-notes{font-size:8px;gap:7px}.chart-list{max-height:550px}.now-playing{width:170px}.continuous{display:none}.music-player{padding:12px 18px;gap:10px}.player-controls{gap:3px}}@media(max-width:520px){.music-header{height:68px;padding:0 15px;gap:20px;justify-content:space-between}.music-logo{font-size:30px;gap:7px}.music-logo span{font-size:17px}.music-logo small{font-size:8px}.music-header nav{gap:14px;font-size:10px}.music-header nav .current{padding:23px 0}.music-main{padding:0 15px 128px}.music-hero{grid-template-columns:1fr;padding:26px 2px 15px;gap:0;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:7px;letter-spacing:1.7px}.hero-copy h1{font-size:33px;letter-spacing:1.5px;line-height:1.45;margin:14px 0}.hero-copy p{font-size:11px;line-height:1.9;margin-bottom:16px}.invite-button{font-size:11px;padding:9px 15px;gap:25px}.invitation-note{font-size:9px}.listening-scene{min-height:240px;margin-top:-5px}.vinyl-sleeve{left:21%;top:35px}.vinyl-sleeve>span{font-size:11px}.cat-dj{right:8%;width:160px;height:160px;bottom:4px}.headphones{top:16px;left:33px;width:99px;height:77px}.scene-ring{left:25%;top:8px;width:210px;height:210px}.scene-floor{bottom:2px}.scene-label{bottom:0;font-size:6px;left:17%}.spark-one{top:20px;left:10%}.spark-two{top:10px;right:12%}.listening-notes{display:grid;grid-template-columns:1fr;gap:3px;padding:14px 0 21px;font-size:9px}.music-columns{gap:18px}.library-panel,.charts-panel{padding:19px 16px;border-radius:14px}.section-header h2{font-size:18px}.section-header .eyebrow{font-size:6px}.section-header{gap:8px}.refresh-button{font-size:9px;padding:5px 8px}.chart-tabs{gap:7px}.chart-tabs button{padding:10px 12px;font-size:11px}.chart-row{gap:7px}.chart-rank{width:20px;font-size:15px}.song-buttons a{font-size:9px!important;padding:5px 6px!important}.chart-row .song-buttons{gap:4px}.chart-row .song-buttons button{padding:3px 7px}.song-title{font-size:12px}.song-artist{font-size:9px}.music-player{height:113px;display:grid;grid-template-columns:1fr;padding:10px 15px;gap:3px}.now-playing{width:100%;gap:8px}.mini-vinyl{width:29px;height:29px;font-size:18px}.now-playing strong{font-size:10px}.now-playing span{font-size:8px}.player-controls{max-width:none;width:100%;gap:6px}.player-controls audio{height:34px}.player-controls button{font-size:22px;padding:2px 7px}textarea{font-size:16px}.import-card label,.import-buttons .file-label{font-size:10px}.import-card p{font-size:9px}.library-tools{font-size:9px}#music-notice{bottom:130px}.mu-guide{bottom:125px!important}footer{font-size:8px}.chart-meta{font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

@media(max-width:520px){.music-header{gap:10px}.music-header nav{gap:10px;font-size:9px}}

.provider-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}.provider-tabs button{border:1px solid #dce4d4;background:#fffef9;border-radius:10px;padding:11px 6px;color:#63735c;cursor:pointer}.provider-tabs button.selected{background:#627c53;color:white;border-color:#627c53}.channel-hint,.channel-notes p{font-size:12px;line-height:1.9;color:#7e8b76}.platform-card{background:#edf3e7;border:1px solid #dce5d1;border-radius:18px;padding:25px;margin:20px 0}.platform-mark{display:grid;place-items:center;width:48px;height:48px;background:#fffdf7;border-radius:50%;font-size:24px;font-weight:700}.platform-card h3{font-size:25px;margin:15px 0 8px}.platform-card p{font-size:13px;line-height:1.9}.platform-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.platform-links a,#platform-search-result a{display:inline-block;padding:9px 12px;background:#fffef9;border:1px solid #d6dfcb;border-radius:8px;font-size:12px}.platform-search form{display:flex;gap:8px;margin:10px 0}.platform-search input{min-width:0;flex:1;padding:10px;border:1px solid #dce4d4;border-radius:8px;background:#fffef9;font:inherit}.platform-search button{flex-shrink:0}#platform-search-result{display:flex;gap:8px;flex-wrap:wrap}.channel-notes{border-top:1px solid #dfe5d7;margin-top:25px;padding-top:20px}.song-buttons{flex-wrap:wrap}@media(max-width:500px){.platform-card{padding:18px}.platform-search form{flex-wrap:wrap}.platform-search input{width:100%;flex-basis:100%}}
.platform-search form .soft-button{width:auto;flex:0 0 auto;padding:10px 16px}.platform-search form input{flex:1 1 0;width:0}@media(max-width:500px){.platform-search form input{flex:1 1 100%;width:100%}}