@robot-admin/naive-ui-components 0.14.2 → 0.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +30 -0
- package/README.md +130 -721
- package/README_EN.md +137 -658
- package/dist/C_ActionBar.css +57 -58
- package/dist/C_ActionBar2.cjs +1 -1
- package/dist/C_ActionBar2.js +1 -1
- package/dist/C_AntV.css +215 -222
- package/dist/C_AntV2.cjs +2 -2
- package/dist/C_AntV2.js +2 -2
- package/dist/C_AudioPlayer.css +11 -12
- package/dist/C_AvatarGroup.css +5 -6
- package/dist/C_Barcode.css +1 -1
- package/dist/C_Breadcrumb.css +15 -17
- package/dist/C_Breadcrumb2.cjs +1 -1
- package/dist/C_Breadcrumb2.js +1 -1
- package/dist/C_Captcha.css +45 -47
- package/dist/C_Captcha2.cjs +1 -1
- package/dist/C_Captcha2.js +1 -1
- package/dist/C_Cascade.css +2 -2
- package/dist/C_Chat.css +8 -8
- package/dist/C_City.css +6 -7
- package/dist/C_Code.css +14 -15
- package/dist/C_CollapsePanel.css +12 -13
- package/dist/C_ContextMenu.css +31 -31
- package/dist/C_Cron.css +272 -275
- package/dist/C_Date.css +1 -1
- package/dist/C_Draggable.css +10 -11
- package/dist/C_Editor.css +2 -2
- package/dist/C_FilePreview.css +193 -193
- package/dist/C_Form.base.css +607 -601
- package/dist/C_Form.cjs +1 -1
- package/dist/C_Form.css +609 -603
- package/dist/C_Form.d.cts +2 -2
- package/dist/C_Form.d.ts +2 -2
- package/dist/C_Form.js +1 -1
- package/dist/C_FormModal.cjs +1 -1
- package/dist/C_FormModal.css +14 -20
- package/dist/C_FormModal.js +1 -1
- package/dist/C_FormModal2.cjs +1 -1
- package/dist/C_FormModal2.js +1 -1
- package/dist/C_FormSearch.css +53 -55
- package/dist/C_FormSearch2.cjs +1 -1
- package/dist/C_FormSearch2.js +1 -1
- package/dist/C_FormulaEditor.css +314 -315
- package/dist/C_FullCalendar.css +14 -16
- package/dist/C_FullCalendar2.cjs +1 -1
- package/dist/C_FullCalendar2.js +1 -1
- package/dist/C_GlobalSearch.css +2 -2
- package/dist/C_Guide.css +14 -15
- package/dist/C_Icon.css +7 -8
- package/dist/C_ImageCropper.css +69 -69
- package/dist/C_Language.css +8 -8
- package/dist/C_Loading.css +20 -22
- package/dist/C_Loading2.cjs +1 -1
- package/dist/C_Loading2.js +1 -1
- package/dist/C_Login.css +130 -135
- package/dist/C_Login2.cjs +1 -1
- package/dist/C_Login2.js +1 -1
- package/dist/C_Map.css +22 -23
- package/dist/C_Markdown.css +2 -2
- package/dist/C_Menu.css +2 -5
- package/dist/C_Menu2.cjs +1 -1
- package/dist/C_Menu2.js +1 -1
- package/dist/C_NotificationCenter.css +300 -301
- package/dist/C_OrgChart.css +3 -3
- package/dist/C_PageLoading.css +35 -39
- package/dist/C_QRCode.css +5 -6
- package/dist/C_Signature.css +5 -6
- package/dist/C_Skeleton.css +6 -7
- package/dist/C_SplitPane.css +2 -2
- package/dist/C_Steps.css +2 -2
- package/dist/C_Table.base.css +1097 -870
- package/dist/C_Table.cjs +1 -1
- package/dist/C_Table.css +1101 -874
- package/dist/C_Table.d.cts +1 -1
- package/dist/C_Table.d.ts +1 -1
- package/dist/C_Table.js +1 -1
- package/dist/C_Tabs.css +2 -2
- package/dist/C_TagsView.css +72 -76
- package/dist/C_TagsView2.cjs +1 -1
- package/dist/C_TagsView2.js +1 -1
- package/dist/C_Theme.css +7 -8
- package/dist/C_Time.css +1 -1
- package/dist/C_Timeline.css +8 -8
- package/dist/C_Transfer.css +10 -11
- package/dist/C_Tree.css +16 -17
- package/dist/C_Upload.css +147 -148
- package/dist/C_VideoPlayer.css +280 -281
- package/dist/C_VtableGantt.css +2 -2
- package/dist/C_WaterFall.css +17 -18
- package/dist/C_WorkFlow.css +453 -457
- package/dist/C_WorkFlow2.cjs +1 -1
- package/dist/C_WorkFlow2.js +1 -1
- package/dist/Card.cjs +1 -0
- package/dist/Card.js +1 -0
- package/dist/Custom.cjs +1 -0
- package/dist/Custom.js +1 -0
- package/dist/Dynamic.cjs +1 -0
- package/dist/Dynamic.js +1 -0
- package/dist/Steps.cjs +1 -0
- package/dist/Steps.js +1 -0
- package/dist/Tabs.cjs +1 -0
- package/dist/Tabs.js +1 -0
- package/dist/cascader.cjs +1 -0
- package/dist/cascader.js +1 -0
- package/dist/color-picker.cjs +1 -0
- package/dist/color-picker.js +1 -0
- package/dist/constants.d.cts +1 -1
- package/dist/constants.d.ts +1 -1
- package/dist/constants3.d.cts +5 -5
- package/dist/constants3.d.ts +5 -5
- package/dist/constants4.d.cts +4 -4
- package/dist/constants4.d.ts +4 -4
- package/dist/constants5.d.cts +2 -2
- package/dist/constants5.d.ts +2 -2
- package/dist/context.cjs +1 -0
- package/dist/context.js +1 -0
- package/dist/contracts.d.cts +24 -0
- package/dist/contracts.d.ts +24 -0
- package/dist/createPageLoading.cjs +1 -1
- package/dist/createPageLoading.js +1 -1
- package/dist/data.cjs +1 -1
- package/dist/data.d.cts +9 -9
- package/dist/data.d.ts +9 -9
- package/dist/data.js +1 -1
- package/dist/date-picker.cjs +1 -0
- package/dist/date-picker.js +1 -0
- package/dist/feedback.cjs +1 -0
- package/dist/feedback.js +1 -0
- package/dist/helpers.cjs +1 -1
- package/dist/helpers.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +6 -4
- package/dist/index.d.ts +6 -4
- package/dist/index.js +1 -1
- package/dist/index.vue.d.cts +4 -4
- package/dist/index.vue.d.ts +4 -4
- package/dist/index10.vue.d.cts +3 -3
- package/dist/index11.vue.d.ts +2 -2
- package/dist/index12.vue.d.cts +2 -2
- package/dist/index12.vue.d.ts +1 -1
- package/dist/index13.vue.d.cts +1 -1
- package/dist/index13.vue.d.ts +3 -3
- package/dist/index14.vue.d.cts +3 -3
- package/dist/index14.vue.d.ts +7 -7
- package/dist/index15.vue.d.cts +7 -7
- package/dist/index16.vue.d.ts +1 -1
- package/dist/index17.vue.d.cts +1 -1
- package/dist/index17.vue.d.ts +1 -1
- package/dist/index18.vue.d.cts +1 -1
- package/dist/index18.vue.d.ts +1 -1
- package/dist/index19.vue.d.cts +1 -1
- package/dist/index19.vue.d.ts +2 -9
- package/dist/index2.vue.d.cts +2 -2
- package/dist/index2.vue.d.ts +2 -2
- package/dist/index20.vue.d.cts +1 -1
- package/dist/index20.vue.d.ts +1 -1
- package/dist/index21.vue.d.cts +1 -1
- package/dist/index21.vue.d.ts +1 -1
- package/dist/index22.vue.d.cts +2 -2
- package/dist/index22.vue.d.ts +2 -2
- package/dist/index23.vue.d.cts +1 -1
- package/dist/index23.vue.d.ts +1 -1
- package/dist/index25.vue.d.cts +4 -4
- package/dist/index25.vue.d.ts +4 -4
- package/dist/index26.vue.d.cts +1 -1
- package/dist/index26.vue.d.ts +1 -1
- package/dist/index27.vue.d.cts +4 -4
- package/dist/index27.vue.d.ts +4 -4
- package/dist/index28.vue.d.cts +1 -1
- package/dist/index28.vue.d.ts +1 -1
- package/dist/index3.vue.d.cts +4 -4
- package/dist/index3.vue.d.ts +4 -4
- package/dist/index4.vue.d.cts +2 -9
- package/dist/index6.vue.d.ts +3 -3
- package/dist/index7.vue.d.cts +3 -3
- package/dist/index8.vue.d.ts +2 -2
- package/dist/index9.vue.d.cts +2 -2
- package/dist/index9.vue.d.ts +3 -3
- package/dist/mapUtils.d.cts +2 -2
- package/dist/mapUtils.d.ts +2 -2
- package/dist/presets.d.cts +8 -2
- package/dist/presets.d.ts +8 -2
- package/dist/rate.cjs +1 -0
- package/dist/rate.js +1 -0
- package/dist/slider.cjs +1 -0
- package/dist/slider.js +1 -0
- package/dist/style.css +10898 -10915
- package/dist/time-picker.cjs +1 -0
- package/dist/time-picker.js +1 -0
- package/dist/upload.cjs +1 -0
- package/dist/upload.js +1 -0
- package/dist/useActionTask.cjs +1 -0
- package/dist/useActionTask.js +1 -0
- package/dist/useCalendarEvents.d.cts +1 -1
- package/dist/useCalendarEvents.d.ts +1 -1
- package/dist/useCollapsePanel.d.cts +4 -4
- package/dist/useCollapsePanel.d.ts +4 -4
- package/dist/useComponentLocale.cjs +1 -0
- package/dist/useComponentLocale.js +1 -0
- package/dist/useCropperCore.d.cts +6 -6
- package/dist/useCropperCore.d.ts +6 -6
- package/dist/useDraggableLayout.d.cts +1 -1
- package/dist/useDraggableLayout.d.ts +1 -1
- package/dist/useDynamicFormState.cjs +1 -0
- package/dist/useDynamicFormState.d.cts +64 -40
- package/dist/useDynamicFormState.d.ts +64 -40
- package/dist/useDynamicFormState.js +1 -0
- package/dist/useEdgeInteraction.d.cts +3 -3
- package/dist/useEdgeInteraction.d.ts +3 -3
- package/dist/useGlobalSearch.d.cts +1 -1
- package/dist/useGlobalSearch.d.ts +1 -1
- package/dist/useQRCode.d.cts +2 -2
- package/dist/useQRCode.d.ts +2 -2
- package/dist/useSearchState.d.cts +15 -725
- package/dist/useSearchState.d.ts +15 -834
- package/dist/useSignatureHistory.d.cts +4 -4
- package/dist/useSignatureHistory.d.ts +4 -4
- package/dist/useSplitResize.d.cts +3 -3
- package/dist/useSplitResize.d.ts +3 -3
- package/dist/useTableQuery.cjs +3 -3
- package/dist/useTableQuery.d.cts +73 -34
- package/dist/useTableQuery.d.ts +73 -34
- package/dist/useTableQuery.js +3 -3
- package/dist/useTimeSelection.d.cts +1 -1
- package/dist/useTimeSelection.d.ts +1 -1
- package/dist/useTreeOperations.d.cts +5 -5
- package/dist/useTreeOperations.d.ts +5 -5
- package/dist/useWorkflowValidation.d.cts +3 -3
- package/dist/useWorkflowValidation.d.ts +3 -3
- package/dist/verification.d.cts +4 -4
- package/dist/verification.d.ts +4 -4
- package/docs/architecture.en.md +83 -0
- package/docs/architecture.md +83 -0
- package/docs/assets/README.md +47 -0
- package/docs/assets/naive-ui-components-banner.png +0 -0
- package/docs/assets/naive-ui-components-banner.svg +69 -0
- package/docs/assets/naive-ui-components-logo.png +0 -0
- package/docs/assets/naive-ui-components-logo.svg +22 -0
- package/docs/components.en.md +118 -0
- package/docs/components.md +118 -0
- package/docs/engineering.en.md +132 -0
- package/docs/engineering.md +133 -0
- package/docs/guides/usage.en.md +638 -0
- package/docs/guides/usage.md +699 -0
- package/docs/performance-0.15.0.md +20 -0
- package/docs/security-scan-2026-10-06.md +11 -0
- package/docs/security-scan-2026-10-18.md +16 -0
- package/package.json +35 -12
- package/dist/C_Form2.cjs +0 -1
- package/dist/C_Form2.js +0 -1
- package/dist/config.cjs +0 -1
- package/dist/config.d.cts +0 -33
- package/dist/config.d.ts +0 -33
- package/dist/config.js +0 -1
package/dist/C_VideoPlayer.css
CHANGED
|
@@ -2,107 +2,136 @@
|
|
|
2
2
|
|
|
3
3
|
@charset "UTF-8";.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;top:0;left:100%;bottom:0;right:0;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;top:0;left:100%;bottom:0;right:0;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:rgba(0,0,0,.38);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:rgba(0,0,0,.54);border-radius:4px;font-size:12px;color:#fff;text-align:center;white-space:nowrap;opacity:.85}.xgplayer .xg-margin{left:0px;right:0px}.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:rgba(0,0,0,0);height:4px;width:4px}.xg-list-slide-scroll::-webkit-scrollbar-corner{background:transparent;display:none}.xg-list-slide-scroll::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.5);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:rgba(0,0,0,.54);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:rgba(0,0,0,.9);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 xg-thumbnail{display:block}.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:rgba(255,255,255,.3);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;top:0;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 0%,#E31106 100%)}.xgplayer .xgplayer-progress-cache{background:rgba(255,255,255,.5)}.xgplayer .xgplayer-progress-btn{display:block;background:rgba(255,94,94,.304093);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:#FFFFFF}.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:0px;background:white;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:rgba(0,0,0,.3);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:rgba(255,255,255,.8)}.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:rgba(255,255,255,.8)}.xgplayer .xgplayer-progress .xgplayer-progress-btn{background:rgba(255,94,94,.304093);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:0px;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 0%,#E31106 100%)}.xg-mini-progress xg-mini-progress-cache{background:rgba(255,255,255,.5)}.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:rgba(0,0,0,.54);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:rgba(255,255,255,.3);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:rgba(0,0,0,.38)}.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:rgba(0,0,0,.8);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,rgba(57,57,57,.9),rgba(57,57,57,0) 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:rgba(0,0,0,.54);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:rgba(0,0,0,.38);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:rgba(255,255,255,.3)}.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:rgba(0,0,0,.3);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(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6))}.xgplayer .gradient.top{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 70%)}.xgplayer .gradient.bottom{background-image:linear-gradient(rgba(0,0,0,0) 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6))}.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:rgba(0,0,0,.5);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:rgba(0,0,0,.54);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:rgba(0,0,0,.8);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:rgba(0,0,0,.7)}
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
.container[data-v-e6dc58ed]{max-width:640px;}
|
|
10
|
-
}
|
|
11
|
-
@media (min-width: 768px){
|
|
12
|
-
.container[data-v-e6dc58ed]{max-width:768px;}
|
|
13
|
-
}
|
|
14
|
-
@media (min-width: 1024px){
|
|
15
|
-
.container[data-v-e6dc58ed]{max-width:1024px;}
|
|
5
|
+
.vp-bookmark-panel[data-v-29942590] {
|
|
6
|
+
display: flex;
|
|
7
|
+
align-items: center;
|
|
8
|
+
gap: 4px;
|
|
16
9
|
}
|
|
17
|
-
|
|
18
|
-
.
|
|
10
|
+
.vp-bookmark-add-btn[data-v-29942590],
|
|
11
|
+
.vp-bookmark-list-btn[data-v-29942590] {
|
|
12
|
+
color: #fff;
|
|
13
|
+
font-size: 12px;
|
|
19
14
|
}
|
|
20
|
-
|
|
21
|
-
|
|
15
|
+
.vp-bookmark-list[data-v-29942590] {
|
|
16
|
+
display: flex;
|
|
17
|
+
flex-direction: column;
|
|
18
|
+
min-width: 220px;
|
|
19
|
+
gap: 2px;
|
|
22
20
|
}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
background: #000;
|
|
31
|
-
border-radius: 8px;
|
|
32
|
-
overflow: hidden;
|
|
33
|
-
outline: none;
|
|
34
|
-
/* 覆盖 xgplayer v3 默认红色主题(倍速/清晰度选中项改蓝) */
|
|
21
|
+
.vp-bookmark-item[data-v-29942590] {
|
|
22
|
+
display: flex;
|
|
23
|
+
align-items: center;
|
|
24
|
+
gap: 8px;
|
|
25
|
+
padding: 6px 8px;
|
|
26
|
+
border-radius: 4px;
|
|
27
|
+
font-size: 13px;
|
|
35
28
|
}
|
|
36
|
-
.
|
|
37
|
-
|
|
38
|
-
.c-video-player[data-v-e6dc58ed] .xgplayer-mobile .xg-options-list li.selected {
|
|
39
|
-
color: #409eff !important;
|
|
29
|
+
.vp-bookmark-item[data-v-29942590]:hover {
|
|
30
|
+
background-color: rgba(0, 0, 0, 0.04);
|
|
40
31
|
}
|
|
41
|
-
.
|
|
42
|
-
|
|
32
|
+
.vp-bookmark-time[data-v-29942590] {
|
|
33
|
+
appearance: none;
|
|
34
|
+
border: 0;
|
|
35
|
+
padding: 0;
|
|
36
|
+
background: transparent;
|
|
37
|
+
font: inherit;
|
|
38
|
+
color: var(--c-primary, #18a058);
|
|
39
|
+
cursor: pointer;
|
|
40
|
+
font-variant-numeric: tabular-nums;
|
|
41
|
+
white-space: nowrap;
|
|
43
42
|
}
|
|
44
|
-
.
|
|
45
|
-
|
|
43
|
+
.vp-bookmark-time[data-v-29942590]:hover {
|
|
44
|
+
text-decoration: underline;
|
|
46
45
|
}
|
|
47
|
-
.
|
|
48
|
-
|
|
49
|
-
|
|
46
|
+
.vp-bookmark-time[data-v-29942590]:focus-visible {
|
|
47
|
+
outline: 2px solid currentColor;
|
|
48
|
+
outline-offset: 2px;
|
|
50
49
|
}
|
|
51
|
-
.
|
|
52
|
-
|
|
50
|
+
.vp-bookmark-note[data-v-29942590] {
|
|
51
|
+
flex: 1;
|
|
52
|
+
overflow: hidden;
|
|
53
|
+
text-overflow: ellipsis;
|
|
54
|
+
white-space: nowrap;
|
|
55
|
+
opacity: 0.7;
|
|
53
56
|
}
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
57
|
+
|
|
58
|
+
/* layer: default */
|
|
59
|
+
.hidden[data-v-29942590]{display:none;}
|
|
60
|
+
.flex[data-v-29942590]{display:flex;}
|
|
61
|
+
.border[data-v-29942590]{border-width:1px;}
|
|
62
|
+
.tabular-nums[data-v-29942590]{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}
|
|
63
|
+
.underline[data-v-29942590]{text-decoration-line:underline;}
|
|
64
|
+
.outline[data-v-29942590]{outline-style:solid;}
|
|
65
|
+
|
|
66
|
+
.vp-chapter-markers[data-v-8828163e] {
|
|
67
|
+
display: flex;
|
|
68
|
+
align-items: center;
|
|
69
|
+
gap: 8px;
|
|
64
70
|
}
|
|
65
|
-
.
|
|
66
|
-
appearance: none;
|
|
67
|
-
border: 0;
|
|
68
|
-
position: absolute;
|
|
69
|
-
top: 4px;
|
|
70
|
-
right: 4px;
|
|
71
|
-
width: 24px;
|
|
72
|
-
height: 24px;
|
|
71
|
+
.vp-chapter-current[data-v-8828163e] {
|
|
73
72
|
display: flex;
|
|
74
73
|
align-items: center;
|
|
75
|
-
|
|
76
|
-
background: rgba(0, 0, 0, 0.6);
|
|
74
|
+
gap: 6px;
|
|
77
75
|
color: #fff;
|
|
78
|
-
border-radius: 50%;
|
|
79
|
-
cursor: pointer;
|
|
80
76
|
font-size: 12px;
|
|
81
|
-
z-index: 10;
|
|
82
77
|
}
|
|
83
|
-
.
|
|
84
|
-
|
|
78
|
+
.vp-chapter-index[data-v-8828163e] {
|
|
79
|
+
opacity: 0.7;
|
|
85
80
|
}
|
|
86
|
-
.
|
|
87
|
-
appearance: none;
|
|
88
|
-
border: 0;
|
|
89
|
-
position: absolute;
|
|
90
|
-
bottom: 4px;
|
|
91
|
-
left: 50%;
|
|
92
|
-
transform: translateX(-50%);
|
|
93
|
-
padding: 2px 10px;
|
|
94
|
-
background: rgba(0, 0, 0, 0.6);
|
|
81
|
+
.vp-chapter-trigger[data-v-8828163e] {
|
|
95
82
|
color: #fff;
|
|
96
|
-
|
|
83
|
+
font-size: 12px;
|
|
84
|
+
}
|
|
85
|
+
.vp-chapter-icon[data-v-8828163e] {
|
|
86
|
+
font-size: 14px;
|
|
87
|
+
}
|
|
88
|
+
.vp-chapter-list[data-v-8828163e] {
|
|
89
|
+
display: flex;
|
|
90
|
+
flex-direction: column;
|
|
91
|
+
min-width: 240px;
|
|
92
|
+
}
|
|
93
|
+
.vp-chapter-item[data-v-8828163e] {
|
|
94
|
+
display: flex;
|
|
95
|
+
align-items: center;
|
|
96
|
+
gap: 8px;
|
|
97
|
+
padding: 8px 12px;
|
|
97
98
|
cursor: pointer;
|
|
98
|
-
|
|
99
|
-
|
|
99
|
+
border-radius: 4px;
|
|
100
|
+
font-size: 13px;
|
|
101
|
+
transition: background-color 0.2s;
|
|
102
|
+
}
|
|
103
|
+
.vp-chapter-item[data-v-8828163e]:hover {
|
|
104
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
105
|
+
}
|
|
106
|
+
.vp-chapter-item.is-active[data-v-8828163e] {
|
|
107
|
+
color: var(--c-primary, #18a058);
|
|
108
|
+
font-weight: 600;
|
|
109
|
+
}
|
|
110
|
+
.vp-chapter-item-index[data-v-8828163e] {
|
|
111
|
+
width: 20px;
|
|
112
|
+
text-align: center;
|
|
113
|
+
opacity: 0.5;
|
|
114
|
+
font-size: 12px;
|
|
115
|
+
}
|
|
116
|
+
.vp-chapter-item-title[data-v-8828163e] {
|
|
117
|
+
flex: 1;
|
|
118
|
+
overflow: hidden;
|
|
119
|
+
text-overflow: ellipsis;
|
|
100
120
|
white-space: nowrap;
|
|
101
121
|
}
|
|
102
|
-
.
|
|
103
|
-
|
|
122
|
+
.vp-chapter-item-time[data-v-8828163e] {
|
|
123
|
+
opacity: 0.5;
|
|
124
|
+
font-size: 12px;
|
|
125
|
+
font-variant-numeric: tabular-nums;
|
|
104
126
|
}
|
|
105
|
-
|
|
127
|
+
|
|
128
|
+
/* layer: default */
|
|
129
|
+
.hidden[data-v-8828163e]{display:none;}
|
|
130
|
+
.flex[data-v-8828163e]{display:flex;}
|
|
131
|
+
.tabular-nums[data-v-8828163e]{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}
|
|
132
|
+
.transition[data-v-8828163e]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
|
|
133
|
+
|
|
134
|
+
.vp-control-bar[data-v-e8b787cf] {
|
|
106
135
|
display: flex;
|
|
107
136
|
align-items: center;
|
|
108
137
|
justify-content: space-between;
|
|
@@ -129,114 +158,14 @@
|
|
|
129
158
|
flex: 1;
|
|
130
159
|
justify-content: center;
|
|
131
160
|
}
|
|
132
|
-
/* unplugin-vue-components disabled */
|
|
133
|
-
/* layer: default */
|
|
134
|
-
.visible[data-v-e8b787cf]{visibility:visible;}
|
|
135
|
-
.absolute[data-v-e8b787cf]{position:absolute;}
|
|
136
|
-
.flex[data-v-e8b787cf]{display:flex;}
|
|
137
|
-
.transition[data-v-e8b787cf]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
|
|
138
161
|
|
|
139
|
-
/* unplugin-vue-components disabled */
|
|
140
162
|
/* layer: default */
|
|
141
|
-
.
|
|
142
|
-
.
|
|
143
|
-
.flex[data-v-
|
|
144
|
-
.
|
|
145
|
-
.text-shadow[data-v-20ac6438]{--un-text-shadow:0 0 1px var(--un-text-shadow-color, rgb(0 0 0 / 0.2)),0 0 1px var(--un-text-shadow-color, rgb(1 0 5 / 0.1));text-shadow:var(--un-text-shadow);}
|
|
146
|
-
.transition[data-v-20ac6438]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
|
|
147
|
-
.ease[data-v-20ac6438]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
|
|
148
|
-
|
|
149
|
-
/* unplugin-vue-components disabled */
|
|
150
|
-
/* layer: default */
|
|
151
|
-
.absolute[data-v-1132a37b]{position:absolute;}
|
|
152
|
-
.inline-block[data-v-1132a37b]{display:inline-block;}
|
|
153
|
-
.flex[data-v-1132a37b]{display:flex;}
|
|
154
|
-
.backdrop-filter[data-v-1132a37b]{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
|
|
155
|
-
.transition[data-v-1132a37b]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
|
|
156
|
-
|
|
157
|
-
/* unplugin-vue-components disabled *//* ========== 字幕文本 ========== */
|
|
158
|
-
.vp-subtitle-overlay[data-v-20ac6438] {
|
|
159
|
-
position: absolute;
|
|
160
|
-
bottom: 60px;
|
|
161
|
-
left: 50%;
|
|
162
|
-
transform: translateX(-50%);
|
|
163
|
-
z-index: 50;
|
|
164
|
-
pointer-events: none;
|
|
165
|
-
max-width: 80%;
|
|
166
|
-
text-align: center;
|
|
167
|
-
}
|
|
168
|
-
.vp-subtitle-text[data-v-20ac6438] {
|
|
169
|
-
display: inline-block;
|
|
170
|
-
padding: 4px 16px;
|
|
171
|
-
font-size: 16px;
|
|
172
|
-
line-height: 1.6;
|
|
173
|
-
color: #fff;
|
|
174
|
-
background: rgba(0, 0, 0, 0.65);
|
|
175
|
-
border-radius: 4px;
|
|
176
|
-
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
|
|
177
|
-
white-space: pre-wrap;
|
|
178
|
-
word-break: break-word;
|
|
179
|
-
}
|
|
180
|
-
|
|
181
|
-
/* ========== 字幕按钮 ========== */
|
|
182
|
-
.vp-subtitle-toggle[data-v-20ac6438] {
|
|
183
|
-
position: absolute;
|
|
184
|
-
right: 12px;
|
|
185
|
-
bottom: 46px;
|
|
186
|
-
z-index: 100;
|
|
187
|
-
opacity: 0;
|
|
188
|
-
transition: opacity var(--c-transition, 0.2s ease);
|
|
189
|
-
}
|
|
190
|
-
.c-video-player:hover .vp-subtitle-toggle[data-v-20ac6438] {
|
|
191
|
-
opacity: 1;
|
|
192
|
-
}
|
|
193
|
-
.vp-subtitle-btn[data-v-20ac6438] {
|
|
194
|
-
color: rgba(255, 255, 255, 0.7);
|
|
195
|
-
font-size: 12px;
|
|
196
|
-
}
|
|
197
|
-
.vp-subtitle-btn.is-active[data-v-20ac6438] {
|
|
198
|
-
color: var(--c-primary, #18a058);
|
|
199
|
-
}
|
|
200
|
-
|
|
201
|
-
/* ========== 字幕菜单 ========== */
|
|
202
|
-
.vp-subtitle-menu[data-v-20ac6438] {
|
|
203
|
-
display: flex;
|
|
204
|
-
flex-direction: column;
|
|
205
|
-
min-width: 100px;
|
|
206
|
-
}
|
|
207
|
-
.vp-subtitle-menu__item[data-v-20ac6438] {
|
|
208
|
-
padding: 6px 14px;
|
|
209
|
-
cursor: pointer;
|
|
210
|
-
font-size: 13px;
|
|
211
|
-
border-radius: 4px;
|
|
212
|
-
text-align: center;
|
|
213
|
-
transition: background-color 0.2s;
|
|
214
|
-
}
|
|
215
|
-
.vp-subtitle-menu__item[data-v-20ac6438]:hover {
|
|
216
|
-
background-color: rgba(0, 0, 0, 0.06);
|
|
217
|
-
}
|
|
218
|
-
.vp-subtitle-menu__item.is-active[data-v-20ac6438] {
|
|
219
|
-
color: var(--c-primary, #18a058);
|
|
220
|
-
font-weight: 600;
|
|
221
|
-
}
|
|
222
|
-
|
|
223
|
-
/* ========== 过渡 ========== */
|
|
224
|
-
.vp-subtitle-fade-enter-active[data-v-20ac6438],
|
|
225
|
-
.vp-subtitle-fade-leave-active[data-v-20ac6438] {
|
|
226
|
-
transition: opacity 0.25s ease;
|
|
227
|
-
}
|
|
228
|
-
.vp-subtitle-fade-enter-from[data-v-20ac6438],
|
|
229
|
-
.vp-subtitle-fade-leave-to[data-v-20ac6438] {
|
|
230
|
-
opacity: 0;
|
|
231
|
-
}
|
|
232
|
-
/* unplugin-vue-components disabled */
|
|
233
|
-
/* layer: default */
|
|
234
|
-
.hidden[data-v-8828163e]{display:none;}
|
|
235
|
-
.flex[data-v-8828163e]{display:flex;}
|
|
236
|
-
.tabular-nums[data-v-8828163e]{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}
|
|
237
|
-
.transition[data-v-8828163e]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
|
|
163
|
+
.visible[data-v-e8b787cf]{visibility:visible;}
|
|
164
|
+
.absolute[data-v-e8b787cf]{position:absolute;}
|
|
165
|
+
.flex[data-v-e8b787cf]{display:flex;}
|
|
166
|
+
.transition[data-v-e8b787cf]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
|
|
238
167
|
|
|
239
|
-
|
|
168
|
+
.vp-quiz-overlay[data-v-1132a37b] {
|
|
240
169
|
position: absolute;
|
|
241
170
|
inset: 0;
|
|
242
171
|
display: flex;
|
|
@@ -305,139 +234,209 @@
|
|
|
305
234
|
.vp-quiz-fade-leave-to[data-v-1132a37b] {
|
|
306
235
|
opacity: 0;
|
|
307
236
|
}
|
|
308
|
-
|
|
237
|
+
|
|
309
238
|
/* layer: default */
|
|
310
|
-
.
|
|
311
|
-
.
|
|
312
|
-
.
|
|
313
|
-
.
|
|
314
|
-
.
|
|
315
|
-
.outline[data-v-29942590]{outline-style:solid;}
|
|
239
|
+
.absolute[data-v-1132a37b]{position:absolute;}
|
|
240
|
+
.inline-block[data-v-1132a37b]{display:inline-block;}
|
|
241
|
+
.flex[data-v-1132a37b]{display:flex;}
|
|
242
|
+
.backdrop-filter[data-v-1132a37b]{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
|
|
243
|
+
.transition[data-v-1132a37b]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
|
|
316
244
|
|
|
317
|
-
/*
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
245
|
+
/* ========== 字幕文本 ========== */
|
|
246
|
+
.vp-subtitle-overlay[data-v-20ac6438] {
|
|
247
|
+
position: absolute;
|
|
248
|
+
bottom: 60px;
|
|
249
|
+
left: 50%;
|
|
250
|
+
transform: translateX(-50%);
|
|
251
|
+
z-index: 50;
|
|
252
|
+
pointer-events: none;
|
|
253
|
+
max-width: 80%;
|
|
254
|
+
text-align: center;
|
|
321
255
|
}
|
|
322
|
-
.vp-
|
|
323
|
-
display:
|
|
324
|
-
|
|
325
|
-
|
|
256
|
+
.vp-subtitle-text[data-v-20ac6438] {
|
|
257
|
+
display: inline-block;
|
|
258
|
+
padding: 4px 16px;
|
|
259
|
+
font-size: 16px;
|
|
260
|
+
line-height: 1.6;
|
|
326
261
|
color: #fff;
|
|
327
|
-
|
|
262
|
+
background: rgba(0, 0, 0, 0.65);
|
|
263
|
+
border-radius: 4px;
|
|
264
|
+
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
|
|
265
|
+
white-space: pre-wrap;
|
|
266
|
+
word-break: break-word;
|
|
328
267
|
}
|
|
329
|
-
|
|
330
|
-
|
|
268
|
+
|
|
269
|
+
/* ========== 字幕按钮 ========== */
|
|
270
|
+
.vp-subtitle-toggle[data-v-20ac6438] {
|
|
271
|
+
position: absolute;
|
|
272
|
+
right: 12px;
|
|
273
|
+
bottom: 46px;
|
|
274
|
+
z-index: 100;
|
|
275
|
+
opacity: 0;
|
|
276
|
+
transition: opacity var(--c-transition, 0.2s ease);
|
|
331
277
|
}
|
|
332
|
-
.vp-
|
|
333
|
-
|
|
278
|
+
.c-video-player:hover .vp-subtitle-toggle[data-v-20ac6438] {
|
|
279
|
+
opacity: 1;
|
|
280
|
+
}
|
|
281
|
+
.vp-subtitle-btn[data-v-20ac6438] {
|
|
282
|
+
color: rgba(255, 255, 255, 0.7);
|
|
334
283
|
font-size: 12px;
|
|
335
284
|
}
|
|
336
|
-
.vp-
|
|
337
|
-
|
|
285
|
+
.vp-subtitle-btn.is-active[data-v-20ac6438] {
|
|
286
|
+
color: var(--c-primary, #18a058);
|
|
338
287
|
}
|
|
339
|
-
|
|
288
|
+
|
|
289
|
+
/* ========== 字幕菜单 ========== */
|
|
290
|
+
.vp-subtitle-menu[data-v-20ac6438] {
|
|
340
291
|
display: flex;
|
|
341
292
|
flex-direction: column;
|
|
342
|
-
min-width:
|
|
293
|
+
min-width: 100px;
|
|
343
294
|
}
|
|
344
|
-
.vp-
|
|
345
|
-
|
|
346
|
-
align-items: center;
|
|
347
|
-
gap: 8px;
|
|
348
|
-
padding: 8px 12px;
|
|
295
|
+
.vp-subtitle-menu__item[data-v-20ac6438] {
|
|
296
|
+
padding: 6px 14px;
|
|
349
297
|
cursor: pointer;
|
|
350
|
-
border-radius: 4px;
|
|
351
298
|
font-size: 13px;
|
|
299
|
+
border-radius: 4px;
|
|
300
|
+
text-align: center;
|
|
352
301
|
transition: background-color 0.2s;
|
|
353
302
|
}
|
|
354
|
-
.vp-
|
|
355
|
-
background-color: rgba(0, 0, 0, 0.
|
|
303
|
+
.vp-subtitle-menu__item[data-v-20ac6438]:hover {
|
|
304
|
+
background-color: rgba(0, 0, 0, 0.06);
|
|
356
305
|
}
|
|
357
|
-
.vp-
|
|
306
|
+
.vp-subtitle-menu__item.is-active[data-v-20ac6438] {
|
|
358
307
|
color: var(--c-primary, #18a058);
|
|
359
308
|
font-weight: 600;
|
|
360
309
|
}
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
310
|
+
|
|
311
|
+
/* ========== 过渡 ========== */
|
|
312
|
+
.vp-subtitle-fade-enter-active[data-v-20ac6438],
|
|
313
|
+
.vp-subtitle-fade-leave-active[data-v-20ac6438] {
|
|
314
|
+
transition: opacity 0.25s ease;
|
|
366
315
|
}
|
|
367
|
-
.vp-
|
|
368
|
-
|
|
316
|
+
.vp-subtitle-fade-enter-from[data-v-20ac6438],
|
|
317
|
+
.vp-subtitle-fade-leave-to[data-v-20ac6438] {
|
|
318
|
+
opacity: 0;
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
/* layer: default */
|
|
322
|
+
.absolute[data-v-20ac6438]{position:absolute;}
|
|
323
|
+
.inline-block[data-v-20ac6438]{display:inline-block;}
|
|
324
|
+
.flex[data-v-20ac6438]{display:flex;}
|
|
325
|
+
.transform[data-v-20ac6438]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
326
|
+
.text-shadow[data-v-20ac6438]{--un-text-shadow:0 0 1px var(--un-text-shadow-color, rgb(0 0 0 / 0.2)),0 0 1px var(--un-text-shadow-color, rgb(1 0 5 / 0.1));text-shadow:var(--un-text-shadow);}
|
|
327
|
+
.transition[data-v-20ac6438]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
|
|
328
|
+
.ease[data-v-20ac6438]{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
|
|
329
|
+
|
|
330
|
+
.vp-watermark[data-v-9a051cb4] {
|
|
331
|
+
/* 通过 CSS 阻止截图(基础防护) */
|
|
332
|
+
-webkit-user-select: none;
|
|
333
|
+
user-select: none;
|
|
334
|
+
}
|
|
335
|
+
|
|
336
|
+
/* layer: default */
|
|
337
|
+
.visible[data-v-9a051cb4]{visibility:visible;}
|
|
338
|
+
.absolute[data-v-9a051cb4]{position:absolute;}
|
|
339
|
+
.hidden[data-v-9a051cb4]{display:none;}
|
|
340
|
+
.flex[data-v-9a051cb4]{display:flex;}
|
|
341
|
+
.transform[data-v-9a051cb4]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
342
|
+
.px[data-v-9a051cb4]{padding-left:1rem;padding-right:1rem;}
|
|
343
|
+
|
|
344
|
+
/* C_VideoPlayer 组件样式 */
|
|
345
|
+
.c-video-player[data-v-e6dc58ed] {
|
|
346
|
+
position: relative;
|
|
347
|
+
width: 100%;
|
|
348
|
+
background: #000;
|
|
349
|
+
border-radius: 8px;
|
|
369
350
|
overflow: hidden;
|
|
370
|
-
|
|
371
|
-
|
|
351
|
+
outline: none;
|
|
352
|
+
/* 覆盖 xgplayer v3 默认红色主题(倍速/清晰度选中项改蓝) */
|
|
372
353
|
}
|
|
373
|
-
.
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
354
|
+
.c-video-player[data-v-e6dc58ed] .xgplayer .xg-options-list li:hover,
|
|
355
|
+
.c-video-player[data-v-e6dc58ed] .xgplayer .xg-options-list li.selected,
|
|
356
|
+
.c-video-player[data-v-e6dc58ed] .xgplayer-mobile .xg-options-list li.selected {
|
|
357
|
+
color: #409eff !important;
|
|
377
358
|
}
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
align-items: center;
|
|
381
|
-
gap: 4px;
|
|
359
|
+
.c-video-player[data-v-e6dc58ed] .xgplayer xg-trigger .time-preview .xg-cur {
|
|
360
|
+
color: #409eff !important;
|
|
382
361
|
}
|
|
383
|
-
.
|
|
384
|
-
|
|
385
|
-
color: #fff;
|
|
386
|
-
font-size: 12px;
|
|
362
|
+
.c-video-player[data-v-e6dc58ed] .xgplayer .xgplayer-progress-btn.active::before {
|
|
363
|
+
box-shadow: 0 0 3px rgba(64, 152, 255, 0.7) !important;
|
|
387
364
|
}
|
|
388
|
-
.
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
min-width: 220px;
|
|
392
|
-
gap: 2px;
|
|
365
|
+
.c-video-player__container[data-v-e6dc58ed] {
|
|
366
|
+
width: 100%;
|
|
367
|
+
height: 100%;
|
|
393
368
|
}
|
|
394
|
-
.
|
|
369
|
+
.c-video-player[data-v-e6dc58ed] {
|
|
370
|
+
/* 小窗模式样式 */
|
|
371
|
+
}
|
|
372
|
+
.c-video-player.is-mini[data-v-e6dc58ed] {
|
|
373
|
+
position: fixed;
|
|
374
|
+
right: 20px;
|
|
375
|
+
bottom: 20px;
|
|
376
|
+
width: 320px;
|
|
377
|
+
height: 180px;
|
|
378
|
+
z-index: 9999;
|
|
379
|
+
border-radius: 8px;
|
|
380
|
+
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
|
|
381
|
+
transition: width 0.3s ease, height 0.3s ease;
|
|
382
|
+
}
|
|
383
|
+
.c-video-player__mini-close[data-v-e6dc58ed] {
|
|
384
|
+
appearance: none;
|
|
385
|
+
border: 0;
|
|
386
|
+
position: absolute;
|
|
387
|
+
top: 4px;
|
|
388
|
+
right: 4px;
|
|
389
|
+
width: 24px;
|
|
390
|
+
height: 24px;
|
|
395
391
|
display: flex;
|
|
396
392
|
align-items: center;
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
393
|
+
justify-content: center;
|
|
394
|
+
background: rgba(0, 0, 0, 0.6);
|
|
395
|
+
color: #fff;
|
|
396
|
+
border-radius: 50%;
|
|
397
|
+
cursor: pointer;
|
|
398
|
+
font-size: 12px;
|
|
399
|
+
z-index: 10;
|
|
401
400
|
}
|
|
402
|
-
.
|
|
403
|
-
background
|
|
401
|
+
.c-video-player__mini-close[data-v-e6dc58ed]:hover {
|
|
402
|
+
background: rgba(0, 0, 0, 0.8);
|
|
404
403
|
}
|
|
405
|
-
.
|
|
404
|
+
.c-video-player__mini-back[data-v-e6dc58ed] {
|
|
406
405
|
appearance: none;
|
|
407
406
|
border: 0;
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
407
|
+
position: absolute;
|
|
408
|
+
bottom: 4px;
|
|
409
|
+
left: 50%;
|
|
410
|
+
transform: translateX(-50%);
|
|
411
|
+
padding: 2px 10px;
|
|
412
|
+
background: rgba(0, 0, 0, 0.6);
|
|
413
|
+
color: #fff;
|
|
414
|
+
border-radius: 4px;
|
|
412
415
|
cursor: pointer;
|
|
413
|
-
font-
|
|
416
|
+
font-size: 11px;
|
|
417
|
+
z-index: 10;
|
|
414
418
|
white-space: nowrap;
|
|
415
419
|
}
|
|
416
|
-
.
|
|
417
|
-
|
|
420
|
+
.c-video-player__mini-back[data-v-e6dc58ed]:hover {
|
|
421
|
+
background: rgba(0, 0, 0, 0.8);
|
|
418
422
|
}
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
423
|
+
|
|
424
|
+
/* layer: shortcuts */
|
|
425
|
+
.container[data-v-e6dc58ed]{width:100%;}
|
|
426
|
+
@media (min-width: 640px){
|
|
427
|
+
.container[data-v-e6dc58ed]{max-width:640px;}
|
|
422
428
|
}
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
+
@media (min-width: 768px){
|
|
430
|
+
.container[data-v-e6dc58ed]{max-width:768px;}
|
|
431
|
+
}
|
|
432
|
+
@media (min-width: 1024px){
|
|
433
|
+
.container[data-v-e6dc58ed]{max-width:1024px;}
|
|
434
|
+
}
|
|
435
|
+
@media (min-width: 1280px){
|
|
436
|
+
.container[data-v-e6dc58ed]{max-width:1280px;}
|
|
437
|
+
}
|
|
438
|
+
@media (min-width: 1536px){
|
|
439
|
+
.container[data-v-e6dc58ed]{max-width:1536px;}
|
|
429
440
|
}
|
|
430
|
-
/* unplugin-vue-components disabled */
|
|
431
441
|
/* layer: default */
|
|
432
|
-
.
|
|
433
|
-
.absolute[data-v-9a051cb4]{position:absolute;}
|
|
434
|
-
.hidden[data-v-9a051cb4]{display:none;}
|
|
435
|
-
.flex[data-v-9a051cb4]{display:flex;}
|
|
436
|
-
.transform[data-v-9a051cb4]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
|
|
437
|
-
.px[data-v-9a051cb4]{padding-left:1rem;padding-right:1rem;}
|
|
438
|
-
|
|
439
|
-
/* unplugin-vue-components disabled */.vp-watermark[data-v-9a051cb4] {
|
|
440
|
-
/* 通过 CSS 阻止截图(基础防护) */
|
|
441
|
-
-webkit-user-select: none;
|
|
442
|
-
user-select: none;
|
|
443
|
-
}
|
|
442
|
+
.block[data-v-e6dc58ed]{display:block;}
|