.video-list-container[data-v-66b77e82]{padding:20px;background:#fff;min-height:calc(100vh - 140px)}.header-row[data-v-66b77e82]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.header-row .category-tabs[data-v-66b77e82]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.header-row .search-box[data-v-66b77e82]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.category-tabs .category-tab[data-v-66b77e82]{padding:8px 20px;cursor:pointer;color:#666;font-size:14px;border-bottom:2px solid transparent;margin-bottom:-12px;-webkit-transition:all .3s;transition:all .3s}.category-tabs .category-tab.active[data-v-66b77e82]{color:#468efb;border-bottom-color:#468efb;font-weight:500}.category-tabs .category-tab[data-v-66b77e82]:hover{color:#468efb}.category-section[data-v-66b77e82]{margin-bottom:30px}.category-section .category-title[data-v-66b77e82]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:14px;color:#333;padding:10px 15px;background:#f0f7ff;margin-bottom:20px}.category-section .category-title i[data-v-66b77e82]{color:#468efb}.video-grid[data-v-66b77e82]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.video-card[data-v-66b77e82]{width:200px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.video-card[data-v-66b77e82]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.video-card:hover .video-thumbnail[data-v-66b77e82]{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.video-card:hover .video-thumbnail .play-overlay[data-v-66b77e82]{opacity:1}.video-card .video-thumbnail[data-v-66b77e82]{width:200px;height:140px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;position:relative;overflow:hidden;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}.video-card .video-thumbnail img[data-v-66b77e82]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-card .video-thumbnail .play-overlay[data-v-66b77e82]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);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;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.video-card .video-thumbnail .play-overlay .play-icon[data-v-66b77e82]{font-size:40px;color:#fff}.video-card .video-name[data-v-66b77e82]{margin-top:10px;font-size:14px;color:#333;text-align:center}.video-container[data-v-66b77e82]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}