*{margin:0;padding:0}div{box-sizing:border-box}.flexC{display:flex;justify-content:center;align-items:center}body{width:100vw;height:100vh;background-color:#0a0a0a;overflow:hidden}#app{width:100vw;height:100vh;background-color:#0a0a0a;overflow:hidden;font-size:0.37rem;color:white}.user{display:flex;justify-content:space-between;align-items:center;background-color:#121521;height:1.6rem;padding:0 0.43rem}.user .left{display:flex;align-items:center}.user .left .avatar{height:1rem;margin-right:0.4rem;border-radius:50%}.user .right{width:1.6rem;height:0.75rem;border-radius:0.37rem;color:#1aa9ff;border:1px solid #9222ff;border-radius:0.37rem}.cover{margin:0.8rem auto;width:6rem;height:6rem;border-radius:0.43rem;overflow:hidden;position:relative}.cover .userAvatar{width:100%;height:100%}.cover .paly{width:1rem;height:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.lyric{margin:0 2rem;text-align:center;padding-bottom:3rem;overflow-y:auto;max-height:4rem;scrollbar-width:none;-ms-overflow-style:none}.btm{width:100vw;padding:0 0.43rem 1rem;position:absolute;bottom:0;background-color:#0a0a0a}.btm .music-name{margin-bottom:0.11rem;font-size:0.45rem}.btm .progress-container{display:flex;align-items:center;font-size:14px}.btm .progress-container span{margin:0 10px}.btm .progress-bar{position:relative;width:600px;height:5px;background-color:#333;border-radius:10px}.btm .progress{height:100%;background:linear-gradient(to right, #1e90ff, #8a2be2);transition:width 0.3s;border-radius:inherit}.btm .progress-knob{position:absolute;top:50%;transform:translateY(-50%);width:14px;height:14px;background-color:#fff;border-radius:50%;box-shadow:0 0 10px rgba(30,144,255,0.5)}.btm .btn{margin:1rem auto 0;width:8.29rem;height:1.28rem;border-radius:0.64rem;background:linear-gradient(45deg, #1aa9ff 0%, #9222ff 100%)}