@vunk/plus 1.13.0 → 1.13.1

package/components/components.css

@@ -1 +1 @@
-@charset "UTF-8";.vk-drawer-modal.is-closed{display:block!important;visibility:hidden}.vk-drawer-modal.is-closed .el-drawer.rtl{transform:translate(100%)}.vk-drawer-modal.is-closed .el-drawer.ltr{transform:translate(-100%)}.vk-drawer-modal.is-closed .el-drawer.ttb{transform:translateY(-100%)}.vk-drawer-modal.is-closed .el-drawer.btt{transform:translateY(100%)}.vk-drawer-modal .vk-drawer-toggle{visibility:visible}.vk-drawer-modal.is-absolute{position:absolute!important}.vk-drawer-modal.is-absolute.no-modal{pointer-events:none}.vk-drawer-modal.is-absolute.no-modal .el-drawer{pointer-events:initial}.vk-drawer-toggle{position:absolute;z-index:2;width:40px;height:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--el-text-color-primary)}.vk-drawer-toggle.is-rtl{top:25%;left:0;transform:translate(-100%);background-color:var(--el-bg-color);border:1px solid var(--el-border-color);border-right:none;border-top-left-radius:var(--el-border-radius-base);border-bottom-left-radius:var(--el-border-radius-base);writing-mode:vertical-rl}.vk-drawer-toggle.is-ltr{top:25%;right:0;transform:translate(100%);background-color:var(--el-bg-color);border:1px solid var(--el-border-color);border-left:none;border-top-right-radius:var(--el-border-radius-base);border-bottom-right-radius:var(--el-border-radius-base);writing-mode:vertical-rl}.vk-drawer-toggle.is-ttb{bottom:0;left:25%;transform:translateY(100%);background-color:var(--el-bg-color);border:1px solid var(--el-border-color);border-top:none;border-bottom-left-radius:var(--el-border-radius-base);border-bottom-right-radius:var(--el-border-radius-base)}.vk-drawer-toggle.is-btt{top:0;left:25%;transform:translateY(-100%);background-color:var(--el-bg-color);border:1px solid var(--el-border-color);border-bottom:none;border-top-left-radius:var(--el-border-radius-base);border-top-right-radius:var(--el-border-radius-base)}.vk-drawer-toggle:hover{background-color:var(--el-fill-color-light)}.vk-drawer-toggle:active{background-color:var(--el-fill-color)}.vk-echart-x{height:500px;width:100%}.vk-thinking{width:100%;max-width:var(--vk-thinking-max-width);color:var(--vk-thinking-color);font-size:var(--vk-thinking-font-size-base)}.vk-thinking__card{width:100%;border:1px solid var(--vk-thinking-border-color);border-radius:var(--vk-thinking-radius);background:var(--vk-thinking-background-color);box-sizing:border-box;overflow:hidden}.vk-thinking__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:1.5em 1.75em}.vk-thinking__card.is-expanded .vk-thinking__header{padding-bottom:.75em}.vk-thinking__toggle{min-width:var(--vk-thinking-button-width);flex:1;display:inline-flex;align-items:center;gap:12px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.vk-thinking__toggle:disabled{cursor:not-allowed}.vk-thinking__title{position:relative;display:inline-flex;align-items:baseline;color:var(--el-text-color-primary);font-size:var(--vk-thinking-font-size-title);font-weight:700;line-height:1.5}.vk-thinking__card.is-thinking .vk-thinking__title{animation:vk-thinking-blink 1.6s ease-in-out infinite}.vk-thinking__caret{font-size:var(--vk-thinking-font-size-caret);flex:none;color:var(--el-text-color-secondary);transform:rotate(0);transform-origin:center;transition:transform var(--vk-thinking-animation-duration) ease}.vk-thinking__caret.is-expanded{transform:rotate(90deg)}.vk-thinking__skip{flex:none;padding:0;border:0;background:transparent;color:var(--el-text-color-secondary);font-size:var(--vk-thinking-font-size-skip);line-height:1.5;cursor:pointer;white-space:nowrap}.vk-thinking__skip:hover{color:var(--el-text-color-primary)}.vk-thinking__body{padding:0 1.75em 1.5em}.vk-thinking__content{color:var(--vk-thinking-color);font-size:var(--vk-thinking-font-size-content);line-height:2;white-space:pre-wrap;word-break:break-word}.vk-thinking__content p,.vk-thinking__content ul,.vk-thinking__content ol{margin:0 0 12px}.vk-thinking__content ul,.vk-thinking__content ol{padding-left:24px}.vk-thinking__content li{margin-bottom:8px}.vk-thinking__card.is-disabled{opacity:.7}@keyframes vk-thinking-blink{0%,to{opacity:1}50%{opacity:.58}}@media(max-width:768px){.vk-thinking{--vk-thinking-font-size-base: 14px}.vk-thinking__header{padding:1.2857em 1.4286em}.vk-thinking__card.is-expanded .vk-thinking__header{padding-bottom:.7143em}.vk-thinking__body{padding:0 1.4286em 1.2857em}}.vk-chat-independent-main__bubbles{padding:8px 8px 0 12px;height:100%}.vk-chat-independent-main .el-bubble-content-wrapper .el-bubble-content-borderless{border:none}.vk-chat-independent-footer{display:flex;align-items:center;padding:var(--gap-s, 6px);background:var(--el-fill-color)}.vk-chat-independent-footer .vk-recorder-container{flex-basis:100%}.vk-chat-independent-footer .el-avatar{cursor:pointer;align-self:flex-end}.vk-chat-independent-footer .ant-sender{border-radius:var(--el-border-radius-base, 4px)}.vk-chat-independent-footer .ant-sender-content{padding:4px}.vk-chat-independent{width:100%;height:100%;position:relative}.vk-chat-independent-main__duplex{height:100%}.vk-chat-independent-main{z-index:1;inset:0;position:absolute}.vk-chat-independent-background{position:absolute;inset:0;width:100%;height:100%;z-index:0}.vk-lottie-animation,.vk-monaco-editor{width:100%;height:100%}.vk-tables-v1-table{height:100%}.vk-tables-v1-pagination-x{display:flex;justify-content:center}.vk-tables-v1-checkbox.is-readonly .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:var(--el-color-primary);--el-checkbox-disabled-checked-icon-color: var(--el-color-white)}.vk-tables-v1-checkbox.is-readonly .n-radio.n-radio--disabled .n-radio__dot--checked:before{background-color:var(--el-color-primary)}.vk-bubble-list-wrapper{position:relative;height:100%}.vk-bubble-list{overflow:auto;scroll-behavior:smooth;max-height:var(--el-bubble-list-max-height);position:relative}.vk-bubble-list .el-bubble+.el-bubble{margin-top:16px}.vk-bubble-list-default-back-button{position:absolute;-webkit-user-select:none;user-select:none;cursor:pointer;width:fit-content;height:fit-content;padding:10px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;box-shadow:0 0 4px #00000005,0 6px 10px #2f35401a;transition:all .3s ease;z-index:100}.vk-bubble-list-default-back-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.vk-bubble-list-default-back-button .vk-bubble-list-back-to-bottom-icon{font-size:var(--el-bubble-list-btn-size);position:relative}@keyframes vk-bubble-is-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vk-bubble-list-default-back-button .vk-bubble-list-back-to-bottom-icon .back-to-bottom-loading-svg-bg{position:absolute;font-size:calc(var(--el-bubble-list-btn-size) + 26px);animation:vk-bubble-is-loading 1s infinite linear}.vk-bubble-list-back-to-bottom-solt{position:sticky;-webkit-user-select:none;user-select:none;cursor:initial;width:fit-content;height:fit-content;padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;box-shadow:initial}.vk-bubble-list-back-to-bottom-solt:hover{transform:translateY(0);box-shadow:initial}.vk-recorder-container{position:relative}.vk-recorder-button{position:relative;width:100%;touch-action:none;-webkit-user-select:none;user-select:none}.vk-recording-mask{position:absolute;inset:0;background:#00000080;z-index:1000;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.action-buttons{pointer-events:auto;display:flex;justify-content:space-between;padding:20px 40px;margin-bottom:24%}.cancel-btn,.text-btn{display:flex;flex-direction:column;align-items:center;color:#fff}.btn-icon{width:60px;height:60px;background:#0006;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:8px}.cancel-btn.active .btn-icon{background:var(--el-color-danger)}.text-btn.active .btn-icon{background:var(--el-color-primary)}.btn-text{font-size:14px}.recording-tip{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:100px;color:#fff}.wave-container{width:160px;height:100px;margin-bottom:20px}.tip-text{font-size:14px}.ant-sender-header-header{display:flex;justify-content:space-between}.vk-sender .ant-sender-prefix{align-self:start}.vk-sender-actions{display:flex;justify-content:space-between;align-items:center;width:100%}.vk-sender-actions__before,.vk-sender-actions__after{display:flex;align-items:center}.vk-sender-actions__before>*+*,.vk-sender-actions__after>*+*{margin-left:8px}.vk-speech-button{display:inline-flex;align-items:center;justify-content:center}.vk-speech-button-recording-icon{height:1.2em;width:1.2em;vertical-align:top}.vk-typing-markdown.is-typing .is-last:after{animation:blink .7s infinite;content:"|"}.vk-typing-markdown.is-loading:not(.is-typing) .is-last:after{content:"";display:inline-block;width:1em;text-align:left;animation:dotTyping 1.2s steps(4,end) infinite}@keyframes dotTyping{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.xgplayer-fullscreen-parent{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999}.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-cssfullscreen,.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-fullscreen{z-index:10;position:absolute}.xgplayer-rotate-parent{position:fixed;inset:0 0 0 100%;width:100vh;height:100vw;z-index:9999;transform-origin:top left;transform:rotate(90deg)}.xgplayer-rotate-parent .xgplayer.xgplayer-rotate-fullscreen{position:absolute;top:0;left:0;z-index:10;margin:0;padding:0;width:100%;height:100%;transform:rotate(0)}.xgplayer-rotate-parent .xgplayer-mobile video{z-index:-1}.xgplayer{position:relative;width:100%;height:100%;overflow:hidden;font-family:PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;background:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.xgplayer *{margin:0;padding:0;border:0;vertical-align:baseline;white-space:normal;word-wrap:normal;overflow-wrap:normal}.xgplayer ul,.xgplayer li{list-style:none}.xgplayer .xgplayer-none{display:none}.xgplayer.xgplayer-is-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:9999}.xgplayer.xgplayer-is-cssfullscreen{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999}.xgplayer.xgplayer-rotate-fullscreen{position:fixed;inset:0 0 0 100%;width:100vh;height:100vw;transform-origin:top left;transform:rotate(90deg);z-index:9999}.xgplayer.xgplayer-rotate-fullscreen.xgplayer-mobile video{z-index:-1}.xgplayer xg-video-container.xg-video-container{position:absolute;top:0;bottom:48px;display:block;width:100%}.xgplayer video{position:absolute;top:0;left:0;width:100%;height:100%;outline:none}.xgplayer[data-xgfill=contain] video{-o-object-fit:contain;object-fit:contain}.xgplayer[data-xgfill=cover] video{-o-object-fit:cover;object-fit:cover}.xgplayer[data-xgfill=fill] video{-o-object-fit:fill;object-fit:fill}.xgplayer .xg-pos{left:10px;right:10px}.xgplayer .xg-margin{margin-left:16px;margin-right:16px}.xgplayer .xg-bottom{bottom:0}.xgplayer .btn-text{position:relative;top:50%;height:24px;font-size:13px;text-align:center}.xgplayer .btn-text span{display:inline-block;min-width:52px;height:24px;line-height:24px;background:#00000061;border-radius:12px}.xgplayer xg-icon{position:relative;box-sizing:border-box;height:40px;margin-left:16px;margin-right:16px;cursor:pointer;color:#fffc;fill:#fff}.xgplayer xg-icon.xg-icon-disable{cursor:not-allowed}.xgplayer xg-icon .xg-tips{top:-30px;left:50%;transform:translate(-50%)}.xgplayer xg-icon:active .xg-tips,.xgplayer xg-icon:hover .xg-tips{display:block}.xgplayer xg-icon:active .xg-tips.hide,.xgplayer xg-icon:hover .xg-tips.hide{display:none}.xgplayer xg-icon .xgplayer-icon{position:relative;top:50%;transform:translateY(-50%);cursor:pointer}.xgplayer xg-icon .xg-icon-disable{cursor:not-allowed}.xgplayer xg-icon .xg-img{width:100%}.xgplayer xg-icon svg,.xgplayer xg-icon img{height:100%;display:block}.xgplayer xg-bar{display:block}.xgplayer.xgplayer-inactive xg-bar,.xgplayer.xgplayer-mini xg-bar{display:none}.xgplayer.xgplayer-inactive .xg-top-bar{display:flex}.xgplayer.xgplayer-inactive .xg-top-bar.top-bar-autohide{display:none}.xgplayer .xg-top-bar{position:absolute;z-index:10;top:0;padding:0 16px;display:flex;height:50px}.xgplayer .xg-top-bar xg-icon{position:relative;top:10px;left:0;width:34px;margin-top:0}.xgplayer .xg-top-bar xg-icon:first-child{margin-left:0}.xgplayer .xg-left-bar,.xgplayer .xg-right-bar{position:absolute;z-index:9;top:50px;bottom:50px;width:50px}.xgplayer .xg-left-bar{left:0}.xgplayer .xg-right-bar{right:0}.xgplayer .xg-tips{display:none;position:absolute;padding:4px 6px;background:#0000008a;border-radius:4px;font-size:12px;color:#fff;text-align:center;white-space:nowrap;opacity:.85}.xgplayer .xg-margin{left:0;right:0}.xgplayer-mobile{-webkit-tap-highlight-color:rgba(0,0,0,0)}.xgplayer-mobile *{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-pos{left:6%;right:6%}.xgplayer-mobile xg-icon:hover .xg-tips{display:none}.xg-list-slide-scroll::-webkit-scrollbar-track{background-color:transparent;display:none}.xg-list-slide-scroll:hover::-webkit-scrollbar-track{display:block}.xg-list-slide-scroll::-webkit-scrollbar{-webkit-appearance:none;appearance:none;background:#0000;height:4px;width:4px}.xg-list-slide-scroll::-webkit-scrollbar-corner{background:transparent;display:none}.xg-list-slide-scroll::-webkit-scrollbar-thumb{background:#ffffff80;border-radius:3px;display:none;width:4px}.xg-list-slide-scroll:hover::-webkit-scrollbar-thumb{display:block}@media only screen and (max-width:480px){.xgplayer-mobile xg-icon{margin-right:10px;margin-left:10px}.xgplayer-mobile .xg-top-bar{left:10px;right:10px}}@media screen and (orientation:portrait){.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls,.xgplayer-mobile.xgplayer-is-cssfullscreen .xgplayer-controls{bottom:34px;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-is-cssfullscreen .xg-top-bar{top:34px;top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}}@media only screen and (orientation:landscape){.xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-is-fullscreen .xg-pos{left:6%;right:6%}.xgplayer-mobile.xgplayer-rotate-fullscreen{left:0;width:100vw;height:100vh;transform:rotate(0)}}.xgplayer .xgplayer-screen-container{display:block;width:100%}.xgplayer .xg-options-icon{display:none;cursor:pointer}.xgplayer .xg-options-icon.show{display:block}@keyframes xg_right_options_active{0%{transform:translate(50%)}to{transform:translate(-50%)}}@keyframes xg_right_options_hide{0%{transform:translate(-50%)}to{transform:translate(50%)}}@keyframes xg_left_options_active{0%{transform:translate(-50%)}to{transform:translate(50%)}}@keyframes xg_left_options_hide{0%{transform:translate(50%)}to{transform:translate(-50%)}}.xgplayer .xg-options-list{display:none;position:absolute;z-index:5;width:78px;right:50%;bottom:100%;background:#0000008a;border-radius:1px;transform:translate(50%);cursor:pointer;overflow:auto;height:0;opacity:.85;font-size:14px;color:#fffc}.xgplayer .xg-options-list li{height:20px;line-height:20px;position:relative;padding:4px 0;text-align:center;color:#fffc}.xgplayer .xg-options-list li:hover,.xgplayer .xg-options-list li.selected{color:red;opacity:1}.xgplayer .xg-options-list li:nth-child(1){position:relative;margin-top:12px}.xgplayer .xg-options-list li:last-child{position:relative;margin-bottom:12px}.xgplayer .xg-options-list:hover{opacity:1}.xgplayer .xg-options-list.active{display:block;height:auto}.xgplayer .xg-options-list.xg-side-list{width:20%;height:100%;bottom:0;background:#000000e6;display:flex;flex-direction:column;box-sizing:border-box}.xgplayer .xg-options-list.xg-side-list li{flex:1;width:100%;padding:0;position:relative}.xgplayer .xg-options-list.xg-side-list li span{display:block;position:relative;top:50%;transform:translateY(-50%);pointer-events:none}.xgplayer .xg-options-list.xg-side-list li:nth-child(1){margin-top:20px}.xgplayer .xg-options-list.xg-side-list li:last-child{margin-bottom:20px}.xgplayer .xg-options-list.xg-right-side{right:-10.5%}.xgplayer .xg-options-list.xg-right-side.active{height:100%;animation:xg_right_options_active .2s ease-out forwards}.xgplayer .xg-options-list.xg-right-side.hide{height:100%;animation:xg_right_options_hide .2s ease-in forwards}.xgplayer .xg-options-list.xg-left-side{left:-10.5%;transform:translate(-50%)}.xgplayer .xg-options-list.xg-left-side.active{height:100%;animation:xg_left_options_active .2s ease-out forwards}.xgplayer .xg-options-list.xg-left-side.hide{height:100%;animation:xg_left_options_hide .2s ease-in forwards}@media only screen and (max-width:480px){.xgplayer-mobile .xg-options-icon.portrait{display:none}.xgplayer-mobile .xg-options-list li:hover{color:#fffc}.xgplayer-mobile .xg-options-list li.selected{color:red}}.xgplayer.not-allow-autoplay .xgplayer-controls,.xgplayer.xgplayer-nostart .xgplayer-controls,.xgplayer.xgplayer-inactive .controls-autohide{pointer-events:none;visibility:hidden;cursor:default;opacity:0}.xgplayer.not-allow-autoplay .xgplayer-controls-initshow,.xgplayer.xgplayer-nostart .xgplayer-controls-initshow{pointer-events:auto;visibility:visible;opacity:1}.xgplayer .xgplayer-controls{display:block;position:absolute;visibility:visible;height:48px;left:0;right:0;bottom:0;opacity:1;z-index:10;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.37),rgba(0,0,0,.75),rgba(0,0,0,.75));transition:opacity .5s ease,visibility .5s ease}.xgplayer .xgplayer-controls.show{display:block;opacity:1;visibility:visible;pointer-events:auto}.xgplayer .xg-inner-controls{position:absolute;height:40px;bottom:0;justify-content:space-between;display:flex}.xgplayer .xg-left-grid,.xgplayer .xg-right-grid{position:relative;display:flex;flex-wrap:wrap;flex-shrink:1;height:100%;z-index:1}.xgplayer .xg-right-grid{flex-direction:row-reverse}.xgplayer .xg-right-grid>:first-child{margin-right:0}.xgplayer .xg-right-grid xg-icon{margin-left:0}.xgplayer .xg-left-grid>:first-child{margin-left:0}.xgplayer .xg-left-grid xg-icon{margin-right:0}.xgplayer .xg-center-grid{display:block;position:absolute;left:0;right:0;outline:none;top:-20px;padding:5px 0;text-align:center}.xgplayer .flex-controls .xg-inner-controls{justify-content:space-around;display:flex;bottom:8px}.xgplayer .flex-controls .xg-center-grid{display:flex;flex:1;position:relative;top:0;height:100%;justify-content:space-between;align-items:center;left:0;right:0;padding:0 16px}.xgplayer.xgplayer-mobile .xg-center-grid{z-index:2}.xgplayer.xgplayer-mobile .flex-controls .xg-center-grid{padding:0 8px}.xgplayer .bottom-controls .xg-center-grid{top:20px;padding:0}.xgplayer .bottom-controls .xg-left-grid,.xgplayer .bottom-controls .xg-right-grid{bottom:10px}.xgplayer .mini-controls{background-image:none}.xgplayer .mini-controls .xg-inner-controls{bottom:0;left:0;right:0}.xgplayer .mini-controls .xg-center-grid{bottom:-28px;top:auto;padding:0}.xgplayer .mini-controls .xg-left-grid,.xgplayer .mini-controls .xg-right-grid{display:none}.xgplayer .controls-follow{bottom:70px;transition:bottom .3s ease}.xgplayer.flex-controls .controls-follow{bottom:45px}.xgplayer.xgplayer-inactive .controls-follow,.xgplayer.no-controls .controls-follow,.xgplayer.mini-controls .controls-follow{bottom:10px}.xgplayer .xgplayer-cssfullscreen .xg-get-cssfull{display:block}.xgplayer .xgplayer-cssfullscreen .xg-exit-cssfull,.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-get-cssfull{display:none}.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-exit-cssfull{display:block}.xgplayer .xgplayer-fullscreen .xg-exit-fullscreen{display:none}.xgplayer .xgplayer-fullscreen .xg-get-fullscreen,.xgplayer .xgplayer-fullscreen[data-state=full] .xg-exit-fullscreen{display:block}.xgplayer .xgplayer-fullscreen[data-state=full] .xg-get-fullscreen{display:none}.xgplayer .xg-top-bar .xgplayer-back{position:relative;left:0;top:16px;width:34px;height:40px;display:none}.xgplayer .xg-top-bar .xgplayer-back.show{display:block}.xgplayer .xgplayer-play .xg-icon-play{display:none}.xgplayer .xgplayer-play .xg-icon-pause,.xgplayer .xgplayer-play[data-state=pause] .xg-icon-play{display:block}.xgplayer .xgplayer-play[data-state=pause] .xg-icon-pause{display:none}.xgplayer .xgplayer-progress{display:flex;align-items:center;position:relative;min-width:10px;height:20px;left:0;right:0;top:0;outline:none;flex:1;cursor:pointer}.xgplayer .xgplayer-progress-outer{position:relative;width:100%;height:2px;border-radius:3px;cursor:pointer}.xgplayer .progress-list{display:flex;height:100%;width:100%;border-radius:inherit}.xgplayer .xgplayer-progress-inner{position:relative;flex:1;height:100%;background:#ffffff4d;transition:height .2s ease-in,opacity .2s ease-out;border-radius:inherit;margin-right:2px;pointer-events:none}.xgplayer .xgplayer-progress-inner:last-child,.xgplayer .xgplayer-progress-inner:only-child{margin-right:0}.xgplayer .inner-focus-point{background:#fff;position:relative}.xgplayer .inner-focus-point:before,.xgplayer .inner-focus-point:after{position:absolute;content:" ";display:block;width:2px;height:300%;top:50%;z-index:1;transform:translateY(-50%);border-radius:3px;background:#fff}.xgplayer .inner-focus-point:before{left:0}.xgplayer .inner-focus-point:after{right:0}.xgplayer .xgplayer-progress-cache,.xgplayer .xgplayer-progress-played{display:block;height:100%;width:0;position:absolute;top:0;left:0;border-radius:inherit}.xgplayer .xgplayer-progress-played{background:linear-gradient(-90deg,#fa1f41,#e31106)}.xgplayer .xgplayer-progress-cache{background:#ffffff80}.xgplayer .xgplayer-progress-btn{display:block;background:#ff5e5e4e;border:.5px solid rgba(255,94,94,.056545);box-shadow:0 0 1px #ff000062;width:20px;height:20px;border-radius:30px;left:0;top:50%;position:absolute;z-index:1;transform:translate(-50%,-50%);box-sizing:border-box;pointer-events:none}.xgplayer .xgplayer-progress-btn:before{content:" ";display:block;position:relative;width:12px;height:12px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:30px;background:#fff}.xgplayer .xgplayer-progress-btn.active{border:4px solid rgba(255,94,94,.064057)}.xgplayer .xgplayer-progress-btn.active:before{box-shadow:0 0 3px #f85959b0}.xgplayer .xgplayer-progress-dot{display:inline-block;position:absolute;height:100%;width:5px;top:0;background:#fff;border-radius:6px;z-index:16}.xgplayer .xgplayer-progress-dot .xgplayer-progress-tip{position:absolute;left:25%;top:-40px;height:auto;line-height:30px;width:auto;transform:scale(.8) translate(-50%);background:#0000004d;border-radius:6px;border:1px solid rgba(0,0,0,.8);cursor:default;white-space:nowrap;display:none}.xgplayer .xgplayer-progress-dot:hover .xgplayer-progress-tip{display:block}.xgplayer .flex-controls .xgplayer-progress{transform:translateY(0)}.xgplayer.xgplayer-pc .xgplayer-progress-btn{transform:translate(-50%,-50%) scale(0)}.xgplayer.xgplayer-pc .xgplayer-progress-outer{height:3px}.xgplayer.xgplayer-pc .xgplayer-progress-inner{margin-right:4px}.xgplayer.xgplayer-pc .xgplayer-progress-inner:last-child,.xgplayer.xgplayer-pc .xgplayer-progress-inner:only-child{margin-right:0}.xgplayer.xgplayer-pc .inner-focus-point:before,.xgplayer.xgplayer-pc .inner-focus-point:after{width:3px}.xgplayer.xgplayer-pc .inner-focus-highlight{background:#fffc}.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-outer{height:6px;margin-bottom:3px;transition:height .3s ease,margin-bottom .3s ease}.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn{transform:translate(-50%,-50%) scale(1)}.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:before,.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:after{width:6px}.xgplayer .xgplayer-progress-bottom .xgplayer-progress-outer{top:9px}.xgplayer .xgplayer-progress-bottom .xgplayer-progress-btn:before{height:6px;width:6px}.xgplayer.xgplayer-mobile .xgplayer-progress-bottom .xgplayer-progress-outer{height:4px}@media(prefers-color-scheme:dark){.xgplayer .xgplayer-progress .xgplayer-progress-inner{background-color:#ffffff4d}.xgplayer .xgplayer-progress .inner-focus-highlight{background:#fffc}.xgplayer .xgplayer-progress .xgplayer-progress-btn{background:#ff5e5e4e;border:.5px solid rgba(255,94,94,.056545);box-shadow:0 0 1px #ff000062}.xgplayer .xgplayer-progress .xgplayer-progress-btn:before{background-color:#fff}.xgplayer .xgplayer-progress .xgplayer-progress-played{background-color:linear-gradient(-90deg,#FA1F41 0%,#E31106 100%)}.xgplayer .xgplayer-progress .xgplayer-progress-cache{background-color:#ffffff80}}.xg-mini-progress{display:none;position:absolute;height:2px;left:0;right:0;bottom:0;pointer-events:none}.xg-mini-progress xg-mini-progress-played,.xg-mini-progress xg-mini-progress-cache{height:100%;width:0;position:absolute;top:0;left:0;border-radius:inherit}.xg-mini-progress xg-mini-progress-played{background:linear-gradient(-90deg,#fa1f41,#e31106)}.xg-mini-progress xg-mini-progress-cache{background:#ffffff80}.xg-mini-progress-show,.xgplayer-inactive .xg-mini-progress,.xgplayer-mini .xg-mini-progress{display:block}.xgplayer .xgplayer-time{pointer-events:none;min-width:40px;font-size:14px;font-family:PingFangSC-Semibold;color:#fff;text-align:center;display:inline-block;line-height:40px}.xgplayer .xgplayer-time span{display:inline-block;line-height:40px;height:40px}.xgplayer .xgplayer-time span .time-min-width{text-align:center;min-width:2ch}.xgplayer .xgplayer-time span .time-min-width:first-child{text-align:right}.xgplayer .xgplayer-time span .time-min-width:last-child{text-align:left}.xgplayer .xgplayer-time .time-duration{color:#ffffff80}.xgplayer .xgplayer-time .time-live-tag{display:none}.xgplayer .xgplayer-time.xg-time-left{margin-left:0}.xgplayer .xgplayer-time.xg-time-right{margin-right:0}.xgplayer.xgplayer-mobile .xgplayer-time{min-width:30px;font-size:12px}.xgplayer.xgplayer-mobile .xgplayer-time.xg-time-left{margin-right:8px}.xgplayer.xgplayer-mobile .xgplayer-time.xg-time-right{margin-left:8px}.xgplayer .xgplayer-volume.slide-show .xgplayer-slider{display:block}.xgplayer .xgplayer-slider{display:none;position:absolute;width:28px;height:92px;background:#0000008a;border-radius:1px;bottom:40px;outline:none}.xgplayer .xgplayer-slider:after{content:" ";display:block;height:15px;width:28px;position:absolute;bottom:-15px;left:0;z-index:20;cursor:initial}.xgplayer .xgplayer-value-label{position:absolute;left:0;right:0;bottom:100%;padding:5px 0 0;font-size:12px;background-color:#0000008a;color:#fff;text-align:center}.xgplayer .xgplayer-bar,.xgplayer .xgplayer-drag{display:block;position:absolute;bottom:6px;left:12px;background:#ffffff4d;border-radius:100px;width:4px;height:76px;outline:none;cursor:pointer}.xgplayer .xgplayer-drag{bottom:0;left:0;background:#fa1f41;max-height:76px}.xgplayer .xgplayer-drag:after{content:" ";display:inline-block;width:8px;height:8px;background:#fff;box-shadow:0 0 5px #00000042;position:absolute;border-radius:50%;left:-2px;top:-4px}.xgplayer .xgplayer-volume[data-state=normal] .xg-volume{display:block}.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-small,.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-mute,.xgplayer .xgplayer-volume[data-state=small] .xg-volume{display:none}.xgplayer .xgplayer-volume[data-state=small] .xg-volume-small{display:block}.xgplayer .xgplayer-volume[data-state=small] .xg-volume-mute,.xgplayer .xgplayer-volume[data-state=mute] .xg-volume,.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-small{display:none}.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-mute{display:block}.xgplayer.xgplayer-mobile .xgplayer-volume .xgplayer-slider,.xgplayer-replay{display:none}.xgplayer .xgplayer-replay{display:none;position:absolute;left:50%;top:50%;width:100px;height:100px;justify-content:center;align-items:center;flex-direction:column;z-index:5;transform:translate(-50%,-50%);cursor:pointer}.xgplayer .xgplayer-replay .xgplayer-replay-txt{display:inline-block;font-size:14px;color:#fff;line-height:34px;text-align:center}.xgplayer.xgplayer-mobile .xgplayer-replay-svg{width:50px;height:50px}.xgplayer.xgplayer-mobile .xgplayer-replay-txt{line-height:24px;font-size:12px}.xgplayer .xgplayer-poster{display:block;opacity:1;visibility:visible;position:absolute;left:0;top:0;width:100%;height:100%;background-position:center center;background-size:100% auto;background-repeat:no-repeat;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.xgplayer .xgplayer-poster.hide,.xgplayer.xgplayer-playing .xgplayer-poster{opacity:0;visibility:hidden}.xgplayer.xgplayer-playing .xg-not-hidden,.xgplayer.xgplayer-is-enter .xgplayer-poster.xg-showplay,.xgplayer.xgplayer-playing .xgplayer-poster.xg-showplay,.xgplayer.xgplayer-nostart .xgplayer-poster,.xgplayer.xgplayer-ended .xgplayer-poster,.xgplayer.not-allow-autoplay .xgplayer-poster{opacity:1;visibility:visible}.xgplayer.xgplayer-nostart .xgplayer-poster.hide,.xgplayer.xgplayer-ended .xgplayer-poster.hide,.xgplayer.not-allow-autoplay .xgplayer-poster.hide{opacity:0;visibility:hidden}@keyframes playPause{0%{transform:scale(1);opacity:1}99%{transform:scale(1.3);opacity:0}to{transform:scale(1);opacity:0}}.xgplayer xg-start-inner{display:block;width:100%;height:100%;overflow:hidden;border-radius:50%;background:#00000061}.xgplayer .xgplayer-start{width:70px;height:70px;position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%);cursor:pointer}.xgplayer .xgplayer-start svg{width:100%;height:100%}.xgplayer .xgplayer-start.hide,.xgplayer .xgplayer-start.focus-hide{display:none;pointer-events:none}.xgplayer .xgplayer-start:hover{opacity:.85}.xgplayer .xgplayer-start .xg-icon-play{display:block}.xgplayer .xgplayer-start .xg-icon-pause,.xgplayer .xgplayer-start[data-state=pause] .xg-icon-play{display:none}.xgplayer .xgplayer-start[data-state=pause] .xg-icon-pause,.xgplayer .xgplayer-start.interact{display:block}.xgplayer .xgplayer-start.interact xg-start-inner{animation:playPause .4s .1s ease-out forwards}.xgplayer .xgplayer-start.show{display:block}.xgplayer.xgplayer-mobile xg-start-inner{background:initial;border-radius:0}.xgplayer.xgplayer-mobile .xgplayer-start{height:50px;width:50px}.xgplayer.xgplayer-mobile .xgplayer-start:hover{opacity:1}.xgplayer.xgplayer-inactive .xgplayer-start.auto-hide,.xgplayer.xgplayer-is-enter .xgplayer-start.auto-hide,.xgplayer.xgplayer-isloading.xgplayer-playing .xgplayer-start,.xgplayer.xgplayer-is-enter .xgplayer-start,.xgplayer.xgplayer-is-error .xgplayer-start,.xgplayer.xgplayer-is-enter .xgplayer-start.show,.xgplayer.xgplayer-is-error .xgplayer-start.show{display:none}.xgplayer-enter{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:#000c;z-index:5;pointer-events:none}.xgplayer-enter .show{display:block}.xgplayer-enter .xgplayer-enter-spinner{display:block;position:absolute;z-index:1;left:50%;top:50%;height:100px;width:100px;transform:translate(-50%,-50%)}.xgplayer-enter .xgplayer-enter-spinner div{width:6%;height:13%;background-color:#ffffffb3;position:absolute;left:45%;top:45%;opacity:0;border-radius:30px;animation:fade 1s linear infinite}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar1{transform:rotate(0) translateY(-140%);animation-delay:-0s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar2{transform:rotate(30deg) translateY(-140%);animation-delay:-.9163s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3{transform:rotate(60deg) translateY(-140%);animation-delay:-.833s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4{transform:rotate(90deg) translateY(-140%);animation-delay:-.7497s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5{transform:rotate(120deg) translateY(-140%);animation-delay:-.6664s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6{transform:rotate(150deg) translateY(-140%);animation-delay:-.5831s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7{transform:rotate(180deg) translateY(-140%);animation-delay:-.4998s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8{transform:rotate(210deg) translateY(-140%);animation-delay:-.4165s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9{transform:rotate(240deg) translateY(-140%);animation-delay:-.3332s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10{transform:rotate(270deg) translateY(-140%);animation-delay:-.2499s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11{transform:rotate(300deg) translateY(-140%);animation-delay:-.1666s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12{transform:rotate(330deg) translateY(-142%);animation-delay:-.0833s}@keyframes fade{0%{opacity:1}to{opacity:.25}}.xgplayer.xgplayer-is-enter .xgplayer-enter{display:block;opacity:1;transition:opacity .3s}.xgplayer.xgplayer-nostart .xgplayer-enter{display:none}.xgplayer.xgplayer-mobile .xgplayer-enter .xgplayer-enter-spinner{width:70px;height:70px}.xg-mini-layer{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:11;background:linear-gradient(180deg,#393939e6,#39393900 50.27%)}.xg-mini-layer .mask{pointer-events:none;position:absolute;top:0;left:0;height:100%;width:100%;background-color:#0006}.xg-mini-layer xg-mini-header{display:flex;top:0;left:0;right:40px;box-sizing:border-box;padding:10px 3px 0 8px;justify-content:space-between;color:#fff;font-size:14px;position:absolute;z-index:22}.xg-mini-layer xg-mini-header .xgplayer-pip-disableBtn{pointer-events:all}.xg-mini-layer xg-mini-header #disabledMini{display:none;position:relative}.xg-mini-layer xg-mini-header #disabledMini+label{cursor:pointer;position:relative;display:flex;align-items:center}.xg-mini-layer xg-mini-header #disabledMini+label:before{content:"";color:#ff142b;background-color:transparent;border-radius:2px;border:solid 1px #cdcdcd;width:16px;height:16px;display:inline-block;text-align:center;vertical-align:middle;line-height:16px;margin-right:7px}.xg-mini-layer xg-mini-header #disabledMini:checked+label{color:#ff142b}.xg-mini-layer xg-mini-header #disabledMini:checked+label:before{border-color:#ff142b}.xg-mini-layer xg-mini-header #disabledMini:checked+label:after{content:"";position:absolute;width:4px;height:8px;border-color:#ff142b;border-style:solid;border-width:0px 2px 2px 0px;transform:rotate(45deg);left:6px;top:5px}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn xg-tips{position:absolute;padding:4px 6px;white-space:nowrap;bottom:-30px;right:15px;border-radius:4px;background-color:#0000008a;display:none}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label:before{border-color:#ff142b}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label{color:#ff142b}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover xg-tips{display:block}.xg-mini-layer .mini-cancel-btn{cursor:pointer;display:block;color:#fff;width:40px;height:38px;position:absolute;right:0;top:0;text-align:center;line-height:38px}.xg-mini-layer .play-icon{cursor:pointer;height:48px;width:48px;position:absolute;background:#0000008a;border-radius:24px;top:50%;left:50%;margin:-24px 0 0 -24px}.xg-mini-layer .play-icon svg,.xg-mini-layer .play-icon img{width:50px;height:50px;fill:#faf7f7}.xg-mini-layer .xg-icon-play{display:none}.xg-mini-layer .xg-icon-pause,.xg-mini-layer[data-state=pause] .xg-icon-play{display:block}.xg-mini-layer[data-state=pause] .xg-icon-pause{display:none}.xgplayer-miniicon{position:relative;outline:none;display:block}.xgplayer-miniicon .name{text-align:center;font-size:13px;line-height:20px;height:20px;color:#fffc;line-height:40px}.xgplayer-miniicon .name span{font-size:13px;width:60px;height:20px;line-height:20px;background:#00000061;border-radius:10px;display:inline-block;vertical-align:middle}.xgplayer-mini{position:fixed;width:320px;height:180px;z-index:91;box-shadow:0 4px 7px 2px #0003}.xgplayer-mini:hover{cursor:move}.xgplayer-mini:hover .xg-mini-layer{display:block}.xgplayer-mini.xgplayer-ended .xg-mini-layer{display:none}.xgplayer-mobile .xg-mini-layer .play-icon{background:none;border-radius:initial}.xgplayer.xgplayer-inactive{cursor:none}.xgplayer xg-thumbnail{display:block}.xgplayer xg-trigger{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:0;left:0;height:100%;width:100%}.xgplayer xg-trigger .time-preview{display:none;position:absolute;width:200px;margin:0 auto;padding:0 20px 30px;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-shadow:0 0 1px rgba(0,0,0,.54);font-size:18px;text-align:center;pointer-events:none}.xgplayer xg-trigger .time-preview span{line-height:24px}.xgplayer xg-trigger .time-preview .xg-cur{color:red}.xgplayer xg-trigger .time-preview .xg-separator{font-size:14px}.xgplayer xg-trigger .time-preview .xg-seek-show{transform:translate(-10px)}.xgplayer xg-trigger .time-preview .xg-seek-show.xg-back .xg-seek-pre{transform:rotate(180deg) translate(-5px)}.xgplayer xg-trigger .time-preview .xg-seek-show.hide-seek-icon .xg-seek-icon{display:none}.xgplayer xg-trigger .time-preview .xg-bar{width:96px;height:2px;margin:8px auto 0;border-radius:10px;box-sizing:content-box;background:#ffffff4d}.xgplayer xg-trigger .time-preview .xg-bar .xg-curbar{width:0;height:100%;background-color:red}.xgplayer xg-trigger .time-preview .xg-bar.hide{display:none}.xgplayer xg-trigger .mobile-thumbnail{position:relative;left:50%;transform:translate(-50%)}.xgplayer xg-trigger .xg-top-note{position:absolute;height:32px;width:135px;top:26px;left:50%;margin-left:-78px;background:#0000004d;border-radius:100px;color:#fff}.xgplayer xg-trigger .xg-top-note span{display:block;line-height:32px;height:32px;font-size:13px;text-align:center}.xgplayer xg-trigger .xg-top-note i{color:red;margin:0 5px}.xgplayer xg-trigger .xg-playbackrate{display:none}.xgplayer xg-trigger[data-xg-action=seeking] .time-preview{display:block}.xgplayer xg-trigger[data-xg-action=playbackrate] .xg-playbackrate{display:block}.xgplayer .gradient{display:none;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;background-image:linear-gradient(#0009,#0000005c 20%,#0000 36% 70%,#0000003d 77%,#0000005c 83%,#0009)}.xgplayer .gradient.top{background-image:linear-gradient(#0009,#0000005c 20%,#0000 36% 70%)}.xgplayer .gradient.bottom{background-image:linear-gradient(#0000 70%,#0000003d 77%,#0000005c 83%,#0009)}.xgplayer .gradient.none,.xgplayer-mobile .xgplayer-controls{background-image:initial}.xgplayer-mobile.xgplayer-playing .gradient{display:block}.xgplayer-mobile.xgplayer-inactive .gradient{background-image:initial}.xgplayer-mobile .xgmask{position:absolute;height:100%;z-index:10;top:0;left:0;width:100%;pointer-events:none;background-color:#0000}@media(prefers-color-scheme:dark){.xgplayer-mobile xg-trigger .time-preview{color:#fff}.xgplayer-mobile xg-trigger .time-preview span.xg-cur{color:red}.xgplayer-mobile xg-trigger .time-preview .xg-bar{background-color:#ffffff4d}.xgplayer-mobile xg-trigger .time-preview .xg-bar.xg-curbar{background-color:red}}@keyframes loadingRotate{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes loadingDashOffset{0%{stroke-dashoffset:236}to{stroke-dashoffset:0}}xg-loading-inner{display:block;height:100%;width:100%;transform-origin:center;animation:loadingRotate 1s .1s linear infinite}.xgplayer-loading{display:none;width:70px;height:70px;overflow:hidden;position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.xgplayer-loading svg,.xgplayer-loading img{width:100%;height:100%}.xgplayer-mobile .xgplayer-loading{width:50px;height:50px}.xgplayer-isloading .xgplayer-loading{display:block}.xgplayer-nostart .xgplayer-loading,.xgplayer-pause .xgplayer-loading,.xgplayer-is-enter .xgplayer-loading,.xgplayer-is-ended .xgplayer-loading,.xgplayer-is-error .xgplayer-loading,.xgplayer .xgplayer-pip .xg-exit-pip{display:none}.xgplayer .xgplayer-pip .xg-get-pip,.xgplayer .xgplayer-pip[data-state=pip] .xg-exit-pip{display:block}.xgplayer .xgplayer-pip[data-state=pip] .xg-get-pip{display:none}.xgplayer .xgplayer-playnext{position:relative;display:none;cursor:pointer}.xgplayer .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext{display:block}.xgplayer .xgplayer-playnext:hover{opacity:.85}.xgplayer .xgplayer-playnext:hover .xgplayer-tips{display:block}.lang-is-en .xgplayer-playnext .xgplayer-tips{margin-left:-25px}.lang-is-jp .xgplayer-playnext .xgplayer-tips{margin-left:-38px}.xgplayer .xgplayer-download{position:relative;display:block;cursor:pointer}.lang-is-en .xgplayer-download .xgplayer-tips{margin-left:-32px}.lang-is-jp .xgplayer-download .xgplayer-tips{margin-left:-40px}.xgplayer .xgplayer-shot{display:none}.xgplayer-definition{display:none;cursor:pointer}.xgplayer .xgplayer-playbackrate{display:none;cursor:default}.xgplayer-error{background:#000;display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:6;color:#fff;text-align:center;line-height:100%;justify-content:center;align-items:center}.xgplayer-error .xgplayer-error-refresh{color:#fa1f41;padding:0 3px;cursor:pointer}.xgplayer-error .xgplayer-error-text{line-height:18px;margin:auto 6px 20px;display:block}.xgplayer-is-error .xgplayer-error{display:flex}.xgplayer .xgplayer-prompt{display:block;pointer-events:none;position:absolute;z-index:1;padding:6px 12px 5px;opacity:0;left:10px;background:#00000080;border-radius:50px;font-size:12px;line-height:17px;text-align:center;color:#fff}.xgplayer .xgplayer-prompt.show{display:block;opacity:1;z-index:10;pointer-events:initial}.xgplayer .xgplayer-prompt.arrow{transform:translate(-50%)}.xgplayer .xgplayer-prompt.arrow:after{content:"";display:block;position:absolute;left:50%;bottom:0;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid rgba(0,0,0,.5);transform:translate(-50%,100%)}.xgplayer .xgplayer-prompt .highlight{display:inline-block;margin-left:6px;color:red;cursor:pointer}.xgplayer.xgplayer-is-error .xgplayer-prompt.show{display:none;opacity:1}.xgplayer .xgplayer-spot{position:absolute;top:0;left:0;height:100%;background:#fff;border-radius:12px}.xgplayer .xgplayer-spot.mini{min-width:6px;transform:translate(-50%)}.xgplayer .xgplayer-spot.active .xgplayer-spot-pop{display:block;opacity:1;pointer-events:initial}.xgplayer .xgplayer-spot-pop{display:block;opacity:0;pointer-events:none;position:absolute;left:50%;bottom:5px;padding-bottom:5px;transform:translate(-50%)}.xgplayer-mobile .xgplayer-spot{height:3px;min-width:3px;top:50%;opacity:1;transform:translateY(-50%)}.xgplayer-mobile .xgplayer-spot.mini{min-width:3px;transform:translate(-50%,-50%)}.xgplayer .xgplayer-progress.active .xgplayer-spot{opacity:1;transition:opacity .3s;visibility:visible}.xgplayer .xg-spot-info{position:absolute;left:0;bottom:100%;display:none}.xgplayer .xg-spot-info.short-line .xg-spot-line{height:6px}.xgplayer .xg-spot-info.short-line .xg-spot-content{bottom:-4px}.xgplayer .xg-spot-info.no-thumbnail .xg-spot-thumbnail{display:none}.xgplayer .xg-spot-info.no-thumbnail .xgplayer-progress-point{display:block}.xgplayer .xg-spot-info.no-timepoint .xgplayer-progress-point,.xgplayer .xg-spot-info.hide{display:none}.xgplayer .xgplayer-progress.active .xg-spot-info{display:block}.xgplayer .xgplayer-progress.active .xg-spot-info.hide{display:none}.xgplayer .xg-spot-line{position:relative;bottom:-7px;margin-left:50%;display:block;width:1px;height:41px;background-color:#fff;pointer-events:none}.xgplayer .xgplayer-progress-point{display:none;position:relative;bottom:-4px;left:50%;transform:translate(-50%);background:#0000008a;font-size:11px;color:#fff;padding:4px 6px;border-radius:4px;text-align:center;opacity:.85;white-space:nowrap}.xgplayer .xg-spot-content{position:relative;bottom:-7px;color:#fff;border-radius:2px 2px 0 0}.xgplayer .xg-spot-ext-text{position:relative;bottom:-7px}.xgplayer .xg-spot-thumbnail{position:relative;background-color:#111010;pointer-events:none;border-radius:2px 2px 0 0}.xgplayer .xg-spot-time{position:absolute;bottom:2px;font-size:12px;line-height:16.8px;left:50%;transform:translate(-50%);pointer-events:none}.xgplayer .progress-thumbnail{margin:0 auto;display:block}.xgplayer .xg-spot-text{display:none;padding:5px 8px;background:#000c;border-radius:0 0 2px 2px;pointer-events:none;box-sizing:border-box}.xgplayer .spot-inner-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px;font-size:12px;max-height:40px}.xgplayer .xg-spot-content.show-text .xg-spot-text{display:block}.xgplayer .product .xg-spot-text{background:#3370ff}.xgplayer .product .xg-spot-line{border-left:10px solid transparent;border-right:10px solid transparent;border-top:7px solid #3370FF;width:0;height:15px;left:-10px;background:none}.xgplayer .xgvideo-preview{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;transition:visibility .3s,opacity .3s;background-color:#000}.xgplayer .xgvideo-preview .xgvideo-thumbnail{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:0}.xgplayer .xgvideo-preview.show{opacity:1;visibility:visible}.xgplayer-dynamic-bg,.xgplayer-dynamic-bg canvas,.xgplayer-dynamic-bg xgmask,.xgplayer-dynamic-bg xgfilter{display:block;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none}.xgplayer-dynamic-bg canvas{transform:translateZ(0)}.xgplayer-dynamic-bg xgmask{background:#000000b3}.vkf-vditor ul li{list-style:initial}.vkf-vditor ol li{list-style:decimal}.vkf-vditor.vditor{--textarea-background-color: var(--el-fill-color-extra-light)}.vkf-vditor-footer.is-textarea-focus{background-color:var(--textarea-background-color)}.vk-pixi-frame{height:100%;width:100%}
+@charset "UTF-8";.vk-drawer-modal.is-closed{display:block!important;visibility:hidden}.vk-drawer-modal.is-closed .el-drawer.rtl{transform:translate(100%)}.vk-drawer-modal.is-closed .el-drawer.ltr{transform:translate(-100%)}.vk-drawer-modal.is-closed .el-drawer.ttb{transform:translateY(-100%)}.vk-drawer-modal.is-closed .el-drawer.btt{transform:translateY(100%)}.vk-drawer-modal .vk-drawer-toggle{visibility:visible}.vk-drawer-modal.is-absolute{position:absolute!important}.vk-drawer-modal.is-absolute.no-modal{pointer-events:none}.vk-drawer-modal.is-absolute.no-modal .el-drawer{pointer-events:initial}.vk-drawer-toggle{position:absolute;z-index:2;width:40px;height:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--el-text-color-primary)}.vk-drawer-toggle.is-rtl{top:25%;left:0;transform:translate(-100%);background-color:var(--el-bg-color);border:1px solid var(--el-border-color);border-right:none;border-top-left-radius:var(--el-border-radius-base);border-bottom-left-radius:var(--el-border-radius-base);writing-mode:vertical-rl}.vk-drawer-toggle.is-ltr{top:25%;right:0;transform:translate(100%);background-color:var(--el-bg-color);border:1px solid var(--el-border-color);border-left:none;border-top-right-radius:var(--el-border-radius-base);border-bottom-right-radius:var(--el-border-radius-base);writing-mode:vertical-rl}.vk-drawer-toggle.is-ttb{bottom:0;left:25%;transform:translateY(100%);background-color:var(--el-bg-color);border:1px solid var(--el-border-color);border-top:none;border-bottom-left-radius:var(--el-border-radius-base);border-bottom-right-radius:var(--el-border-radius-base)}.vk-drawer-toggle.is-btt{top:0;left:25%;transform:translateY(-100%);background-color:var(--el-bg-color);border:1px solid var(--el-border-color);border-bottom:none;border-top-left-radius:var(--el-border-radius-base);border-top-right-radius:var(--el-border-radius-base)}.vk-drawer-toggle:hover{background-color:var(--el-fill-color-light)}.vk-drawer-toggle:active{background-color:var(--el-fill-color)}.vk-echart-x{height:500px;width:100%}.vk-thinking{width:100%;max-width:var(--vk-thinking-max-width);color:var(--vk-thinking-color);font-size:var(--vk-thinking-font-size-base)}.vk-thinking__card{width:100%;border:1px solid var(--vk-thinking-border-color);border-radius:var(--vk-thinking-radius);background:var(--vk-thinking-background-color);box-sizing:border-box;overflow:hidden}.vk-thinking__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:1.5em 1.75em}.vk-thinking__card.is-expanded .vk-thinking__header{padding-bottom:.75em}.vk-thinking__toggle{min-width:var(--vk-thinking-button-width);flex:1;display:inline-flex;align-items:center;gap:12px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.vk-thinking__toggle:disabled{cursor:not-allowed}.vk-thinking__title{position:relative;display:inline-flex;align-items:baseline;color:var(--el-text-color-primary);font-size:var(--vk-thinking-font-size-title);font-weight:700;line-height:1.5}.vk-thinking__card.is-thinking .vk-thinking__title{animation:vk-thinking-blink 1.6s ease-in-out infinite}.vk-thinking__caret{font-size:var(--vk-thinking-font-size-caret);flex:none;color:var(--el-text-color-secondary);transform:rotate(0);transform-origin:center;transition:transform var(--vk-thinking-animation-duration) ease}.vk-thinking__caret.is-expanded{transform:rotate(90deg)}.vk-thinking__skip{flex:none;padding:0;border:0;background:transparent;color:var(--el-text-color-secondary);font-size:var(--vk-thinking-font-size-skip);line-height:1.5;cursor:pointer;white-space:nowrap}.vk-thinking__skip:hover{color:var(--el-text-color-primary)}.vk-thinking__body{padding:0 1.75em 1.5em}.vk-thinking__content{color:var(--vk-thinking-color);font-size:var(--vk-thinking-font-size-content);line-height:2;white-space:pre-wrap;word-break:break-word}.vk-thinking__content p,.vk-thinking__content ul,.vk-thinking__content ol{margin:0 0 12px}.vk-thinking__content ul,.vk-thinking__content ol{padding-left:24px}.vk-thinking__content li{margin-bottom:8px}.vk-thinking__card.is-disabled{opacity:.7}@keyframes vk-thinking-blink{0%,to{opacity:1}50%{opacity:.58}}@media(max-width:768px){.vk-thinking{--vk-thinking-font-size-base: 14px}.vk-thinking__header{padding:1.2857em 1.4286em}.vk-thinking__card.is-expanded .vk-thinking__header{padding-bottom:.7143em}.vk-thinking__body{padding:0 1.4286em 1.2857em}}.vk-chat-independent-main__bubbles{padding:8px 8px 0 12px;height:100%}.vk-chat-independent-main .el-bubble-content-wrapper .el-bubble-content-borderless{border:none}.vk-chat-independent-footer{display:flex;align-items:center;padding:var(--gap-s, 6px);background:var(--el-fill-color)}.vk-chat-independent-footer .vk-recorder-container{flex-basis:100%}.vk-chat-independent-footer .el-avatar{cursor:pointer;align-self:flex-end}.vk-chat-independent-footer .ant-sender{border-radius:var(--el-border-radius-base, 4px)}.vk-chat-independent-footer .ant-sender-content{padding:4px}.vk-chat-independent{width:100%;height:100%;position:relative}.vk-chat-independent-main__duplex{height:100%}.vk-chat-independent-main{z-index:1;inset:0;position:absolute}.vk-chat-independent-background{position:absolute;inset:0;width:100%;height:100%;z-index:0}.vk-lottie-animation,.vk-monaco-editor{width:100%;height:100%}.vk-tables-v1-table{height:100%}.vk-tables-v1-pagination-x{display:flex;justify-content:center}.vk-bubble-list-wrapper{position:relative;height:100%}.vk-bubble-list{overflow:auto;scroll-behavior:smooth;max-height:var(--el-bubble-list-max-height);position:relative}.vk-bubble-list .el-bubble+.el-bubble{margin-top:16px}.vk-bubble-list-default-back-button{position:absolute;-webkit-user-select:none;user-select:none;cursor:pointer;width:fit-content;height:fit-content;padding:10px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;box-shadow:0 0 4px #00000005,0 6px 10px #2f35401a;transition:all .3s ease;z-index:100}.vk-bubble-list-default-back-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.vk-bubble-list-default-back-button .vk-bubble-list-back-to-bottom-icon{font-size:var(--el-bubble-list-btn-size);position:relative}@keyframes vk-bubble-is-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vk-bubble-list-default-back-button .vk-bubble-list-back-to-bottom-icon .back-to-bottom-loading-svg-bg{position:absolute;font-size:calc(var(--el-bubble-list-btn-size) + 26px);animation:vk-bubble-is-loading 1s infinite linear}.vk-bubble-list-back-to-bottom-solt{position:sticky;-webkit-user-select:none;user-select:none;cursor:initial;width:fit-content;height:fit-content;padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;box-shadow:initial}.vk-bubble-list-back-to-bottom-solt:hover{transform:translateY(0);box-shadow:initial}.vk-recorder-container{position:relative}.vk-recorder-button{position:relative;width:100%;touch-action:none;-webkit-user-select:none;user-select:none}.vk-recording-mask{position:absolute;inset:0;background:#00000080;z-index:1000;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.action-buttons{pointer-events:auto;display:flex;justify-content:space-between;padding:20px 40px;margin-bottom:24%}.cancel-btn,.text-btn{display:flex;flex-direction:column;align-items:center;color:#fff}.btn-icon{width:60px;height:60px;background:#0006;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:8px}.cancel-btn.active .btn-icon{background:var(--el-color-danger)}.text-btn.active .btn-icon{background:var(--el-color-primary)}.btn-text{font-size:14px}.recording-tip{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:100px;color:#fff}.wave-container{width:160px;height:100px;margin-bottom:20px}.tip-text{font-size:14px}.ant-sender-header-header{display:flex;justify-content:space-between}.vk-sender .ant-sender-prefix{align-self:start}.vk-sender-actions{display:flex;justify-content:space-between;align-items:center;width:100%}.vk-sender-actions__before,.vk-sender-actions__after{display:flex;align-items:center}.vk-sender-actions__before>*+*,.vk-sender-actions__after>*+*{margin-left:8px}.vk-speech-button{display:inline-flex;align-items:center;justify-content:center}.vk-speech-button-recording-icon{height:1.2em;width:1.2em;vertical-align:top}.vk-typing-markdown.is-typing .is-last:after{animation:blink .7s infinite;content:"|"}.vk-typing-markdown.is-loading:not(.is-typing) .is-last:after{content:"";display:inline-block;width:1em;text-align:left;animation:dotTyping 1.2s steps(4,end) infinite}@keyframes dotTyping{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.xgplayer-fullscreen-parent{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999}.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-cssfullscreen,.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-fullscreen{z-index:10;position:absolute}.xgplayer-rotate-parent{position:fixed;inset:0 0 0 100%;width:100vh;height:100vw;z-index:9999;transform-origin:top left;transform:rotate(90deg)}.xgplayer-rotate-parent .xgplayer.xgplayer-rotate-fullscreen{position:absolute;top:0;left:0;z-index:10;margin:0;padding:0;width:100%;height:100%;transform:rotate(0)}.xgplayer-rotate-parent .xgplayer-mobile video{z-index:-1}.xgplayer{position:relative;width:100%;height:100%;overflow:hidden;font-family:PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;background:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.xgplayer *{margin:0;padding:0;border:0;vertical-align:baseline;white-space:normal;word-wrap:normal;overflow-wrap:normal}.xgplayer ul,.xgplayer li{list-style:none}.xgplayer .xgplayer-none{display:none}.xgplayer.xgplayer-is-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:9999}.xgplayer.xgplayer-is-cssfullscreen{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999}.xgplayer.xgplayer-rotate-fullscreen{position:fixed;inset:0 0 0 100%;width:100vh;height:100vw;transform-origin:top left;transform:rotate(90deg);z-index:9999}.xgplayer.xgplayer-rotate-fullscreen.xgplayer-mobile video{z-index:-1}.xgplayer xg-video-container.xg-video-container{position:absolute;top:0;bottom:48px;display:block;width:100%}.xgplayer video{position:absolute;top:0;left:0;width:100%;height:100%;outline:none}.xgplayer[data-xgfill=contain] video{-o-object-fit:contain;object-fit:contain}.xgplayer[data-xgfill=cover] video{-o-object-fit:cover;object-fit:cover}.xgplayer[data-xgfill=fill] video{-o-object-fit:fill;object-fit:fill}.xgplayer .xg-pos{left:10px;right:10px}.xgplayer .xg-margin{margin-left:16px;margin-right:16px}.xgplayer .xg-bottom{bottom:0}.xgplayer .btn-text{position:relative;top:50%;height:24px;font-size:13px;text-align:center}.xgplayer .btn-text span{display:inline-block;min-width:52px;height:24px;line-height:24px;background:#00000061;border-radius:12px}.xgplayer xg-icon{position:relative;box-sizing:border-box;height:40px;margin-left:16px;margin-right:16px;cursor:pointer;color:#fffc;fill:#fff}.xgplayer xg-icon.xg-icon-disable{cursor:not-allowed}.xgplayer xg-icon .xg-tips{top:-30px;left:50%;transform:translate(-50%)}.xgplayer xg-icon:active .xg-tips,.xgplayer xg-icon:hover .xg-tips{display:block}.xgplayer xg-icon:active .xg-tips.hide,.xgplayer xg-icon:hover .xg-tips.hide{display:none}.xgplayer xg-icon .xgplayer-icon{position:relative;top:50%;transform:translateY(-50%);cursor:pointer}.xgplayer xg-icon .xg-icon-disable{cursor:not-allowed}.xgplayer xg-icon .xg-img{width:100%}.xgplayer xg-icon svg,.xgplayer xg-icon img{height:100%;display:block}.xgplayer xg-bar{display:block}.xgplayer.xgplayer-inactive xg-bar,.xgplayer.xgplayer-mini xg-bar{display:none}.xgplayer.xgplayer-inactive .xg-top-bar{display:flex}.xgplayer.xgplayer-inactive .xg-top-bar.top-bar-autohide{display:none}.xgplayer .xg-top-bar{position:absolute;z-index:10;top:0;padding:0 16px;display:flex;height:50px}.xgplayer .xg-top-bar xg-icon{position:relative;top:10px;left:0;width:34px;margin-top:0}.xgplayer .xg-top-bar xg-icon:first-child{margin-left:0}.xgplayer .xg-left-bar,.xgplayer .xg-right-bar{position:absolute;z-index:9;top:50px;bottom:50px;width:50px}.xgplayer .xg-left-bar{left:0}.xgplayer .xg-right-bar{right:0}.xgplayer .xg-tips{display:none;position:absolute;padding:4px 6px;background:#0000008a;border-radius:4px;font-size:12px;color:#fff;text-align:center;white-space:nowrap;opacity:.85}.xgplayer .xg-margin{left:0;right:0}.xgplayer-mobile{-webkit-tap-highlight-color:rgba(0,0,0,0)}.xgplayer-mobile *{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-pos{left:6%;right:6%}.xgplayer-mobile xg-icon:hover .xg-tips{display:none}.xg-list-slide-scroll::-webkit-scrollbar-track{background-color:transparent;display:none}.xg-list-slide-scroll:hover::-webkit-scrollbar-track{display:block}.xg-list-slide-scroll::-webkit-scrollbar{-webkit-appearance:none;appearance:none;background:#0000;height:4px;width:4px}.xg-list-slide-scroll::-webkit-scrollbar-corner{background:transparent;display:none}.xg-list-slide-scroll::-webkit-scrollbar-thumb{background:#ffffff80;border-radius:3px;display:none;width:4px}.xg-list-slide-scroll:hover::-webkit-scrollbar-thumb{display:block}@media only screen and (max-width:480px){.xgplayer-mobile xg-icon{margin-right:10px;margin-left:10px}.xgplayer-mobile .xg-top-bar{left:10px;right:10px}}@media screen and (orientation:portrait){.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls,.xgplayer-mobile.xgplayer-is-cssfullscreen .xgplayer-controls{bottom:34px;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-is-cssfullscreen .xg-top-bar{top:34px;top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}}@media only screen and (orientation:landscape){.xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-is-fullscreen .xg-pos{left:6%;right:6%}.xgplayer-mobile.xgplayer-rotate-fullscreen{left:0;width:100vw;height:100vh;transform:rotate(0)}}.xgplayer .xgplayer-screen-container{display:block;width:100%}.xgplayer .xg-options-icon{display:none;cursor:pointer}.xgplayer .xg-options-icon.show{display:block}@keyframes xg_right_options_active{0%{transform:translate(50%)}to{transform:translate(-50%)}}@keyframes xg_right_options_hide{0%{transform:translate(-50%)}to{transform:translate(50%)}}@keyframes xg_left_options_active{0%{transform:translate(-50%)}to{transform:translate(50%)}}@keyframes xg_left_options_hide{0%{transform:translate(50%)}to{transform:translate(-50%)}}.xgplayer .xg-options-list{display:none;position:absolute;z-index:5;width:78px;right:50%;bottom:100%;background:#0000008a;border-radius:1px;transform:translate(50%);cursor:pointer;overflow:auto;height:0;opacity:.85;font-size:14px;color:#fffc}.xgplayer .xg-options-list li{height:20px;line-height:20px;position:relative;padding:4px 0;text-align:center;color:#fffc}.xgplayer .xg-options-list li:hover,.xgplayer .xg-options-list li.selected{color:red;opacity:1}.xgplayer .xg-options-list li:nth-child(1){position:relative;margin-top:12px}.xgplayer .xg-options-list li:last-child{position:relative;margin-bottom:12px}.xgplayer .xg-options-list:hover{opacity:1}.xgplayer .xg-options-list.active{display:block;height:auto}.xgplayer .xg-options-list.xg-side-list{width:20%;height:100%;bottom:0;background:#000000e6;display:flex;flex-direction:column;box-sizing:border-box}.xgplayer .xg-options-list.xg-side-list li{flex:1;width:100%;padding:0;position:relative}.xgplayer .xg-options-list.xg-side-list li span{display:block;position:relative;top:50%;transform:translateY(-50%);pointer-events:none}.xgplayer .xg-options-list.xg-side-list li:nth-child(1){margin-top:20px}.xgplayer .xg-options-list.xg-side-list li:last-child{margin-bottom:20px}.xgplayer .xg-options-list.xg-right-side{right:-10.5%}.xgplayer .xg-options-list.xg-right-side.active{height:100%;animation:xg_right_options_active .2s ease-out forwards}.xgplayer .xg-options-list.xg-right-side.hide{height:100%;animation:xg_right_options_hide .2s ease-in forwards}.xgplayer .xg-options-list.xg-left-side{left:-10.5%;transform:translate(-50%)}.xgplayer .xg-options-list.xg-left-side.active{height:100%;animation:xg_left_options_active .2s ease-out forwards}.xgplayer .xg-options-list.xg-left-side.hide{height:100%;animation:xg_left_options_hide .2s ease-in forwards}@media only screen and (max-width:480px){.xgplayer-mobile .xg-options-icon.portrait{display:none}.xgplayer-mobile .xg-options-list li:hover{color:#fffc}.xgplayer-mobile .xg-options-list li.selected{color:red}}.xgplayer.not-allow-autoplay .xgplayer-controls,.xgplayer.xgplayer-nostart .xgplayer-controls,.xgplayer.xgplayer-inactive .controls-autohide{pointer-events:none;visibility:hidden;cursor:default;opacity:0}.xgplayer.not-allow-autoplay .xgplayer-controls-initshow,.xgplayer.xgplayer-nostart .xgplayer-controls-initshow{pointer-events:auto;visibility:visible;opacity:1}.xgplayer .xgplayer-controls{display:block;position:absolute;visibility:visible;height:48px;left:0;right:0;bottom:0;opacity:1;z-index:10;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.37),rgba(0,0,0,.75),rgba(0,0,0,.75));transition:opacity .5s ease,visibility .5s ease}.xgplayer .xgplayer-controls.show{display:block;opacity:1;visibility:visible;pointer-events:auto}.xgplayer .xg-inner-controls{position:absolute;height:40px;bottom:0;justify-content:space-between;display:flex}.xgplayer .xg-left-grid,.xgplayer .xg-right-grid{position:relative;display:flex;flex-wrap:wrap;flex-shrink:1;height:100%;z-index:1}.xgplayer .xg-right-grid{flex-direction:row-reverse}.xgplayer .xg-right-grid>:first-child{margin-right:0}.xgplayer .xg-right-grid xg-icon{margin-left:0}.xgplayer .xg-left-grid>:first-child{margin-left:0}.xgplayer .xg-left-grid xg-icon{margin-right:0}.xgplayer .xg-center-grid{display:block;position:absolute;left:0;right:0;outline:none;top:-20px;padding:5px 0;text-align:center}.xgplayer .flex-controls .xg-inner-controls{justify-content:space-around;display:flex;bottom:8px}.xgplayer .flex-controls .xg-center-grid{display:flex;flex:1;position:relative;top:0;height:100%;justify-content:space-between;align-items:center;left:0;right:0;padding:0 16px}.xgplayer.xgplayer-mobile .xg-center-grid{z-index:2}.xgplayer.xgplayer-mobile .flex-controls .xg-center-grid{padding:0 8px}.xgplayer .bottom-controls .xg-center-grid{top:20px;padding:0}.xgplayer .bottom-controls .xg-left-grid,.xgplayer .bottom-controls .xg-right-grid{bottom:10px}.xgplayer .mini-controls{background-image:none}.xgplayer .mini-controls .xg-inner-controls{bottom:0;left:0;right:0}.xgplayer .mini-controls .xg-center-grid{bottom:-28px;top:auto;padding:0}.xgplayer .mini-controls .xg-left-grid,.xgplayer .mini-controls .xg-right-grid{display:none}.xgplayer .controls-follow{bottom:70px;transition:bottom .3s ease}.xgplayer.flex-controls .controls-follow{bottom:45px}.xgplayer.xgplayer-inactive .controls-follow,.xgplayer.no-controls .controls-follow,.xgplayer.mini-controls .controls-follow{bottom:10px}.xgplayer .xgplayer-cssfullscreen .xg-get-cssfull{display:block}.xgplayer .xgplayer-cssfullscreen .xg-exit-cssfull,.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-get-cssfull{display:none}.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-exit-cssfull{display:block}.xgplayer .xgplayer-fullscreen .xg-exit-fullscreen{display:none}.xgplayer .xgplayer-fullscreen .xg-get-fullscreen,.xgplayer .xgplayer-fullscreen[data-state=full] .xg-exit-fullscreen{display:block}.xgplayer .xgplayer-fullscreen[data-state=full] .xg-get-fullscreen{display:none}.xgplayer .xg-top-bar .xgplayer-back{position:relative;left:0;top:16px;width:34px;height:40px;display:none}.xgplayer .xg-top-bar .xgplayer-back.show{display:block}.xgplayer .xgplayer-play .xg-icon-play{display:none}.xgplayer .xgplayer-play .xg-icon-pause,.xgplayer .xgplayer-play[data-state=pause] .xg-icon-play{display:block}.xgplayer .xgplayer-play[data-state=pause] .xg-icon-pause{display:none}.xgplayer .xgplayer-progress{display:flex;align-items:center;position:relative;min-width:10px;height:20px;left:0;right:0;top:0;outline:none;flex:1;cursor:pointer}.xgplayer .xgplayer-progress-outer{position:relative;width:100%;height:2px;border-radius:3px;cursor:pointer}.xgplayer .progress-list{display:flex;height:100%;width:100%;border-radius:inherit}.xgplayer .xgplayer-progress-inner{position:relative;flex:1;height:100%;background:#ffffff4d;transition:height .2s ease-in,opacity .2s ease-out;border-radius:inherit;margin-right:2px;pointer-events:none}.xgplayer .xgplayer-progress-inner:last-child,.xgplayer .xgplayer-progress-inner:only-child{margin-right:0}.xgplayer .inner-focus-point{background:#fff;position:relative}.xgplayer .inner-focus-point:before,.xgplayer .inner-focus-point:after{position:absolute;content:" ";display:block;width:2px;height:300%;top:50%;z-index:1;transform:translateY(-50%);border-radius:3px;background:#fff}.xgplayer .inner-focus-point:before{left:0}.xgplayer .inner-focus-point:after{right:0}.xgplayer .xgplayer-progress-cache,.xgplayer .xgplayer-progress-played{display:block;height:100%;width:0;position:absolute;top:0;left:0;border-radius:inherit}.xgplayer .xgplayer-progress-played{background:linear-gradient(-90deg,#fa1f41,#e31106)}.xgplayer .xgplayer-progress-cache{background:#ffffff80}.xgplayer .xgplayer-progress-btn{display:block;background:#ff5e5e4e;border:.5px solid rgba(255,94,94,.056545);box-shadow:0 0 1px #ff000062;width:20px;height:20px;border-radius:30px;left:0;top:50%;position:absolute;z-index:1;transform:translate(-50%,-50%);box-sizing:border-box;pointer-events:none}.xgplayer .xgplayer-progress-btn:before{content:" ";display:block;position:relative;width:12px;height:12px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:30px;background:#fff}.xgplayer .xgplayer-progress-btn.active{border:4px solid rgba(255,94,94,.064057)}.xgplayer .xgplayer-progress-btn.active:before{box-shadow:0 0 3px #f85959b0}.xgplayer .xgplayer-progress-dot{display:inline-block;position:absolute;height:100%;width:5px;top:0;background:#fff;border-radius:6px;z-index:16}.xgplayer .xgplayer-progress-dot .xgplayer-progress-tip{position:absolute;left:25%;top:-40px;height:auto;line-height:30px;width:auto;transform:scale(.8) translate(-50%);background:#0000004d;border-radius:6px;border:1px solid rgba(0,0,0,.8);cursor:default;white-space:nowrap;display:none}.xgplayer .xgplayer-progress-dot:hover .xgplayer-progress-tip{display:block}.xgplayer .flex-controls .xgplayer-progress{transform:translateY(0)}.xgplayer.xgplayer-pc .xgplayer-progress-btn{transform:translate(-50%,-50%) scale(0)}.xgplayer.xgplayer-pc .xgplayer-progress-outer{height:3px}.xgplayer.xgplayer-pc .xgplayer-progress-inner{margin-right:4px}.xgplayer.xgplayer-pc .xgplayer-progress-inner:last-child,.xgplayer.xgplayer-pc .xgplayer-progress-inner:only-child{margin-right:0}.xgplayer.xgplayer-pc .inner-focus-point:before,.xgplayer.xgplayer-pc .inner-focus-point:after{width:3px}.xgplayer.xgplayer-pc .inner-focus-highlight{background:#fffc}.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-outer{height:6px;margin-bottom:3px;transition:height .3s ease,margin-bottom .3s ease}.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn{transform:translate(-50%,-50%) scale(1)}.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:before,.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:after{width:6px}.xgplayer .xgplayer-progress-bottom .xgplayer-progress-outer{top:9px}.xgplayer .xgplayer-progress-bottom .xgplayer-progress-btn:before{height:6px;width:6px}.xgplayer.xgplayer-mobile .xgplayer-progress-bottom .xgplayer-progress-outer{height:4px}@media(prefers-color-scheme:dark){.xgplayer .xgplayer-progress .xgplayer-progress-inner{background-color:#ffffff4d}.xgplayer .xgplayer-progress .inner-focus-highlight{background:#fffc}.xgplayer .xgplayer-progress .xgplayer-progress-btn{background:#ff5e5e4e;border:.5px solid rgba(255,94,94,.056545);box-shadow:0 0 1px #ff000062}.xgplayer .xgplayer-progress .xgplayer-progress-btn:before{background-color:#fff}.xgplayer .xgplayer-progress .xgplayer-progress-played{background-color:linear-gradient(-90deg,#FA1F41 0%,#E31106 100%)}.xgplayer .xgplayer-progress .xgplayer-progress-cache{background-color:#ffffff80}}.xg-mini-progress{display:none;position:absolute;height:2px;left:0;right:0;bottom:0;pointer-events:none}.xg-mini-progress xg-mini-progress-played,.xg-mini-progress xg-mini-progress-cache{height:100%;width:0;position:absolute;top:0;left:0;border-radius:inherit}.xg-mini-progress xg-mini-progress-played{background:linear-gradient(-90deg,#fa1f41,#e31106)}.xg-mini-progress xg-mini-progress-cache{background:#ffffff80}.xg-mini-progress-show,.xgplayer-inactive .xg-mini-progress,.xgplayer-mini .xg-mini-progress{display:block}.xgplayer .xgplayer-time{pointer-events:none;min-width:40px;font-size:14px;font-family:PingFangSC-Semibold;color:#fff;text-align:center;display:inline-block;line-height:40px}.xgplayer .xgplayer-time span{display:inline-block;line-height:40px;height:40px}.xgplayer .xgplayer-time span .time-min-width{text-align:center;min-width:2ch}.xgplayer .xgplayer-time span .time-min-width:first-child{text-align:right}.xgplayer .xgplayer-time span .time-min-width:last-child{text-align:left}.xgplayer .xgplayer-time .time-duration{color:#ffffff80}.xgplayer .xgplayer-time .time-live-tag{display:none}.xgplayer .xgplayer-time.xg-time-left{margin-left:0}.xgplayer .xgplayer-time.xg-time-right{margin-right:0}.xgplayer.xgplayer-mobile .xgplayer-time{min-width:30px;font-size:12px}.xgplayer.xgplayer-mobile .xgplayer-time.xg-time-left{margin-right:8px}.xgplayer.xgplayer-mobile .xgplayer-time.xg-time-right{margin-left:8px}.xgplayer .xgplayer-volume.slide-show .xgplayer-slider{display:block}.xgplayer .xgplayer-slider{display:none;position:absolute;width:28px;height:92px;background:#0000008a;border-radius:1px;bottom:40px;outline:none}.xgplayer .xgplayer-slider:after{content:" ";display:block;height:15px;width:28px;position:absolute;bottom:-15px;left:0;z-index:20;cursor:initial}.xgplayer .xgplayer-value-label{position:absolute;left:0;right:0;bottom:100%;padding:5px 0 0;font-size:12px;background-color:#0000008a;color:#fff;text-align:center}.xgplayer .xgplayer-bar,.xgplayer .xgplayer-drag{display:block;position:absolute;bottom:6px;left:12px;background:#ffffff4d;border-radius:100px;width:4px;height:76px;outline:none;cursor:pointer}.xgplayer .xgplayer-drag{bottom:0;left:0;background:#fa1f41;max-height:76px}.xgplayer .xgplayer-drag:after{content:" ";display:inline-block;width:8px;height:8px;background:#fff;box-shadow:0 0 5px #00000042;position:absolute;border-radius:50%;left:-2px;top:-4px}.xgplayer .xgplayer-volume[data-state=normal] .xg-volume{display:block}.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-small,.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-mute,.xgplayer .xgplayer-volume[data-state=small] .xg-volume{display:none}.xgplayer .xgplayer-volume[data-state=small] .xg-volume-small{display:block}.xgplayer .xgplayer-volume[data-state=small] .xg-volume-mute,.xgplayer .xgplayer-volume[data-state=mute] .xg-volume,.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-small{display:none}.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-mute{display:block}.xgplayer.xgplayer-mobile .xgplayer-volume .xgplayer-slider,.xgplayer-replay{display:none}.xgplayer .xgplayer-replay{display:none;position:absolute;left:50%;top:50%;width:100px;height:100px;justify-content:center;align-items:center;flex-direction:column;z-index:5;transform:translate(-50%,-50%);cursor:pointer}.xgplayer .xgplayer-replay .xgplayer-replay-txt{display:inline-block;font-size:14px;color:#fff;line-height:34px;text-align:center}.xgplayer.xgplayer-mobile .xgplayer-replay-svg{width:50px;height:50px}.xgplayer.xgplayer-mobile .xgplayer-replay-txt{line-height:24px;font-size:12px}.xgplayer .xgplayer-poster{display:block;opacity:1;visibility:visible;position:absolute;left:0;top:0;width:100%;height:100%;background-position:center center;background-size:100% auto;background-repeat:no-repeat;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.xgplayer .xgplayer-poster.hide,.xgplayer.xgplayer-playing .xgplayer-poster{opacity:0;visibility:hidden}.xgplayer.xgplayer-playing .xg-not-hidden,.xgplayer.xgplayer-is-enter .xgplayer-poster.xg-showplay,.xgplayer.xgplayer-playing .xgplayer-poster.xg-showplay,.xgplayer.xgplayer-nostart .xgplayer-poster,.xgplayer.xgplayer-ended .xgplayer-poster,.xgplayer.not-allow-autoplay .xgplayer-poster{opacity:1;visibility:visible}.xgplayer.xgplayer-nostart .xgplayer-poster.hide,.xgplayer.xgplayer-ended .xgplayer-poster.hide,.xgplayer.not-allow-autoplay .xgplayer-poster.hide{opacity:0;visibility:hidden}@keyframes playPause{0%{transform:scale(1);opacity:1}99%{transform:scale(1.3);opacity:0}to{transform:scale(1);opacity:0}}.xgplayer xg-start-inner{display:block;width:100%;height:100%;overflow:hidden;border-radius:50%;background:#00000061}.xgplayer .xgplayer-start{width:70px;height:70px;position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%);cursor:pointer}.xgplayer .xgplayer-start svg{width:100%;height:100%}.xgplayer .xgplayer-start.hide,.xgplayer .xgplayer-start.focus-hide{display:none;pointer-events:none}.xgplayer .xgplayer-start:hover{opacity:.85}.xgplayer .xgplayer-start .xg-icon-play{display:block}.xgplayer .xgplayer-start .xg-icon-pause,.xgplayer .xgplayer-start[data-state=pause] .xg-icon-play{display:none}.xgplayer .xgplayer-start[data-state=pause] .xg-icon-pause,.xgplayer .xgplayer-start.interact{display:block}.xgplayer .xgplayer-start.interact xg-start-inner{animation:playPause .4s .1s ease-out forwards}.xgplayer .xgplayer-start.show{display:block}.xgplayer.xgplayer-mobile xg-start-inner{background:initial;border-radius:0}.xgplayer.xgplayer-mobile .xgplayer-start{height:50px;width:50px}.xgplayer.xgplayer-mobile .xgplayer-start:hover{opacity:1}.xgplayer.xgplayer-inactive .xgplayer-start.auto-hide,.xgplayer.xgplayer-is-enter .xgplayer-start.auto-hide,.xgplayer.xgplayer-isloading.xgplayer-playing .xgplayer-start,.xgplayer.xgplayer-is-enter .xgplayer-start,.xgplayer.xgplayer-is-error .xgplayer-start,.xgplayer.xgplayer-is-enter .xgplayer-start.show,.xgplayer.xgplayer-is-error .xgplayer-start.show{display:none}.xgplayer-enter{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:#000c;z-index:5;pointer-events:none}.xgplayer-enter .show{display:block}.xgplayer-enter .xgplayer-enter-spinner{display:block;position:absolute;z-index:1;left:50%;top:50%;height:100px;width:100px;transform:translate(-50%,-50%)}.xgplayer-enter .xgplayer-enter-spinner div{width:6%;height:13%;background-color:#ffffffb3;position:absolute;left:45%;top:45%;opacity:0;border-radius:30px;animation:fade 1s linear infinite}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar1{transform:rotate(0) translateY(-140%);animation-delay:-0s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar2{transform:rotate(30deg) translateY(-140%);animation-delay:-.9163s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3{transform:rotate(60deg) translateY(-140%);animation-delay:-.833s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4{transform:rotate(90deg) translateY(-140%);animation-delay:-.7497s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5{transform:rotate(120deg) translateY(-140%);animation-delay:-.6664s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6{transform:rotate(150deg) translateY(-140%);animation-delay:-.5831s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7{transform:rotate(180deg) translateY(-140%);animation-delay:-.4998s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8{transform:rotate(210deg) translateY(-140%);animation-delay:-.4165s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9{transform:rotate(240deg) translateY(-140%);animation-delay:-.3332s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10{transform:rotate(270deg) translateY(-140%);animation-delay:-.2499s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11{transform:rotate(300deg) translateY(-140%);animation-delay:-.1666s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12{transform:rotate(330deg) translateY(-142%);animation-delay:-.0833s}@keyframes fade{0%{opacity:1}to{opacity:.25}}.xgplayer.xgplayer-is-enter .xgplayer-enter{display:block;opacity:1;transition:opacity .3s}.xgplayer.xgplayer-nostart .xgplayer-enter{display:none}.xgplayer.xgplayer-mobile .xgplayer-enter .xgplayer-enter-spinner{width:70px;height:70px}.xg-mini-layer{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:11;background:linear-gradient(180deg,#393939e6,#39393900 50.27%)}.xg-mini-layer .mask{pointer-events:none;position:absolute;top:0;left:0;height:100%;width:100%;background-color:#0006}.xg-mini-layer xg-mini-header{display:flex;top:0;left:0;right:40px;box-sizing:border-box;padding:10px 3px 0 8px;justify-content:space-between;color:#fff;font-size:14px;position:absolute;z-index:22}.xg-mini-layer xg-mini-header .xgplayer-pip-disableBtn{pointer-events:all}.xg-mini-layer xg-mini-header #disabledMini{display:none;position:relative}.xg-mini-layer xg-mini-header #disabledMini+label{cursor:pointer;position:relative;display:flex;align-items:center}.xg-mini-layer xg-mini-header #disabledMini+label:before{content:"";color:#ff142b;background-color:transparent;border-radius:2px;border:solid 1px #cdcdcd;width:16px;height:16px;display:inline-block;text-align:center;vertical-align:middle;line-height:16px;margin-right:7px}.xg-mini-layer xg-mini-header #disabledMini:checked+label{color:#ff142b}.xg-mini-layer xg-mini-header #disabledMini:checked+label:before{border-color:#ff142b}.xg-mini-layer xg-mini-header #disabledMini:checked+label:after{content:"";position:absolute;width:4px;height:8px;border-color:#ff142b;border-style:solid;border-width:0px 2px 2px 0px;transform:rotate(45deg);left:6px;top:5px}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn xg-tips{position:absolute;padding:4px 6px;white-space:nowrap;bottom:-30px;right:15px;border-radius:4px;background-color:#0000008a;display:none}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label:before{border-color:#ff142b}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label{color:#ff142b}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover xg-tips{display:block}.xg-mini-layer .mini-cancel-btn{cursor:pointer;display:block;color:#fff;width:40px;height:38px;position:absolute;right:0;top:0;text-align:center;line-height:38px}.xg-mini-layer .play-icon{cursor:pointer;height:48px;width:48px;position:absolute;background:#0000008a;border-radius:24px;top:50%;left:50%;margin:-24px 0 0 -24px}.xg-mini-layer .play-icon svg,.xg-mini-layer .play-icon img{width:50px;height:50px;fill:#faf7f7}.xg-mini-layer .xg-icon-play{display:none}.xg-mini-layer .xg-icon-pause,.xg-mini-layer[data-state=pause] .xg-icon-play{display:block}.xg-mini-layer[data-state=pause] .xg-icon-pause{display:none}.xgplayer-miniicon{position:relative;outline:none;display:block}.xgplayer-miniicon .name{text-align:center;font-size:13px;line-height:20px;height:20px;color:#fffc;line-height:40px}.xgplayer-miniicon .name span{font-size:13px;width:60px;height:20px;line-height:20px;background:#00000061;border-radius:10px;display:inline-block;vertical-align:middle}.xgplayer-mini{position:fixed;width:320px;height:180px;z-index:91;box-shadow:0 4px 7px 2px #0003}.xgplayer-mini:hover{cursor:move}.xgplayer-mini:hover .xg-mini-layer{display:block}.xgplayer-mini.xgplayer-ended .xg-mini-layer{display:none}.xgplayer-mobile .xg-mini-layer .play-icon{background:none;border-radius:initial}.xgplayer.xgplayer-inactive{cursor:none}.xgplayer xg-thumbnail{display:block}.xgplayer xg-trigger{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:0;left:0;height:100%;width:100%}.xgplayer xg-trigger .time-preview{display:none;position:absolute;width:200px;margin:0 auto;padding:0 20px 30px;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-shadow:0 0 1px rgba(0,0,0,.54);font-size:18px;text-align:center;pointer-events:none}.xgplayer xg-trigger .time-preview span{line-height:24px}.xgplayer xg-trigger .time-preview .xg-cur{color:red}.xgplayer xg-trigger .time-preview .xg-separator{font-size:14px}.xgplayer xg-trigger .time-preview .xg-seek-show{transform:translate(-10px)}.xgplayer xg-trigger .time-preview .xg-seek-show.xg-back .xg-seek-pre{transform:rotate(180deg) translate(-5px)}.xgplayer xg-trigger .time-preview .xg-seek-show.hide-seek-icon .xg-seek-icon{display:none}.xgplayer xg-trigger .time-preview .xg-bar{width:96px;height:2px;margin:8px auto 0;border-radius:10px;box-sizing:content-box;background:#ffffff4d}.xgplayer xg-trigger .time-preview .xg-bar .xg-curbar{width:0;height:100%;background-color:red}.xgplayer xg-trigger .time-preview .xg-bar.hide{display:none}.xgplayer xg-trigger .mobile-thumbnail{position:relative;left:50%;transform:translate(-50%)}.xgplayer xg-trigger .xg-top-note{position:absolute;height:32px;width:135px;top:26px;left:50%;margin-left:-78px;background:#0000004d;border-radius:100px;color:#fff}.xgplayer xg-trigger .xg-top-note span{display:block;line-height:32px;height:32px;font-size:13px;text-align:center}.xgplayer xg-trigger .xg-top-note i{color:red;margin:0 5px}.xgplayer xg-trigger .xg-playbackrate{display:none}.xgplayer xg-trigger[data-xg-action=seeking] .time-preview{display:block}.xgplayer xg-trigger[data-xg-action=playbackrate] .xg-playbackrate{display:block}.xgplayer .gradient{display:none;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;background-image:linear-gradient(#0009,#0000005c 20%,#0000 36% 70%,#0000003d 77%,#0000005c 83%,#0009)}.xgplayer .gradient.top{background-image:linear-gradient(#0009,#0000005c 20%,#0000 36% 70%)}.xgplayer .gradient.bottom{background-image:linear-gradient(#0000 70%,#0000003d 77%,#0000005c 83%,#0009)}.xgplayer .gradient.none,.xgplayer-mobile .xgplayer-controls{background-image:initial}.xgplayer-mobile.xgplayer-playing .gradient{display:block}.xgplayer-mobile.xgplayer-inactive .gradient{background-image:initial}.xgplayer-mobile .xgmask{position:absolute;height:100%;z-index:10;top:0;left:0;width:100%;pointer-events:none;background-color:#0000}@media(prefers-color-scheme:dark){.xgplayer-mobile xg-trigger .time-preview{color:#fff}.xgplayer-mobile xg-trigger .time-preview span.xg-cur{color:red}.xgplayer-mobile xg-trigger .time-preview .xg-bar{background-color:#ffffff4d}.xgplayer-mobile xg-trigger .time-preview .xg-bar.xg-curbar{background-color:red}}@keyframes loadingRotate{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes loadingDashOffset{0%{stroke-dashoffset:236}to{stroke-dashoffset:0}}xg-loading-inner{display:block;height:100%;width:100%;transform-origin:center;animation:loadingRotate 1s .1s linear infinite}.xgplayer-loading{display:none;width:70px;height:70px;overflow:hidden;position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.xgplayer-loading svg,.xgplayer-loading img{width:100%;height:100%}.xgplayer-mobile .xgplayer-loading{width:50px;height:50px}.xgplayer-isloading .xgplayer-loading{display:block}.xgplayer-nostart .xgplayer-loading,.xgplayer-pause .xgplayer-loading,.xgplayer-is-enter .xgplayer-loading,.xgplayer-is-ended .xgplayer-loading,.xgplayer-is-error .xgplayer-loading,.xgplayer .xgplayer-pip .xg-exit-pip{display:none}.xgplayer .xgplayer-pip .xg-get-pip,.xgplayer .xgplayer-pip[data-state=pip] .xg-exit-pip{display:block}.xgplayer .xgplayer-pip[data-state=pip] .xg-get-pip{display:none}.xgplayer .xgplayer-playnext{position:relative;display:none;cursor:pointer}.xgplayer .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext{display:block}.xgplayer .xgplayer-playnext:hover{opacity:.85}.xgplayer .xgplayer-playnext:hover .xgplayer-tips{display:block}.lang-is-en .xgplayer-playnext .xgplayer-tips{margin-left:-25px}.lang-is-jp .xgplayer-playnext .xgplayer-tips{margin-left:-38px}.xgplayer .xgplayer-download{position:relative;display:block;cursor:pointer}.lang-is-en .xgplayer-download .xgplayer-tips{margin-left:-32px}.lang-is-jp .xgplayer-download .xgplayer-tips{margin-left:-40px}.xgplayer .xgplayer-shot{display:none}.xgplayer-definition{display:none;cursor:pointer}.xgplayer .xgplayer-playbackrate{display:none;cursor:default}.xgplayer-error{background:#000;display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:6;color:#fff;text-align:center;line-height:100%;justify-content:center;align-items:center}.xgplayer-error .xgplayer-error-refresh{color:#fa1f41;padding:0 3px;cursor:pointer}.xgplayer-error .xgplayer-error-text{line-height:18px;margin:auto 6px 20px;display:block}.xgplayer-is-error .xgplayer-error{display:flex}.xgplayer .xgplayer-prompt{display:block;pointer-events:none;position:absolute;z-index:1;padding:6px 12px 5px;opacity:0;left:10px;background:#00000080;border-radius:50px;font-size:12px;line-height:17px;text-align:center;color:#fff}.xgplayer .xgplayer-prompt.show{display:block;opacity:1;z-index:10;pointer-events:initial}.xgplayer .xgplayer-prompt.arrow{transform:translate(-50%)}.xgplayer .xgplayer-prompt.arrow:after{content:"";display:block;position:absolute;left:50%;bottom:0;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid rgba(0,0,0,.5);transform:translate(-50%,100%)}.xgplayer .xgplayer-prompt .highlight{display:inline-block;margin-left:6px;color:red;cursor:pointer}.xgplayer.xgplayer-is-error .xgplayer-prompt.show{display:none;opacity:1}.xgplayer .xgplayer-spot{position:absolute;top:0;left:0;height:100%;background:#fff;border-radius:12px}.xgplayer .xgplayer-spot.mini{min-width:6px;transform:translate(-50%)}.xgplayer .xgplayer-spot.active .xgplayer-spot-pop{display:block;opacity:1;pointer-events:initial}.xgplayer .xgplayer-spot-pop{display:block;opacity:0;pointer-events:none;position:absolute;left:50%;bottom:5px;padding-bottom:5px;transform:translate(-50%)}.xgplayer-mobile .xgplayer-spot{height:3px;min-width:3px;top:50%;opacity:1;transform:translateY(-50%)}.xgplayer-mobile .xgplayer-spot.mini{min-width:3px;transform:translate(-50%,-50%)}.xgplayer .xgplayer-progress.active .xgplayer-spot{opacity:1;transition:opacity .3s;visibility:visible}.xgplayer .xg-spot-info{position:absolute;left:0;bottom:100%;display:none}.xgplayer .xg-spot-info.short-line .xg-spot-line{height:6px}.xgplayer .xg-spot-info.short-line .xg-spot-content{bottom:-4px}.xgplayer .xg-spot-info.no-thumbnail .xg-spot-thumbnail{display:none}.xgplayer .xg-spot-info.no-thumbnail .xgplayer-progress-point{display:block}.xgplayer .xg-spot-info.no-timepoint .xgplayer-progress-point,.xgplayer .xg-spot-info.hide{display:none}.xgplayer .xgplayer-progress.active .xg-spot-info{display:block}.xgplayer .xgplayer-progress.active .xg-spot-info.hide{display:none}.xgplayer .xg-spot-line{position:relative;bottom:-7px;margin-left:50%;display:block;width:1px;height:41px;background-color:#fff;pointer-events:none}.xgplayer .xgplayer-progress-point{display:none;position:relative;bottom:-4px;left:50%;transform:translate(-50%);background:#0000008a;font-size:11px;color:#fff;padding:4px 6px;border-radius:4px;text-align:center;opacity:.85;white-space:nowrap}.xgplayer .xg-spot-content{position:relative;bottom:-7px;color:#fff;border-radius:2px 2px 0 0}.xgplayer .xg-spot-ext-text{position:relative;bottom:-7px}.xgplayer .xg-spot-thumbnail{position:relative;background-color:#111010;pointer-events:none;border-radius:2px 2px 0 0}.xgplayer .xg-spot-time{position:absolute;bottom:2px;font-size:12px;line-height:16.8px;left:50%;transform:translate(-50%);pointer-events:none}.xgplayer .progress-thumbnail{margin:0 auto;display:block}.xgplayer .xg-spot-text{display:none;padding:5px 8px;background:#000c;border-radius:0 0 2px 2px;pointer-events:none;box-sizing:border-box}.xgplayer .spot-inner-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px;font-size:12px;max-height:40px}.xgplayer .xg-spot-content.show-text .xg-spot-text{display:block}.xgplayer .product .xg-spot-text{background:#3370ff}.xgplayer .product .xg-spot-line{border-left:10px solid transparent;border-right:10px solid transparent;border-top:7px solid #3370FF;width:0;height:15px;left:-10px;background:none}.xgplayer .xgvideo-preview{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;transition:visibility .3s,opacity .3s;background-color:#000}.xgplayer .xgvideo-preview .xgvideo-thumbnail{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:0}.xgplayer .xgvideo-preview.show{opacity:1;visibility:visible}.xgplayer-dynamic-bg,.xgplayer-dynamic-bg canvas,.xgplayer-dynamic-bg xgmask,.xgplayer-dynamic-bg xgfilter{display:block;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none}.xgplayer-dynamic-bg canvas{transform:translateZ(0)}.xgplayer-dynamic-bg xgmask{background:#000000b3}.vkf-vditor ul li{list-style:initial}.vkf-vditor ol li{list-style:decimal}.vkf-vditor.vditor{--textarea-background-color: var(--el-fill-color-extra-light)}.vkf-vditor-footer.is-textarea-focus{background-color:var(--textarea-background-color)}.vk-pixi-frame{height:100%;width:100%}.vk-tables-v1-checkbox.is-readonly .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:var(--el-color-primary);--el-checkbox-disabled-checked-icon-color: var(--el-color-white)}.vk-tables-v1-checkbox.is-readonly .n-radio.n-radio--disabled .n-radio__dot--checked:before{background-color:var(--el-color-primary)}

package/components/pixi-frame/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),r=require("@vunk/shared/enum"),D=require("@vunk/shared/promise"),ee=require("apng-js"),x=require("pixi.js"),O=require("@vunk/shared/object"),z=require("@vunk/core/composables"),te=require("../_plugin-vue_export-helper-BHFhmbuH.js"),E={url:{type:String,requierd:!1},data:{type:Array,default:()=>[]},loop:{type:Boolean,default:!1},status:{type:String,default:r.TickerStatus.pending},frameRate:{type:Number,default:25},label:{type:String,default:""},resize:{type:Function,default:void 0},prerender:{type:Boolean,default:!1},visible:{type:Boolean,default:!0}},$={"update:status":null,"update:data":null,setData:null},L=Symbol("appInjectKey");function ae(){const n=new x.Application,m=new D.Deferred,e={whenDef:m,when:()=>m.promise};return t.provide(L,{application:n,context:e}),{application:n,context:e}}function N(){const n=t.inject(L);if(!n)throw new Error("Pixi app not provided");return n}function I(n){const m=n.autoResize??!0,e=n.resize??v,{application:a,context:_}=N(),c=new x.Sprite;a.stage.addChild(c),t.watchEffect(()=>{c.visible=n.visible??!0}),t.watchEffect(()=>{n.label&&(c.label=n.label)}),m&&_.when().then(k=>{c.texture&&(h(),k.renderer.on("resize",h))});function h(){if(!a.renderer?.screen)return;const k=c.texture._meta;e({application:a,sprite:c,meta:k})}t.onBeforeUnmount(()=>{a.renderer.off("resize",h),a.stage.removeChild(c)});function v(){const k=a.screen.width/c.texture.width,s=a.screen.height/c.texture.height,T=Math.min(k,s);c.scale.set(T),c.x=(a.screen.width-c.width)/2,c.y=(a.screen.height-c.height)/2}return{sprite:c,resizeSprite:h,application:a}}const G=t.defineComponent({__name:"apng",props:{...E,url:{type:String,required:!0}},emits:$,setup(n,{emit:m}){const e=n,a=m,_=t.useId(),c=u=>`${_}-apng-frame-${u}`,{sprite:h,resizeSprite:v}=I(e),k=t.ref([]),s=t.ref(0),T=t.ref(!1),g=t.ref(""),l=new Map;let i=null,d=null,F=null;t.onMounted(()=>b(e.url));function C(u,w){return d||(d=document.createElement("canvas"),F=d.getContext("2d",{willReadFrequently:!0})),(d.width!==u||d.height!==w)&&(d.width=u,d.height=w),{canvas:d,ctx:F}}async function b(u){try{g.value="",T.value=!1,await S();const w=await fetch(u);if(!w.ok)throw new Error(`加载APNG失败: ${w.status}`);const A=await w.arrayBuffer(),P=ee(A);if(P instanceof Error)throw new TypeError(`APNG解析失败: ${P.message}`);const{canvas:B,ctx:q}=C(P.width,P.height),X=P.frames.map(async(M,U)=>{q.clearRect(0,0,B.width,B.height),await M.createImage();const J=M.imageElement;q.drawImage(J,M.left,M.top);const Q=q.getImageData(0,0,B.width,B.height),V=c(U);l.set(V,void 0),q.putImageData(Q,0,0);const Z=B.toDataURL();x.Assets.add({alias:V,src:Z});const j=await x.Assets.load(V);return l.set(V,j),U===0&&(h.texture=j,v()),V});k.value=await Promise.all(X),T.value=!0}catch(w){console.error("加载APNG失败:",w),g.value=w instanceof Error?w.message:"加载APNG失败",a("update:status",r.TickerStatus.stopped)}}function y(){i===null&&(i=window.setInterval(()=>{if(k.value.length===0||e.status!==r.TickerStatus.playing)return;const u=l.get(c(s.value));if(u){const w=s.value-1;w>=0&&!e.loop&&Promise.resolve().then(()=>D.sleep(500)).then(()=>{x.Assets.unload(c(w)),l.delete(c(w))}),h.texture=u,v(),s.value=e.loop?(s.value+1)%k.value.length:s.value+1}else e.loop||a("update:status",r.TickerStatus.paused)},1e3/e.frameRate))}function p(){!T.value||k.value.length<=1||(a("update:status",r.TickerStatus.playing),y())}function o(){i!==null&&(clearInterval(i),i=null),a("update:status",r.TickerStatus.paused)}function f(){i!==null&&(clearInterval(i),i=null),s.value=0;const u=l.get(c(0));u&&(h.texture=u,v()),a("update:status",r.TickerStatus.stopped)}async function S(){i!==null&&(clearInterval(i),i=null);const u=[];for(const[w,A]of l)A&&A!==x.Texture.EMPTY&&u.push(x.Assets.unload(w));await Promise.all(u),l.clear(),k.value=[],s.value=0,T.value=!1,g.value="",d&&(d.width=0,d.height=0)}return t.watchEffect(()=>{switch(e.status){case r.TickerStatus.play:p();break;case r.TickerStatus.pause:o();break;case r.TickerStatus.stop:f();break}}),t.onBeforeUnmount(async()=>{await S(),d=null,F=null}),(u,w)=>t.renderSlot(u.$slots,"default")}}),ne=t.defineComponent({__name:"bitmap-generator",props:{...O.pickObject(E,{excludes:["loop"]}),generator:{type:Object,required:!0}},emits:{"update:status":null,load:n=>n},setup(n,{emit:m}){const e=n,a=m,{sprite:_,resizeSprite:c,application:h}=I(e),v=new x.Texture({dynamic:!0});_.texture=v;function k(i){v.source.destroy();const d=new x.ImageSource({resource:i});v.source=d,v.update(),c()}a("load",{application:h,sprite:_}),t.watch(()=>e.status,i=>{i===r.TickerStatus.play&&T(),i===r.TickerStatus.pause&&g(),i===r.TickerStatus.stop&&l()},{immediate:!0});function s(){e.status===r.TickerStatus.playing&&e.generator.next().then(({value:i,done:d})=>{if(d)return a("update:status",r.TickerStatus.stopped);k(i)})}function T(){h.ticker.minFPS=e.frameRate,h.ticker.maxFPS=e.frameRate,a("update:status",r.TickerStatus.playing),h.ticker.add(s)}function g(){h.ticker.remove(s),a("update:status",r.TickerStatus.paused)}function l(){h.ticker.remove(s),a("update:status",r.TickerStatus.stopped)}return t.onBeforeUnmount(()=>{l(),v.destroy()}),(i,d)=>t.renderSlot(i.$slots,"default")}}),K=t.defineComponent({__name:"bitmap",props:{...O.pickObject(E,{excludes:["loop"]}),data:{type:void 0,required:!0},frameIndex:{type:Number}},emits:{...$,load:n=>n,"update:frameIndex":null,notFound:n=>!0},setup(n,{emit:m}){const e=n,a=m,{sprite:_,resizeSprite:c,application:h}=I(e),v=new x.Texture({dynamic:!0});_.texture=v;function k(o){v.source?.resource?.close(),v.source?.destroy();const f=new x.ImageSource({resource:o});v.source=f,v.update(),c()}a("load",{application:h,sprite:_});const s=z.useModelComputed({default:0,key:"frameIndex"},e,a),T=t.ref(-1);function g(o){o<=T.value||(T.value=o,D.sleep(0).then(()=>{a("setData",{k:o,v:null})}))}let l=null,i=0,d=0,F=0;function C(){if(l!==null)return;i=performance.now(),F=i,d=0;function o(){const S=performance.now(),u=1e3/e.frameRate,w=S-i;if(w>=u){i=S-w%u,f(),d++;const A=S-F;if(A>=1e3){const P=Math.round(d*1e3/A);console.log(`[Bitmap] FPS: ${P}`),d=0,F=S}}e.status===r.TickerStatus.playing?l=requestAnimationFrame(o):l=null}function f(){if(e.data.length===0||e.status!==r.TickerStatus.playing)return;const S=e.data[s.value];if(S){const u=s.value-1;u>=0&&g(u),k(S),s.value=s.value+1}else console.warn(`Bitmap for index ${s.value} not found. Ensure the data is loaded.`),a("notFound",s.value)}l=requestAnimationFrame(o)}t.watchEffect(()=>{e.prerender&&s.value===0&&e.data.length>0&&e.data[0]&&k(e.data[0])}),t.watch(()=>e.status,o=>{o===r.TickerStatus.play&&b(),o===r.TickerStatus.pause&&y(),o===r.TickerStatus.stop&&p()},{immediate:!0});function b(){e.data.length>0?(a("update:status",r.TickerStatus.playing),C()):a("update:status",r.TickerStatus.stopped)}function y(){a("update:status",r.TickerStatus.paused)}function p(){a("update:status",r.TickerStatus.stopped),l!==null&&(cancelAnimationFrame(l),l=null),a("update:data",[]),s.value=0,T.value=-1}return t.onBeforeUnmount(()=>{p(),v.destroy()}),(o,f)=>t.renderSlot(o.$slots,"default")}}),re=t.defineComponent({__name:"buffer-image",props:{...O.pickObject(E,{excludes:["loop"]}),data:{type:Array,required:!0},format:{type:String,default:"rgba8unorm"},frameIndex:{type:Number},height:{type:Number,required:!0},width:{type:Number,required:!0}},emits:{...$,load:n=>n,"update:frameIndex":null,notFound:n=>!0},setup(n,{emit:m}){const e=n,a=m,{sprite:_,resizeSprite:c,application:h}=I(e),v=new x.Texture({dynamic:!0});_.texture=v;function k(o){v.source?.destroy();const f=new x.BufferImageSource({resource:o,height:e.height,width:e.width,format:e.format});v.source=f,v.update(),c()}a("load",{application:h,sprite:_});const s=z.useModelComputed({default:0,key:"frameIndex"},e,a),T=t.ref(-1);function g(o){o<=T.value||(T.value=o,D.sleep(0).then(()=>{a("setData",{k:o,v:null})}))}let l=null,i=0,d=0,F=0;function C(){if(l!==null)return;i=performance.now(),F=i,d=0;function o(){const S=performance.now(),u=1e3/e.frameRate,w=S-i;if(w>=u){i=S-w%u,f(),d++;const A=S-F;if(A>=1e3){const P=Math.round(d*1e3/A);console.log(`[Bitmap] FPS: ${P}`),d=0,F=S}}e.status===r.TickerStatus.playing?l=requestAnimationFrame(o):l=null}function f(){if(e.data.length===0||e.status!==r.TickerStatus.playing)return;const S=e.data[s.value];if(S){const u=s.value-1;u>=0&&g(u),k(S),s.value=s.value+1}else console.warn(`Bitmap for index ${s.value} not found. Ensure the data is loaded.`),a("notFound",s.value)}l=requestAnimationFrame(o)}t.watchEffect(()=>{e.prerender&&s.value===0&&e.data.length>0&&e.data[0]&&k(e.data[0])}),t.watch(()=>e.status,o=>{o===r.TickerStatus.play&&b(),o===r.TickerStatus.pause&&y(),o===r.TickerStatus.stop&&p()},{immediate:!0});function b(){e.data.length>0?(a("update:status",r.TickerStatus.playing),C()):a("update:status",r.TickerStatus.stopped)}function y(){a("update:status",r.TickerStatus.paused)}function p(){a("update:status",r.TickerStatus.stopped),l!==null&&(cancelAnimationFrame(l),l=null),a("update:data",[]),s.value=0,T.value=-1}return t.onBeforeUnmount(()=>{p(),v.destroy()}),(o,f)=>t.renderSlot(o.$slots,"default")}}),se=t.defineComponent({__name:"core",props:{...E,data:{type:void 0,required:!0},frameIndex:{type:Number}},emits:{...$,load:n=>n,"update:frameIndex":null,notFound:n=>!0},setup(n,{emit:m}){const e=n,a=m,_=t.useId(),c=p=>`${_}-${p}`,{sprite:h,resizeSprite:v,application:k}=I(e),s=new Map,T=t.ref(0),g=t.computed(()=>e.data.slice(T.value));t.watchEffect(()=>{for(const p in g.value){const o=+p+T.value,f=`${_}-${o}`,S=typeof g.value[p]=="string"?g.value[p]:g.value[p]?.src;S&&(s.has(f)||(x.Assets.add({alias:f,src:S,loadParser:"loadTextures"}),s.set(f,void 0),x.Assets.load(f).then(u=>{u._meta=g.value[p],s.set(f,u),e.prerender&&o===0&&(h.texture=u,v())})))}}),a("load",{application:k,sprite:h});const l=z.useModelComputed({default:0,key:"frameIndex"},e,a);let i=null,d=0;function F(){if(i!==null)return;d=performance.now();function p(){const f=performance.now(),S=1e3/e.frameRate,u=f-d;u>=S&&(d=f-u%S,o()),e.status===r.TickerStatus.playing?i=requestAnimationFrame(p):i=null}function o(){if(e.data.length===0||e.status!==r.TickerStatus.playing)return;const f=s.get(c(l.value));if(f){const S=h.texture,u=l.value-1;S&&u>=0&&!e.loop&&Promise.resolve(D.sleep(500)).then(()=>x.Assets.unload(c(u))).then(()=>{s.set(c(u),void 0),a("setData",{k:u,v:""}),T.value=u}),h.texture=f,v(),l.value=e.loop?(l.value+1)%e.data.length:l.value+1}else console.warn(`Texture for index ${l.value} not found. Ensure the texture is loaded.`),a("notFound",l.value),e.loop||a("update:status",r.TickerStatus.paused)}i=requestAnimationFrame(p)}t.watch(()=>e.status,p=>{p===r.TickerStatus.play&&C(),p===r.TickerStatus.pause&&b(),p===r.TickerStatus.stop&&y()},{immediate:!0});function C(){e.data.length>0?(a("update:status",r.TickerStatus.playing),F()):a("update:status",r.TickerStatus.stopped)}function b(){a("update:status",r.TickerStatus.paused)}function y(){a("update:status",r.TickerStatus.stopped),i!==null&&(cancelAnimationFrame(i),i=null),a("update:data",[]),s.clear(),l.value=0}return t.onBeforeUnmount(()=>{Array.from(s.entries()).forEach(([o,f])=>{f&&x.Assets.unload(o)}),y()}),(p,o)=>t.renderSlot(p.$slots,"default")}}),H=t.defineComponent({__name:"provider",setup(n){return ae(),(m,e)=>t.renderSlot(m.$slots,"default")}}),Y=t.defineComponent({__name:"video",props:{...E,url:{type:String,required:!0}},emits:$,setup(n,{emit:m}){const e=n,a=m,_=t.useId(),c=()=>`${_}-video`,{sprite:h,resizeSprite:v}=I(e),k=t.ref(),s=t.computed(()=>{if(k.value?.source&&k.value.source.resource){const y=k.value.source.resource;if(y instanceof HTMLVideoElement)return y}return null}),T=z.useDeferred(),g=t.ref("");T.promise.then(()=>{e.status===r.TickerStatus.play&&F()}),t.watchEffect(()=>{s.value&&(s.value.loop=e.loop)}),t.onMounted(()=>l(e.url));async function l(y){try{g.value="";const p=c();x.Assets.cache.has(p)&&await x.Assets.unload(p),x.Assets.add({alias:p,src:y});const o=await x.Assets.load(p);return k.value=o,h.texture=o,s.value&&(s.value.loop=e.loop,s.value.muted=!0,s.value.crossOrigin="anonymous",i(s.value),T.resolve()),v(),o}catch(p){return console.error("加载视频纹理失败:",p),g.value="视频加载失败",null}}function i(y){y.addEventListener("play",()=>{e.status!==r.TickerStatus.playing&&a("update:status",r.TickerStatus.playing)}),y.addEventListener("pause",()=>{e.status!==r.TickerStatus.paused&&a("update:status",r.TickerStatus.paused)}),y.addEventListener("ended",()=>{e.loop?(y.currentTime=0,y.play()):a("update:status",r.TickerStatus.stopped)}),y.addEventListener("error",p=>{const o=y.error;let f="视频播放失败";if(o)switch(o.code){case o.MEDIA_ERR_ABORTED:f="视频播放被中止";break;case o.MEDIA_ERR_NETWORK:f="网络错误导致视频播放失败";break;case o.MEDIA_ERR_DECODE:f="视频解码失败";break;case o.MEDIA_ERR_SRC_NOT_SUPPORTED:f="不支持的视频格式";break}console.error("视频播放错误:",f,p),g.value=f,a("update:status",r.TickerStatus.stopped)})}async function d(){if(k.value){const y=c();k.value.destroy(!0),k.value=void 0,x.Assets.cache.has(y)&&await x.Assets.unload(y)}g.value=""}t.watchEffect(()=>{e.status===r.TickerStatus.play&&F(),e.status===r.TickerStatus.pause&&C(),e.status===r.TickerStatus.stop&&b()}),t.onBeforeUnmount(()=>{d()});function F(){s.value&&s.value.play().catch(y=>{console.error("视频播放失败:",y),g.value="视频播放失败"})}function C(){s.value?.pause()}function b(){s.value&&(s.value.pause(),s.value.currentTime=0),a("update:status",r.TickerStatus.stopped)}return(y,p)=>t.renderSlot(y.$slots,"default")}}),W=t.defineComponent({__name:"view",props:{defaultOptions:{type:Object,default:()=>({})}},setup(n){const m=n,{application:e,context:a}=N(),_=t.ref();return t.onMounted(async()=>{await e.init({resizeTo:_.value,...m.defaultOptions}),a.whenDef.resolve(e),_.value.appendChild(e.canvas)}),(c,h)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"appRef",ref:_,class:"vk-pixi-frame"},null,512))}}),oe=t.defineComponent({name:"VkPixiFrame",components:{ApngComp:G,ProviderComp:H,ViewComp:W,VideoComp:Y,Bitmap:K},props:E,emits:$,setup(n){const m=t.computed(()=>{if(!n.url)return!1;const a=n.url.toLowerCase();return a.includes(".png")&&!a.includes(".mp4")&&!a.includes(".webm")}),e=t.computed(()=>{if(!n.url)return!1;const a=n.url.toLowerCase();return a.includes(".mp4")||a.includes(".webm")||a.includes(".mov")});return{isApng:m,isVideo:e}}});function ue(n,m,e,a,_,c){const h=t.resolveComponent("ViewComp"),v=t.resolveComponent("ApngComp"),k=t.resolveComponent("VideoComp"),s=t.resolveComponent("Bitmap"),T=t.resolveComponent("ProviderComp");return t.openBlock(),t.createBlock(T,null,{default:t.withCtx(()=>[t.createVNode(h),n.isApng&&n.url?(t.openBlock(),t.createBlock(v,{key:0,url:n.url,loop:n.loop,status:n.status,"onUpdate:status":m[0]||(m[0]=g=>n.$emit("update:status",g))},null,8,["url","loop","status"])):n.isVideo&&n.url?(t.openBlock(),t.createBlock(k,{key:1,url:n.url,loop:n.loop,status:n.status,"onUpdate:status":m[1]||(m[1]=g=>n.$emit("update:status",g))},null,8,["url","loop","status"])):(t.openBlock(),t.createBlock(s,{key:2,data:n.data,loop:n.loop,status:n.status,onSetData:m[2]||(m[2]=g=>n.$emit("setData",g)),"onUpdate:status":m[3]||(m[3]=g=>n.$emit("update:status",g))},null,8,["data","loop","status"]))]),_:1})}const R=te._export_sfc(oe,[["render",ue]]),ie=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));R.install=n=>{n.component(R.name||"VkPixiFrame",R)};Object.defineProperty(exports,"TickerStatus",{enumerable:!0,get:()=>r.TickerStatus});exports.VkPixiFrame=R;exports.VkPixiFrameApng=G;exports.VkPixiFrameBitmap=K;exports.VkPixiFrameBitmapGenerator=ne;exports.VkPixiFrameBufferImage=re;exports.VkPixiFrameCore=se;exports.VkPixiFrameProvider=H;exports.VkPixiFrameVideo=Y;exports.VkPixiFrameView=W;exports.__VkPixiFrame=ie;exports.default=R;exports.usePixiApp=N;exports.useSprite=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),m=require("@vunk/shared/enum"),j=require("@vunk/shared/promise"),I=require("pixi.js"),W=require("@vunk/shared/object"),H=require("@vunk/core/composables"),ae=require("../_plugin-vue_export-helper-BHFhmbuH.js");function se(l){return l&&l.__esModule&&Object.prototype.hasOwnProperty.call(l,"default")?l.default:l}var z={exports:{}},ie=z.exports,X;function ue(){return X||(X=1,(function(l,S){(function(r,f){l.exports=f()})(ie,function(){return(function(t){var r={};function f(c){if(r[c])return r[c].exports;var g=r[c]={exports:{},id:c,loaded:!1};return t[c].call(g.exports,g,g.exports,f),g.loaded=!0,g.exports}return f.m=t,f.c=r,f.p="",f(0)})([(function(t,r,f){Object.defineProperty(r,"__esModule",{value:!0}),r.isNotPNG=a,r.isNotAPNG=u,r.default=s;var c=f(1),g=w(c),y=f(2);function w(d){return d&&d.__esModule?d:{default:d}}var e=new Error("Not a PNG"),n=new Error("Not an animated PNG");function a(d){return d===e}function u(d){return d===n}var i=new Uint8Array([137,80,78,71,13,10,26,10]);function s(d){var _=new Uint8Array(d);if(Array.prototype.some.call(i,function(L,C){return L!==_[C]}))return e;var p=!1;if(b(_,function(L){return!(p=L==="acTL")}),!p)return n;var x=[],E=[],N=null,F=null,O=0,R=new y.APNG;if(b(_,function(L,C,A,U){var D=new DataView(C.buffer);switch(L){case"IHDR":N=C.subarray(A+8,A+8+U),R.width=D.getUint32(A+8),R.height=D.getUint32(A+12);break;case"acTL":R.numPlays=D.getUint32(A+8+4);break;case"fcTL":F&&(R.frames.push(F),O++),F=new y.Frame,F.width=D.getUint32(A+8+4),F.height=D.getUint32(A+8+8),F.left=D.getUint32(A+8+12),F.top=D.getUint32(A+8+16);var ne=D.getUint16(A+8+20),K=D.getUint16(A+8+22);K===0&&(K=100),F.delay=1e3*ne/K,F.delay<=10&&(F.delay=100),R.playTime+=F.delay,F.disposeOp=D.getUint8(A+8+24),F.blendOp=D.getUint8(A+8+25),F.dataParts=[],O===0&&F.disposeOp===2&&(F.disposeOp=1);break;case"fdAT":F&&F.dataParts.push(C.subarray(A+8+4,A+8+U));break;case"IDAT":F&&F.dataParts.push(C.subarray(A+8,A+8+U));break;case"IEND":E.push(k(C,A,12+U));break;default:x.push(k(C,A,12+U))}}),F&&R.frames.push(F),R.frames.length==0)return n;var V=new Blob(x),G=new Blob(E);return R.frames.forEach(function(L){var C=[];C.push(i),N.set(h(L.width),0),N.set(h(L.height),4),C.push(T("IHDR",N)),C.push(V),L.dataParts.forEach(function(A){return C.push(T("IDAT",A))}),C.push(G),L.imageData=new Blob(C,{type:"image/png"}),delete L.dataParts,C=null}),R}function b(d,_){var p=new DataView(d.buffer),x=8,E=void 0,N=void 0,F=void 0;do N=p.getUint32(x),E=v(d,x+4,4),F=_(E,d,x,N),x+=12+N;while(F!==!1&&E!="IEND"&&x<d.length)}function v(d,_,p){var x=Array.prototype.slice.call(d.subarray(_,_+p));return String.fromCharCode.apply(String,x)}function P(d){for(var _=new Uint8Array(d.length),p=0;p<d.length;p++)_[p]=d.charCodeAt(p);return _}function k(d,_,p){var x=new Uint8Array(p);return x.set(d.subarray(_,_+p)),x}var T=function(_,p){var x=_.length+p.length,E=new Uint8Array(x+8),N=new DataView(E.buffer);N.setUint32(0,p.length),E.set(P(_),4),E.set(p,8);var F=(0,g.default)(E,4,x);return N.setUint32(x+4,F),E},h=function(_){return new Uint8Array([_>>>24&255,_>>>16&255,_>>>8&255,_&255])}}),(function(t,r){Object.defineProperty(r,"__esModule",{value:!0}),r.default=function(w){for(var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:0,n=arguments.length>2&&arguments[2]!==void 0?arguments[2]:w.length-e,a=-1,u=e,i=e+n;u<i;u++)a=a>>>8^f[(a^w[u])&255];return a^-1};for(var f=new Uint32Array(256),c=0;c<256;c++){for(var g=c,y=0;y<8;y++)g=(g&1)!==0?3988292384^g>>>1:g>>>1;f[c]=g}}),(function(t,r,f){Object.defineProperty(r,"__esModule",{value:!0}),r.Frame=r.APNG=void 0;var c=(function(){function n(a,u){for(var i=0;i<u.length;i++){var s=u[i];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(a,s.key,s)}}return function(a,u,i){return u&&n(a.prototype,u),i&&n(a,i),a}})(),g=f(3),y=w(g);function w(n){return n&&n.__esModule?n:{default:n}}function e(n,a){if(!(n instanceof a))throw new TypeError("Cannot call a class as a function")}r.APNG=(function(){function n(){e(this,n),this.width=0,this.height=0,this.numPlays=0,this.playTime=0,this.frames=[]}return c(n,[{key:"createImages",value:function(){return Promise.all(this.frames.map(function(u){return u.createImage()}))}},{key:"getPlayer",value:function(u){var i=this,s=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return this.createImages().then(function(){return new y.default(i,u,s)})}}]),n})(),r.Frame=(function(){function n(){e(this,n),this.left=0,this.top=0,this.width=0,this.height=0,this.delay=0,this.disposeOp=0,this.blendOp=0,this.imageData=null,this.imageElement=null}return c(n,[{key:"createImage",value:function(){var u=this;return this.imageElement?Promise.resolve():new Promise(function(i,s){var b=URL.createObjectURL(u.imageData);u.imageElement=document.createElement("img"),u.imageElement.onload=function(){URL.revokeObjectURL(b),i()},u.imageElement.onerror=function(){URL.revokeObjectURL(b),u.imageElement=null,s(new Error("Image creation error"))},u.imageElement.src=b})}}]),n})()}),(function(t,r,f){Object.defineProperty(r,"__esModule",{value:!0});var c=(function(){function i(s,b){for(var v=0;v<b.length;v++){var P=b[v];P.enumerable=P.enumerable||!1,P.configurable=!0,"value"in P&&(P.writable=!0),Object.defineProperty(s,P.key,P)}}return function(s,b,v){return b&&i(s.prototype,b),v&&i(s,v),s}})(),g=f(4),y=w(g);function w(i){return i&&i.__esModule?i:{default:i}}function e(i,s){if(!(i instanceof s))throw new TypeError("Cannot call a class as a function")}function n(i,s){if(!i)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return s&&(typeof s=="object"||typeof s=="function")?s:i}function a(i,s){if(typeof s!="function"&&s!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof s);i.prototype=Object.create(s&&s.prototype,{constructor:{value:i,enumerable:!1,writable:!0,configurable:!0}}),s&&(Object.setPrototypeOf?Object.setPrototypeOf(i,s):i.__proto__=s)}var u=(function(i){a(s,i);function s(b,v,P){e(this,s);var k=n(this,(s.__proto__||Object.getPrototypeOf(s)).call(this));return k.playbackRate=1,k._currentFrameNumber=0,k._ended=!1,k._paused=!0,k._numPlays=0,k._rafId=null,k._apng=b,k.context=v,k.stop(),P&&k.play(),k}return c(s,[{key:"renderNextFrame",value:function(){this._currentFrameNumber=(this._currentFrameNumber+1)%this._apng.frames.length,this._currentFrameNumber===this._apng.frames.length-1&&(this._numPlays++,this._apng.numPlays!==0&&this._numPlays>=this._apng.numPlays&&(this._ended=!0,this._paused=!0)),this._prevFrame&&this._prevFrame.disposeOp==1?this.context.clearRect(this._prevFrame.left,this._prevFrame.top,this._prevFrame.width,this._prevFrame.height):this._prevFrame&&this._prevFrame.disposeOp==2&&this.context.putImageData(this._prevFrameData,this._prevFrame.left,this._prevFrame.top);var v=this.currentFrame;this._prevFrame=v,this._prevFrameData=null,v.disposeOp==2&&(this._prevFrameData=this.context.getImageData(v.left,v.top,v.width,v.height)),v.blendOp==0&&this.context.clearRect(v.left,v.top,v.width,v.height),this.context.drawImage(v.imageElement,v.left,v.top),this.emit("frame",this._currentFrameNumber),this._ended&&this.emit("end")}},{key:"play",value:function(){var v=this;this._rafId&&cancelAnimationFrame(this._rafId),this.emit("play"),this._ended&&this.stop(),this._paused=!1;var P=performance.now()+this.currentFrame.delay/this.playbackRate,k=function T(h){if(!(v._ended||v._paused)){if(h>=P){for(;h-P>=v._apng.playTime/v.playbackRate;)P+=v._apng.playTime/v.playbackRate,v._numPlays++;do v.renderNextFrame(),P+=v.currentFrame.delay/v.playbackRate;while(!v._ended&&!v._paused&&h>P)}v._rafId=requestAnimationFrame(T)}};this._rafId=requestAnimationFrame(k)}},{key:"pause",value:function(){this._paused||(this._rafId&&(cancelAnimationFrame(this._rafId),this._rafId=null),this.emit("pause"),this._paused=!0)}},{key:"stop",value:function(){this._rafId&&(cancelAnimationFrame(this._rafId),this._rafId=null),this.emit("stop"),this._numPlays=0,this._ended=!1,this._paused=!0,this._currentFrameNumber=-1,this.context.clearRect(0,0,this._apng.width,this._apng.height),this.renderNextFrame()}},{key:"currentFrameNumber",get:function(){return this._currentFrameNumber}},{key:"currentFrame",get:function(){return this._apng.frames[this._currentFrameNumber]}},{key:"paused",get:function(){return this._paused}},{key:"ended",get:function(){return this._ended}}]),s})(y.default);r.default=u}),(function(t,r){function f(){this._events=this._events||{},this._maxListeners=this._maxListeners||void 0}t.exports=f,f.EventEmitter=f,f.prototype._events=void 0,f.prototype._maxListeners=void 0,f.defaultMaxListeners=10,f.prototype.setMaxListeners=function(e){if(!g(e)||e<0||isNaN(e))throw TypeError("n must be a positive number");return this._maxListeners=e,this},f.prototype.emit=function(e){var n,a,u,i,s,b;if(this._events||(this._events={}),e==="error"&&(!this._events.error||y(this._events.error)&&!this._events.error.length)){if(n=arguments[1],n instanceof Error)throw n;var v=new Error('Uncaught, unspecified "error" event. ('+n+")");throw v.context=n,v}if(a=this._events[e],w(a))return!1;if(c(a))switch(arguments.length){case 1:a.call(this);break;case 2:a.call(this,arguments[1]);break;case 3:a.call(this,arguments[1],arguments[2]);break;default:i=Array.prototype.slice.call(arguments,1),a.apply(this,i)}else if(y(a))for(i=Array.prototype.slice.call(arguments,1),b=a.slice(),u=b.length,s=0;s<u;s++)b[s].apply(this,i);return!0},f.prototype.addListener=function(e,n){var a;if(!c(n))throw TypeError("listener must be a function");return this._events||(this._events={}),this._events.newListener&&this.emit("newListener",e,c(n.listener)?n.listener:n),this._events[e]?y(this._events[e])?this._events[e].push(n):this._events[e]=[this._events[e],n]:this._events[e]=n,y(this._events[e])&&!this._events[e].warned&&(w(this._maxListeners)?a=f.defaultMaxListeners:a=this._maxListeners,a&&a>0&&this._events[e].length>a&&(this._events[e].warned=!0,console.error("(node) warning: possible EventEmitter memory leak detected. %d listeners added. Use emitter.setMaxListeners() to increase limit.",this._events[e].length),typeof console.trace=="function"&&console.trace())),this},f.prototype.on=f.prototype.addListener,f.prototype.once=function(e,n){if(!c(n))throw TypeError("listener must be a function");var a=!1;function u(){this.removeListener(e,u),a||(a=!0,n.apply(this,arguments))}return u.listener=n,this.on(e,u),this},f.prototype.removeListener=function(e,n){var a,u,i,s;if(!c(n))throw TypeError("listener must be a function");if(!this._events||!this._events[e])return this;if(a=this._events[e],i=a.length,u=-1,a===n||c(a.listener)&&a.listener===n)delete this._events[e],this._events.removeListener&&this.emit("removeListener",e,n);else if(y(a)){for(s=i;s-- >0;)if(a[s]===n||a[s].listener&&a[s].listener===n){u=s;break}if(u<0)return this;a.length===1?(a.length=0,delete this._events[e]):a.splice(u,1),this._events.removeListener&&this.emit("removeListener",e,n)}return this},f.prototype.removeAllListeners=function(e){var n,a;if(!this._events)return this;if(!this._events.removeListener)return arguments.length===0?this._events={}:this._events[e]&&delete this._events[e],this;if(arguments.length===0){for(n in this._events)n!=="removeListener"&&this.removeAllListeners(n);return this.removeAllListeners("removeListener"),this._events={},this}if(a=this._events[e],c(a))this.removeListener(e,a);else if(a)for(;a.length;)this.removeListener(e,a[a.length-1]);return delete this._events[e],this},f.prototype.listeners=function(e){var n;return!this._events||!this._events[e]?n=[]:c(this._events[e])?n=[this._events[e]]:n=this._events[e].slice(),n},f.prototype.listenerCount=function(e){if(this._events){var n=this._events[e];if(c(n))return 1;if(n)return n.length}return 0},f.listenerCount=function(e,n){return e.listenerCount(n)};function c(e){return typeof e=="function"}function g(e){return typeof e=="number"}function y(e){return typeof e=="object"&&e!==null}function w(e){return e===void 0}})])})})(z)),z.exports}var oe=ue();const le=se(oe),B={url:{type:String,requierd:!1},data:{type:Array,default:()=>[]},loop:{type:Boolean,default:!1},status:{type:String,default:m.TickerStatus.pending},frameRate:{type:Number,default:25},label:{type:String,default:""},resize:{type:Function,default:void 0},prerender:{type:Boolean,default:!1},visible:{type:Boolean,default:!0}},$={"update:status":null,"update:data":null,setData:null},J=Symbol("appInjectKey");function ce(){const l=new I.Application,S=new j.Deferred,t={whenDef:S,when:()=>S.promise};return o.provide(J,{application:l,context:t}),{application:l,context:t}}function Y(){const l=o.inject(J);if(!l)throw new Error("Pixi app not provided");return l}function M(l){const S=l.autoResize??!0,t=l.resize??y,{application:r,context:f}=Y(),c=new I.Sprite;r.stage.addChild(c),o.watchEffect(()=>{c.visible=l.visible??!0}),o.watchEffect(()=>{l.label&&(c.label=l.label)}),S&&f.when().then(w=>{c.texture&&(g(),w.renderer.on("resize",g))});function g(){if(!r.renderer?.screen)return;const w=c.texture._meta;t({application:r,sprite:c,meta:w})}o.onBeforeUnmount(()=>{r.renderer.off("resize",g),r.stage.removeChild(c)});function y(){const w=r.screen.width/c.texture.width,e=r.screen.height/c.texture.height,n=Math.min(w,e);c.scale.set(n),c.x=(r.screen.width-c.width)/2,c.y=(r.screen.height-c.height)/2}return{sprite:c,resizeSprite:g,application:r}}const Q=o.defineComponent({__name:"apng",props:{...B,url:{type:String,required:!0}},emits:$,setup(l,{emit:S}){const t=l,r=S,f=o.useId(),c=p=>`${f}-apng-frame-${p}`,{sprite:g,resizeSprite:y}=M(t),w=o.ref([]),e=o.ref(0),n=o.ref(!1),a=o.ref(""),u=new Map;let i=null,s=null,b=null;o.onMounted(()=>P(t.url));function v(p,x){return s||(s=document.createElement("canvas"),b=s.getContext("2d",{willReadFrequently:!0})),(s.width!==p||s.height!==x)&&(s.width=p,s.height=x),{canvas:s,ctx:b}}async function P(p){try{a.value="",n.value=!1,await _();const x=await fetch(p);if(!x.ok)throw new Error(`加载APNG失败: ${x.status}`);const E=await x.arrayBuffer(),N=le(E);if(N instanceof Error)throw new TypeError(`APNG解析失败: ${N.message}`);const{canvas:F,ctx:O}=v(N.width,N.height),R=N.frames.map(async(V,G)=>{O.clearRect(0,0,F.width,F.height),await V.createImage();const L=V.imageElement;O.drawImage(L,V.left,V.top);const C=O.getImageData(0,0,F.width,F.height),A=c(G);u.set(A,void 0),O.putImageData(C,0,0);const U=F.toDataURL();I.Assets.add({alias:A,src:U});const D=await I.Assets.load(A);return u.set(A,D),G===0&&(g.texture=D,y()),A});w.value=await Promise.all(R),n.value=!0}catch(x){console.error("加载APNG失败:",x),a.value=x instanceof Error?x.message:"加载APNG失败",r("update:status",m.TickerStatus.stopped)}}function k(){i===null&&(i=window.setInterval(()=>{if(w.value.length===0||t.status!==m.TickerStatus.playing)return;const p=u.get(c(e.value));if(p){const x=e.value-1;x>=0&&!t.loop&&Promise.resolve().then(()=>j.sleep(500)).then(()=>{I.Assets.unload(c(x)),u.delete(c(x))}),g.texture=p,y(),e.value=t.loop?(e.value+1)%w.value.length:e.value+1}else t.loop||r("update:status",m.TickerStatus.paused)},1e3/t.frameRate))}function T(){!n.value||w.value.length<=1||(r("update:status",m.TickerStatus.playing),k())}function h(){i!==null&&(clearInterval(i),i=null),r("update:status",m.TickerStatus.paused)}function d(){i!==null&&(clearInterval(i),i=null),e.value=0;const p=u.get(c(0));p&&(g.texture=p,y()),r("update:status",m.TickerStatus.stopped)}async function _(){i!==null&&(clearInterval(i),i=null);const p=[];for(const[x,E]of u)E&&E!==I.Texture.EMPTY&&p.push(I.Assets.unload(x));await Promise.all(p),u.clear(),w.value=[],e.value=0,n.value=!1,a.value="",s&&(s.width=0,s.height=0)}return o.watchEffect(()=>{switch(t.status){case m.TickerStatus.play:T();break;case m.TickerStatus.pause:h();break;case m.TickerStatus.stop:d();break}}),o.onBeforeUnmount(async()=>{await _(),s=null,b=null}),(p,x)=>o.renderSlot(p.$slots,"default")}}),pe=o.defineComponent({__name:"bitmap-generator",props:{...W.pickObject(B,{excludes:["loop"]}),generator:{type:Object,required:!0}},emits:{"update:status":null,load:l=>l},setup(l,{emit:S}){const t=l,r=S,{sprite:f,resizeSprite:c,application:g}=M(t),y=new I.Texture({dynamic:!0});f.texture=y;function w(i){y.source.destroy();const s=new I.ImageSource({resource:i});y.source=s,y.update(),c()}r("load",{application:g,sprite:f}),o.watch(()=>t.status,i=>{i===m.TickerStatus.play&&n(),i===m.TickerStatus.pause&&a(),i===m.TickerStatus.stop&&u()},{immediate:!0});function e(){t.status===m.TickerStatus.playing&&t.generator.next().then(({value:i,done:s})=>{if(s)return r("update:status",m.TickerStatus.stopped);w(i)})}function n(){g.ticker.minFPS=t.frameRate,g.ticker.maxFPS=t.frameRate,r("update:status",m.TickerStatus.playing),g.ticker.add(e)}function a(){g.ticker.remove(e),r("update:status",m.TickerStatus.paused)}function u(){g.ticker.remove(e),r("update:status",m.TickerStatus.stopped)}return o.onBeforeUnmount(()=>{u(),y.destroy()}),(i,s)=>o.renderSlot(i.$slots,"default")}}),Z=o.defineComponent({__name:"bitmap",props:{...W.pickObject(B,{excludes:["loop"]}),data:{type:void 0,required:!0},frameIndex:{type:Number}},emits:{...$,load:l=>l,"update:frameIndex":null,notFound:l=>!0},setup(l,{emit:S}){const t=l,r=S,{sprite:f,resizeSprite:c,application:g}=M(t),y=new I.Texture({dynamic:!0});f.texture=y;function w(h){y.source?.resource?.close(),y.source?.destroy();const d=new I.ImageSource({resource:h});y.source=d,y.update(),c()}r("load",{application:g,sprite:f});const e=H.useModelComputed({default:0,key:"frameIndex"},t,r),n=o.ref(-1);function a(h){h<=n.value||(n.value=h,j.sleep(0).then(()=>{r("setData",{k:h,v:null})}))}let u=null,i=0,s=0,b=0;function v(){if(u!==null)return;i=performance.now(),b=i,s=0;function h(){const _=performance.now(),p=1e3/t.frameRate,x=_-i;if(x>=p){i=_-x%p,d(),s++;const E=_-b;if(E>=1e3){const N=Math.round(s*1e3/E);console.log(`[Bitmap] FPS: ${N}`),s=0,b=_}}t.status===m.TickerStatus.playing?u=requestAnimationFrame(h):u=null}function d(){if(t.data.length===0||t.status!==m.TickerStatus.playing)return;const _=t.data[e.value];if(_){const p=e.value-1;p>=0&&a(p),w(_),e.value=e.value+1}else console.warn(`Bitmap for index ${e.value} not found. Ensure the data is loaded.`),r("notFound",e.value)}u=requestAnimationFrame(h)}o.watchEffect(()=>{t.prerender&&e.value===0&&t.data.length>0&&t.data[0]&&w(t.data[0])}),o.watch(()=>t.status,h=>{h===m.TickerStatus.play&&P(),h===m.TickerStatus.pause&&k(),h===m.TickerStatus.stop&&T()},{immediate:!0});function P(){t.data.length>0?(r("update:status",m.TickerStatus.playing),v()):r("update:status",m.TickerStatus.stopped)}function k(){r("update:status",m.TickerStatus.paused)}function T(){r("update:status",m.TickerStatus.stopped),u!==null&&(cancelAnimationFrame(u),u=null),r("update:data",[]),e.value=0,n.value=-1}return o.onBeforeUnmount(()=>{T(),y.destroy()}),(h,d)=>o.renderSlot(h.$slots,"default")}}),fe=o.defineComponent({__name:"buffer-image",props:{...W.pickObject(B,{excludes:["loop"]}),data:{type:Array,required:!0},format:{type:String,default:"rgba8unorm"},frameIndex:{type:Number},height:{type:Number,required:!0},width:{type:Number,required:!0}},emits:{...$,load:l=>l,"update:frameIndex":null,notFound:l=>!0},setup(l,{emit:S}){const t=l,r=S,{sprite:f,resizeSprite:c,application:g}=M(t),y=new I.Texture({dynamic:!0});f.texture=y;function w(h){y.source?.destroy();const d=new I.BufferImageSource({resource:h,height:t.height,width:t.width,format:t.format});y.source=d,y.update(),c()}r("load",{application:g,sprite:f});const e=H.useModelComputed({default:0,key:"frameIndex"},t,r),n=o.ref(-1);function a(h){h<=n.value||(n.value=h,j.sleep(0).then(()=>{r("setData",{k:h,v:null})}))}let u=null,i=0,s=0,b=0;function v(){if(u!==null)return;i=performance.now(),b=i,s=0;function h(){const _=performance.now(),p=1e3/t.frameRate,x=_-i;if(x>=p){i=_-x%p,d(),s++;const E=_-b;if(E>=1e3){const N=Math.round(s*1e3/E);console.log(`[Bitmap] FPS: ${N}`),s=0,b=_}}t.status===m.TickerStatus.playing?u=requestAnimationFrame(h):u=null}function d(){if(t.data.length===0||t.status!==m.TickerStatus.playing)return;const _=t.data[e.value];if(_){const p=e.value-1;p>=0&&a(p),w(_),e.value=e.value+1}else console.warn(`Bitmap for index ${e.value} not found. Ensure the data is loaded.`),r("notFound",e.value)}u=requestAnimationFrame(h)}o.watchEffect(()=>{t.prerender&&e.value===0&&t.data.length>0&&t.data[0]&&w(t.data[0])}),o.watch(()=>t.status,h=>{h===m.TickerStatus.play&&P(),h===m.TickerStatus.pause&&k(),h===m.TickerStatus.stop&&T()},{immediate:!0});function P(){t.data.length>0?(r("update:status",m.TickerStatus.playing),v()):r("update:status",m.TickerStatus.stopped)}function k(){r("update:status",m.TickerStatus.paused)}function T(){r("update:status",m.TickerStatus.stopped),u!==null&&(cancelAnimationFrame(u),u=null),r("update:data",[]),e.value=0,n.value=-1}return o.onBeforeUnmount(()=>{T(),y.destroy()}),(h,d)=>o.renderSlot(h.$slots,"default")}}),de=o.defineComponent({__name:"core",props:{...B,data:{type:void 0,required:!0},frameIndex:{type:Number}},emits:{...$,load:l=>l,"update:frameIndex":null,notFound:l=>!0},setup(l,{emit:S}){const t=l,r=S,f=o.useId(),c=T=>`${f}-${T}`,{sprite:g,resizeSprite:y,application:w}=M(t),e=new Map,n=o.ref(0),a=o.computed(()=>t.data.slice(n.value));o.watchEffect(()=>{for(const T in a.value){const h=+T+n.value,d=`${f}-${h}`,_=typeof a.value[T]=="string"?a.value[T]:a.value[T]?.src;_&&(e.has(d)||(I.Assets.add({alias:d,src:_,loadParser:"loadTextures"}),e.set(d,void 0),I.Assets.load(d).then(p=>{p._meta=a.value[T],e.set(d,p),t.prerender&&h===0&&(g.texture=p,y())})))}}),r("load",{application:w,sprite:g});const u=H.useModelComputed({default:0,key:"frameIndex"},t,r);let i=null,s=0;function b(){if(i!==null)return;s=performance.now();function T(){const d=performance.now(),_=1e3/t.frameRate,p=d-s;p>=_&&(s=d-p%_,h()),t.status===m.TickerStatus.playing?i=requestAnimationFrame(T):i=null}function h(){if(t.data.length===0||t.status!==m.TickerStatus.playing)return;const d=e.get(c(u.value));if(d){const _=g.texture,p=u.value-1;_&&p>=0&&!t.loop&&Promise.resolve(j.sleep(500)).then(()=>I.Assets.unload(c(p))).then(()=>{e.set(c(p),void 0),r("setData",{k:p,v:""}),n.value=p}),g.texture=d,y(),u.value=t.loop?(u.value+1)%t.data.length:u.value+1}else console.warn(`Texture for index ${u.value} not found. Ensure the texture is loaded.`),r("notFound",u.value),t.loop||r("update:status",m.TickerStatus.paused)}i=requestAnimationFrame(T)}o.watch(()=>t.status,T=>{T===m.TickerStatus.play&&v(),T===m.TickerStatus.pause&&P(),T===m.TickerStatus.stop&&k()},{immediate:!0});function v(){t.data.length>0?(r("update:status",m.TickerStatus.playing),b()):r("update:status",m.TickerStatus.stopped)}function P(){r("update:status",m.TickerStatus.paused)}function k(){r("update:status",m.TickerStatus.stopped),i!==null&&(cancelAnimationFrame(i),i=null),r("update:data",[]),e.clear(),u.value=0}return o.onBeforeUnmount(()=>{Array.from(e.entries()).forEach(([h,d])=>{d&&I.Assets.unload(h)}),k()}),(T,h)=>o.renderSlot(T.$slots,"default")}}),ee=o.defineComponent({__name:"provider",setup(l){return ce(),(S,t)=>o.renderSlot(S.$slots,"default")}}),te=o.defineComponent({__name:"video",props:{...B,url:{type:String,required:!0}},emits:$,setup(l,{emit:S}){const t=l,r=S,f=o.useId(),c=()=>`${f}-video`,{sprite:g,resizeSprite:y}=M(t),w=o.ref(),e=o.computed(()=>{if(w.value?.source&&w.value.source.resource){const k=w.value.source.resource;if(k instanceof HTMLVideoElement)return k}return null}),n=H.useDeferred(),a=o.ref("");n.promise.then(()=>{t.status===m.TickerStatus.play&&b()}),o.watchEffect(()=>{e.value&&(e.value.loop=t.loop)}),o.onMounted(()=>u(t.url));async function u(k){try{a.value="";const T=c();I.Assets.cache.has(T)&&await I.Assets.unload(T),I.Assets.add({alias:T,src:k});const h=await I.Assets.load(T);return w.value=h,g.texture=h,e.value&&(e.value.loop=t.loop,e.value.muted=!0,e.value.crossOrigin="anonymous",i(e.value),n.resolve()),y(),h}catch(T){return console.error("加载视频纹理失败:",T),a.value="视频加载失败",null}}function i(k){k.addEventListener("play",()=>{t.status!==m.TickerStatus.playing&&r("update:status",m.TickerStatus.playing)}),k.addEventListener("pause",()=>{t.status!==m.TickerStatus.paused&&r("update:status",m.TickerStatus.paused)}),k.addEventListener("ended",()=>{t.loop?(k.currentTime=0,k.play()):r("update:status",m.TickerStatus.stopped)}),k.addEventListener("error",T=>{const h=k.error;let d="视频播放失败";if(h)switch(h.code){case h.MEDIA_ERR_ABORTED:d="视频播放被中止";break;case h.MEDIA_ERR_NETWORK:d="网络错误导致视频播放失败";break;case h.MEDIA_ERR_DECODE:d="视频解码失败";break;case h.MEDIA_ERR_SRC_NOT_SUPPORTED:d="不支持的视频格式";break}console.error("视频播放错误:",d,T),a.value=d,r("update:status",m.TickerStatus.stopped)})}async function s(){if(w.value){const k=c();w.value.destroy(!0),w.value=void 0,I.Assets.cache.has(k)&&await I.Assets.unload(k)}a.value=""}o.watchEffect(()=>{t.status===m.TickerStatus.play&&b(),t.status===m.TickerStatus.pause&&v(),t.status===m.TickerStatus.stop&&P()}),o.onBeforeUnmount(()=>{s()});function b(){e.value&&e.value.play().catch(k=>{console.error("视频播放失败:",k),a.value="视频播放失败"})}function v(){e.value?.pause()}function P(){e.value&&(e.value.pause(),e.value.currentTime=0),r("update:status",m.TickerStatus.stopped)}return(k,T)=>o.renderSlot(k.$slots,"default")}}),re=o.defineComponent({__name:"view",props:{defaultOptions:{type:Object,default:()=>({})}},setup(l){const S=l,{application:t,context:r}=Y(),f=o.ref();return o.onMounted(async()=>{await t.init({resizeTo:f.value,...S.defaultOptions}),r.whenDef.resolve(t),f.value.appendChild(t.canvas)}),(c,g)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"appRef",ref:f,class:"vk-pixi-frame"},null,512))}}),me=o.defineComponent({name:"VkPixiFrame",components:{ApngComp:Q,ProviderComp:ee,ViewComp:re,VideoComp:te,Bitmap:Z},props:B,emits:$,setup(l){const S=o.computed(()=>{if(!l.url)return!1;const r=l.url.toLowerCase();return r.includes(".png")&&!r.includes(".mp4")&&!r.includes(".webm")}),t=o.computed(()=>{if(!l.url)return!1;const r=l.url.toLowerCase();return r.includes(".mp4")||r.includes(".webm")||r.includes(".mov")});return{isApng:S,isVideo:t}}});function he(l,S,t,r,f,c){const g=o.resolveComponent("ViewComp"),y=o.resolveComponent("ApngComp"),w=o.resolveComponent("VideoComp"),e=o.resolveComponent("Bitmap"),n=o.resolveComponent("ProviderComp");return o.openBlock(),o.createBlock(n,null,{default:o.withCtx(()=>[o.createVNode(g),l.isApng&&l.url?(o.openBlock(),o.createBlock(y,{key:0,url:l.url,loop:l.loop,status:l.status,"onUpdate:status":S[0]||(S[0]=a=>l.$emit("update:status",a))},null,8,["url","loop","status"])):l.isVideo&&l.url?(o.openBlock(),o.createBlock(w,{key:1,url:l.url,loop:l.loop,status:l.status,"onUpdate:status":S[1]||(S[1]=a=>l.$emit("update:status",a))},null,8,["url","loop","status"])):(o.openBlock(),o.createBlock(e,{key:2,data:l.data,loop:l.loop,status:l.status,onSetData:S[2]||(S[2]=a=>l.$emit("setData",a)),"onUpdate:status":S[3]||(S[3]=a=>l.$emit("update:status",a))},null,8,["data","loop","status"]))]),_:1})}const q=ae._export_sfc(me,[["render",he]]),ve=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));q.install=l=>{l.component(q.name||"VkPixiFrame",q)};Object.defineProperty(exports,"TickerStatus",{enumerable:!0,get:()=>m.TickerStatus});exports.VkPixiFrame=q;exports.VkPixiFrameApng=Q;exports.VkPixiFrameBitmap=Z;exports.VkPixiFrameBitmapGenerator=pe;exports.VkPixiFrameBufferImage=fe;exports.VkPixiFrameCore=de;exports.VkPixiFrameProvider=ee;exports.VkPixiFrameVideo=te;exports.VkPixiFrameView=re;exports.__VkPixiFrame=ve;exports.default=q;exports.usePixiApp=Y;exports.useSprite=M;