#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:3px}.nav span{font-size:18px}.el-dialog{margin-top:30px}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width: 500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}}<style scoped > .nav-container{background:#fff;box-shadow:0 2px 12px #0000000a;padding:8px 0;margin-top:10px}.nav-menu{display:flex;justify-content:space-around;align-items:center}.nav-item{display:flex;align-items:center;padding:8px 20px;border-radius:20px;cursor:pointer;transition:all .3s ease;color:#606266}.nav-item:hover{color:#409eff;background:rgba(64,158,255,.1)}.nav-item.active{color:#409eff;background:rgba(64,158,255,.1);font-weight:500}.nav-item i{font-size:18px;margin-right:6px}.nav-item span{font-size:15px}.player-footer{position:fixed;bottom:0;width:100%;background:linear-gradient(to right,#1a1a1a,#2d2d2d);box-shadow:0 -2px 10px #0000001a;z-index:100;padding:0}.player-container{max-width:1400px;margin:0 auto;height:100%}.player-content{height:70px;padding:0 20px}.song-info{display:flex;align-items:center;gap:15px}.cover-image{width:50px;height:50px;border-radius:6px;overflow:hidden}.cover{width:100%;height:100%;object-fit:cover}.song-details{color:#fff}.song-name{font-size:14px;font-weight:500;margin-bottom:4px}.artist-name{font-size:12px;color:#a8a8a8}.player-controls{display:flex;align-items:center;justify-content:center}.audio-player{width:100%;max-width:600px;height:32px;border-radius:16px}.player-footer .operation-btn{border:1px solid rgba(255,255,255,.2);color:#000;transition:all .3s;&:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:#ffffff4d}&:disabled{border-color:#ffffff1a;color:#ffffff4d}i {font-size: 16px;}}