@charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:0.563rem;font-size:var(--plyr-font-size-badge,0.563rem);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:0.813rem;font-size:var(--plyr-font-size-small,0.813rem);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media(min-width:480px){.plyr__captions{font-size:0.938rem;font-size:var(--plyr-font-size-base,0.938rem);padding:20px;padding:calc(var(--plyr-control-spacing,10px)*2)}}@media(min-width:768px){.plyr__captions{font-size:1.125rem;font-size:var(--plyr-font-size-large,1.125rem)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing,10px)*-4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline:3px dotted #00b3ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))) dotted 3px;outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing,10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:hsla(0,0%,100%,.9);background:var(--plyr-menu-background,hsla(0,0%,100%,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:0.938rem;font-size:var(--plyr-font-size-base,0.938rem);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid transparent;border-top-color:hsla(0,0%,100%,.9);border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:var(--plyr-menu-background,hsla(0,0%,100%,.9));content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7 - var(--plyr-menu-arrow-size,4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:0.813rem;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,0.813rem));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing,10px)*.7/1.5) calc(var(--plyr-control-spacing,10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing,10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing,10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing,10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing,10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing,10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:rgba(0,0,0,.1);content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc(-7px - -2);margin-right:calc(var(--plyr-control-spacing,10px)*.7*-1 - -2);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height,13px)*2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width,3px)*2 + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;background-image:linear-gradient(90deg,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc(var(--plyr-range-thumb-height,13px)/2*-1 - var(--plyr-range-track-height,5px)/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline:3px dotted #00b3ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))) dotted 3px;outline-offset:2px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline:3px dotted #00b3ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))) dotted 3px;outline-offset:2px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline:3px dotted #00b3ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff))) dotted 3px;outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:0.813rem;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,0.813rem))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media(max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:hsla(0,0%,100%,.9);background:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:0.813rem;font-size:var(--plyr-font-size-small,0.813rem);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing,10px)/2) calc(var(--plyr-control-spacing,10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height,13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress__buffer,.plyr__progress input[type=range]{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height,13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height,13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:0.813rem;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,0.813rem));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc(var(--plyr-range-track-height,5px)/2*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 0,transparent 50%,rgba(35,40,47,.6) 0,rgba(35,40,47,.6) 75%,transparent 0,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing,10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing,10px)/2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(transparent,rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing,10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing,10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media(min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing,10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing,10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px 0 0 0 1px rgba(35,40,47,.15) rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--video .plyr__progress__buffer{color:hsla(0,0%,100%,.25);color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:1.313rem;font-size:var(--plyr-font-size-xlarge,1.313rem)}.plyr:fullscreen .plyr__captions{font-size:1.313rem;font-size:var(--plyr-font-size-xlarge,1.313rem)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;display:block;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:1.313rem;font-size:var(--plyr-font-size-xlarge,1.313rem)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:0.688rem;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:hsla(0,0%,100%,.9);background-color:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:2px;border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:2px;border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);color:#fff;font-size:0.813rem;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,0.813rem));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}

/* ==========================================================================
 * 以下為自訂播放器樣式（Custom Player Styles）
 * 這些樣式是針對本專案播放器 UI 所做的客製化調整，
 * 附加於 Plyr 原始樣式末尾，依賴 Plyr 的 class 命名規則。
 * ========================================================================== */

/* ── 章節懸停提示框（Chapter Hover Tooltip）────────────────────────────── */
/* 懸停在進度條章節分隔點上時，顯示章節名稱的氣泡提示 */
.chapter-hover-tooltip {
    font-size: 0.75rem;
    position: absolute;
    bottom: calc(100% + 10px);
    margin-top: 5px;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.5);
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 15px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.12s ease;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}
.chapter-hover-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid transparent;
    border-top-color: rgba(0,0,0,0.85);
}

/* 提示框內的時間文字 */
.chapter-hover-tooltip__time {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.03em;
}

/* 提示框內的章節名稱文字 */
.chapter-hover-tooltip__chapter {
    font-size: 0.7rem;
    font-weight: 400;
    opacity: 0.85;
}

/* ── 控制列基礎佈局（Controls Layout）──────────────────────────────────── */
/* 進度條優先佔滿整行，其他控制項換行排列 */
.plyr--video.plyr--full-ui .plyr__controls {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
}

.plyr--video.plyr--full-ui .plyr__controls .plyr__controls__item:first-child {
    margin-right: 5px !important;
}

