@import"https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;700&display=swap";:root{--primary-color: #8b5a2b;--secondary-color: #f5e8c0;--accent-color: #d4a76a;--text-color: #333;--highlight-color: #a52a2a}body,#app{font-family:"Noto Serif SC",serif;background-color:#f9f5e9;min-height:90vh}*{transition:all .25s ease}::-webkit-scrollbar{width:14px;height:8px;background-color:transparent}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:100px;border:4px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color);border:3px solid transparent}.player{height:90vh;max-height:480px;width:90%;max-width:1000px;margin:0 auto;position:relative;top:50vh;transform:translateY(-60%);background-color:#fffdf5e6;box-shadow:0 10px 30px #0003;border:4px solid var(--primary-color);overflow:hidden}.player-container{margin:2px;border:1px solid var(--primary-color);height:calc(100% - 6px);display:flex;flex-direction:row-reverse}.player-controls-area{width:240px;display:flex;flex-direction:column}.player-cover{position:relative;width:100%;aspect-ratio:1/1;border:1px solid var(--primary-color);overflow:hidden;box-shadow:0 5px 15px #0000001a}.player-cover:hover{transform:scale(1.02);box-shadow:0 8px 20px #00000026}.player-cover-image{width:100%;height:100%;object-fit:cover}.player-song-info{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;-moz-writing-mode:vertical-rl;-ms-writing-mode:vertical-rl;writing-mode:vertical-rl;-webkit-text-orientation:upright;-moz-text-orientation:upright;-ms-text-orientation:upright;text-orientation:upright;-moz-font-feature-settings:"vkrn","vpal";-webkit-font-feature-settings:"vkrn","vpal";font-feature-settings:"vkrn","vpal";letter-spacing:1px}.song-title{font-size:1.5rem;font-weight:700}.song-author{font-size:1.125rem;font-weight:200}.song-album{font-size:.8rem;font-weight:600}.player-lyrics-area{width:100%;border-right:1px solid var(--primary-color);display:flex;align-items:center;justify-content:end;overflow:hidden}.lyrics{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;-moz-writing-mode:vertical-rl;-ms-writing-mode:vertical-rl;writing-mode:vertical-rl;-webkit-text-orientation:upright;-moz-text-orientation:upright;-ms-text-orientation:upright;text-orientation:upright;-moz-font-feature-settings:"vkrn","vpal";-webkit-font-feature-settings:"vkrn","vpal";font-feature-settings:"vkrn","vpal";max-width:100%;width:100%;height:100%;transform:translate(0);transition:transform .3s ease;will-change:transform}.lyric{margin-block-start:0;margin-block-end:0;font-size:1.5rem;font-weight:500;letter-spacing:.2rem;line-height:2rem;border-left:1px solid var(--primary-color);padding:1rem .2rem;opacity:.4}.lyric .indicator{display:none;position:absolute;bottom:-1.25rem;color:var(--primary-color);-webkit-user-select:none;user-select:none}.lyric.lyric-current{background-color:var(--secondary-color);opacity:1}.lyric.lyric-current .indicator{display:inline-block}.player-song-info{height:6.25rem;padding:.75rem 0}.player-controls{border-top:1px solid var(--primary-color);display:flex;flex-direction:row-reverse;height:10rem}.main-controls{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;-moz-writing-mode:vertical-rl;-ms-writing-mode:vertical-rl;writing-mode:vertical-rl;-webkit-text-orientation:upright;-moz-text-orientation:upright;-ms-text-orientation:upright;text-orientation:upright;-moz-font-feature-settings:"vkrn","vpal";-webkit-font-feature-settings:"vkrn","vpal";font-feature-settings:"vkrn","vpal";display:flex;justify-content:space-between;margin-left:.5rem}.control-btn{border:1px solid var(--primary-color);font-size:1rem;background-color:var(--secondary-color);border-radius:0;cursor:pointer;transition:all .2s ease;width:2rem;height:3.3333rem}.control-btn:hover{color:var(--highlight-color);transform:scale(1.1)}.progress-container{height:calc(100% - 8px);margin:4px}.progress-bar{height:100%;width:6px;background-color:#ddd;border-radius:2px;cursor:pointer;position:relative}.progress{width:100%;background-color:var(--highlight-color);border-radius:2px;height:0%;transition:height .1s linear}.time-display{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;-moz-writing-mode:vertical-rl;-ms-writing-mode:vertical-rl;writing-mode:vertical-rl;-moz-font-feature-settings:"vkrn","vpal";-webkit-font-feature-settings:"vkrn","vpal";font-feature-settings:"vkrn","vpal";display:flex;justify-content:space-between;user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}.currentTime,.duration{display:flex;justify-content:center}.separator{text-align:center}.hwid{-ms-writing-mode:lr-tb;-webkit-writing-mode:horizontal-tb;-moz-writing-mode:horizontal-tb;-ms-writing-mode:horizontal-tb;writing-mode:horizontal-tb;-moz-font-feature-settings:"hwid";-webkit-font-feature-settings:"hwid";font-feature-settings:"hwid";font-stretch:60%;transform:scaleX(.8)}.footer-copyright{position:fixed;bottom:6rem;left:0;right:0;width:100%;color:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:medium}