.mod-list .item .cover .mask .icon,.mod-list .item .cover .mask{display:flex;justify-content:center;align-items:center}.mod-list .item .summary p,.mod-list .item .cover .status{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes loading-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.module{margin-bottom:30px}.mod-list .hd{display:flex;position:relative;margin-bottom:10px;line-height:36px}.mod-list .hd .title{position:relative;font-size:24px;font-weight:bold}.mod-list .hd .title span{position:relative;z-index:9}.mod-list .hd .title::after{content:"";position:absolute;left:20px;bottom:0;z-index:0;width:160px;height:18px;background:linear-gradient(to right, #ff408133 0%, #ff408100 100%);border-radius:4px 0 0 4px}.mod-list .filter-box{padding:5px 15px;margin-bottom:20px;background:#25252b;border-radius:6px}.mod-list .filter-box .field-wrapper{display:flex;padding:5px 0;border-bottom:1px solid hsla(0,0%,100%,.1);line-height:28px}.mod-list .filter-box .field-wrapper:last-child{border-bottom:none}.mod-list .filter-box .field-wrapper .field-title{width:50px;padding:0 10px;text-align:right;color:hsla(0,0%,100%,.9);font-weight:bold}.mod-list .filter-box .field-wrapper .field-content{flex:1;min-width:0;padding:0 10px}.mod-list .filter-box .field-wrapper .field-content a{display:inline-block;padding:0 10px;color:hsla(0,0%,100%,.7);transition:all .2s ease}.mod-list .filter-box .field-wrapper .field-content a:hover{color:#ff4081}.mod-list .filter-box .field-wrapper .field-content a.active{background:#ff4081;border-radius:14px;font-weight:bold;color:#fff}.mod-list .filter-box .field-wrapper .field-content a.filtered{position:relative;background:#ff4081;border-radius:4px;color:#fff}.mod-list .filter-box .field-wrapper .field-content a.filtered::after{content:"×";display:inline-block;margin-left:5px;vertical-align:middle}.mod-list .filter-box .type-extend-filters-container{position:relative}.mod-list .filter-box .type-extend-filters-container .type-extend-filters{height:40px;overflow:hidden}.mod-list .filter-box .type-extend-filters-container .show-more{margin-top:10px;width:100%;height:30px;line-height:30px;text-align:center;background:rgba(0,0,0,.4);border-radius:4px 4px 0 0;cursor:pointer}.mod-list .filter-box .type-extend-filters-container .show-more a{position:relative;display:inline-block;padding-right:20px;color:hsla(0,0%,100%,.5)}.mod-list .filter-box .type-extend-filters-container .show-more a:hover{color:#ff4081}.mod-list .filter-box .type-extend-filters-container .show-more .icon{position:absolute;top:6px;right:0;width:10px;height:10px;border-right:1px solid hsla(0,0%,100%,.5);border-bottom:1px solid hsla(0,0%,100%,.5);transform:rotate(45deg);transform-origin:50% 50%}.mod-list .filter-box .type-extend-filters-container.expanded .type-extend-filters{height:auto}.mod-list .filter-box .type-extend-filters-container.expanded .show-more .icon{top:10px;transform:rotate(225deg)}.mod-list .list{display:grid;grid-template-columns:repeat(6, 1fr);gap:10px}.mod-list .item{min-width:0}.mod-list .item .cover{position:relative;aspect-ratio:2/3;background:#25252b;border-radius:4px;overflow:hidden}.mod-list .item .cover img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.mod-list .item .cover .type{position:absolute;top:8px;right:0;height:20px;padding:0 8px 0 12px;background:rgba(0,0,0,.6);border-top-left-radius:10px;border-bottom-left-radius:10px;font-size:12px;line-height:20px;color:#c2c6d0}.mod-list .item .cover .status{position:absolute;bottom:0;left:0;width:100%;padding:20px 10px 8px;background:linear-gradient(transparent, rgba(0, 0, 0, 0.7));font-size:12px;line-height:20px;text-align:right;color:#fff}.mod-list .item .cover .mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;transform:scale(1.2);transition:all .3s ease}.mod-list .item .cover .mask .icon{display:inline-block;width:48px;height:48px;background:hsla(0,0%,100%,.2);border-radius:50%}.mod-list .item .cover .mask .icon::before{content:"";display:block;width:0;height:0;margin:16px 0 0 18px;border-left:16px solid #fff;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0)}.mod-list .item .cover:hover img{transform:scale(1.05)}.mod-list .item .cover:hover .mask{opacity:1;transform:scale(1)}.mod-list .item .cover{max-width:174px;margin:0 auto}.mod-list .item .summary{max-width:174px;margin:0 auto;padding:15px 0}.mod-list .item .summary p{line-height:22px}.mod-list .item .summary p.title{font-size:16px;font-weight:bold;color:#fff}.mod-list .item .summary p.actor{color:hsla(0,0%,100%,.5);font-size:13px}.mod-list .none{padding:50px 0;text-align:center;color:hsla(0,0%,100%,.5)}.mod-list .none svg{margin-bottom:15px;color:hsla(0,0%,100%,.5)}.mod-list .none p{font-size:16px}.mod-list .pagination{display:flex;padding:20px;line-height:32px}.mod-list .pagination .box{flex:1;min-width:0;color:hsla(0,0%,100%,.5)}.mod-list .pagination .box b{color:#ff4081}.mod-list .pagination ul{display:flex;justify-content:flex-end;gap:5px}.mod-list .pagination li a{display:block;min-width:8px;padding:0 10px;background:#25252b;border-radius:16px;line-height:32px;text-align:center;font-size:16px;font-weight:bold;color:hsla(0,0%,100%,.5);transition:all .2s ease}.mod-list .pagination li a:hover{background:hsla(0,0%,100%,.1);color:#fff}.mod-list .pagination li.active a{background:#ff4081;color:#fff}.mod-list .pagination li.active a:hover{background:#ef3c79}@media screen and (max-width: 799px){.module{margin-bottom:10px}.mod-list .hd{flex-direction:column;padding:0 10px;margin-bottom:5px}.mod-list .hd .title{font-size:16px}.mod-list .hd .title::after{width:100px;height:10px;left:10px}.mod-list .filter-box{margin:0 5px 10px;padding:5px 0;border-radius:4px}.mod-list .filter-box .field-wrapper{flex-direction:column;padding:5px 0;line-height:22px}.mod-list .filter-box .field-wrapper .field-title{width:auto;padding:0 10px;margin-top:0;margin-bottom:5px;background:rgba(0,0,0,0);line-height:20px;text-align:left;font-size:13px}.mod-list .filter-box .field-wrapper .field-content{padding:0 5px;display:flex;flex-wrap:wrap;gap:5px}.mod-list .filter-box .field-wrapper .field-content a{padding:2px 10px;font-size:12px;line-height:20px}.mod-list .filter-box .field-wrapper .field-content a.active{border-radius:10px}.mod-list .filter-box .type-extend-filters-container .type-extend-filters{height:auto;max-height:80px;overflow:hidden}.mod-list .filter-box .type-extend-filters-container .show-more{margin-top:5px;height:24px;line-height:24px;font-size:12px}.mod-list .filter-box .type-extend-filters-container.expanded .type-extend-filters{max-height:none}.mod-list .list{grid-template-columns:repeat(3, 1fr);gap:5px;padding:0 5px}.mod-list .item .cover{max-width:none}.mod-list .item .summary{max-width:none;padding:5px 0}.mod-list .item .summary p{line-height:18px}.mod-list .item .summary p.title{font-size:13px}.mod-list .item .summary p.actor{display:none}.mod-list .none{padding:30px 0}.mod-list .none svg{width:48px;height:48px}.mod-list .none p{font-size:14px}.mod-list .pagination{flex-direction:column-reverse;padding:10px 5px;text-align:center;gap:10px}.mod-list .pagination .box{font-size:12px;line-height:24px}.mod-list .pagination ul{justify-content:center;flex-wrap:wrap;gap:5px}.mod-list .pagination li a{min-width:28px;padding:0 5px;line-height:28px;font-size:13px}}