/* 進度條容器獨佔一行，排在最上方 */
.plyr--video.plyr--full-ui .plyr__controls .plyr__controls__item.plyr__progress__container {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    order: -1 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 12px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 控制列各項目的水平間距 */
.plyr--video.plyr--full-ui .plyr__controls .plyr__controls__item,
.plyr--video.plyr--full-ui .plyr__controls .plyr__time,
.plyr--video.plyr--full-ui .plyr__controls .plyr__volume {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

/* 設定按鈕靠右對齊 */
.plyr--video.plyr--full-ui .plyr__controls .plyr__controls__item.plyr__menu {
    margin-left: auto !important;
}

/* 全螢幕按鈕靠右對齊 */
.plyr--video.plyr--full-ui .plyr__controls .plyr__controls__item[data-plyr="fullscreen"] {
    margin-left: auto !important;
}

/* 設定按鈕與全螢幕按鈕相鄰時收回 auto margin */
.plyr--video.plyr--full-ui .plyr__controls .plyr__controls__item.plyr__menu ~ .plyr__controls__item[data-plyr="fullscreen"] {
    margin-left: 5px !important;
}

/* ── Plyr 主題變數（Theme Variables）───────────────────────────────────── */
/* 覆寫 Plyr CSS 變數，統一套用本專案紅色主題 */
.plyr--video {
    --plyr-color-main: #ff0000;
    --plyr-video-controls-background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 50%,rgba(0,0,0,0.85) 100%);
    --plyr-video-control-color: #ffffff;
    --plyr-video-control-color-hover: #ffffff;
    --plyr-video-control-background-hover:rgba(255,255,255,0.12);
    --plyr-control-icon-size: 18px;
    --plyr-control-radius: 3px;
    --plyr-control-spacing: 10px;
    --plyr-range-fill-background: #ff0000;
    --plyr-range-thumb-background: #ff0000;
    --plyr-range-thumb-height: 13px;
    --plyr-range-track-height: 3px;
    --plyr-range-thumb-shadow: 0 1px 1px rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.2);
    --plyr-video-range-track-background: rgba(90,90,90,0.8);
    --plyr-video-progress-buffered-background: rgba(255,255,255,0.35);
    --plyr-tooltip-background: rgba(0,0,0,0.85);
    --plyr-tooltip-color: #ffffff;
    --plyr-tooltip-radius: 3px;
    --plyr-tooltip-shadow: 0 2px 6px rgba(0,0,0,0.5);
    --plyr-menu-background: rgba(28,28,28,0.97);
    --plyr-menu-color: #ffffff;
    --plyr-menu-arrow-color: rgba(255,255,255,0.4);
    --plyr-menu-back-border-color: rgba(255,255,255,0.12);
    --plyr-menu-shadow: 0 4px 20px rgba(0,0,0,0.6);
    --plyr-font-size-base: 0.8125rem;
    --plyr-font-size-menu: 0.8125rem;
    --plyr-font-size-time: 0.8125rem;
}

.plyr__captions {
    bottom: 30px !important;
}

/* 移除影片播放器的圓角 */
.plyr--video {
    border-radius: 0;
}

