.list-page{padding:20px 0}.page-header{margin-bottom:20px}.page-header .page-title{align-items:center;display:flex;font-family:ZCOOL KuaiLe,Ma Shan Zheng,cursive,PingFang SC,Microsoft YaHei,sans-serif;gap:8px}.page-header .page-title .title-text{color:#3e2723;font-size:24px;font-weight:700}.page-header .page-title .title-decoration{align-items:center;color:#e65100;display:inline-flex;height:28px;justify-content:center;width:28px}.page-header .page-title .title-decoration svg{height:100%;width:100%}.page-header .page-title .title-gradient{background:linear-gradient(90deg,#5d4037,#e65100);border-radius:2px;display:inline-block;height:4px;transform:rotate(-1deg);width:40px}.filter-section{background:#fffde7;border:2px solid #d7ccc8;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;box-shadow:2px 3px 0 rgba(62,39,35,.1),4px 5px 0 rgba(62,39,35,.05);transition:transform .3s ease,box-shadow .3s ease}.filter-section:hover{box-shadow:3px 4px 0 rgba(62,39,35,.15),5px 6px 0 rgba(62,39,35,.08);transform:translateY(-3px) rotate(-.5deg)}.filter-section{margin-bottom:20px;padding:15px 18px}.filter-section:hover{transform:none}.filter-section .filter-group{align-items:flex-start;display:flex;gap:10px;margin-bottom:12px}.filter-section .filter-group:last-child{margin-bottom:0}.filter-section .filter-group.active-filters{background:hsla(40,69%,87%,.5);border:1px solid #efebe9;border-radius:65px 8px 55px 8px/8px 55px 8px 65px;margin-bottom:14px;padding:10px 12px}.filter-section .filter-group .filter-label{color:#795548;flex-shrink:0;font-family:Comic Neue,Helvetica,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;font-weight:600;min-width:60px;padding-top:5px}.filter-section .filter-group .filter-options{display:flex;flex:1;flex-wrap:wrap;gap:6px}.filter-section .filter-group .filter-option{background:#fffde7;border:1px solid #d7ccc8;border-radius:65px 8px 55px 8px/8px 55px 8px 65px;color:#3e2723;cursor:pointer;display:inline-block;font-family:Comic Neue,Helvetica,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;padding:4px 12px;text-decoration:none;transition:all .2s ease}.filter-section .filter-group .filter-option:hover{border-color:#8d6e63;color:#5d4037}.filter-section .filter-group .filter-option.active{background:#5d4037;border-color:#4e342e;color:#fff;font-weight:600}.filter-section .filter-group .filter-tag{align-items:center;background:rgba(230,81,0,.08);border:1px solid rgba(230,81,0,.3);border-radius:65px 8px 55px 8px/8px 55px 8px 65px;color:#e65100;display:inline-flex;font-family:Comic Neue,Helvetica,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;gap:4px;padding:4px 10px;text-decoration:none;transition:all .2s ease}.filter-section .filter-group .filter-tag .tag-close{align-items:center;cursor:pointer;display:inline-flex;height:14px;justify-content:center;transition:color .2s ease;width:14px}.filter-section .filter-group .filter-tag .tag-close svg{height:12px;width:12px}.filter-section .filter-group .filter-tag .tag-close:hover{color:#c62828}@media screen and (max-width:799px){.filter-section .filter-group{flex-direction:column;gap:6px}.filter-section .filter-group .filter-label{min-width:auto;padding-top:0}}.filter-section .filter-extend.hidden{display:none}.filter-section .filter-toggle-wrapper{border-top:1px solid #efebe9;margin-top:8px;padding-top:10px;text-align:center}.filter-section .filter-toggle-wrapper .filter-toggle-btn{align-items:center;background:#fffde7;border:1px solid #d7ccc8;border-radius:125px 10px 115px 10px/10px 115px 10px 125px;color:#795548;cursor:pointer;display:inline-flex;font-family:Comic Neue,Helvetica,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;gap:4px;padding:6px 16px;transition:all .2s ease}.filter-section .filter-toggle-wrapper .filter-toggle-btn:hover{border-color:#8d6e63;color:#5d4037}.filter-section .filter-toggle-wrapper .filter-toggle-btn .toggle-icon{height:14px;transition:transform .25s ease;width:14px}.filter-section .filter-toggle-wrapper .filter-toggle-btn .toggle-icon.rotate{transform:rotate(180deg)}.video-grid{gap:15px}@media screen and (max-width:799px){.video-grid{gap:10px}}.empty-state{align-items:center;display:flex;flex-direction:column;padding:60px 20px;text-align:center}.empty-state .empty-icon{color:#bcaaa4;height:64px;margin-bottom:16px;opacity:.5;width:64px}.empty-state .empty-text{color:#795548;font-family:ZCOOL KuaiLe,Ma Shan Zheng,cursive,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;margin-bottom:8px}.empty-state .empty-description{color:#bcaaa4;font-size:13px;margin-bottom:20px}.empty-state .empty-link{align-items:center;background:#5d4037;border:2px solid #3d2a24;border-radius:65px 8px 55px 8px/8px 55px 8px 65px;color:#fff;cursor:pointer;display:inline-flex;font-family:Comic Neue,Helvetica,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;justify-content:center;padding:8px 20px;transition:all .2s ease}.empty-state .empty-link:hover{background:#432e28;color:#fff;transform:translateY(-1px)}.empty-state .empty-link{text-decoration:none}