.video-container[data-v-4b0a0a28]{margin:0 auto;max-width:1200px;padding:20px;text-align:center}.title[data-v-4b0a0a28]{color:#333;font-size:2rem;margin-bottom:30px;text-align:center}.video-grid[data-v-4b0a0a28]{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-items:center}.video-card[data-v-4b0a0a28]{border:1px solid #eee;border-radius:8px;overflow:hidden;transition:transform .2s}.video-card[data-v-4b0a0a28]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-5px)}.video-thumbnail[data-v-4b0a0a28]{padding-top:56.25%;position:relative;width:100%}.video-thumbnail img[data-v-4b0a0a28]{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.duration[data-v-4b0a0a28]{background:#000c;border-radius:4px;bottom:8px;color:#fff;font-size:.8rem;padding:2px 6px;position:absolute;right:8px}.video-info[data-v-4b0a0a28]{padding:15px;text-align:left}.video-info h3[data-v-4b0a0a28]{font-size:1.2rem;margin:0 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-info p[data-v-4b0a0a28]{color:#666;font-size:.9rem;margin-bottom:10px;text-align:justify;text-justify:inter-ideograph}.video-meta[data-v-4b0a0a28]{color:#888;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:10px}.watch-btn[data-v-4b0a0a28]{background-color:#1a73e8;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px;transition:background-color .2s;width:100%}.watch-btn[data-v-4b0a0a28]:hover{background-color:#1557b0}