.filter-section{backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:14px;box-shadow:0 4px 6px var(--shadow-color);margin-bottom:2rem;padding:1.75rem;transition:all .3s ease}@media(max-width:768px){.filter-section{border-radius:10px;margin-bottom:1.5rem;padding:1.25rem}}.filter-group{display:flex;gap:1rem;margin-bottom:1.25rem}.filter-group:last-child{margin-bottom:0}@media(max-width:1024px){.filter-group{flex-direction:column;gap:.75rem}}.filter-label{color:var(--text-primary);flex-shrink:0;font-size:.9375rem;font-weight:600;padding-top:.625rem;width:80px}@media(max-width:768px){.filter-label{font-size:.875rem;padding-top:0;width:auto}}.filter-options{display:flex;flex:1;flex-wrap:wrap;gap:.75rem}@media(max-width:768px){.filter-options{gap:.5rem}}.filter-option{background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:10px;color:var(--text-secondary);font-size:.875rem;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.filter-option:hover{background:var(--bg-secondary);border-color:var(--secondary-color);color:var(--secondary-color)}.filter-option.active{background:linear-gradient(135deg,var(--gradient-primary-start) 0,var(--gradient-primary-mid) 50%,var(--gradient-primary-end) 100%);border-color:transparent;box-shadow:0 0 20px var(--shadow-glow-color);color:#fff;font-weight:600}@media(max-width:768px){.filter-option{font-size:.8125rem;padding:.5rem 1rem}}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}@media(max-width:768px){.list-header{margin-bottom:1.25rem}}.list-title{background:linear-gradient(135deg,var(--gradient-primary-start) 0,var(--gradient-primary-mid) 50%,var(--gradient-primary-end) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}@media(max-width:768px){.list-title{font-size:1.25rem}}.list-sort{align-items:center;display:flex;gap:.75rem}@media(max-width:768px){.list-sort{gap:.5rem}}.sort-label{color:var(--text-tertiary);font-size:.875rem}@media(max-width:768px){.sort-label{display:none}}.sort-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;gap:.375rem;padding:.625rem 1rem;transition:all .2s ease}.sort-btn svg{height:14px;width:14px}.sort-btn:hover{background:var(--bg-secondary);border-color:var(--secondary-color);color:var(--secondary-color)}.sort-btn.active{background:linear-gradient(135deg,var(--gradient-primary-start) 0,var(--gradient-primary-mid) 50%,var(--gradient-primary-end) 100%);border-color:transparent;color:#fff;font-weight:600}@media(max-width:768px){.sort-btn{font-size:.8125rem;padding:.5rem .875rem}.sort-btn svg{height:12px;width:12px}}.active-filters .filter-tags{display:flex;flex-wrap:wrap;gap:.75rem}.filter-tag{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:10px;box-shadow:0 1px 2px var(--shadow-color);color:#fff;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.filter-tag:hover{box-shadow:0 4px 6px var(--shadow-color);transform:translateY(-2px)}.filter-tag .tag-close{height:14px;opacity:.8;transition:opacity .2s ease;width:14px}.filter-tag .tag-close:hover{opacity:1}@media(max-width:768px){.filter-tag{font-size:.8125rem;padding:.4375rem .875rem}}.filter-extend{overflow:hidden;transition:all .3s ease}.filter-extend.hidden{margin:0;max-height:0;opacity:0;padding:0}.filter-toggle-wrapper{display:flex;justify-content:center;margin-top:1rem}.filter-toggle-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:50px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.5rem;transition:all .2s ease}.filter-toggle-btn:hover{background:var(--bg-secondary);border-color:var(--secondary-color);box-shadow:0 1px 2px var(--shadow-color);color:var(--secondary-color);transform:translateY(-2px)}.filter-toggle-btn .toggle-icon{height:16px;transition:transform .3s ease;width:16px}.filter-toggle-btn .toggle-icon.rotate{transform:rotate(180deg)}@media(max-width:768px){.filter-toggle-btn{font-size:.8125rem;padding:.5rem 1.25rem}.filter-toggle-btn .toggle-icon{height:14px;width:14px}}.video-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}@media(max-width:768px){.video-list{gap:1.25rem;margin-bottom:2rem}}.video-list-item{backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:14px;box-shadow:0 4px 6px var(--shadow-color);display:flex;gap:1.5rem;overflow:hidden;text-decoration:none;transition:all .3s ease}.video-list-item:hover:hover{box-shadow:0 20px 25px var(--shadow-color-strong);transform:translateY(-4px)}.video-list-item:hover .list-item-cover img{transform:scale(1.08)}@media(max-width:768px){.video-list-item{border-radius:10px;gap:1rem}}.list-item-cover{background:var(--bg-tertiary);border-radius:14px 0 0 14px;flex-shrink:0;height:240px;overflow:hidden;width:160px}.list-item-cover img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;width:100%}@media(max-width:768px){.list-item-cover{border-radius:10px 0 0 10px;height:150px;width:100px}}.list-item-info{display:flex;flex:1;flex-direction:column;gap:1rem;padding:1.5rem 1.5rem 1.5rem 0}@media(max-width:768px){.list-item-info{gap:.75rem;padding:1rem 1rem 1rem 0}}.list-item-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.video-list-item:hover .list-item-title{color:var(--secondary-color)}@media(max-width:768px){.list-item-title{font-size:1rem}}.list-item-meta{color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-size:.875rem;gap:1rem}.list-item-meta span{align-items:center;display:flex;gap:.375rem}@media(max-width:768px){.list-item-meta{font-size:.8125rem;gap:.75rem}}.list-item-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);font-size:.9375rem;line-height:1.6;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.list-item-desc{display:-webkit-box;font-size:.875rem;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}