/* 控制列內距 */
.plyr--video .plyr__controls {
    padding-bottom: 15px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* 進度條游標樣式 */
.plyr__progress__container {
    cursor: pointer !important;
}

.plyr__progress__container input[type=range] {
    cursor: pointer !important;
}

/* ── 章節進度條樣式（Chapter Progress Bar）─────────────────────────────── */
/* 有章節時，用漸層背景取代預設紅色填充，避免視覺衝突 */
.plyr--video.has-chapters .plyr__progress input[type=range] {
    color: transparent;
}
/* 有章節時隱藏緩衝進度條，改用自訂漸層顯示 */
.plyr--video.has-chapters .plyr__progress .plyr__progress__buffer {
    opacity: 0 !important;
}

/* 章節進度條軌道（WebKit） */
.plyr--video.has-chapters .plyr__progress input[type=range]::-webkit-slider-runnable-track {
    height: 4px;
    border-radius: 2px;
    transition: height 0.15s ease;
}
/* 章節進度條軌道（Firefox） */
.plyr--video.has-chapters .plyr__progress input[type=range]::-moz-range-track {
    height: 4px;
    border-radius: 2px;
    transition: height 0.15s ease;
}

/* 懸停時進度條軌道加高（WebKit） */
.plyr--video.has-chapters .plyr__progress__container:hover .plyr__progress input[type=range]::-webkit-slider-runnable-track {
    height: 7px;
}
/* 懸停時進度條軌道加高（Firefox） */
.plyr--video.has-chapters .plyr__progress__container:hover .plyr__progress input[type=range]::-moz-range-track {
    height: 7px;
}

/* ── 進度條拖曳滑塊（Seek Thumb）────────────────────────────────────────── */
/* 預設隱藏，懸停或聚焦時顯示（WebKit） */
.plyr--video .plyr__progress input[type=range]::-webkit-slider-thumb {
    width: 14px;
    height: 14px;
    background: #ff0000;
    border: 2px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
    opacity: 0;
    transform: scale(0.7);
    transition: opacity 0.15s ease, transform 0.15s ease;
}
.plyr--video .plyr__progress input[type=range]:hover::-webkit-slider-thumb,
.plyr--video .plyr__progress input[type=range]:focus::-webkit-slider-thumb {
    opacity: 1;
    transform: scale(1);
}
/* 預設隱藏，懸停或聚焦時顯示（Firefox） */
.plyr--video .plyr__progress input[type=range]::-moz-range-thumb {
    width: 14px;
    height: 14px;
    background: #ff0000;
    border: 2px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
    opacity: 0;
    transform: scale(0.7);
    transition: opacity 0.15s ease, transform 0.15s ease;
}
.plyr--video .plyr__progress input[type=range]:hover::-moz-range-thumb,
.plyr--video .plyr__progress input[type=range]:focus::-moz-range-thumb {
    opacity: 1;
    transform: scale(1);
}

/* ── 動態章節顯示（Dynamic Chapter Title）──────────────────────────────── */
/* 顯示目前播放到的章節名稱，放在控制列中 */
.plyr__dynamic-chapter {
    border: 0;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
    padding: 4px 8px;
}

/* ── 控制列按鈕統一膠囊外觀（Pill Button Style）────────────────────────── */
/* 統一套用半透明深色膠囊背景，讓各按鈕視覺一致 */
.plyr__control,
.plyr--video .plyr__controls .plyr__time--combined,
.plyr--video .plyr__controls .plyr__volume,
.plyr--video .plyr__controls .plyr__dynamic-chapter {
    border: 0;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    background: rgba(46,43,43,0.47);
    border-radius: 20px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
    transition: background 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
}

/* 音量按鈕內的靜音圖示不需要獨立背景 */
.plyr__volume .plyr__control {
    background: transparent;
    box-shadow: none;
    height: 100%;
}

/* 懸停 / 聚焦時的加深效果 */
.plyr--video .plyr__controls .plyr__control:hover,
.plyr__time--combined:hover,
.plyr__dynamic-chapter:hover,
.plyr--video .plyr__controls .plyr__volume:hover,
.plyr--video .plyr__controls .plyr__control:focus-visible,
.plyr__time--combined:focus-visible,
.plyr__dynamic-chapter:focus-visible {
    background: rgba(50,50,50,0.95) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.6);
    transform: scale(1.1);
}

/* 音量懸停時內部按鈕維持透明 */
.plyr--video .plyr__controls .plyr__volume:hover .plyr__control {
    background: transparent !important;
    box-shadow: none;
}

/* 控制列本身背景透明（由上方漸層覆蓋） */
.plyr--video .plyr__controls {
    background: transparent;
}

/* ── 音量控制（Volume Control）──────────────────────────────────────────── */
/* 音量容器不限制寬度，允許展開 */
.plyr--video .plyr__volume {
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    overflow: visible !important;
}

/* 預設隱藏音量滑桿，懸停時展開 */
.plyr--video .plyr__volume input[type=range] {
    color: #ffffff;
    width: 0;
    min-width: 0;
    max-width: 0;
    opacity: 0;
    margin-left: 0;
    padding: 0;
    flex-shrink: 1;
    transition: width 0.22s ease, max-width 0.22s ease,
                opacity 0.22s ease, margin-left 0.22s ease;
    overflow: hidden;
}

/* 懸停或聚焦時展開音量滑桿 */
.plyr--video .plyr__volume:hover input[type=range],
.plyr--video .plyr__volume input[type=range]:focus {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    opacity: 1;
    margin-left: 6px;
    cursor: pointer !important;
}

/* 音量滑桿拖曳點樣式 */
.plyr--video .plyr__volume input[type=range]::-webkit-slider-thumb {
    background: #ffffff;
    transition: transform 0.15s ease;
}
.plyr--video .plyr__volume input[type=range]:hover::-webkit-slider-thumb {
    transform: scale(1.2);
}

/* ── 時間顯示（Time Display）─────────────────────────────────────────────── */
.plyr--video .plyr__time {
    color: #ffffff;
    font-size: 1.1rem;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    cursor: pointer;
}

/* 合併時間容器（目前時間 / 總時長） */
.plyr--video .plyr__controls .plyr__time--combined {
    display: inline-flex;
    align-items: center;
    gap: 0;
    padding: 0 10px;
    background: rgba(46,43,43,0.47);
    border-radius: 20px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
    height: 32px;
    box-sizing: border-box;
    white-space: nowrap;
}
/* 分隔符「/」的透明度 */
.plyr--video .plyr__controls .plyr__time--combined .plyr__time--separator {
    opacity: 0.6;
    margin: 0 2px;
}

/* ── 字幕樣式（Captions）────────────────────────────────────────────────── */
.plyr__captions .plyr__caption {
    background: rgba(0,0,0,0.75);
    border-radius: 2px;
    padding: 2px 6px;
    line-height: 1.6;
}

