: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}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}#app{margin:0 auto;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.dqplayer-ui-footer{--libmedia-ui-background-color: rgba(0, 0, 0, .3);padding:0 var(--libmedia-ui-padding);background-size:100% var(--libmedia-ui-bottom-height);background-image:linear-gradient(to top,#0006,#0003,#0000);flex-direction:column;justify-content:flex-end;width:100%;height:var(--libmedia-ui-bottom-height);display:flex;position:absolute;bottom:0;-webkit-user-select:none;user-select:none;color:var(--libmedia-ui-font-color);background-color:var(--libmedia-ui-background-color);text-shadow:0 0 2px var(--libmedia-ui-text-shadow-color)}.dqplayer-ui-footer.auto-rotate{transform:rotate(90deg) translateY(-100%);transform-origin:0 0;width:calc(var(--vh) * 100 - 2 * var(--libmedia-ui-padding));top:0}.dqplayer-ui-progress{cursor:pointer;height:var(--libmedia-ui-progress-height);justify-content:center;align-items:center;display:flex;position:relative}.dqplayer-ui-progress:hover .dqplayer-ui-progress-inner{height:100%}.dqplayer-ui-progress:hover .dqplayer-ui-progress-inner:hover{--libmedia-ui-indicator-scale: 1}.dqplayer-ui-progress .dqplayer-ui-progress-inner{transition:height var(--libmedia-ui-transition-duration) ease;background-color:var(--libmedia-ui-progress-color);align-items:center;width:100%;height:50%;display:flex;position:relative}.dqplayer-ui-progress .dqplayer-ui-progress-inner .dqplayer-ui-progress-hover{background-color:var(--libmedia-ui-hover-color);width:0%;height:100%;position:absolute}.dqplayer-ui-progress .dqplayer-ui-progress-inner .dqplayer-ui-progress-loaded{background-color:var(--libmedia-ui-loaded-color);width:0%;height:100%;position:absolute}.dqplayer-ui-progress .dqplayer-ui-progress-inner .dqplayer-ui-progress-played{background-color:var(--libmedia-ui-theme);width:0%;height:100%;position:absolute}.dqplayer-ui-progress .dqplayer-ui-progress-inner .dqplayer-ui-progress-chapter{pointer-events:none;width:100%;height:100%;position:absolute}.dqplayer-ui-progress-indicator{width:var(--libmedia-ui-indicator-size);height:var(--libmedia-ui-indicator-size);transform:scale(var(--libmedia-ui-indicator-scale));margin-left:calc(var(--libmedia-ui-indicator-size) / -2);transition:transform var(--libmedia-ui-transition-duration) ease;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;left:0}.dqplayer-ui-progress-indicator:hover{transform:scale(1.2)!important}.dqplayer-ui-progress-indicator .dqplayer-ui-icon-indicator{width:100%;height:100%}.dqplayer-ui-progress .dqplayer-ui-progress-inner .dqplayer-ui-progress-chapter{pointer-events:none;width:100%;height:100%;position:absolute;overflow:hidden}.dqplayer-ui-progress .dqplayer-ui-progress-inner .dqplayer-ui-progress-chapter .dqplayer-ui-progress-chapter-item{pointer-events:auto;transform:translate(calc(var(--libmedia-ui-chapter-width) / -2));background-color:var(--libmedia-ui-chapter-color);width:var(--libmedia-ui-chapter-width);height:100%;position:absolute}.dqplayer-ui-progress .dqplayer-ui-progress-inner .dqplayer-ui-progress-tip{border-radius:var(--libmedia-ui-border-radius);white-space:nowrap;background-color:var(--libmedia-ui-tip-background);transform:translate(-50%);padding:3px 5px;font-size:12px;line-height:1;display:none;position:absolute;top:-25px;left:0}.dqplayer-ui-progress .libmedia-ui-progress-thumb{bottom:calc(var(--libmedia-ui-bottom-gap) + 10px);border-radius:var(--libmedia-ui-border-radius);pointer-events:none;background-color:var(--libmedia-ui-widget-background);display:none;position:absolute;left:0;box-shadow:0 1px 3px #0003,0 1px 2px -1px #0003}.dqplayer-ui-footer .dqplayer-ui-control{height:var(--libmedia-ui-control-height);justify-content:space-between;align-items:center;display:flex;position:relative;transition:transform var(--libmedia-ui-transition-duration) ease}.dqplayer-ui-control-play{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dqplayer-ui-control-play:hover svg{animation:icon_scale .4s ease both}.dqplayer-ui-control-volume{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dqplayer-ui-control-volume:hover svg{animation:icon_scale .4s ease both}.dqplayer-ui-control-volume:hover .dqplayer-ui-volume-panel{opacity:1;pointer-events:auto}.dqplayer-ui-control-volume .dqplayer-ui-volume-icon{justify-content:center;align-items:center;display:flex}.dqplayer-ui-control-volume .dqplayer-ui-volume-panel{text-align:center;opacity:0;pointer-events:none;left:0;right:0;bottom:var(--libmedia-ui-control-height);width:var(--libmedia-ui-control-height);height:var(--libmedia-ui-volume-height);transition:all ease;transition:all var(--libmedia-ui-transition-duration) ease 0s;justify-content:center;align-items:center;padding:0 5px;font-size:12px;display:flex;position:absolute;z-index:1}.dqplayer-ui-control-volume .dqplayer-ui-volume-panel .dqplayer-ui-volume-inner{border-radius:var(--libmedia-ui-border-radius);background-color:var(--libmedia-ui-widget-background);flex-direction:column;align-items:center;gap:10px;width:100%;height:100%;padding:10px 0 12px;display:flex}.dqplayer-ui-control-volume .dqplayer-ui-volume-panel .dqplayer-ui-volume-inner .libmedia-ui-slider{flex:1}.dqplayer-ui-control-loop{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dqplayer-ui-control-loop:hover svg{animation:icon_scale .4s ease both}.dqplayer-ui-control-timer{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0 10px;opacity:var(--libmedia-ui-control-opacity)}.dqplayer-ui-control-timer .dqplayer-ui-time-label{min-width:66px}.dqplayer-ui-control-timer .dqplayer-ui-time-div{transform:translate(-1px)}.dqplayer-ui-control-timer:hover{opacity:1}.dqplayer-ui-control-play-rate{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dqplayer-ui-control-play-rate:hover .libmedia-ui-selector{opacity:1;pointer-events:auto}.dqplayer-ui-control-settings{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding-right:20px}.dqplayer-ui-control-settings:hover svg{animation:icon_rotate .4s ease both}.dqplayer-ui-control-fullscreen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;width:1.8em;padding-right:20px}.dqplayer-ui-control-fullscreen:hover svg{animation:icon_scale .4s ease both}.dqplayer-ui-control-item{cursor:pointer;white-space:nowrap;opacity:var(--libmedia-ui-control-opacity);min-height:var(--libmedia-ui-control-height);min-width:var(--libmedia-ui-control-height);transition:opacity var(--libmedia-ui-transition-duration) ease;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.dqplayer-ui-footer-left{height:100%;display:flex}.dqplayer-ui-footer-right{height:100%;display:flex;justify-content:flex-end}.ui-aim,.ui-rotate{width:2.4em}.right-setting.auto-rotate{transform:rotate(90deg) translateY(170%);transform-origin:0 0;bottom:-2%;right:-1%}.view-label.auto-rotate{transform:rotate(90deg) translateY(-45%) translate(40%);transform-origin:0 0;z-index:101;font-weight:700;bottom:-100px}.view-label{position:absolute;color:red;font-size:16px;left:10px;top:10px}.label-pos{left:94px!important;top:-10px!important}.control-panel-ui{position:absolute;bottom:15%;right:120px;z-index:100}.plus,.minus,.arrow-left,.arrow-right{width:1.6em}.gamepad{display:flex;flex-direction:column;align-items:center;gap:50px;-webkit-user-select:none;user-select:none}.gamepad.auto-rotate{transform:rotate(90deg) translateY(40%);transform-origin:0 0;bottom:60px;right:60px}.gamepad.landscape{right:20%;bottom:20%}.center{display:flex;gap:50px}.top,.bottom,.left,.right,.middle{display:flex;justify-content:center;align-items:center;width:50px;height:50px;background-color:#0000001a;border-radius:50%;cursor:pointer}.top:hover,.bottom:hover,.left:hover,.right:hover,.middle:hover{background-color:#0003}body,html{margin:0;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;--libmedia-ui-theme: #23ade5;--libmedia-ui-font-color: #fff;--libmedia-ui-background-color: #000;--libmedia-ui-text-shadow-color: rgba(0, 0, 0, .502);--libmedia-ui-transition-duration: .2s;--libmedia-ui-padding: 10px;--libmedia-ui-border-radius: 3px;--libmedia-ui-progress-height: 6px;--libmedia-ui-progress-color: rgba(255, 255, 255, .251);--libmedia-ui-hover-color: rgba(255, 255, 255, .251);--libmedia-ui-loaded-color: rgba(255, 255, 255, .251);--libmedia-ui-state-size: 80px;--libmedia-ui-state-opacity: .8;--libmedia-ui-header-height: 40px;--libmedia-ui-bottom-height: 60px;--libmedia-ui-bottom-offset: 51px;--libmedia-ui-bottom-gap: 5px;--libmedia-ui-chapter-width: 8px;--libmedia-ui-chapter-color: rgba(255, 255, 255, .502);--libmedia-ui-control-height: 46px;--libmedia-ui-control-opacity: .75;--libmedia-ui-control-icon-size: 28px;--libmedia-ui-control-icon-scale: 1.1;--libmedia-ui-volume-height: 120px;--libmedia-ui-slider-thumb-size: 14px;--libmedia-ui-slider-thickness: 2px;--libmedia-ui-lock-size: 36px;--libmedia-ui-indicator-scale: 0;--libmedia-ui-indicator-size: 16px;--libmedia-ui-fullscreen-web-index: 9999;--libmedia-ui-settings-icon-size: 24px;--libmedia-ui-settings-max-height: 300px;--libmedia-ui-selector-max-height: 300px;--libmedia-ui-contextmenus-min-width: 250px;--libmedia-ui-subtitle-font-size: 20px;--libmedia-ui-subtitle-gap: 5px;--libmedia-ui-subtitle-bottom: 15px;--libmedia-ui-subtitle-border: #000;--libmedia-ui-widget-background: rgba(0, 0, 0, .851);--libmedia-ui-widget-hover-background: rgba(255, 255, 255, .102);--libmedia-ui-tip-background: rgba(0, 0, 0, .702);--libmedia-ui-tip-font-color: #fff;--libmedia-ui-scrollbar-size: 4px;--libmedia-ui-scrollbar-background: rgba(255, 255, 255, .251);--libmedia-ui-scrollbar-background-hover: rgba(255, 255, 255, .502);--libmedia-ui-mini-progress-height: 2px;--libmedia-ui-folder-width: 300px}canvas{display:block;background-color:#000}.play-btn{position:absolute;left:50%;width:80px;height:32px;top:50%;opacity:1;transform:translate(-50%,-50%)}.is-rotate{transform:translate(-50%,-50%) rotate(90deg)!important}.render-demo{width:100vw;height:calc(var(--vh) * 100);position:fixed;left:0;top:0;background-color:#000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}.play-btn{z-index:100;cursor:pointer;width:64px;height:64px;transition:opacity .3s linear}.right-setting{position:absolute;bottom:20%;right:10px;z-index:100;width:20px;height:100px}.right-setting .ui-rotate{margin-top:20px}.right-setting.landscape{right:6%!important;bottom:30%}.right-setting img{cursor:pointer}.setting.auto-rotate{transform:rotate(90deg)}.muted-btn{z-index:110;position:absolute;left:10px;top:10px;cursor:pointer}.muted-btn.auto-rotate{transform:rotate(90deg);position:absolute;bottom:10px;left:10px;top:unset}.setting-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30%;height:30%;min-width:350px;min-height:220px;background-color:#fff;border-radius:4px;padding:10px;z-index:1000;box-shadow:0 12px 32px 4px #0000000a,0 8px 20px #00000014}.setting-dialog.auto-rotate{transform:rotate(90deg) translate(-50%) translateY(-50%);transform-origin:0 0;width:100%;height:30%}.el-dialog__header{display:flex;justify-content:space-between;padding:5px 15px}.el-dialog__title{line-height:24px;font-size:18px;color:#303133;text-align:left}.el-dialog__close{cursor:pointer}.el-dialog__close:hover{transform:scale(1.1)}.el-loading-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:10000;display:flex;align-items:center}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-loading-spinner .circular{display:inline;height:42px;width:42px;animation:loading-rotate 2s linear infinite}.setting-item{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-left:30px}.setting-label{margin-right:8px;color:#000}.setting-input{width:240px}.submit-btn{margin:0 auto}.submit-btn button{border-color:#646cff}.player-wrapper{position:relative;width:100%;height:100%}@keyframes loading-rotate{to{transform:rotate(360deg)}}.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#969696;stroke-linecap:round}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}