:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.player-container{height:80vh;width:100%;background:url(https://laoshuishushu.oss-cn-beijing.aliyuncs.com/public/hunsha_small.jpg) no-repeat;background-size:100% auto;background-size:cover;background-position:top;opacity:0;animation:fadeIn 1.3s ease-in forwards;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.file-inputs{margin-bottom:20px;display:flex;gap:10px}.player-controls{display:flex;flex-direction:column;gap:15px}.lyrics-container{height:300px;overflow-y:auto;border:none;padding:15px;border-radius:8px}.lyric-line{padding:8px;transition:all .3s ease;opacity:.6}.lyric-line.active{font-weight:700;transform:scale(1.05);opacity:1;color:#fffc;font-weight:500}.time-display{font-family:monospace}button{padding:12px 64px;background:#7d8d99;border:none!important;border-radius:4px;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center}.stop{width:16px;height:16px;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1740726525060'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2617'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M268.97201558%20114.31784297c73.21218086%200%20132.56071902%2059.34853814%20132.56071901%20132.560719v530.24287606c0%2073.21218086-59.34853814%20132.56071902-132.56071901%20132.560719s-132.56071902-59.34853814-132.56071901-132.560719V246.87856197c0-73.21218086%2059.34853814-132.56071902%20132.56071901-132.560719z%20m486.05596884%200c73.21218086%200%20132.56071902%2059.34853814%20132.56071901%20132.560719v530.24287606c0%2073.21218086-59.34853814%20132.56071902-132.56071901%20132.560719s-132.56071902-59.34853814-132.56071901-132.560719V246.87856197c0-73.21218086%2059.34853814-132.56071902%20132.56071901-132.560719z'%20p-id='2618'%20fill='%23ffffff'%3e%3c/path%3e%3c/svg%3e") no-repeat;background-size:100% 100%;display:inline-block}.start{width:16px;height:16px;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1740726761707'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='3654'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M161.2%20839.9v-654c0-56.1%2060.7-91.1%20109.3-63.1l566.3%20327c48.6%2028%2048.6%2098.1%200%20126.2L270.4%20903c-48.5%2028-109.2-7.1-109.2-63.1z'%20fill='%23ffffff'%20p-id='3655'%3e%3c/path%3e%3c/svg%3e") no-repeat;background-size:100% 100%;display:inline-block}.lyrics-container{height:220px;overflow-y:auto;scroll-behavior:smooth;position:relative}.lyric-line{min-height:30px;transform:translateZ(0);will-change:transform}.lyrics-container{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.lyrics-container::-webkit-scrollbar{display:none;width:0;height:0}.play-btn-box{width:100%;height:20vh;display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;bottom:0;left:0}.title{margin-top:5vh;font-size:1.4rem;text-align:center;margin-bottom:.6rem;font-weight:400;text-shadow:2px 2px 4px rgba(0,0,0,.3);position:relative;padding-bottom:.8rem}.title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,transparent,#fff,transparent)}.credits{opacity:.7;font-size:.9rem}.credits-part{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:.4rem}.credits-label{margin-right:6px}@media (min-width: 768px){.player-container{width:600px;padding:2rem}}#root{width:100vw;height:100vh;overflow:hidden;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background:#5d5c571a}*{margin:0;padding:0;box-sizing:border-box}