@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,sans-serif;color:#25362f;background:#f7f9f6;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{cursor:pointer}button{border:0}button:disabled{opacity:.5;cursor:wait}aside{position:fixed;inset:0 auto 0 0;width:224px;background:#edf2eb;border-right:1px solid #e0e7dd;padding:36px 24px}.brand{display:flex;gap:12px;align-items:center;color:#345b43;text-decoration:none;font-size:36px}.brand span{font-size:24px;font-weight:800}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:3px}.nav-label{font-size:11px;color:#8b968c;margin:58px 12px 17px}.nav{padding:14px;border-radius:9px;color:#3a6648;background:#dce8d7;font-weight:600}.aside-note{position:absolute;bottom:100px;font-size:12px;color:#57735d}.aside-note p{color:#879386;line-height:1.9;margin-top:13px}.dot{display:inline-block;width:7px;height:7px;background:#7f9f69;border-radius:100%;margin-right:6px}.powered{position:absolute;bottom:32px;letter-spacing:1.5px;font-size:9px;color:#97a293}main{margin-left:224px;padding:0 6%;max-width:1600px}header{height:90px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#859086;border-bottom:1px solid #e5e9e1}header b{font-weight:500;color:#4d5e50}.intro{padding-top:56px}.eyebrow{letter-spacing:2px;font-size:10px;color:#7d9479}h1{font-size:40px;letter-spacing:-1.5px;margin:13px 0;font-weight:700}h1 span{color:#79995c}.intro p{color:#8a9389;font-size:13px}.search-panel{background:white;border:1px solid #e1e7dc;border-radius:14px;padding:23px 26px;margin-top:33px;box-shadow:0 6px 30px #334b2810}.platforms{display:flex;gap:9px;margin-bottom:22px}.platforms button{padding:9px 17px;background:transparent;border-radius:7px;color:#879081;font-size:12px}.platforms .selected{color:#43613d;background:#edf3e6;font-weight:600}.search-line{display:flex;align-items:center;background:#f7f9f5;border:1px solid #e3e9de;border-radius:8px;padding:7px 7px 7px 17px;gap:12px}.search-line>span{font-size:29px;color:#8e9c87}input{min-width:0;flex:1;border:0;background:transparent;outline:none;padding:10px;color:#344733}input::placeholder{color:#a5aca0}.primary{display:inline-block;text-decoration:none;white-space:nowrap;background:#526f43;color:white;border-radius:7px;padding:12px 21px;font-size:12px}.primary span{margin-left:15px}.search-foot{display:flex;justify-content:space-between;align-items:center;color:#a0a798;font-size:10px;margin-top:17px}select{border:0;background:transparent;color:#617052;padding:5px}.result-heading{display:flex;justify-content:space-between;align-items:center;margin-top:35px}h2{font-size:16px;font-weight:600}.result-heading>span{color:#929c8b;font-size:10px}.empty{text-align:center;padding:42px 0 45px}.record{width:99px;height:99px;margin:auto;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#e3e9dc 0px,#e3e9dc 2px,#edf1e6 3px,#edf1e6 5px);box-shadow:0 8px 24px #72835512}.record div{height:34px;width:34px;border:12px solid #a4b48c;background:#f7f9f6;border-radius:50%}.empty h3{font-size:14px;margin-top:24px;font-weight:500}.empty p{font-size:11px;color:#a0a799}.tags{display:flex;justify-content:center;gap:10px;margin-top:22px}.tags button{background:#eef2e8;border:1px solid #e1e6d9;color:#7f8d71;border-radius:20px;padding:7px 13px;font-size:10px}footer{border-top:1px solid #e4e9df;padding:22px 0 120px;color:#a3ab9c;font-size:9px;display:flex;justify-content:space-between;gap:15px}#notice{padding:14px;border-radius:8px;background:#f3ead9;color:#8a6635;margin:10px 0;line-height:1.7}.song{display:flex;align-items:center;gap:17px;padding:17px 10px;border-bottom:1px solid #e5eade}.song:hover{background:#edf2e8}.song .number{color:#a2ac97;font-size:11px;width:22px}.song .info{flex:1;min-width:0}.song b{display:block;font-weight:500;font-size:13px}.song small{display:block;color:#8f9a84;font-size:11px;margin-top:5px}.song .album{width:25%;color:#89947f;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song button{background:#e7eedf;color:#53713f;padding:9px 16px;border-radius:6px;font-size:11px}#player{position:fixed;bottom:0;left:224px;right:0;background:#fffffff5;backdrop-filter:blur(15px);border-top:1px solid #dde5d5;display:flex;align-items:center;gap:18px;padding:16px 5%;z-index:2}#player[hidden]{display:none}.player-art{width:45px;height:45px;background:#dfe9d4;border-radius:8px;display:grid;place-items:center;font-size:23px}.player-info{width:150px;min-width:0}.player-info b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.player-info span{display:block;margin-top:5px;color:#8a9681;font-size:10px}audio{flex:1;min-width:100px;height:36px}#lyrics-button{background:transparent;color:#71845f;font-size:12px}dialog{border:1px solid #dfe6d7;border-radius:15px;max-width:600px;width:90%;padding:30px;color:#34472f}dialog::backdrop{background:#24321b66}dialog pre{font:13px/2 inherit;white-space:pre-wrap;max-height:60vh;overflow:auto}#close-lyrics{float:right;background:none;font-size:25px;color:#7a8a70}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #799e5c;outline-offset:3px}@media(max-width:850px){aside{width:170px;padding:30px 18px}main{margin-left:170px;padding:0 5%}#player{left:170px;flex-wrap:wrap}h1{font-size:31px}.album{display:none}footer{display:block}footer span{display:block;margin-top:8px}.search-panel{padding:18px}}@media(max-width:600px){aside{position:static;width:100%;padding:18px 22px;border-right:0}.brand{font-size:28px}.brand span{font-size:20px}.brand small{font-size:8px}.nav-label,.nav,.aside-note,.powered{display:none}main{margin-left:0;padding:0 22px}header{height:55px}.intro{padding-top:30px}h1{font-size:29px}.search-line{gap:0;padding-left:10px}.search-line .primary{padding:12px}.primary span{display:none}.platforms{gap:0}.platforms button{padding:8px 12px}.search-foot{align-items:flex-start;gap:10px}.search-foot>span{max-width:110px}#player{left:0;padding:12px 18px;gap:10px}.player-info{flex:1}audio{order:5;width:100%;flex:auto}.empty{padding:35px 0}.result-heading>span{max-width:160px;text-align:right}footer{padding-bottom:160px}}

.song-actions{display:flex;gap:8px;flex-shrink:0}.song .listen-button{background:transparent;border:1px solid #d9e3cf}.song .download-button{background:#526f43;color:white}@media(max-width:600px){.song{gap:10px}.song-actions{gap:5px}.song-actions button{padding:8px 10px}}