.video-list-page[data-v-2c8ea7f0]{min-height:100vh;background:#f6f7fb}.page-header[data-v-2c8ea7f0]{position:sticky;top:0;z-index:10;padding:12px 16px;background:#fff;border-bottom:1px solid #eee}.back-btn[data-v-2c8ea7f0],.page-header[data-v-2c8ea7f0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.back-btn[data-v-2c8ea7f0]{font-size:14px;color:#333}.icon-back[data-v-2c8ea7f0]{display:inline-block;width:10px;height:10px;border-left:2px solid #333;border-bottom:2px solid #333;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-right:8px}.header-title[data-v-2c8ea7f0]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:18px;font-weight:700;text-align:center;margin:0;padding-right:32px}.video-list[data-v-2c8ea7f0]{padding:16px}.video-item[data-v-2c8ea7f0]{margin-bottom:16px;border-radius:8px;overflow:hidden;background:#fff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.video-cover[data-v-2c8ea7f0]{position:relative;padding-bottom:56.25%;background:#f5f5f5;overflow:hidden}.cover-image[data-v-2c8ea7f0]{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.play-icon[data-v-2c8ea7f0]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50px;height:50px;background:rgba(0,0,0,.3);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2}.icon-play[data-v-2c8ea7f0]{width:0;height:0;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff;margin-left:4px}.video-info[data-v-2c8ea7f0]{padding:12px}.video-title[data-v-2c8ea7f0]{font-size:16px;font-weight:700;color:#333;margin:0;text-align:center}.thumbnail[data-v-2c8ea7f0]{position:absolute;top:0;left:0;width:100%;height:100%}.thumbnail img[data-v-2c8ea7f0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-duration[data-v-2c8ea7f0]{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;font-size:12px;padding:2px 6px;border-radius:4px;z-index:2}