/* ── 層級（Z-index）管理──────────────────────────────────────────────────── */
/* 確保 tooltip 顯示在最上層 */
.plyr--video .plyr__controls .plyr__tooltip {
    z-index: 50 !important;
    bottom: 150%;
}

/* 進度條在下層，其他控制項在上層，避免遮擋 tooltip */
.plyr--video .plyr__controls .plyr__progress__container {
    z-index: 1;
}
.plyr--video .plyr__controls .plyr__controls__item:not(.plyr__progress__container) {
    position: relative;
}

/* ── 設定選單項目懸停（Menu Item Hover）────────────────────────────────── */
.plyr__menu__container .plyr__control:hover,
.plyr__menu__container .plyr__control--forward:hover,
.plyr__menu__container .plyr__control--back:hover {
    background: rgba(255,255,255,0.1) !important;
}

/* ── 中央大播放按鈕（Overlaid Play Button）─────────────────────────────── */
.plyr--video .plyr__control--overlaid {
    height: 52px;
    background: rgba(0,0,0,0.65) !important;
    border-radius: 50% !important;
    padding: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.2s ease, transform 0.15s ease;
}

/* ── 縮圖預覽（Preview Thumbnail）──────────────────────────────────────── */
/* 縮圖圖片容器：裁切超出範圍的部分 */
.plyr__preview-thumb__image-container {
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}

/* 圖片以左上角為縮放原點（配合 initPreviewThumbScale 的 scale transform） */
.plyr__preview-thumb__image-container img {
    display: block;
    transform-origin: top left;
}

/* 隱藏 Plyr 原生時間容器，改用自訂樣式 */
.plyr__preview-thumb__time-container {
    display: none !important;
}

/* 縮圖預覽框的位置與圓角 */
.plyr__preview-thumb {
    margin-bottom: 15px;
    bottom: 50px;
    border-radius: 10px;
}

.plyr__control--forward, .plyr__control--back {
    background: 0 0 !important;
    box-shadow: none !important;
}

[data-plyr="quality"] {
    background: 0 0 !important;
    box-shadow: none !important;
}
[data-plyr="speed"] {
    background: 0 0 !important;
    box-shadow: none !important;
}


#vr-icon {
    display:block;
    flex-shrink:0;
    color:#ffffff;
}

