.xt-video-list{display:flex;flex-wrap:wrap;gap:15px;margin:0 -10px;padding:10px 0}
.xt-video-item{flex:0 0 calc(16.666% - 15px);width:calc(16.666% - 15px);max-width:calc(16.666% - 15px);margin:0;list-style:none}
@media(max-width:1024px){.xt-video-item{flex:0 0 calc(25% - 15px);width:calc(25% - 15px);max-width:calc(25% - 15px)}}
@media(max-width:768px){.xt-video-item{flex:0 0 calc(33.333% - 10px);width:calc(33.333% - 10px);max-width:calc(33.333% - 10px)}
.xt-video-list{gap:10px;margin:0 -5px}}
@media(max-width:480px){.xt-video-item{flex:0 0 calc(50% - 10px);width:calc(50% - 10px);max-width:calc(50% - 10px)}}
.xt-search-panel{position:fixed;top:56px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:999;display:none}
.xt-search-panel.xt-active{display:block}
.xt-search-panel .xt-close-btn{position:absolute;top:15px;right:15px;width:30px;height:30px;border:none;background:transparent;cursor:pointer;font-size:24px;color:#666;z-index:1000}
.xt-search-panel .xt-close-btn:hover{color:#10b981}
.xt-top-bar{z-index:1001}
.xt-nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998;display:none}
.xt-nav-overlay.xt-active{display:block}
.xt-gap{height:60px}
@media(max-width:768px){.xt-gap{height:50px}}
.xt-container{max-width:1200px;margin:0 auto;padding:0 20px}
@media(max-width:768px){.xt-container{padding:0 15px}}
.xt-loading{text-align:center;padding:40px;color:#6b7280}
.xt-no-data{padding:30px;text-align:center;color:#9ca3af;font-size:14px}
.xt-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:15px;border-radius:8px;margin:15px 0}