.wq-audio-player{width:100%;max-width:800px;min-height:500px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.1);box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2);position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}.wq-audio-player:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(135,206,235,.3),rgba(240,248,255,.2));z-index:-1}.player-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:20px}.player-header .fullscreen-btn{cursor:pointer;color:rgba(0,0,0,.6);font-size:20px;-webkit-transition:all .3s ease;transition:all .3s ease}.player-header .fullscreen-btn:hover{color:#409eff;-webkit-transform:scale(1.1);transform:scale(1.1)}.disc-container{margin-bottom:30px}.disc-container,.disc-container .disc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.disc-container .disc{width:300px;height:300px;border-radius:50%;background:#000;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 0 30px rgba(0,0,0,.3);box-shadow:0 0 30px rgba(0,0,0,.3);position:relative;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.disc-container .circular-wave-canvas{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:360px;height:360px;pointer-events:none;z-index:0}.disc-container .disc .disc-cover{width:220px;height:220px;border-radius:50%;-o-object-fit:cover;object-fit:cover;z-index:1}.disc-container .disc.disc-rotating{-webkit-animation:rotate 20s linear infinite;animation:rotate 20s linear infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.cavvas_box{position:relative;width:100%}.cavvas_box .cavbopx{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;bottom:0;z-index:-1}.song-info{text-align:center;margin-bottom:30px}.song-info .song-title{font-size:28px;font-weight:600;color:#333;margin-bottom:10px}.song-info .song-artist{font-size:18px;color:#666}.player-controls .control-buttons{gap:20px;margin-bottom:20px}.player-controls .control-buttons,.player-controls .control-buttons .control-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.player-controls .control-buttons .control-btn{width:45px;height:45px;border-radius:50%;border:none;background:hsla(0,0%,100%,.3);cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:20px;color:#333}.player-controls .control-buttons .control-btn:hover{background:rgba(64,158,255,.2);-webkit-transform:scale(1.1);transform:scale(1.1)}.player-controls .control-buttons .control-btn.play-btn{width:60px;height:60px;background:#409eff;color:#fff;font-size:28px}.player-controls .control-buttons .control-btn.play-btn:hover{background:#66b1ff}.player-controls .progress-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;margin-bottom:20px}.player-controls .progress-container .time{font-size:14px;color:#666;min-width:45px}.player-controls .progress-container .progress-bar{-webkit-box-flex:1;-ms-flex:1;flex:1;height:6px;background:rgba(0,0,0,.1);border-radius:3px;cursor:pointer;position:relative}.player-controls .progress-container .progress-bar .hover-time-tooltip{position:absolute;top:-48px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;pointer-events:none;z-index:10}.player-controls .progress-container .progress-bar .hover-time-tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(0,0,0,.8)}.player-controls .progress-container .progress-bar .progress-filled{height:100%;background:#409eff;border-radius:3px;position:relative;-webkit-transition:width .1s linear;transition:width .1s linear}.player-controls .progress-container .progress-bar .progress-filled .progress-thumb{position:absolute;right:-8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background:#409eff;border:2px solid #fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}.player-controls .extra-controls{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:15px}.player-controls .extra-controls,.player-controls .extra-controls .control-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.player-controls .extra-controls .control-btn{width:35px;height:35px;border-radius:50%;border:none;background:hsla(0,0%,100%,.3);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:18px;color:#333}.player-controls .extra-controls .control-btn:hover{background:rgba(64,158,255,.2);-webkit-transform:scale(1.1);transform:scale(1.1)}.player-controls .extra-controls .control-btn.active{color:#409eff}.player-controls .extra-controls .control-btn.speed-btn{width:auto;padding:0 8px;border-radius:20px;font-size:14px;font-weight:500}.player-controls .extra-controls .volume-control{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.player-controls .extra-controls .volume-control .volume-slider-container{position:absolute;bottom:35px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:hsla(0,0%,100%,.95);width:36px;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.15);box-shadow:0 2px 10px rgba(0,0,0,.15);z-index:10}.player-controls .extra-controls .volume-control .volume-slider-container:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:5px;background:transparent}.player-controls .extra-controls .volume-control .volume-slider-container .volume-slider{width:80px;height:4px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center;transform-origin:center;cursor:pointer;-webkit-appearance:none;background:rgba(0,0,0,.1);border-radius:2px;outline:none}.player-controls .extra-controls .volume-control .volume-slider-container .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#409eff;cursor:pointer;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}.player-controls .extra-controls .volume-control .volume-slider-container .volume-slider::-moz-range-thumb{-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#409eff;cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,.2)}.player-controls .extra-controls .speed-control{position:relative}.player-controls .extra-controls .speed-control .speed-menu{position:absolute;bottom:45px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:hsla(0,0%,100%,.95);border-radius:8px;padding:5px 0;min-width:60px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.15);box-shadow:0 2px 10px rgba(0,0,0,.15);z-index:10}.player-controls .extra-controls .speed-control .speed-menu .speed-option{width:100%;padding:6px 12px;border:none;background:transparent;text-align:center;cursor:pointer;font-size:14px;color:#333;-webkit-transition:background .2s ease;transition:background .2s ease}.player-controls .extra-controls .speed-control .speed-menu .speed-option:hover{background:rgba(64,158,255,.1)}.player-controls .extra-controls .speed-control .speed-menu .speed-option.active{color:#409eff;font-weight:600}.preview-end-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:100}.preview-end-overlay .preview-end-content{text-align:center;color:#fff}.wq-audio-player audio{position:fixed!important;top:-9999px!important;left:-9999px!important;width:0!important;height:0!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;z-index:-9999!important;overflow:hidden!important;contain:strict!important;display:none!important}.wq-audio-player:-ms-fullscreen{width:100vw!important;height:100vh!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-direction:column!important;flex-direction:column!important;-ms-flex-pack:center!important;justify-content:center!important;-ms-flex-align:center!important;align-items:center!important;padding:50px!important;margin:0!important;background:linear-gradient(135deg,rgba(135,206,235,.3),rgba(240,248,255,.2))!important;box-shadow:none!important;border:none!important}.wq-audio-player:fullscreen{width:100vw!important;height:100vh!important;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;padding:50px!important;margin:0!important;background:linear-gradient(135deg,rgba(135,206,235,.3),rgba(240,248,255,.2))!important;-webkit-box-shadow:none!important;box-shadow:none!important;border:none!important}.wq-audio-player:-ms-fullscreen .player-header{width:100%!important;max-width:1200px!important;position:absolute!important;top:40px!important;right:50%!important;transform:translateX(600px)!important}.wq-audio-player:fullscreen .player-header{width:100%!important;max-width:1200px!important;position:absolute!important;top:40px!important;right:50%!important;-webkit-transform:translateX(600px)!important;transform:translateX(600px)!important}.wq-audio-player:-ms-fullscreen .disc-container{margin-bottom:60px!important}.wq-audio-player:fullscreen .disc-container{margin-bottom:60px!important}.wq-audio-player:-webkit-full-screen .disc-container .disc{width:600px!important;height:600px!important}.wq-audio-player:-ms-fullscreen .disc-container .disc{width:600px!important;height:600px!important}.wq-audio-player:fullscreen .disc-container .disc{width:600px!important;height:600px!important}.wq-audio-player:-webkit-full-screen .disc-container .circular-wave-canvas{width:720px!important;height:720px!important}.wq-audio-player:-ms-fullscreen .disc-container .circular-wave-canvas{width:720px!important;height:720px!important}.wq-audio-player:fullscreen .disc-container .circular-wave-canvas{width:720px!important;height:720px!important}.wq-audio-player:-webkit-full-screen .disc-container .disc .disc-cover{width:480px!important;height:480px!important}.wq-audio-player:-ms-fullscreen .disc-container .disc .disc-cover{width:480px!important;height:480px!important}.wq-audio-player:fullscreen .disc-container .disc .disc-cover{width:480px!important;height:480px!important}.wq-audio-player:-ms-fullscreen .song-info{margin-bottom:60px!important}.wq-audio-player:fullscreen .song-info{margin-bottom:60px!important}.wq-audio-player:-ms-fullscreen .song-info .song-title{font-size:56px!important}.wq-audio-player:fullscreen .song-info .song-title{font-size:56px!important}.wq-audio-player:-ms-fullscreen .song-info .song-artist{font-size:32px!important}.wq-audio-player:fullscreen .song-info .song-artist{font-size:32px!important}.wq-audio-player:-webkit-full-screen .cavvas_box{position:relative;width:100%}.wq-audio-player:-ms-fullscreen .cavvas_box{position:relative;width:100%}.wq-audio-player:fullscreen .cavvas_box{position:relative;width:100%}.wq-audio-player:-webkit-full-screen .cavvas_box .cavbopx{width:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:absolute;bottom:0;z-index:-1}.wq-audio-player:-ms-fullscreen .cavvas_box .cavbopx{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;bottom:0;z-index:-1}.wq-audio-player:fullscreen .cavvas_box .cavbopx{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;bottom:0;z-index:-1}.wq-audio-player:-ms-fullscreen .player-controls{width:100%!important;max-width:1200px!important}.wq-audio-player:fullscreen .player-controls{width:100%!important;max-width:1200px!important}.wq-audio-player:-ms-fullscreen .control-buttons{margin-bottom:30px!important}.wq-audio-player:fullscreen .control-buttons{margin-bottom:30px!important}.wq-audio-player:-ms-fullscreen .progress-container{margin-bottom:30px!important}.wq-audio-player:fullscreen .progress-container{margin-bottom:30px!important}.wq-audio-player:-webkit-full-screen{width:100vw!important;height:100vh!important;display:-webkit-box!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;flex-direction:column!important;-webkit-box-pack:center!important;justify-content:center!important;-webkit-box-align:center!important;align-items:center!important;padding:50px!important;margin:0!important;background:linear-gradient(135deg,rgba(135,206,235,.3),rgba(240,248,255,.2))!important;-webkit-box-shadow:none!important;box-shadow:none!important;border:none!important}.wq-audio-player:-webkit-full-screen .player-header{width:100%!important;max-width:1200px!important;position:absolute!important;top:40px!important;right:50%!important;-webkit-transform:translateX(600px)!important;transform:translateX(600px)!important}.wq-audio-player:-webkit-full-screen .disc-container{margin-bottom:60px!important}.wq-audio-player:-webkit-full-screen .disc-container .disc{width:700px!important;height:700px!important}.wq-audio-player:-webkit-full-screen .disc-container .circular-wave-canvas{width:820px!important;height:820px!important}.wq-audio-player:-webkit-full-screen .disc-container .disc .disc-cover{width:580px!important;height:580px!important}.wq-audio-player:-webkit-full-screen .song-info{margin-bottom:60px!important}.wq-audio-player:-webkit-full-screen .song-info .song-title{font-size:56px!important}.wq-audio-player:-webkit-full-screen .song-info .song-artist{font-size:32px!important}.wq-audio-player:-webkit-full-screen .player-controls{width:100%!important;max-width:1200px!important}.wq-audio-player:-webkit-full-screen .control-buttons,.wq-audio-player:-webkit-full-screen .progress-container{margin-bottom:30px!important}