.subpage-shell:has(.music-app){background:#0c0c0c}.music-app{color:#f4f0e9;background:linear-gradient(#44341f 0,#17130f 310px,#0c0c0c 520px);min-height:100vh;padding:56px clamp(24px,7vw,110px) 150px}.playlist-head{align-items:flex-end;gap:28px;max-width:1280px;margin:auto;display:flex}.playlist-cover{background:radial-gradient(circle at 62% 36%,#b9945d,#513a21 23%,#17120d 55%,#080808 80%);flex:none;width:210px;height:210px;position:relative;overflow:hidden;box-shadow:0 20px 55px #0008}.playlist-cover i{border:1px solid #d8b77f66;border-radius:50%;width:150px;height:150px;position:absolute;top:-20px;right:-24px;box-shadow:0 0 0 25px #d8b77f0b,0 0 0 50px #d8b77f08}.playlist-cover span{color:#e6d3b2;font:44px Georgia,serif;position:absolute;bottom:45px;left:20px}.playlist-cover small{letter-spacing:.24em;color:#c0a477;font:7px/1.45 Arial,sans-serif;position:absolute;bottom:18px;left:23px}.playlist-meta>small{letter-spacing:.17em;color:#d4b27b;font:8px Arial,sans-serif}.playlist-meta h1{letter-spacing:-.035em;margin:13px 0 16px;font:400 clamp(48px,6.5vw,88px)/.95 Georgia,Noto Serif TC,serif}.playlist-meta p{color:#c4bdb4;margin:0 0 8px;font:11px/1.8 Noto Sans TC,sans-serif}.playlist-meta>span{color:#8e867c;font:8px Noto Sans TC,sans-serif}.music-library{max-width:1280px;margin:42px auto 0}.library-actions{align-items:center;gap:14px;display:flex}.library-play{color:#17110b;cursor:pointer;background:#d7b274;border:0;border-radius:50%;width:50px;height:50px;font-size:16px}.select-all{color:#d7d0c7;background:0 0;border:1px solid #4d463e;border-radius:22px;padding:10px 15px;font:9px Noto Sans TC,sans-serif}.mode-select{color:#777067;align-items:center;gap:9px;margin-left:auto;font:8px Noto Sans TC,sans-serif;display:flex}.mode-select select{color:#d8d0c6;background:#0c0c0c;border:0;border-bottom:1px solid #49423a;padding:7px 23px 7px 5px;font:9px Noto Sans TC,sans-serif}.music-filters{scrollbar-width:none;gap:7px;margin:24px 0 13px;display:flex;overflow:auto}.music-filters::-webkit-scrollbar{display:none}.music-filters button{color:#8d867e;background:#171717;border:1px solid #35312d;border-radius:16px;flex:none;padding:7px 12px;font:8px Noto Sans TC,sans-serif}.music-filters button.active{color:#17130f;background:#ede6db;border-color:#ede6db}.track-table{border-top:1px solid #34302c}.track-table-head,.track-row{grid-template-columns:44px minmax(240px,1.4fr) minmax(150px,.7fr) 62px 76px;align-items:center;gap:10px;display:grid}.track-table-head{color:#756e67;letter-spacing:.08em;border-bottom:1px solid #34302c;height:38px;font:8px Arial,sans-serif}.track-row{border-bottom:1px solid #211f1c;height:70px;transition:all .15s}.track-row:hover,.track-row.active{background:#191714}.row-play{color:#8e877e;cursor:pointer;background:0 0;border:0}.row-play b{color:#d7b274;display:none}.track-row:hover .row-play span,.track-row.active .row-play span{display:none}.track-row:hover .row-play b,.track-row.active .row-play b{display:inline}.row-title{align-items:center;gap:12px;min-width:0;display:flex}.row-art{background:radial-gradient(circle,#d5b578 0 12%,#18140f 13% 42%,#6e5331 43% 48%,#18130d 49%);flex:none;width:46px;height:46px;position:relative}.row-art i{border:1px solid #d1af7555;border-radius:50%;position:absolute;inset:5px}.row-title>span{flex-direction:column;min-width:0;display:flex}.row-title strong{white-space:nowrap;text-overflow:ellipsis;font:12px Noto Sans TC,sans-serif;overflow:hidden}.track-row.active .row-title strong{color:#d7b274}.row-title small,.row-mood{color:#766f68;margin-top:5px;font:8px Noto Sans TC,sans-serif}.track-row time{color:#847d75;font:8px Arial,sans-serif}.row-actions{justify-content:flex-end;gap:9px;display:flex}.row-actions button,.row-actions a{color:#8b837a;background:0 0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.row-actions button:hover,.row-actions a:hover,.row-actions .selected{color:#d7b274;background:#2b251e}.music-note{color:#777067;border-top:1px solid #292621;margin:30px 0 0;font:8px/1.8 Noto Sans TC,sans-serif}.music-note summary{cursor:pointer;color:#958d84;padding:14px 0}.music-note p{max-width:800px}.music-player{z-index:80;color:#17130f;background:#eee8df;grid-template-columns:48px minmax(180px,1fr) 170px 38px minmax(160px,1fr);align-items:center;gap:13px;height:72px;padding:0 18px;display:grid;position:fixed;bottom:14px;left:16px;right:16px;box-shadow:0 16px 55px #000a}.player-progress{background:#cfc5b8;height:3px;position:absolute;top:0;left:0;right:0}.player-progress i{background:#9d7540;height:100%;display:block}.now-art{background:radial-gradient(circle,#d2b57f 0 14%,#17130f 15% 44%,#5c4930 45%);border-radius:3px;width:42px;height:42px}.now-copy{flex-direction:column;min-width:0;display:flex}.now-copy strong{white-space:nowrap;text-overflow:ellipsis;font:11px Noto Sans TC,sans-serif;overflow:hidden}.now-copy span{color:#776e64;margin-top:4px;font:7px Noto Sans TC,sans-serif}.player-controls{justify-content:center;align-items:center;gap:15px;display:flex}.player-controls button{background:0 0;border:0;font-size:20px}.player-controls .main-play{color:#fff;background:#17130f;border-radius:50%;width:38px;height:38px;font-size:10px}.lyrics-button{background:0 0;border:1px solid #ad9b83;border-radius:50%;width:30px;height:30px;font:9px Noto Sans TC,sans-serif}.lyrics-button.active{color:#111;background:#d0b078}.current-lyric{color:#756b60;white-space:nowrap;text-overflow:ellipsis;font:9px/1.4 Noto Sans TC,sans-serif;overflow:hidden}.lyrics-panel{z-index:79;color:#fff;background:#17130f;flex-direction:column;width:min(440px,100vw - 32px);height:min(560px,100vh - 145px);display:flex;position:fixed;bottom:96px;right:16px;box-shadow:0 20px 70px #000b}.lyrics-panel header{border-bottom:1px solid #3b332b;justify-content:space-between;padding:20px 22px;display:flex}.lyrics-panel header small{letter-spacing:.2em;color:#c9a970;font:7px Arial,sans-serif}.lyrics-panel header h2{margin:5px 0 0;font-size:18px;font-weight:400}.lyrics-panel header button{color:#fff;background:0 0;border:0;font-size:24px}.lyrics-scroll{flex:1;padding:38% 24px;overflow:auto}.lyrics-scroll p{color:#70675f;margin:0 0 17px;font:13px/1.8 Noto Sans TC,sans-serif}.lyrics-scroll p.active{color:#fff;font-size:17px}.lyrics-panel footer{color:#776d63;border-top:1px solid #3b332b;padding:11px 18px;font:7px Noto Sans TC,sans-serif}@media (width<=850px){.subpage-shell:has(.music-app) .subpage-hero{display:none}.subpage-shell:has(.music-app) footer{display:none}.music-app{background:linear-gradient(#3a2b1b 0,#17130f 190px,#0c0c0c 330px);padding:22px 14px 110px}.playlist-head{align-items:flex-end;gap:14px}.playlist-cover i{width:78px;height:78px}.playlist-cover span{font-size:25px;bottom:30px;left:11px}.playlist-cover small{font-size:5px;bottom:9px;left:12px}.playlist-meta{min-width:0}.playlist-meta>small{font-size:6px}.playlist-meta h1{margin:8px 0 7px;font-size:30px}.playlist-meta p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:8px;line-height:1.5;display:-webkit-box;overflow:hidden}.playlist-meta>span{font-size:7px}.library-actions{gap:9px}.library-play{width:42px;height:42px}.select-all{padding:8px 11px;font-size:8px}.mode-select{gap:0}.mode-select span{clip-path:inset(50%);position:absolute}.mode-select select{max-width:92px;padding-right:14px;font-size:8px}.music-filters{margin:15px -14px 9px;padding:0 14px}.music-filters button{padding:6px 11px}.track-table-head{display:none}.track-table{border-top:0}.row-play{padding:0}.row-title strong{font-size:11px}.row-title small{font-size:7px}.row-mood{display:none}.track-row time{font-size:7px}.row-actions{gap:0}.row-actions button,.row-actions a{width:28px}.music-note{margin-top:20px}.music-note p{font-size:8px}.music-player{border-radius:4px;grid-template-columns:38px minmax(0,1fr) 104px 28px;gap:8px;height:58px;padding:0 9px;bottom:6px;left:6px;right:6px}.now-copy strong{font-size:9px}.now-copy span{font-size:6px}.player-controls{gap:5px}.player-controls button{font-size:17px}.player-controls .main-play{width:32px;height:32px}.lyrics-button{width:26px;height:26px}.current-lyric{display:none}.lyrics-panel{border-radius:9px 9px 0 0;width:auto;height:min(54vh,450px);bottom:68px;left:6px;right:6px}.lyrics-panel header{padding:14px 16px}.lyrics-scroll{padding:35% 18px}.lyrics-scroll p{margin-bottom:14px;font-size:12px}.music-app{padding:24px 16px 126px}.playlist-head{gap:16px}.playlist-cover{width:112px;height:112px}.playlist-meta>small{letter-spacing:.1em;font-size:11px;line-height:1.4}.playlist-meta h1{margin:8px 0;font-size:36px;line-height:1.08}.playlist-meta p{margin-bottom:6px;font-size:13px;line-height:1.55}.playlist-meta>span{font-size:12px;line-height:1.45}.music-library{margin-top:22px}.library-actions{min-height:48px}.library-play{width:48px;height:48px;font-size:17px}.select-all{min-height:44px;padding:0 14px;font-size:13px}.mode-select select{max-width:112px;height:44px;padding:0 20px 0 8px;font-size:13px}.music-filters{gap:8px;margin:16px -16px 10px;padding:0 16px}.music-filters button{min-height:40px;padding:0 15px;font-size:13px}.track-row{grid-template-columns:32px minmax(0,1fr) 44px 44px;gap:7px;height:76px}.row-play{width:32px;height:44px;font-size:13px}.row-art{width:48px;height:48px}.row-title{gap:11px}.row-title strong{font-size:15px;line-height:1.35}.row-title small{margin-top:3px;font-size:12px;line-height:1.4}.track-row time{display:none}.row-actions button,.row-actions a{width:44px;height:44px;font-size:17px}.music-note summary{align-items:center;min-height:48px;font-size:13px;display:flex}.music-note p{font-size:13px;line-height:1.75}.music-player{grid-template-columns:44px minmax(0,1fr) 116px 38px;gap:8px;height:68px;padding:0 10px}.now-art{width:42px;height:42px}.now-copy strong{font-size:13px;line-height:1.35}.now-copy span{margin-top:2px;font-size:11px;line-height:1.35}.player-controls button{min-width:34px;min-height:44px;font-size:20px}.player-controls .main-play{width:40px;height:40px;font-size:12px}.lyrics-button{width:38px;height:38px;font-size:13px}.lyrics-panel{bottom:78px}.lyrics-panel header small{font-size:10px}.lyrics-panel header h2{font-size:20px}.lyrics-panel header button{width:44px;height:44px}.lyrics-scroll p{margin-bottom:18px;font-size:17px;line-height:1.75}.lyrics-scroll p.active{font-size:21px}.lyrics-panel footer{padding:13px 16px;font-size:12px;line-height:1.55}}.background-option{color:#b4aca2;cursor:pointer;align-items:center;gap:9px;margin-left:auto;display:flex}.background-option input{opacity:0;pointer-events:none;position:absolute}.background-option>i{background:#39342f;border-radius:12px;flex:none;width:38px;height:22px;transition:all .2s;position:relative}.background-option>i:after{content:"";background:#afa69c;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px}.background-option input:checked+i{background:#d7b274}.background-option input:checked+i:after{background:#17110b;left:19px}.background-option input:focus-visible+i{outline-offset:3px;outline:2px solid #fff}.background-option>span{flex-direction:column;display:flex}.background-option strong{font:9px Noto Sans TC,sans-serif}.background-option small{color:#6f6861;margin-top:2px;font:7px Noto Sans TC,sans-serif}.background-option+.mode-select{margin-left:0}.music-filters button span{color:#aaa198;background:#ffffff0d;border-radius:10px;place-items:center;min-width:20px;height:20px;margin-left:7px;padding:0 5px;font-size:.9em;display:inline-grid}.music-filters button.active span{color:inherit;background:#17130f18}.row-title small{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}@media (width<=850px){.library-actions{flex-wrap:wrap}.music-filters{flex-wrap:wrap;margin:16px 0 12px;padding:0;overflow:visible}.music-filters button{white-space:normal;flex:0 auto}.background-option{border-top:1px solid #28241f;order:4;gap:12px;width:100%;min-height:52px;margin:2px 0 0;padding:8px 0 0}.background-option>i{border-radius:14px;width:44px;height:26px}.background-option>i:after{width:20px;height:20px}.background-option input:checked+i:after{left:21px}.background-option strong{font-size:14px}.background-option small{margin-top:3px;font-size:12px;line-height:1.4}.background-option+.mode-select{margin-left:auto}}