.public-nav{display:flex;justify-content:center;gap:8px;margin-top:18px}.public-nav a{padding:8px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#cbd2dc;font-size:14px}.public-nav a:hover,.public-nav a.active{background:#fff;color:#101318}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.video-card{background:#fff;border:1px solid #e7e9ee;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(18,28,45,.06)}.video-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#101318;overflow:hidden;cursor:pointer}.video-thumb img{width:100%;height:100%;object-fit:cover;display:block}.video-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;letter-spacing:3px}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;font-size:23px;padding-left:4px;box-shadow:0 6px 22px rgba(0,0,0,.25)}.video-thumb:hover .play-button{transform:translate(-50%,-50%) scale(1.08)}.video-info{padding:18px}.video-info h2{font-size:19px;line-height:1.35;margin:7px 0 8px}.video-info p{color:#667085;line-height:1.55;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-info .btn{cursor:pointer}.video-empty{grid-column:1/-1;padding:45px;text-align:center;background:#fff;border:1px dashed #ccd1d9;border-radius:14px;color:#7a8492}.video-modal{position:fixed;inset:0;background:rgba(5,8,12,.82);display:none;align-items:center;justify-content:center;padding:28px;z-index:9999}.video-modal.open{display:flex}.video-modal-box{position:relative;width:min(1000px,100%);background:#11151b;border-radius:16px;padding:20px;box-shadow:0 24px 80px rgba(0,0,0,.45)}.video-modal-box h2{color:#fff;margin:0 45px 16px 0;font-size:21px}.video-modal-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#fff;font-size:34px;cursor:pointer}.video-frame{aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden}.video-frame iframe{width:100%;height:100%;border:0}.video-table-item img{width:86px;height:48px;object-fit:cover;border-radius:7px}.admin-video-preview{aspect-ratio:16/9;border:1px dashed #cbd1da;border-radius:12px;background:#eef1f5;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#7a8492;text-align:center;padding:20px}.admin-video-preview img{width:100%;height:100%;object-fit:cover}.video-filter{width:100%;text-align:left;border:0;background:transparent;padding:11px 12px;border-radius:9px;cursor:pointer;color:inherit}.video-filter:hover,.video-filter.active{background:#171b22;color:#fff}@media(max-width:1000px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.video-grid{grid-template-columns:1fr}.video-modal{padding:12px}.video-modal-box{padding:14px}.video-info{padding:15px}}