[data-v-06c3dad8]:export{pageMaxWidth:786;ThemeColor1:#ecb33e}.video-play-page[data-v-06c3dad8]{min-height:100vh;background-color:#f5f5f5;padding:.42667rem}.video-player-section[data-v-06c3dad8]{background:#fff;border-radius:.32rem;padding:.42667rem;margin-bottom:.42667rem;box-shadow:0 .05333rem .21333rem rgba(0,0,0,.1)}.video-player-section .current-video-info[data-v-06c3dad8]{margin-bottom:.42667rem}.video-player-section .current-video-info h3[data-v-06c3dad8]{font-size:.48rem;font-weight:600;color:#333;margin:0 0 .21333rem 0}.video-player-section .current-video-info p[data-v-06c3dad8]{font-size:.37333rem;color:#666;margin:0}.player-container[data-v-06c3dad8]{--plyr-color-main:#ecb33e}.player-container[data-v-06c3dad8] .plyr{border-radius:.21333rem;box-shadow:0 .10667rem .32rem rgba(0,0,0,.15);overflow:hidden}.player-container[data-v-06c3dad8] .plyr__video-wrapper{border-radius:.21333rem;overflow:hidden}.video-list-section[data-v-06c3dad8]{background:#fff;border-radius:.32rem;padding:.42667rem;box-shadow:0 .05333rem .21333rem rgba(0,0,0,.1)}.video-list-section h4[data-v-06c3dad8]{font-size:.42667rem;font-weight:600;color:#333;margin:0 0 .42667rem 0}.video-list[data-v-06c3dad8]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.video-item[data-v-06c3dad8],.video-list[data-v-06c3dad8]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:.32rem}.video-item[data-v-06c3dad8]{padding:.32rem;border-radius:.21333rem;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border:.05333rem solid transparent}.video-item[data-v-06c3dad8]:hover{background-color:#f8f9fa}.video-item.active[data-v-06c3dad8]{background-color:#e3f2fd;border-color:#ecb33e}.video-thumbnail[data-v-06c3dad8]{position:relative;width:3.2rem;height:1.81333rem;border-radius:.16rem;overflow:hidden;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.video-thumbnail img[data-v-06c3dad8]{width:100%;height:100%;object-fit:cover}.video-thumbnail .play-overlay[data-v-06c3dad8]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(0,0,0,.6);border-radius:50%;width:.85333rem;height:.85333rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.video-thumbnail .video-duration[data-v-06c3dad8]{position:absolute;bottom:.10667rem;right:.10667rem;background:rgba(0,0,0,.8);color:#fff;font-size:.32rem;padding:.05333rem .16rem;border-radius:.10667rem}.video-info[data-v-06c3dad8]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.video-info h5[data-v-06c3dad8]{font-size:.37333rem;font-weight:500;color:#333;margin:0 0 .10667rem 0;line-height:1.4}.video-info p[data-v-06c3dad8]{font-size:.32rem;color:#666;margin:0;line-height:1.4}@media(max-width:768px){.video-list-section[data-v-06c3dad8],.video-play-page[data-v-06c3dad8],.video-player-section[data-v-06c3dad8]{padding:.32rem}.video-thumbnail[data-v-06c3dad8]{width:2.66667rem;height:1.49333rem}.video-item[data-v-06c3dad8]{padding:.21333rem}}@media(prefers-color-scheme:dark){.video-play-page[data-v-06c3dad8]{background-color:#1a1a1a}.video-list-section[data-v-06c3dad8],.video-player-section[data-v-06c3dad8]{background:#2d2d2d}.video-list-section h3[data-v-06c3dad8],.video-list-section h4[data-v-06c3dad8],.video-list-section h5[data-v-06c3dad8],.video-player-section h3[data-v-06c3dad8],.video-player-section h4[data-v-06c3dad8],.video-player-section h5[data-v-06c3dad8]{color:#fff}.video-list-section p[data-v-06c3dad8],.video-player-section p[data-v-06c3dad8]{color:#ccc}.video-item[data-v-06c3dad8]:hover{background-color:#3a3a3a}.video-item.active[data-v-06c3dad8]{background-color:#1e3a5f}}