*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0d0d0d;color:#c8c4bc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}a{text-decoration:none;color:inherit}button{cursor:pointer}img{display:block;max-width:100%}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;padding:32px 16px;flex-wrap:wrap}.pagination .page-num,.pagination button{min-width:32px;height:32px;padding:0 8px;border:1px solid #3a3228;background:#1a1207;color:#c8c4bc;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.pagination .page-num:hover,.pagination button:hover{border-color:#ff6b1a;color:#ff6b1a}.pagination .page-num.active,.pagination button.active{background:#ff6b1a;border-color:#ff6b1a;color:#fff}.pagination .page-num:disabled,.pagination button:disabled{opacity:.4;cursor:not-allowed}.empty-box,.loading-box{text-align:center;padding:100px 20px;color:#888;font-size:16px}.empty-box .icon,.loading-box .icon{font-size:48px;margin-bottom:15px;display:block;color:#ff6b1a}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:18px;width:100%}@media(min-width:1100px){.video-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:750px){.video-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.video-card{border-radius:6px;overflow:hidden;cursor:pointer;transition:transform .2s;background:#1a1207}.video-card:hover{transform:scale(1.03)}.video-card:hover .video-card-title{color:#ff6b1a}.video-card .video-cover{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;border-radius:6px}.video-card .video-cover img,.video-card .video-cover video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px}.video-card .video-cover .cover-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#1a1207 25%,#2a1e0e 50%,#1a1207 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:6px}.video-card .video-card-title{margin:8px 0;padding:0 6px;color:#c8c4bc;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}