@media (max-width: 1200px) {
    .main-layout {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 1191px) and (max-width: 1200px) {
    .video-player .plyr {
        height: 100%;
    }
    .video-player .plyr__video-wrapper {
        height: 100%;
    }
}

@media (max-width: 1190px) {
    .plyr__controls__item.plyr__volume {
        display: none !important;
    }

    .container {
        padding: 0px;
    }

    /* 手機版控制列：縮小按鈕高度與 icon 尺寸 */
    .plyr--video {
        --plyr-control-icon-size: 21px;
        --plyr-control-spacing: 6px;
        --plyr-font-size-time: 0.7rem;
        --plyr-font-size-menu: 0.7rem;
        --plyr-font-size-base: 0.7rem;
    }

    [data-plyr="settings"] {
        height: 32px !important;
    }

    .plyr__menu,
    .plyr--video .plyr__controls .plyr__time--combined,
    .plyr--video .plyr__controls .plyr__volume,
    .plyr--video .plyr__controls .plyr__dynamic-chapter {
        height: 24px !important;
        border-radius: 14px !important;
        padding: 0 6px !important;
    }

    /* 時間顯示字體縮小 */
    .plyr--video .plyr__time {
        font-size: 0.7rem !important;
    }

    /* 章節標題字體縮小 */
    .plyr--video .plyr__controls .plyr__dynamic-chapter {
        font-size: 0.7rem !important;
        padding: 0 6px !important;
    }

    /* 控制列 margin 縮小 */
    .plyr--video.plyr--full-ui .plyr__controls .plyr__controls__item,
    .plyr--video.plyr--full-ui .plyr__controls .plyr__time,
    .plyr--video.plyr--full-ui .plyr__controls .plyr__volume {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    /* 控制列底部 padding 縮小 */
    .plyr--video .plyr__controls {
        padding-bottom: 8px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    /* 進度條底部間距縮小 */
    .plyr--video.plyr--full-ui .plyr__controls .plyr__controls__item.plyr__progress__container {
        margin-bottom: 6px !important;
    }

    /* 中央大播放鈕隱藏（改由 .plyr__center-controls 接管） */
    .plyr--video .plyr__control--overlaid {
        display: none !important;
    }

    /* 右上角設定按鈕的 tooltip 隱藏 */
    .plyr__top-controls .plyr__tooltip {
        display: none !important;
    }

    /* ── 右上角浮動容器（音量 + 設定）────────────────────────────── */
    .plyr__top-controls {
        position: absolute;
        top: 8px;
        right: 8px;
        display: flex;
        align-items: center;
        gap: 6px;
        z-index: 10;
        color: #ffffff !important;
    }

    /* ── 中央浮動容器（回轉 + 播放/暫停 + 快轉）──────────────────── */
    .plyr__center-controls {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        align-items: center;
        gap: 16px;
        z-index: 10;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* 暫停或停止時顯示中央按鈕 */
    .plyr--paused .plyr__center-controls,
    .plyr--stopped .plyr__center-controls {
        opacity: 1;
        pointer-events: auto;
    }

    /* 原生控制列顯示時，center-controls 與 top-controls 一起顯示 */
    .plyr:not(.plyr--hide-controls) .plyr__center-controls,
    .plyr:not(.plyr--hide-controls) .plyr__top-controls {
        opacity: 1;
        pointer-events: auto;
    }

    /* 播放中且原生控制列隱藏時，一起隱藏 */
    .plyr--hide-controls .plyr__center-controls,
    .plyr--hide-controls .plyr__top-controls {
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* 暫停/停止時即使控制列隱藏，center-controls 仍顯示（top-controls 跟著隱藏即可） */
    .plyr--hide-controls.plyr--paused .plyr__center-controls,
    .plyr--hide-controls.plyr--stopped .plyr__center-controls {
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /* 中央三按鈕共用樣式 */
    .plyr--video .plyr__center-controls .plyr__control,
    .plyr--full-ui .plyr__center-controls .plyr__control,
    .plyr--video.plyr--full-ui .plyr__center-controls .plyr__control {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        border-radius: 50% !important;
        background: rgba(0,0,0,0.55) !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border: none !important;
        color: #ffffff !important;
        transition: background 0.2s ease, transform 0.15s ease !important;
    }

    /* 播放/暫停鍵較大 */
    .plyr--video .plyr__center-controls [data-plyr="play"],
    .plyr--full-ui .plyr__center-controls [data-plyr="play"],
    .plyr--video.plyr--full-ui .plyr__center-controls [data-plyr="play"] {
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
    }

    .plyr--video .plyr__center-controls .plyr__control:active,
    .plyr--full-ui .plyr__center-controls .plyr__control:active {
        background: rgba(50,50,50,0.95) !important;
        transform: scale(0.95) !important;
    }

    /* 中央按鈕 icon 尺寸 */
    .plyr--video .plyr__center-controls .plyr__control svg,
    .plyr--full-ui .plyr__center-controls .plyr__control svg {
        width: 20px;
        height: 20px;
    }
    .plyr--video .plyr__center-controls [data-plyr="play"] svg,
    .plyr--full-ui .plyr__center-controls [data-plyr="play"] svg {
        width: 26px;
        height: 26px;
    }

    /* ── 底部控制列調整（進度條移到最下方，時間/章節/全螢幕在上方）── */

    /* 進度條取消 order:-1，改為排在最後 */
    .plyr--video.plyr--full-ui .plyr__controls .plyr__controls__item.plyr__progress__container {
        order: 10 !important;
        margin-bottom: 0 !important;
        margin-top: 6px !important;
    }

    /* 時間顯示排最左 */
    .plyr--video.plyr--full-ui .plyr__controls .plyr__time--combined {
        order: 1 !important;
    }

    /* 章節排時間右邊 */
    .plyr--video.plyr--full-ui .plyr__controls .plyr__dynamic-chapter {
        order: 2 !important;
        margin-left: 4px !important;
        margin-right: 0 !important;
    }

    /* 確保 popup 不被截斷 */
    .plyr--video .plyr__controls {
        overflow: visible !important;
    }

    /* 設定選單 popup 從按鈕往下展開 */
    .plyr__top-controls .plyr__menu__container {
        bottom: auto !important;
        top: 36px !important;
        right: 0 !important;
        left: auto !important;
    }

    /* 字幕按鈕 */
    .plyr--video.plyr--full-ui .plyr__controls .plyr__controls__item[data-plyr="captions"] {
        order: 3 !important;
        height: 29px !important;
        width: 29px !important;
    }

    /* 360 VR 圖示：固定在播放器左上角 */
    #vr-icon-wrapper {
        position: absolute !important;
        top: 8px !important;
        left: 8px !important;
        order: unset !important;
        margin-left: unset !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        color: #ffffff;
        z-index: 5;
        pointer-events: none;
        transition: opacity 0.3s ease;
    }

    /* 全螢幕按鈕：還原全域 margin-left:auto 靠右行為 */
    .plyr--video.plyr--full-ui .plyr__controls .plyr__controls__item[data-plyr="fullscreen"] {
        order: 5 !important;
        margin-left: auto !important;
    }

    .main-layout {
        gap: 16px;
    }

    .left-column {
        gap: 16px;
    }
}

@media (max-width: 480px) {

    .plyr__controls__item.plyr__volume {
        display: none !important;
    }

    /* 極小螢幕控制列再縮 */
    .plyr--video {
        --plyr-control-icon-size: 18px;
        --plyr-control-spacing: 4px;
    }

    .plyr--video.plyr--full-ui .plyr__controls .plyr__controls__item[data-plyr="captions"] {
        height: 23.6px !important;
        width: 23.6px !important;
    }

    .plyr--video.plyr--full-ui .plyr__controls .plyr__controls__item[data-plyr="captions"] svg {
        height: 15px !important;
        width: 18px !important;
    }

    [data-plyr="settings"], [data-plyr="fullscreen"] {
        height: 30px !important;
    }

    button[data-plyr="settings"] svg,
    button[data-plyr="fullscreen"] svg {
        width: 24px !important;
        height: 24px !important;
    }

    .plyr__menu,
    .plyr--video .plyr__controls .plyr__time--combined,
    .plyr--video .plyr__controls .plyr__volume,
    .plyr--video .plyr__controls .plyr__dynamic-chapter {
        height: 22px !important;
    }

    /* 中央按鈕在極小螢幕維持正確大小 */
    .plyr--video .plyr__center-controls .plyr__control,
    .plyr--full-ui .plyr__center-controls .plyr__control {
        width: 44px !important;
        height: 44px !important;
    }

    .plyr--video .plyr__center-controls [data-plyr="play"],
    .plyr--full-ui .plyr__center-controls [data-plyr="play"] {
        width: 56px !important;
        height: 56px !important;
    }

}

@media (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {

    .plyr__controls__item.plyr__volume {
        display: none !important;
    }

    .plyr--video {
        --plyr-control-icon-size: 24px;

    }

    [data-plyr="settings"] {
        height: 32px !important;
    }

    .plyr__menu,
    .plyr--video .plyr__controls .plyr__time--combined,
    .plyr--video .plyr__controls .plyr__volume,
    .plyr--video .plyr__controls .plyr__dynamic-chapter {
        height: 22px !important;
    }

    /* 中央按鈕在極小螢幕維持正確大小 */
    .plyr--video .plyr__center-controls .plyr__control,
    .plyr--full-ui .plyr__center-controls .plyr__control {
        width: 44px !important;
        height: 44px !important;
    }

    .plyr--video .plyr__center-controls [data-plyr="play"],
    .plyr--full-ui .plyr__center-controls [data-plyr="play"] {
        width: 56px !important;
        height: 56px !important;
    }

    .plyr__center-controls {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        align-items: center;
        gap: 16px;
        z-index: 10;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* 中央三按鈕共用樣式（與豎屏一致） */
    .plyr--video .plyr__center-controls .plyr__control,
    .plyr--full-ui .plyr__center-controls .plyr__control {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        border-radius: 50% !important;
        background: rgba(0,0,0,0.55) !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border: none !important;
        color: #ffffff !important;
        transition: background 0.2s ease, transform 0.15s ease !important;
    }

    /* 播放/暫停鍵較大（與豎屏一致） */
    .plyr--video .plyr__center-controls [data-plyr="play"],
    .plyr--full-ui .plyr__center-controls [data-plyr="play"] {
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
    }

    .plyr__control.plyr__control--overlaid {
        display: none !important;
    }

    /* 暫停或停止時顯示中央按鈕 */
    .plyr--paused .plyr__center-controls,
    .plyr--stopped .plyr__center-controls {
        opacity: 1;
        pointer-events: auto;
    }

    /* 原生控制列顯示時，center-controls 與 top-controls 一起顯示 */
    .plyr:not(.plyr--hide-controls) .plyr__center-controls,
    .plyr:not(.plyr--hide-controls) .plyr__top-controls {
        opacity: 1;
        pointer-events: auto;
    }

    /* 播放中且原生控制列隱藏時，一起隱藏 */
    .plyr--hide-controls .plyr__center-controls,
    .plyr--hide-controls .plyr__top-controls {
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* 暫停/停止時即使控制列隱藏，center-controls 仍顯示 */
    .plyr--hide-controls.plyr--paused .plyr__center-controls,
    .plyr--hide-controls.plyr--stopped .plyr__center-controls {
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /* 原生全螢幕 API */
    .plyr .plyr__top-controls,
    .plyr .plyr__top-controls {
        position: absolute !important;
        top: 8px !important;
        right: 8px !important;
        left: auto !important;
        bottom: auto !important;
        z-index: 100 !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        color: #ffffff !important;
        transform: none !important;
        margin: 0 !important;
    }

    /* 橫屏時修正控制列順序：進度條排最下方，時間/章節/全螢幕在上方 */
    /* （與 max-width:768px 的直屏手機邏輯一致，但直屏 media query 不覆蓋橫屏） */
    .plyr--video.plyr--full-ui .plyr__controls .plyr__controls__item.plyr__progress__container {
        order: 10 !important;
        margin-bottom: 0 !important;
        margin-top: 4px !important;
    }

    /* 時間顯示排最左 */
    .plyr--video.plyr--full-ui .plyr__controls .plyr__time--combined {
        order: 1 !important;
    }

    /* 章節排時間右邊 */
    .plyr--video.plyr--full-ui .plyr__controls .plyr__dynamic-chapter {
        order: 2 !important;
        margin-left: 4px !important;
        margin-right: 0 !important;
    }

    /* 字幕按鈕 */
    .plyr--video.plyr--full-ui .plyr__controls .plyr__controls__item[data-plyr="captions"] {
        order: 3 !important;
    }

    #vr-icon-wrapper {
        position: absolute !important;
        top: 8px !important;
        left: 8px !important;
        order: unset !important;
        margin-left: unset !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        color: #ffffff;
        z-index: 5;
        pointer-events: none;
    }

    #vr-icon-wrapper svg {
        width: 36px;
        height: 36px;
    }
    .plyr--video.plyr--full-ui .plyr__controls .plyr__controls__item[data-plyr="fullscreen"] {
        order: 5 !important;
        margin-left: auto !important;
        width: 38px !important;
        height: 38px !important;
    }
}

.plyr:fullscreen .plyr__control.plyr__control--overlaid {
    display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════
 * 全螢幕模式下的中央浮動控制項（Fullscreen Center Controls）
 * ═══════════════════════════════════════════════════════════════════ */

.plyr:fullscreen .plyr__center-controls,
.plyr:-webkit-full-screen .plyr__center-controls {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    gap: 16px;
    z-index: 10;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.plyr:fullscreen .plyr__center-controls .plyr__controls__item.plyr__control {
    background: rgba(0,0,0,0.55) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
    color: #ffffff !important;
    width: 56px !important;
    height: 56px !important;
}

/* 暫停或停止時在全螢幕顯示中央按鈕 */
.plyr:fullscreen.plyr--paused .plyr__center-controls,
.plyr:fullscreen.plyr--stopped .plyr__center-controls,
.plyr:-webkit-full-screen.plyr--paused .plyr__center-controls,
.plyr:-webkit-full-screen.plyr--stopped .plyr__center-controls {
    opacity: 1;
    pointer-events: auto;
}

/* 全螢幕：控制列顯示時，center-controls 與 top-controls 一起顯示 */
.plyr:fullscreen:not(.plyr--hide-controls) .plyr__center-controls,
.plyr:fullscreen:not(.plyr--hide-controls) .plyr__top-controls,
.plyr:-webkit-full-screen:not(.plyr--hide-controls) .plyr__center-controls,
.plyr:-webkit-full-screen:not(.plyr--hide-controls) .plyr__top-controls {
    opacity: 1;
    pointer-events: auto;
}

/* 全螢幕：控制列隱藏時，一起隱藏 */
.plyr:fullscreen.plyr--hide-controls .plyr__center-controls,
.plyr:fullscreen.plyr--hide-controls .plyr__top-controls,
.plyr:-webkit-full-screen.plyr--hide-controls .plyr__center-controls,
.plyr:-webkit-full-screen.plyr--hide-controls .plyr__top-controls {
    opacity: 0 !important;
    pointer-events: none !important;
}

/* 全螢幕：暫停/停止時即使控制列隱藏，center-controls 仍顯示 */
.plyr:fullscreen.plyr--hide-controls.plyr--paused .plyr__center-controls,
.plyr:fullscreen.plyr--hide-controls.plyr--stopped .plyr__center-controls,
.plyr:-webkit-full-screen.plyr--hide-controls.plyr--paused .plyr__center-controls,
.plyr:-webkit-full-screen.plyr--hide-controls.plyr--stopped .plyr__center-controls {
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* 全螢幕下的中央按鈕按下效果 */
.plyr:fullscreen.plyr__center-controls .plyr__control:active,
.plyr:-webkit-full-screen.plyr__center-controls .plyr__control:active {
    background: rgba(50,50,50,0.95) !important;
    transform: scale(0.95) !important;
}

/* 全螢幕下的中央按鈕 icon 尺寸 */
.plyr:fullscreen .plyr__center-controls .plyr__control svg,
.plyr:-webkit-full-screen .plyr__center-controls .plyr__control svg {
    width: 20px;
    height: 20px;
}

.plyr:fullscreen .plyr__center-controls [data-plyr="play"] svg,
.plyr:-webkit-full-screen .plyr__center-controls [data-plyr="play"] svg {
    width: 26px;
    height: 26px;
}



/* ═══════════════════════════════════════════════════════════════════
 * 手機橫屏全螢幕：修正 plyr__top-controls 定位
 * 確保右上角浮動容器在全螢幕模式（原生 & fallback）下正確顯示
 * ═══════════════════════════════════════════════════════════════════ */

/* 原生全螢幕 API */
.plyr:fullscreen .plyr__top-controls,
.plyr:-webkit-full-screen .plyr__top-controls {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 100 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #ffffff !important;
    transform: none !important;
    margin: 0 !important;
}

/* iOS / Android 安全區域補償（瀏海與圓角機型） */
@supports (padding-top: env(safe-area-inset-top)) {
    .plyr:fullscreen .plyr__top-controls,
    .plyr:-webkit-full-screen .plyr__top-controls {
        top: max(8px, env(safe-area-inset-top)) !important;
        right: max(8px, env(safe-area-inset-right)) !important;
    }
    .plyr--fullscreen-fallback .plyr__top-controls {
        top: max(8px, env(safe-area-inset-top)) !important;
        right: max(8px, env(safe-area-inset-right)) !important;
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.plyr-sheet {
    visibility: hidden;
    pointer-events: none;
    transition: visibility 0s linear 0.15s;
    position: fixed;
    inset: 0;
    z-index: 10000001;
}

.plyr-sheet.is-open {
    visibility: visible;
    pointer-events: auto;
    transition: visibility 0s linear 0s;
}

/* 全螢幕時 sheet 被移入播放器容器內，改用 absolute 覆蓋整個播放器 */
.plyr--fullscreen-fallback .plyr-sheet,
.plyr:fullscreen .plyr-sheet,
.plyr:-webkit-full-screen .plyr-sheet {
    position: absolute !important;
    z-index: 10000020 !important;
}

.plyr-sheet__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    animation: plyrSheetFadeIn 0.25s ease forwards;
}

@keyframes plyrSheetFadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.plyr-sheet__panel {
    width: 90%;
    position: absolute;
    bottom: 4%;
    left: 5%;
    right: 0;
    background: #1c1c1c;
    border-radius: 16px;
    overflow: hidden;
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1), height 0.3s cubic-bezier(0.32, 0.72, 0, 1);
    max-height: 80vh;
}

.plyr-sheet.is-open .plyr-sheet__panel {
    transform: translateY(0);
}

/* 左右滑動 wrapper */
.plyr-sheet__panels-wrapper {
    display: flex;
    width: 200%;
    align-items: flex-start;
    transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);
}

.plyr-sheet__panels-wrapper.show-sub {
    transform: translateX(-50%);
}

.plyr-sheet__main {
    width: 50%;
    flex-shrink: 0;
    overflow-y: auto;
    max-height: 70vh;
}

.plyr-sheet__sub-panels {
    width: 50%;
    flex-shrink: 0;
    overflow-y: auto;
    max-height: 70vh;
}

.plyr-sheet__handle {
    width: 50px;
    height: 6px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    margin-top: 6px;
    margin-left: auto;
    margin-right: auto;
    pointer-events: none; /* 由父層 padding 區域接收觸控 */
}

/* 可觸控的 handle 容器 */
.plyr-sheet__handle-area {
    padding: 10px 0 4px;
    cursor: grab;
    display: flex;
    justify-content: center;
    align-items: center;
    touch-action: none;
}

/* 主清單 */
.plyr-sheet__list {
    list-style: none;
    margin: 0;
    padding: 4px 0 12px;
}

.plyr-sheet__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    transition: background 0.15s;
    user-select: none;
}

.plyr-sheet__item:active {
    background: rgba(255, 255, 255, 0.08);
}

.plyr-sheet__item + .plyr-sheet__item {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.plyr-sheet__item-label {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
}

.plyr-sheet__item-label svg {
    opacity: 0.8;
    flex-shrink: 0;
}

.plyr-sheet__item-value {
    display: flex;
    align-items: center;
    gap: 6px;
    color: rgba(255, 255, 255, 0.55);
    font-size: 15px;
}

.plyr-sheet__item-value svg {
    opacity: 0.55;
}

/* 子面板 */
.plyr-sheet__panel-view {
    display: none;
    flex-direction: column;
}

.plyr-sheet__panel-view.is-active {
    display: flex;
}

/* 子面板容器只顯示 is-active 的那個 */
.plyr-sheet__sub-panels {
    position: relative;
}

.plyr-sheet__subheader {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: background 0.15s;
    user-select: none;
}

.plyr-sheet__subheader:active {
    background: rgba(255, 255, 255, 0.07);
}

.plyr-sheet__subheader svg {
    opacity: 0.7;
}

.plyr-sheet__options {
    list-style: none;
    margin: 0;
    padding: 6px 0 16px;
}

.plyr-sheet__option {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 14px 20px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    transition: background 0.15s;
    user-select: none;
}

.plyr-sheet__option:active {
    background: rgba(255, 255, 255, 0.08);
}

.plyr-sheet__option.is-selected {
    color: #fff;
    font-weight: 600;
}

.plyr-sheet__option .check-icon {
    visibility: hidden;
    flex-shrink: 0;
    color: #fff;
}

.plyr-sheet__option.is-selected .check-icon {
    visibility: visible;
}