@lazycatcloud/vue-media-preview 0.1.4 → 0.1.5

package/dist/vue-media-preview.css

@@ -1 +1 @@
-.mp-viewer.is-album.is-mobile .mp-video-center-play .mp-video-icon--mobile{content:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='14px'%20height='14px'%20viewBox='0%200%2014%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e播放%3c/title%3e%3cg%20id='页面-1'%20stroke='none'%20stroke-width='1'%20fill-rule='evenodd'%3e%3cg%20id='2时间轴-查看视频'%20transform='translate(-181.000000,%20-399.000000)'%20fill-rule='nonzero'%3e%3cg%20id='播放'%20transform='translate(164.000000,%20382.000000)'%3e%3cg%20id='播放-2'%20transform='translate(17.000000,%2016.000000)'%3e%3cpath%20d='M10.7364863,4.038851%20L15.2901269,12.0077221%20C15.8381469,12.966757%2015.5049534,14.1884663%2014.5459185,14.7364863%20C14.2437231,14.9091694%2013.9016945,15%2013.5536406,15%20L4.44635936,15%20C3.34178986,15%202.44635936,14.1045695%202.44635936,13%20C2.44635936,12.6519461%202.53718999,12.3099175%202.70987307,12.0077221%20L7.26351372,4.038851%20C7.81153365,3.0798161%209.03324298,2.74662265%209.99227788,3.29464259%20C10.3023404,3.47182119%2010.5593077,3.72878844%2010.7364863,4.038851%20Z'%20id='播放'%20transform='translate(9.000000,%208.000000)%20rotate(90.000000)%20translate(-9.000000,%20-8.000000)%20'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");filter:brightness(0) invert(1)}.mp-viewer.is-album{--mp-preview-background: #fff;--mp-pc-controls-background: #0008;color:#151515}.mp-viewer.is-album[data-chrome=hidden]{--mp-preview-background: #000}.mp-viewer.is-album[data-phase=open] .mp-viewer__backdrop{transition:background-color .24s ease-out}.mp-viewer.is-album:not(.is-mobile) .mp-viewer__pages{top:60px}.mp-viewer.is-album .mp-viewer__toolbar,.mp-viewer.is-album .mp-viewer__footer{background:#fff}.mp-viewer.is-album .mp-viewer__title span,.mp-viewer.is-album .mp-viewer__counter,.mp-viewer.is-album .mp-resource-state{color:#999}.mp-viewer.is-album .mp-spinner{border-color:#dfdfdf;border-top-color:transparent}.mp-viewer.is-album .mp-resource-state .mp-spinner{box-sizing:content-box;width:24px;height:24px;border-width:3px}.mp-viewer.is-album .mp-viewer__detail{color:#151515;background:#fff;border-color:#ebeced}.mp-viewer.is-album .mp-viewer__detail>span{color:#999}.mp-viewer.is-album .mp-viewer__arrow{color:#151515;background:#ffffffc0!important}.mp-viewer.is-album.is-mobile .mp-video-controls{left:0;right:0;width:100%;bottom:calc(58px + env(safe-area-inset-bottom));height:56px;padding:0 16px;gap:0;background:#fff;color:#333;font-size:12px;font-weight:500}.mp-viewer.is-album.is-mobile .mp-video-controls>button:first-of-type{min-width:18px;width:18px;min-height:30px;padding:0;margin-right:16px}.mp-viewer.is-album.is-mobile .mp-video-controls>button:first-of-type svg{width:18px;height:18px}.mp-viewer.is-album.is-mobile .mp-video-controls>button:last-of-type{min-width:24px;width:24px;margin-left:16px;padding:0}.mp-viewer.is-album.is-mobile .mp-video-controls .mp-video-volume{display:none}.mp-viewer.is-album.is-mobile .mp-video-time{width:clamp(46px,calc(8.8vw + 12px),64px);font-size:12px;text-align:left}.mp-viewer.is-album.is-mobile .mp-video-time:nth-of-type(2){text-align:right}.mp-viewer.is-album.is-mobile .mp-video-progress__rail{height:4px;background:#eaeaea}.mp-viewer.is-album.is-mobile .mp-video-progress__buffered{height:4px;background:#d1d1d1}.mp-viewer.is-album.is-mobile .mp-video-progress__played{height:4px;background:#333}.mp-viewer.is-album.is-mobile .mp-video-progress__thumb{width:14px;height:14px;background:#333;box-shadow:none}.mp-viewer.is-album.is-mobile .mp-video-seek-preview{color:#333;background:#fffffff2;border-color:#ebeced}.mp-viewer.is-album:fullscreen .mp-video-controls{bottom:calc(24px + env(safe-area-inset-bottom))}.mp-viewer.is-album .has-album-icon>.mp-video-icon--generic{display:none}.mp-viewer.is-album.is-mobile .mp-video-icon--mobile,.mp-viewer.is-album:not(.is-mobile) .mp-video-icon--desktop{display:block}.mp-viewer.is-album.is-mobile .mp-video-controls>button:first-of-type .mp-video-icon{width:18px;height:18px}.mp-viewer.is-album.is-mobile .mp-video-controls>button:last-of-type .mp-video-icon{width:24px;height:24px}.mp-viewer.is-album.is-mobile .mp-video-center-play{width:48px;height:48px;min-width:48px!important;min-height:48px;padding:0;border:0!important}.mp-viewer.is-album.is-mobile .mp-video-center-play .mp-video-icon{width:20px;height:20px}.mp-viewer.is-album.is-mobile .mp-video-center-play .mp-video-icon--mobile{content:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='14px'%20height='14px'%20viewBox='0%200%2014%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e播放%3c/title%3e%3cg%20id='页面-1'%20stroke='none'%20stroke-width='1'%20fill-rule='evenodd'%3e%3cg%20id='2时间轴-查看视频'%20transform='translate(-181.000000,%20-399.000000)'%20fill-rule='nonzero'%3e%3cg%20id='播放'%20transform='translate(164.000000,%20382.000000)'%3e%3cg%20id='播放-2'%20transform='translate(17.000000,%2016.000000)'%3e%3cpath%20d='M10.7364863,4.038851%20L15.2901269,12.0077221%20C15.8381469,12.966757%2015.5049534,14.1884663%2014.5459185,14.7364863%20C14.2437231,14.9091694%2013.9016945,15%2013.5536406,15%20L4.44635936,15%20C3.34178986,15%202.44635936,14.1045695%202.44635936,13%20C2.44635936,12.6519461%202.53718999,12.3099175%202.70987307,12.0077221%20L7.26351372,4.038851%20C7.81153365,3.0798161%209.03324298,2.74662265%209.99227788,3.29464259%20C10.3023404,3.47182119%2010.5593077,3.72878844%2010.7364863,4.038851%20Z'%20id='播放'%20transform='translate(9.000000,%208.000000)%20rotate(90.000000)%20translate(-9.000000,%20-8.000000)%20'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");filter:brightness(0) invert(1)}.mp-viewer.is-album:not(.is-mobile) .mp-video-controls{bottom:40px;height:56px;padding:0 16px;gap:0;width:min(680px,calc(100% - 80px));border:1px solid #ffffff26;border-radius:12px;background:var(--mp-pc-controls-background);box-shadow:none}.mp-viewer.is-album:not(.is-mobile) .mp-video-controls>button{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border-radius:6px}.mp-viewer.is-album:not(.is-mobile) .mp-video-controls .mp-video-icon{width:16px;height:16px}.mp-viewer.is-album:not(.is-mobile) .mp-video-time{width:50px;font-size:12px}.mp-viewer.is-album:not(.is-mobile) .mp-video-time:first-of-type{text-align:left}.mp-viewer.is-album:not(.is-mobile) .mp-video-time:nth-of-type(2){text-align:right}.mp-viewer.is-album:not(.is-mobile) .mp-video-controls>button:first-of-type{margin-right:8px}.mp-viewer.is-album:not(.is-mobile) .mp-video-controls>button:last-of-type{margin-left:8px}.mp-viewer.is-album .mp-video-volume{display:none}.mp-viewer.is-album:not(.is-mobile) .mp-video-progress__played,.mp-viewer.is-album:not(.is-mobile) .mp-video-progress__thumb{background:#fff;box-shadow:none}.mp-viewer.is-album:fullscreen{--mp-preview-background: #000}.mp-viewer.is-album:fullscreen .mp-viewer__chrome{visibility:hidden;pointer-events:none}.mp-viewer.is-album:fullscreen .mp-viewer__pages{top:0}.mp-viewer.is-album.is-mobile:fullscreen .mp-video-controls{bottom:24px;background:#0009;color:#fff;left:16px;right:16px;width:auto;gap:8px;padding:0 8px;border-radius:8px}.mp-viewer.is-album.is-mobile:fullscreen .mp-video-icon--mobile{filter:brightness(0) invert(1)}.mp-viewer.is-album.is-mobile:fullscreen .mp-video-progress__played,.mp-viewer.is-album.is-mobile:fullscreen .mp-video-progress__thumb{background:#fff}.mp-viewer.is-album.is-mobile:fullscreen .mp-video-progress__rail{background:#ffffff4d}.mp-viewer.is-album:not(.is-mobile) .mp-video-progress__played{height:4px;background:#18bb8b}.mp-viewer.is-album:not(.is-mobile) .mp-video-progress__thumb{width:10px;height:10px;background:#18bb8b;box-shadow:0 0 12px #18bb8bb3}.mp-viewer.is-album:not(.is-mobile) .mp-video-progress__rail{height:4px;background:#ffffff4d}.mp-transition-source{visibility:hidden!important}.mp-stage,.mp-stage *{box-sizing:border-box}.mp-stage{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;contain:layout paint size;transform-origin:center;transition:transform .24s cubic-bezier(.2,.8,.2,1)}.mp-stage.is-dismissing{transition:none;will-change:transform}.mp-stage.is-zoomed{cursor:grab}.mp-stage.is-zoomed:active{cursor:grabbing}.mp-stage canvas,.mp-stage video,.mp-stage img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.mp-canvas-renderer,.mp-live-photo-renderer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.mp-dom-renderer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.mp-dom-renderer__frame{position:absolute;left:50%;top:50%;transform-origin:center}.mp-dom-renderer__node{display:block;max-width:none;max-height:none;object-fit:contain;pointer-events:auto;transform-origin:center}.mp-resource-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;pointer-events:none;color:#c9cbce;font:14px system-ui}.mp-resource-state button{pointer-events:auto;padding:8px 14px;border:1px solid #888;border-radius:20px;background:transparent;color:inherit;cursor:pointer}.mp-spinner{box-sizing:border-box;flex:0 0 auto;display:block;width:24px;height:24px;border:1.5px solid #dfdfdf;border-top-color:transparent;border-radius:50%;animation:mp-spin .7s linear infinite}.mp-quality-notice{position:absolute;bottom:110px;left:50%;transform:translate(-50%);font-size:12px;padding:7px 12px;border-radius:16px;background:#0009;white-space:nowrap}@keyframes mp-spin{to{transform:rotate(360deg)}}.mp-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:hidden;isolation:isolate;color:#fff;touch-action:none;overscroll-behavior:contain;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mp-viewer.is-mobile{width:min(100%,480px);left:50%;right:auto;transform:translate(-50%)}.mp-viewer[data-phase=closing]{pointer-events:none}.mp-viewer *,.mp-viewer *:before,.mp-viewer *:after{box-sizing:border-box}.mp-viewer button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.mp-viewer button:disabled{opacity:.25;cursor:default}.mp-viewer button:active{background:#ffffff18}.mp-viewer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mp-preview-background, #08090b);pointer-events:none}.mp-viewer__pages{position:absolute;top:0;right:0;bottom:0;left:0}.mp-viewer__loading{pointer-events:none}.mp-viewer__pages.is-transitioning{visibility:hidden}.mp-viewer__page{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.mp-shared-clip{position:absolute;left:0;top:0;overflow:hidden;contain:layout paint;transform-origin:0 0;pointer-events:none;will-change:transform}.mp-shared-transition{position:absolute;left:0;top:0;pointer-events:none;transform-origin:0 0;will-change:transform}.mp-viewer__chrome{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:1;transition:opacity .16s ease}.mp-viewer__chrome.is-hidden{opacity:0;visibility:hidden}.mp-viewer__chrome button,.mp-viewer__chrome a{pointer-events:auto}.mp-viewer__toolbar{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:12px;padding:calc(8px + env(safe-area-inset-top)) 16px 12px;background:linear-gradient(#0009,transparent)}.mp-viewer__toolbar>button{font-size:28px}.mp-viewer__title{display:grid;gap:4px;flex:1;min-width:0}.mp-viewer__title strong{font-size:15px;font-weight:550;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mp-viewer__title span{font-size:12px;color:#ffffff80}.mp-viewer__footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:24px;padding:16px 16px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#0009)}.mp-viewer__arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff10!important;border-radius:50%!important;width:48px;height:48px;font-size:32px!important}.mp-viewer__arrow.is-left{left:24px}.mp-viewer__arrow.is-right{right:24px}.mp-viewer__counter{position:absolute;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));transform:translate(-50%);color:#ffffff85;font-size:12px;font-variant-numeric:tabular-nums}.mp-viewer__detail{position:absolute;z-index:5;right:16px;bottom:calc(100px + env(safe-area-inset-bottom));display:grid;gap:12px;min-width:240px;max-width:calc(100% - 32px);padding:24px;border:1px solid #ffffff1a;border-radius:20px;background:#202226f5;box-shadow:0 12px 44px #0005}.mp-viewer__detail>button{position:absolute;top:4px;right:4px}.mp-viewer__detail>strong{padding-right:32px;font-size:15px}.mp-viewer__detail>span{font-size:13px;color:#ffffffa0}@media(prefers-reduced-motion:reduce){.mp-stage,.mp-viewer__chrome{transition:none}.mp-spinner{animation:none}}.mp-viewer__video-controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.mp-viewer__chrome{z-index:3}.mp-video-control-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:1;transition:opacity .16s ease}.mp-video-control-layer.is-hidden{opacity:0;visibility:hidden}.mp-video-controls{position:absolute;bottom:calc(var(--mp-video-controls-bottom, 142px) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;width:min(680px,calc(100% - 48px));height:56px;padding:0 12px;border:1px solid #ffffff20;border-radius:12px;background:linear-gradient(135deg,#292b2fe8,#16181cf2);color:#fff;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 8px 32px #0003;font-size:12px}.mp-video-controls button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:36px;min-height:44px;padding:6px;border:0;background:transparent;color:inherit;border-radius:8px;cursor:pointer}.mp-video-controls button:disabled{opacity:.35;cursor:default}.mp-video-controls button:hover{background:#ffffff0c}.mp-video-time{flex-shrink:0;min-width:36px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums}.mp-video-progress{position:relative;display:flex;flex:1;align-items:center;min-width:24px;height:44px;cursor:pointer;touch-action:none}.mp-video-progress[aria-disabled=true]{opacity:.4;cursor:default}.mp-video-progress__rail,.mp-video-progress__buffered,.mp-video-progress__played{position:absolute;left:0;height:3px;border-radius:4px}.mp-video-progress__rail{width:100%;background:#ffffff25}.mp-video-progress__buffered{background:#ffffff40}.mp-video-progress__played{background:#9bd3ba;transition:width .22s linear}.mp-video-progress__thumb{position:absolute;width:11px;height:11px;border-radius:50%;background:#c5ead9;transform:translate(-50%);box-shadow:0 0 12px #9bd3ba40;transition:left .22s linear}.mp-video-progress.is-scrubbing .mp-video-progress__played,.mp-video-progress.is-scrubbing .mp-video-progress__thumb{transition:none}.mp-video-progress.is-scrubbing .mp-video-progress__thumb{width:15px;height:15px}.mp-video-seek-preview{position:absolute;bottom:70px;left:50%;transform:translate(-50%);padding:10px 16px;border:1px solid #ffffff15;border-radius:9px;background:#15171ce8;font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}.mp-video-seek-preview span{color:#ffffff70}.mp-video-center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;min-width:56px!important;border-radius:50%!important;background:#0008!important;color:#fff;border:1px solid #ffffff20!important;pointer-events:auto;cursor:pointer}.mp-video-center-play svg{margin-left:3px}.mp-video-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.mp-video-loading .mp-spinner{width:32px;height:32px;border-width:2px}.mp-video-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;max-width:calc(100% - 32px);min-height:44px;padding:12px;border-radius:6px;background:#000c;color:#fff;font:14px system-ui;text-align:center;pointer-events:none}.mp-viewer.is-mobile .mp-video-controls{left:16px;right:16px;transform:none;width:auto;gap:6px;padding:0 6px;border:0;border-radius:0;background:transparent;box-shadow:none;bottom:calc(var(--mp-video-controls-bottom, 132px) + env(safe-area-inset-bottom))}.mp-viewer.is-mobile .mp-video-progress__played,.mp-viewer.is-mobile .mp-video-progress__thumb{background:#fff}.mp-viewer.is-mobile .mp-video-controls button{min-width:32px}.mp-viewer:fullscreen,.mp-stage:fullscreen{width:100%;height:100%;top:0;right:0;bottom:0;left:0;transform:none;background:#08090b}.mp-viewer:fullscreen .mp-video-controls,.mp-stage:fullscreen .mp-video-controls{bottom:calc(32px + env(safe-area-inset-bottom))}.mp-viewer:fullscreen .mp-viewer__footer{display:none}@media(prefers-reduced-motion:reduce){.mp-video-control-layer,.mp-video-progress__played,.mp-video-progress__thumb{transition:none}}.mp-live-photo__effects,.mp-live-photo__still{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center}.mp-live-photo__effects{transform:scale(1);transition:transform .3s ease-in-out}.mp-live-photo__effects.is-playing{transform:scale(1.075)}.mp-live-photo__still{opacity:1;transition:opacity .3s ease-in-out;pointer-events:none}.mp-live-photo__still.is-playing{opacity:0}.mp-live-photo-renderer{-webkit-touch-callout:none}@media(prefers-reduced-motion:reduce){.mp-live-photo__effects,.mp-live-photo__still{transition:none}}.mp-video-icon{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;flex-shrink:0}.mp-video-icon>svg,.mp-video-icon>img{width:100%;height:100%}.mp-video-icon--mobile,.mp-video-icon--desktop{display:none}.mp-virtual-timeline[data-v-05c756fb]{position:relative;width:100%;overflow-anchor:none}.mp-timeline-row[data-v-05c756fb]{position:absolute;left:0;right:0}
+.mp-viewer.is-album.is-mobile .mp-video-center-play .mp-video-icon--mobile{content:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='14px'%20height='14px'%20viewBox='0%200%2014%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e播放%3c/title%3e%3cg%20id='页面-1'%20stroke='none'%20stroke-width='1'%20fill-rule='evenodd'%3e%3cg%20id='2时间轴-查看视频'%20transform='translate(-181.000000,%20-399.000000)'%20fill-rule='nonzero'%3e%3cg%20id='播放'%20transform='translate(164.000000,%20382.000000)'%3e%3cg%20id='播放-2'%20transform='translate(17.000000,%2016.000000)'%3e%3cpath%20d='M10.7364863,4.038851%20L15.2901269,12.0077221%20C15.8381469,12.966757%2015.5049534,14.1884663%2014.5459185,14.7364863%20C14.2437231,14.9091694%2013.9016945,15%2013.5536406,15%20L4.44635936,15%20C3.34178986,15%202.44635936,14.1045695%202.44635936,13%20C2.44635936,12.6519461%202.53718999,12.3099175%202.70987307,12.0077221%20L7.26351372,4.038851%20C7.81153365,3.0798161%209.03324298,2.74662265%209.99227788,3.29464259%20C10.3023404,3.47182119%2010.5593077,3.72878844%2010.7364863,4.038851%20Z'%20id='播放'%20transform='translate(9.000000,%208.000000)%20rotate(90.000000)%20translate(-9.000000,%20-8.000000)%20'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");filter:brightness(0) invert(1)}.mp-video-quality{position:relative;flex-shrink:0;margin-left:8px}.mp-video-quality__trigger{white-space:nowrap;font:inherit}.mp-video-quality__menu{position:absolute;bottom:calc(100% + 8px);right:0;display:flex;flex-direction:column;min-width:80px;padding:4px;border:1px solid #ffffff20;border-radius:8px;background:#202124;color:#fff;box-shadow:0 4px 16px #0004}.mp-video-quality__menu button{white-space:nowrap;font:inherit}.mp-video-quality__menu button[aria-pressed=true]{background:#ffffff26}.mp-video-retained-frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mp-viewer.is-album:not(.is-mobile) .mp-video-quality{margin-left:12px}.mp-viewer.is-album:not(.is-mobile) .mp-video-quality__trigger{min-width:0;min-height:40px;height:40px;padding:0 8px;border-radius:6px}.mp-viewer.is-album:not(.is-mobile) button.mp-video-quality__trigger:hover{background:#ffffff1a}.mp-viewer.is-album:not(.is-mobile) .mp-video-quality__menu{left:50%;right:auto;bottom:52px;transform:translate(-50%);padding:4px 0;border:1px solid #ffffff1a;background:#000000e5;box-shadow:0 10px 15px -3px #0002,0 4px 6px -4px #0002}.mp-viewer.is-album:not(.is-mobile) .mp-video-quality__menu button{min-height:0;padding:4px 12px;border-radius:0;font-size:12px;line-height:18px}.mp-viewer.is-album:not(.is-mobile) .mp-video-quality__menu button:hover{background:#ffffff1a}.mp-viewer.is-album.is-mobile .mp-video-quality{position:absolute;right:16px;bottom:calc(100% + 8px);margin-left:0;color:#fff;font-size:12px;line-height:18px}.mp-viewer.is-album.is-mobile .mp-video-quality__trigger{display:block;width:max-content;min-width:0;min-height:0;margin-left:auto;padding:4px 14px;border-radius:4px;background:#0000007f}.mp-viewer.is-album.is-mobile .mp-video-quality__menu{bottom:calc(100% + 6px);min-width:100%;width:max-content;padding:0;border:0;border-radius:4px;background:#0000007f;box-shadow:none}.mp-viewer.is-album.is-mobile .mp-video-quality__menu button{justify-content:flex-end;min-width:0;min-height:0;padding:4px 14px;border-radius:0;background:transparent;text-align:right}.mp-viewer.is-album .mp-video-quality__menu button[aria-pressed=true]{background:transparent;opacity:.6}.mp-viewer.is-album.is-mobile:fullscreen .mp-video-quality{right:0;bottom:36px}.mp-viewer.is-album{--mp-preview-background: #fff;--mp-pc-controls-background: #0008;color:#151515}.mp-viewer.is-album[data-chrome=hidden]{--mp-preview-background: #000}.mp-viewer.is-album[data-phase=open] .mp-viewer__backdrop{transition:background-color .24s ease-out}.mp-viewer.is-album:not(.is-mobile) .mp-viewer__pages{top:60px}.mp-viewer.is-album .mp-viewer__toolbar,.mp-viewer.is-album .mp-viewer__footer{background:#fff}.mp-viewer.is-album .mp-viewer__title span,.mp-viewer.is-album .mp-viewer__counter,.mp-viewer.is-album .mp-resource-state{color:#999}.mp-viewer.is-album .mp-spinner{border-color:#dfdfdf;border-top-color:transparent}.mp-viewer.is-album .mp-resource-state .mp-spinner{box-sizing:content-box;width:24px;height:24px;border-width:3px}.mp-viewer.is-album .mp-viewer__detail{color:#151515;background:#fff;border-color:#ebeced}.mp-viewer.is-album .mp-viewer__detail>span{color:#999}.mp-viewer.is-album .mp-viewer__arrow{color:#151515;background:#ffffffc0!important}.mp-viewer.is-album.is-mobile .mp-video-controls{left:0;right:0;width:100%;bottom:calc(58px + env(safe-area-inset-bottom));height:56px;padding:0 16px;gap:0;background:#fff;color:#333;font-size:12px;font-weight:500}.mp-viewer.is-album.is-mobile .mp-video-controls>button:first-of-type{min-width:18px;width:18px;min-height:30px;padding:0;margin-right:16px}.mp-viewer.is-album.is-mobile .mp-video-controls>button:first-of-type svg{width:18px;height:18px}.mp-viewer.is-album.is-mobile .mp-video-controls>button:last-of-type{min-width:24px;width:24px;margin-left:16px;padding:0}.mp-viewer.is-album.is-mobile .mp-video-controls .mp-video-volume{display:none}.mp-viewer.is-album.is-mobile .mp-video-time{width:clamp(46px,calc(8.8vw + 12px),64px);font-size:12px;text-align:left}.mp-viewer.is-album.is-mobile .mp-video-time:nth-of-type(2){text-align:right}.mp-viewer.is-album.is-mobile .mp-video-progress__rail{height:4px;background:#eaeaea}.mp-viewer.is-album.is-mobile .mp-video-progress__buffered{height:4px;background:#d1d1d1}.mp-viewer.is-album.is-mobile .mp-video-progress__played{height:4px;background:#333}.mp-viewer.is-album.is-mobile .mp-video-progress__thumb{width:14px;height:14px;background:#333;box-shadow:none}.mp-viewer.is-album.is-mobile .mp-video-seek-preview{color:#333;background:#fffffff2;border-color:#ebeced}.mp-viewer.is-album:fullscreen .mp-video-controls{bottom:calc(24px + env(safe-area-inset-bottom))}.mp-viewer.is-album .has-album-icon>.mp-video-icon--generic{display:none}.mp-viewer.is-album.is-mobile .mp-video-icon--mobile,.mp-viewer.is-album:not(.is-mobile) .mp-video-icon--desktop{display:block}.mp-viewer.is-album.is-mobile .mp-video-controls>button:first-of-type .mp-video-icon{width:18px;height:18px}.mp-viewer.is-album.is-mobile .mp-video-controls>button:last-of-type .mp-video-icon{width:24px;height:24px}.mp-viewer.is-album.is-mobile .mp-video-center-play{width:48px;height:48px;min-width:48px!important;min-height:48px;padding:0;border:0!important}.mp-viewer.is-album.is-mobile .mp-video-center-play .mp-video-icon{width:20px;height:20px}.mp-viewer.is-album.is-mobile .mp-video-center-play .mp-video-icon--mobile{content:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='14px'%20height='14px'%20viewBox='0%200%2014%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e播放%3c/title%3e%3cg%20id='页面-1'%20stroke='none'%20stroke-width='1'%20fill-rule='evenodd'%3e%3cg%20id='2时间轴-查看视频'%20transform='translate(-181.000000,%20-399.000000)'%20fill-rule='nonzero'%3e%3cg%20id='播放'%20transform='translate(164.000000,%20382.000000)'%3e%3cg%20id='播放-2'%20transform='translate(17.000000,%2016.000000)'%3e%3cpath%20d='M10.7364863,4.038851%20L15.2901269,12.0077221%20C15.8381469,12.966757%2015.5049534,14.1884663%2014.5459185,14.7364863%20C14.2437231,14.9091694%2013.9016945,15%2013.5536406,15%20L4.44635936,15%20C3.34178986,15%202.44635936,14.1045695%202.44635936,13%20C2.44635936,12.6519461%202.53718999,12.3099175%202.70987307,12.0077221%20L7.26351372,4.038851%20C7.81153365,3.0798161%209.03324298,2.74662265%209.99227788,3.29464259%20C10.3023404,3.47182119%2010.5593077,3.72878844%2010.7364863,4.038851%20Z'%20id='播放'%20transform='translate(9.000000,%208.000000)%20rotate(90.000000)%20translate(-9.000000,%20-8.000000)%20'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");filter:brightness(0) invert(1)}.mp-viewer.is-album:not(.is-mobile) .mp-video-controls{bottom:40px;height:56px;padding:0 16px;gap:0;width:min(680px,calc(100% - 80px));border:1px solid #ffffff26;border-radius:12px;background:var(--mp-pc-controls-background);box-shadow:none}.mp-viewer.is-album:not(.is-mobile) .mp-video-controls>button{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border-radius:6px}.mp-viewer.is-album:not(.is-mobile) .mp-video-controls .mp-video-icon{width:16px;height:16px}.mp-viewer.is-album:not(.is-mobile) .mp-video-time{width:50px;font-size:12px}.mp-viewer.is-album:not(.is-mobile) .mp-video-time:first-of-type{text-align:left}.mp-viewer.is-album:not(.is-mobile) .mp-video-time:nth-of-type(2){text-align:right}.mp-viewer.is-album:not(.is-mobile) .mp-video-controls>button:first-of-type{margin-right:8px}.mp-viewer.is-album:not(.is-mobile) .mp-video-controls>button:last-of-type{margin-left:8px}.mp-viewer.is-album .mp-video-volume{display:none}.mp-viewer.is-album:not(.is-mobile) .mp-video-progress__played,.mp-viewer.is-album:not(.is-mobile) .mp-video-progress__thumb{background:#fff;box-shadow:none}.mp-viewer.is-album:fullscreen{--mp-preview-background: #000}.mp-viewer.is-album:fullscreen .mp-viewer__chrome{visibility:hidden;pointer-events:none}.mp-viewer.is-album:fullscreen .mp-viewer__pages{top:0}.mp-viewer.is-album.is-mobile:fullscreen .mp-video-controls{bottom:24px;background:#0009;color:#fff;left:16px;right:16px;width:auto;gap:8px;padding:0 8px;border-radius:8px}.mp-viewer.is-album.is-mobile:fullscreen .mp-video-icon--mobile{filter:brightness(0) invert(1)}.mp-viewer.is-album.is-mobile:fullscreen .mp-video-progress__played,.mp-viewer.is-album.is-mobile:fullscreen .mp-video-progress__thumb{background:#fff}.mp-viewer.is-album.is-mobile:fullscreen .mp-video-progress__rail{background:#ffffff4d}.mp-viewer.is-album:not(.is-mobile) .mp-video-progress__played{height:4px;background:#18bb8b}.mp-viewer.is-album:not(.is-mobile) .mp-video-progress__thumb{width:10px;height:10px;background:#18bb8b;box-shadow:0 0 12px #18bb8bb3}.mp-viewer.is-album:not(.is-mobile) .mp-video-progress__rail{height:4px;background:#ffffff4d}.mp-transition-source{visibility:hidden!important}.mp-stage,.mp-stage *{box-sizing:border-box}.mp-stage{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;contain:layout paint size;transform-origin:center;transition:transform .24s cubic-bezier(.2,.8,.2,1)}.mp-stage.is-dismissing{transition:none;will-change:transform}.mp-stage.is-zoomed{cursor:grab}.mp-stage.is-zoomed:active{cursor:grabbing}.mp-stage canvas,.mp-stage video,.mp-stage img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.mp-canvas-renderer,.mp-live-photo-renderer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.mp-dom-renderer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.mp-dom-renderer__frame{position:absolute;left:50%;top:50%;transform-origin:center}.mp-dom-renderer__node{display:block;max-width:none;max-height:none;object-fit:contain;pointer-events:auto;transform-origin:center}.mp-resource-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;pointer-events:none;color:#c9cbce;font:14px system-ui}.mp-resource-state button{pointer-events:auto;padding:8px 14px;border:1px solid #888;border-radius:20px;background:transparent;color:inherit;cursor:pointer}.mp-spinner{box-sizing:border-box;flex:0 0 auto;display:block;width:24px;height:24px;border:1.5px solid #dfdfdf;border-top-color:transparent;border-radius:50%;animation:mp-spin .7s linear infinite}.mp-quality-notice{position:absolute;bottom:110px;left:50%;transform:translate(-50%);font-size:12px;padding:7px 12px;border-radius:16px;background:#0009;white-space:nowrap}@keyframes mp-spin{to{transform:rotate(360deg)}}.mp-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:hidden;isolation:isolate;color:#fff;touch-action:none;overscroll-behavior:contain;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mp-viewer.is-mobile{width:min(100%,480px);left:50%;right:auto;transform:translate(-50%)}.mp-viewer[data-phase=closing]{pointer-events:none}.mp-viewer *,.mp-viewer *:before,.mp-viewer *:after{box-sizing:border-box}.mp-viewer button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.mp-viewer button:disabled{opacity:.25;cursor:default}.mp-viewer button:active{background:#ffffff18}.mp-viewer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mp-preview-background, #08090b);pointer-events:none}.mp-viewer__pages{position:absolute;top:0;right:0;bottom:0;left:0}.mp-viewer__loading{pointer-events:none}.mp-viewer__pages.is-transitioning{visibility:hidden}.mp-viewer__page{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.mp-shared-clip{position:absolute;left:0;top:0;overflow:hidden;contain:layout paint;transform-origin:0 0;pointer-events:none;will-change:transform}.mp-shared-transition{position:absolute;left:0;top:0;pointer-events:none;transform-origin:0 0;will-change:transform}.mp-viewer__chrome{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:1;transition:opacity .16s ease}.mp-viewer__chrome.is-hidden{opacity:0;visibility:hidden}.mp-viewer__chrome button,.mp-viewer__chrome a{pointer-events:auto}.mp-viewer__toolbar{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:12px;padding:calc(8px + env(safe-area-inset-top)) 16px 12px;background:linear-gradient(#0009,transparent)}.mp-viewer__toolbar>button{font-size:28px}.mp-viewer__title{display:grid;gap:4px;flex:1;min-width:0}.mp-viewer__title strong{font-size:15px;font-weight:550;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mp-viewer__title span{font-size:12px;color:#ffffff80}.mp-viewer__footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:24px;padding:16px 16px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#0009)}.mp-viewer__arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff10!important;border-radius:50%!important;width:48px;height:48px;font-size:32px!important}.mp-viewer__arrow.is-left{left:24px}.mp-viewer__arrow.is-right{right:24px}.mp-viewer__counter{position:absolute;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));transform:translate(-50%);color:#ffffff85;font-size:12px;font-variant-numeric:tabular-nums}.mp-viewer__detail{position:absolute;z-index:5;right:16px;bottom:calc(100px + env(safe-area-inset-bottom));display:grid;gap:12px;min-width:240px;max-width:calc(100% - 32px);padding:24px;border:1px solid #ffffff1a;border-radius:20px;background:#202226f5;box-shadow:0 12px 44px #0005}.mp-viewer__detail>button{position:absolute;top:4px;right:4px}.mp-viewer__detail>strong{padding-right:32px;font-size:15px}.mp-viewer__detail>span{font-size:13px;color:#ffffffa0}@media(prefers-reduced-motion:reduce){.mp-stage,.mp-viewer__chrome{transition:none}.mp-spinner{animation:none}}.mp-viewer__video-controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.mp-viewer__chrome{z-index:3}.mp-video-control-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:1;transition:opacity .16s ease}.mp-video-control-layer.is-hidden{opacity:0;visibility:hidden}.mp-video-controls{position:absolute;bottom:calc(var(--mp-video-controls-bottom, 142px) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;width:min(680px,calc(100% - 48px));height:56px;padding:0 12px;border:1px solid #ffffff20;border-radius:12px;background:linear-gradient(135deg,#292b2fe8,#16181cf2);color:#fff;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 8px 32px #0003;font-size:12px}.mp-video-controls button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:36px;min-height:44px;padding:6px;border:0;background:transparent;color:inherit;border-radius:8px;cursor:pointer}.mp-video-controls button:disabled{opacity:.35;cursor:default}.mp-video-controls button:hover{background:#ffffff0c}.mp-video-time{flex-shrink:0;min-width:36px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums}.mp-video-progress{position:relative;display:flex;flex:1;align-items:center;min-width:24px;height:44px;cursor:pointer;touch-action:none}.mp-video-progress[aria-disabled=true]{opacity:.4;cursor:default}.mp-video-progress__rail,.mp-video-progress__buffered,.mp-video-progress__played{position:absolute;left:0;height:3px;border-radius:4px}.mp-video-progress__rail{width:100%;background:#ffffff25}.mp-video-progress__buffered{background:#ffffff40}.mp-video-progress__played{background:#9bd3ba;transition:width .22s linear}.mp-video-progress__thumb{position:absolute;width:11px;height:11px;border-radius:50%;background:#c5ead9;transform:translate(-50%);box-shadow:0 0 12px #9bd3ba40;transition:left .22s linear}.mp-video-progress.is-scrubbing .mp-video-progress__played,.mp-video-progress.is-scrubbing .mp-video-progress__thumb{transition:none}.mp-video-progress.is-scrubbing .mp-video-progress__thumb{width:15px;height:15px}.mp-video-seek-preview{position:absolute;bottom:70px;left:50%;transform:translate(-50%);padding:10px 16px;border:1px solid #ffffff15;border-radius:9px;background:#15171ce8;font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}.mp-video-seek-preview span{color:#ffffff70}.mp-video-center-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;min-width:56px!important;border-radius:50%!important;background:#0008!important;color:#fff;border:1px solid #ffffff20!important;pointer-events:auto;cursor:pointer}.mp-video-center-play svg{margin-left:3px}.mp-video-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.mp-video-loading .mp-spinner{width:32px;height:32px;border-width:2px}.mp-video-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;max-width:calc(100% - 32px);min-height:44px;padding:12px;border-radius:6px;background:#000c;color:#fff;font:14px system-ui;text-align:center;pointer-events:none}.mp-viewer.is-mobile .mp-video-controls{left:16px;right:16px;transform:none;width:auto;gap:6px;padding:0 6px;border:0;border-radius:0;background:transparent;box-shadow:none;bottom:calc(var(--mp-video-controls-bottom, 132px) + env(safe-area-inset-bottom))}.mp-viewer.is-mobile .mp-video-progress__played,.mp-viewer.is-mobile .mp-video-progress__thumb{background:#fff}.mp-viewer.is-mobile .mp-video-controls button{min-width:32px}.mp-viewer:fullscreen,.mp-stage:fullscreen{width:100%;height:100%;top:0;right:0;bottom:0;left:0;transform:none;background:#08090b}.mp-viewer:fullscreen .mp-video-controls,.mp-stage:fullscreen .mp-video-controls{bottom:calc(32px + env(safe-area-inset-bottom))}.mp-viewer:fullscreen .mp-viewer__footer{display:none}@media(prefers-reduced-motion:reduce){.mp-video-control-layer,.mp-video-progress__played,.mp-video-progress__thumb{transition:none}}.mp-live-photo__effects,.mp-live-photo__still{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center}.mp-live-photo__effects{transform:scale(1);transition:transform .3s ease-in-out}.mp-live-photo__effects.is-playing{transform:scale(1.075)}.mp-live-photo__still{opacity:1;transition:opacity .3s ease-in-out;pointer-events:none}.mp-live-photo__still.is-playing{opacity:0}.mp-live-photo-renderer{-webkit-touch-callout:none}@media(prefers-reduced-motion:reduce){.mp-live-photo__effects,.mp-live-photo__still{transition:none}}.mp-video-icon{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;flex-shrink:0}.mp-video-icon>svg,.mp-video-icon>img{width:100%;height:100%}.mp-video-icon--mobile,.mp-video-icon--desktop{display:none}.mp-virtual-timeline[data-v-05c756fb]{position:relative;width:100%;overflow-anchor:none}.mp-timeline-row[data-v-05c756fb]{position:absolute;left:0;right:0}