.video-grid[data-v-30368410]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px 0;animation:fadeIn-30368410 .3s ease-out}@keyframes fadeIn-30368410{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.video-grid[data-v-30368410]{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.video-grid[data-v-30368410]{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.video-grid[data-v-30368410]{grid-template-columns:repeat(2,1fr);gap:15px}}@media (max-width:576px){.video-grid[data-v-30368410]{grid-template-columns:repeat(2,1fr);gap:12px}}.video-card[data-v-30368410]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;opacity:0;animation:cardFadeIn-30368410 .3s ease-out forwards}.video-card[data-v-30368410]:nth-child(3n+1){animation-delay:.05s}.video-card[data-v-30368410]:nth-child(3n+2){animation-delay:.1s}.video-card[data-v-30368410]:nth-child(3n+3){animation-delay:.15s}@keyframes cardFadeIn-30368410{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.video-card[data-v-30368410]:focus{outline:2px solid #1890ff;outline-offset:2px}.video-card[data-v-30368410]:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.video-card-loading[data-v-30368410]{opacity:.6}.video-thumbnail[data-v-30368410]{position:relative;width:100%;padding-top:155.25%;background:#f5f5f5;overflow:hidden}.thumbnail-img[data-v-30368410]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .3s ease}.thumbnail-img.lazy-load[data-v-30368410]{opacity:0}.play-overlay[data-v-30368410]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:rgba(0,0,0,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.video-card:hover .play-overlay[data-v-30368410]{background:rgba(0,0,0,.8)}.play-icon[data-v-30368410]{color:#fff;font-size:20px;margin-left:4px}.video-info[data-v-30368410]{padding:12px}.video-title[data-v-30368410]{font-size:14px;color:#333;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}.video-date[data-v-30368410]{font-size:12px;color:#999}.loading-container[data-v-30368410]{padding:40px 0;text-align:center}.loading-skeleton[data-v-30368410]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}@media (max-width:1200px){.loading-skeleton[data-v-30368410]{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.loading-skeleton[data-v-30368410]{grid-template-columns:repeat(2,1fr);gap:15px}}.skeleton-item[data-v-30368410]{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading-30368410 1.5s infinite;border-radius:8px;height:220px}@keyframes loading-30368410{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-text[data-v-30368410]{color:#999;font-size:14px}.error-container[data-v-30368410]{padding:60px 0;text-align:center}.error-icon[data-v-30368410]{width:60px;height:60px;background:#ff4d4f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 16px}.error-message[data-v-30368410]{color:#666;font-size:14px;margin-bottom:16px}.retry-btn[data-v-30368410]{padding:8px 24px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s ease}.retry-btn[data-v-30368410]:hover{background:#40a9ff}.empty-container[data-v-30368410]{padding:60px 0;text-align:center}.empty-icon[data-v-30368410]{width:60px;height:60px;background:#f5f5f5;color:#ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 16px}.empty-message[data-v-30368410]{color:#999;font-size:14px}.pagination-container[data-v-30368410]{display:flex;justify-content:center;padding:30px 0}.next-page-btn[data-v-30368410]{display:flex;align-items:center;gap:8px;padding:10px 30px;background:#fff;color:#333;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}.next-page-btn[data-v-30368410]:hover{background:#f5f5f5;border-color:#1890ff;color:#1890ff}.next-page-btn[data-v-30368410]:focus{outline:2px solid #1890ff;outline-offset:2px}.next-page-btn[data-v-30368410]:active{transform:scale(.98)}.btn-text[data-v-30368410]{font-weight:500}.btn-icon[data-v-30368410]{font-size:16px}.pagination-loading[data-v-30368410]{display:flex;justify-content:center;align-items:center;gap:10px;padding:30px 0}.loading-spinner[data-v-30368410]{width:20px;height:20px;border:2px solid #f0f0f0;border-top-color:#1890ff;border-radius:50%;animation:spinner-30368410 .6s linear infinite}@keyframes spinner-30368410{to{transform:rotate(1turn)}}.pagination-loading .loading-text[data-v-30368410]{margin:0}