.videos[data-v-2e3d2984]{display:flex;flex-direction:column;min-height:100vh;background:#f9fafb}.category-tabs[data-v-2e3d2984]{background:#f0e9f6}.search-info[data-v-2e3d2984]{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;gap:1rem}.search-text[data-v-2e3d2984]{font-size:1.1rem;color:#333;font-weight:500}.clear-search-btn[data-v-2e3d2984]{padding:.5rem 1.5rem;background:#6a2aa4;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s;font-size:.95rem}.clear-search-btn[data-v-2e3d2984]:hover{background:#5f1a9d;transform:translateY(-2px)}.tabs[data-v-2e3d2984]{display:flex;gap:0;flex-wrap:wrap}.tab-btn[data-v-2e3d2984]{padding:.6rem 1.5rem;border:none;color:#666;border-radius:0;font-size:1rem;cursor:pointer;transition:all .3s;background:#f0e9f6}.tab-btn[data-v-2e3d2984]:hover{background:#f9fafb}.tab-btn.active[data-v-2e3d2984]{background:#6a2aa4;color:#fff;font-weight:600}.container[data-v-2e3d2984]{max-width:1200px;margin:0 auto;padding:0 2rem}.video-list[data-v-2e3d2984]{padding:3rem 0;flex:1}.video-grid[data-v-2e3d2984]{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:3rem}.video-card[data-v-2e3d2984]{background:#fff;border-radius:0;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .3s,box-shadow .3s;cursor:pointer}.video-card[data-v-2e3d2984]:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.video-thumbnail[data-v-2e3d2984]{height:146px;position:relative;width:100%;aspect-ratio:16;overflow:hidden;background:#fff}.thumbnail-bg[data-v-2e3d2984]{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;top:0;left:0}.thumbnail-default-bg[data-v-2e3d2984]{width:100%;height:100%;background:linear-gradient(135deg,#d1d5db,#9ca3af);position:absolute;top:0;left:0}.thumbnail-overlay[data-v-2e3d2984]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;background:transparent;transition:background .3s}.play-icon[data-v-2e3d2984]{width:60px;height:60px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#7c3aed;padding-left:5px;transition:transform .3s;position:relative}.video-card:hover .play-icon[data-v-2e3d2984]{transform:scale(1.1)}.video-info[data-v-2e3d2984]{padding:1rem}.video-title[data-v-2e3d2984]{font-size:1rem;font-weight:600;color:#333;margin-bottom:.5rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-description[data-v-2e3d2984]{font-size:.85rem;color:#666;margin-bottom:.8rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-meta[data-v-2e3d2984]{display:flex;gap:1rem;font-size:.8rem;color:#999}.meta-item[data-v-2e3d2984]{display:flex;align-items:center;gap:.3rem}.meta-item .icon[data-v-2e3d2984]{font-size:.9rem;filter:grayscale(100%);opacity:.7}.no-results[data-v-2e3d2984]{text-align:center;padding:4rem 2rem;color:#666}.no-results p[data-v-2e3d2984]{font-size:1.3rem;margin-bottom:.5rem}.no-results-hint[data-v-2e3d2984]{font-size:1rem;color:#999}.no-data[data-v-2e3d2984]{text-align:center;padding:5rem 2rem;color:#666}.no-data-text[data-v-2e3d2984]{font-size:1.3rem;font-weight:500;color:#333;margin-bottom:.8rem}.no-data-hint[data-v-2e3d2984]{font-size:1rem;color:#999}.pagination[data-v-2e3d2984]{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;padding-bottom:3rem}.page-btn[data-v-2e3d2984],.page-number[data-v-2e3d2984]{padding:.6rem 1rem;border:1px solid #e5e7eb;background:#fff;color:#666;border-radius:5px;cursor:pointer;transition:all .3s;font-size:.95rem}.page-btn[data-v-2e3d2984]:hover:not(:disabled),.page-number[data-v-2e3d2984]:hover{background:#f3f4f6;border-color:#7c3aed;color:#7c3aed}.page-btn[data-v-2e3d2984]:disabled{opacity:.5;cursor:not-allowed}.page-number.active[data-v-2e3d2984]{background:#7c3aed;color:#fff;border-color:#7c3aed}@media (max-width: 1024px){.video-grid[data-v-2e3d2984]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.container[data-v-2e3d2984]{padding-left:1rem!important;padding-right:1rem!important}.video-list[data-v-2e3d2984]{padding-top:1.5rem}.video-grid[data-v-2e3d2984]{grid-template-columns:repeat(2,1fr);gap:.75rem}.video-info[data-v-2e3d2984]{padding:.75rem}.video-title[data-v-2e3d2984]{font-size:.9rem;margin-bottom:.3rem}.video-description[data-v-2e3d2984]{font-size:.75rem;margin-bottom:.5rem}.video-meta[data-v-2e3d2984]{font-size:.7rem}.tabs[data-v-2e3d2984]{gap:.5rem}.tab-btn[data-v-2e3d2984]{padding:.5rem 1rem;font-size:.9rem}}@media (max-width: 480px){.video-grid[data-v-2e3d2984]{grid-template-columns:repeat(2,1fr);gap:.5rem}.container[data-v-2e3d2984]{padding:0 1rem}}[data-v-2e3d2984] .video-dialog{border-radius:15px;max-width:1400px}[data-v-2e3d2984] .video-dialog .el-dialog__header{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}[data-v-2e3d2984] .video-dialog .el-dialog__title{font-size:1.5rem;font-weight:600;color:#333}[data-v-2e3d2984] .video-dialog .el-dialog__body{padding:1.5rem 2rem 2rem}[data-v-2e3d2984] .video-dialog .el-dialog__headerbtn{top:1.5rem;right:1.5rem;width:40px;height:40px;font-size:1.5rem}[data-v-2e3d2984] .video-dialog .el-dialog__close{color:#666;transition:all .3s}[data-v-2e3d2984] .video-dialog .el-dialog__close:hover{color:#7c3aed}.video-player-wrapper[data-v-2e3d2984]{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:10px;overflow:hidden}.video-iframe[data-v-2e3d2984],.video-player[data-v-2e3d2984]{width:100%;height:100%;display:block}.no-video[data-v-2e3d2984]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}@media (max-width: 768px){[data-v-2e3d2984] .video-dialog{width:95%!important;margin-top:3vh!important}[data-v-2e3d2984] .video-dialog .el-dialog__header{padding:1rem 1.5rem}[data-v-2e3d2984] .video-dialog .el-dialog__title{font-size:1.2rem}[data-v-2e3d2984] .video-dialog .el-dialog__body{padding:1rem 1.5rem 1.5rem}[data-v-2e3d2984] .video-dialog .el-dialog__headerbtn{top:1rem;right:1rem;width:35px;height:35px}}