header{position:sticky;top:0;z-index:50;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:10px 20px}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:18px;font-weight:300;color:#fff;flex-shrink:0}.logo strong{font-weight:800;color:var(--blue)}.header-search{flex:1;max-width:560px}.hs-wrap{display:flex;align-items:center;background:var(--card);border:1.5px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .2s}.hs-wrap:focus-within{border-color:var(--blue)}.hs-wrap svg{flex-shrink:0;margin-left:12px;color:var(--text3)}.hs-wrap input{flex:1;background:transparent;border:none;outline:none;padding:10px;font-size:14px;color:var(--text)}.hs-wrap input::placeholder{color:var(--text3)}.hs-wrap button{background:var(--blue);border:none;padding:0 18px;height:40px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:background .2s;white-space:nowrap}.hs-wrap button:hover{background:var(--blue-d)}.btn-home{background:var(--card);border:1px solid var(--border);color:var(--text2);padding:8px 14px;border-radius:8px;text-decoration:none;font-size:13px;white-space:nowrap;flex-shrink:0;transition:all .2s}.btn-home:hover{border-color:var(--blue);color:var(--blue-l)}.results-bar{padding:12px 20px 6px;color:var(--text2);font-size:13px}.results-bar strong{color:var(--text)}.err-msg{color:#f87171}.empty-state{text-align:center;padding:80px 20px;color:var(--text2)}.empty-icon{font-size:48px;display:block;margin-bottom:14px}.empty-state p{font-size:15px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:12px 20px 32px}.v-card{display:block;text-decoration:none;background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;animation:fadeIn .3s ease}.v-card:hover{transform:translateY(-3px);border-color:var(--border2);box-shadow:0 8px 28px #00000080}.v-thumb{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}.v-bg{position:absolute;inset:-10px;background-size:cover;background-position:center;filter:blur(14px) brightness(.45) saturate(.8);transform:scale(1.08);transition:transform .3s}.v-card:hover .v-bg{transform:scale(1.14)}.v-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .3s;z-index:1}.v-card:hover .v-thumb img{transform:scale(1.04)}.v-overlay{position:absolute;inset:0;z-index:2;background:transparent;display:flex;align-items:center;justify-content:center;transition:background .2s}.v-card:hover .v-overlay{background:#00000061}.v-play{width:50px;height:50px;background:#3b82f6e6;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.75);transition:opacity .2s,transform .2s;box-shadow:0 4px 16px #3b82f680}.v-play svg{margin-left:3px}.v-card:hover .v-play{opacity:1;transform:scale(1)}.v-dur{position:absolute;bottom:6px;right:6px;z-index:3;background:#000000d1;color:#fff;font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px}.v-cat{position:absolute;top:6px;left:6px;z-index:3;background:var(--blue);color:#fff;font-size:9px;font-weight:700;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.v-info{padding:10px 12px}.v-title{font-size:13px;font-weight:500;color:var(--text);line-height:1.45;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v-card:hover .v-title{color:#fff}.v-meta{font-size:11px;color:var(--text3)}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:20px 20px 48px}.page-btn{background:var(--card);border:1px solid var(--border2);color:var(--text);padding:10px 22px;border-radius:8px;text-decoration:none;font-size:14px;transition:all .2s;cursor:pointer}a.page-btn:hover{background:var(--blue);border-color:var(--blue);color:#fff}.page-btn.disabled{opacity:.4;cursor:default;pointer-events:none}.page-info{color:var(--text2);font-size:14px}@media(max-width:600px){header{padding:8px 12px}.logo span,.btn-home{display:none}.video-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:10px}}@media(max-width:380px){.video-grid{grid-template-columns:1fr}}