.container{flex-direction:column}.banner-container{margin-bottom:36px}.banner-container>.swiper{width:1184px;height:310px;box-shadow:0 0 24px 1px rgba(170,170,170,0.25);border-radius:10px 10px 10px 10px;overflow:hidden;position:relative}.banner-container>.swiper>.swiper-wrapper>.swiper-slide{width:1184px;height:310px}.banner-container>.swiper>.swiper-wrapper>.swiper-slide>a>img{width:1184px;height:310px;object-fit:cover}.banner-container>.swiper>.swiper-banner-pagination{position:absolute;bottom:-6px !important;text-align:center;height:30px;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.banner-container>.swiper>.swiper-banner-pagination>.swiper-pagination-bullet{width:36px;height:4px;background-color:#fff;box-shadow:0 0 4px 0 rgba(153,153,153,0.25);opacity:.5;border-radius:unset;cursor:pointer}.banner-container>.swiper>.swiper-banner-pagination>.swiper-pagination-bullet-active{opacity:1}.card-container{width:1184px}.card-container>.filter-container{width:100%;display:flex;flex-direction:column;padding:24px}.card-container>.filter-container>.filter-header{display:flex;align-items:center;justify-content:space-between}.card-container>.filter-container>.filter-header>.title{font-size:26px;color:#3e3f5e;font-weight:bold}.card-container>.filter-container>.filter-header>.action>.btn-share-card{height:auto;line-height:inherit;border-radius:5px;padding:6px 11px;font-size:14px;font-weight:500}.card-container>.filter-container>.filter-action{margin-top:36px;display:flex;align-items:flex-end;justify-content:space-between}.card-container>.filter-container>.filter-action>.left{display:flex;align-items:center;gap:24px}.card-container>.filter-container>.filter-action>.left>.frame-select:nth-child(1),.card-container>.filter-container>.filter-action>.left>.frame-select:nth-child(2){width:283px}.card-container>.filter-container>.filter-action>.left>.frame-select:nth-child(3),.card-container>.filter-container>.filter-action>.left>.frame-select:nth-child(4){width:138px}.card-container>.filter-container>.filter-action>.right{display:flex;flex-direction:column;align-items:center;gap:4px}.card-container>.filter-container>.filter-action>.right>.btn-reset{width:102px;height:36px;line-height:36px}.card-container>.filter-container>.filter-action>.right>.btn-filter{width:102px;height:36px;line-height:36px}.card-container>.list-container{width:100%;margin-top:24px;display:flex;flex-direction:column;align-items:center}.card-container>.list-container>.list{width:100%;display:flex;flex-wrap:wrap;gap:25px}.card-container>.list-container>.list>.no-data{width:100%;display:flex;align-items:center;justify-content:center;font-size:14px;color:gray;margin-top:36px}.card-container>.list-container>.list>.item{width:378px;height:707px;position:relative}.card-container>.list-container>.list>.item>.cover{width:378px;height:201px;position:relative}.card-container>.list-container>.list>.item>.cover>img{border-radius:10px 10px 0 0;width:378px;height:201px;object-fit:cover}.card-container>.list-container>.list>.item>.cover>.action{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:8px}.card-container>.list-container>.list>.item>.cover>.action>.iconfont{font-size:16px;color:#fff;cursor:pointer}.card-container>.list-container>.list>.item>.content-frame{width:100%;height:550px;position:absolute;bottom:0;border-radius:0 50px 10px 10px;display:flex;flex-direction:column}.card-container>.list-container>.list>.item>.content-frame>.content-frame-header{position:relative;width:378px;height:44px}.card-container>.list-container>.list>.item>.content-frame>.content-frame-header>.content-frame-header-outer{width:378px;padding:0 24px 0 12px;position:absolute;display:flex;align-items:flex-end;justify-content:space-between;color:#fff;bottom:0}.card-container>.list-container>.list>.item>.content-frame>.content-frame-header>.content-frame-header-outer>.left{width:0;display:flex;justify-content:flex-end;flex-direction:column;flex:1;margin-bottom:11px}.card-container>.list-container>.list>.item>.content-frame>.content-frame-header>.content-frame-header-outer>.left>.flower-container{display:flex;align-items:center;margin-bottom:4px;gap:3px}.card-container>.list-container>.list>.item>.content-frame>.content-frame-header>.content-frame-header-outer>.left>.flower-container>.hua-icon{width:16px;height:16px;background-image:url("/idolmaster/image/icon/hua.webp");background-size:16px}.card-container>.list-container>.list>.item>.content-frame>.content-frame-header>.content-frame-header-outer>.left>.flower-container>.hua-icon.active{background-image:url("/idolmaster/image/icon/hua-active.webp")}.card-container>.list-container>.list>.item>.content-frame>.content-frame-header>.content-frame-header-outer>.left>.txt-container{display:flex;align-items:flex-end}.card-container>.list-container>.list>.item>.content-frame>.content-frame-header>.content-frame-header-outer>.left>.txt-container>.game-nickname{font-size:16px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-container>.list-container>.list>.item>.content-frame>.content-frame-header>.content-frame-header-outer>.left>.txt-container>.game-id{font-size:12px;font-weight:bold;flex-shrink:0;margin-left:3px}.card-container>.list-container>.list>.item>.content-frame>.content-frame-header>.content-frame-header-outer>.left>.txt-container>.icon-copy{flex-shrink:0;margin-left:3px;margin-right:13px;cursor:pointer;font-size:13px;color:#fff;position:relative}.card-container>.list-container>.list>.item>.content-frame>.content-frame-header>.content-frame-header-outer>.left>.txt-container>.icon-copy>.copy-result{position:absolute;top:-30px;left:-21px;background-color:#333;display:flex;align-items:center;justify-content:center;padding:4px 8px;word-break:keep-all;border-radius:5px;opacity:1;transition:all 1.5s ease}.card-container>.list-container>.list>.item>.content-frame>.content-frame-header>.content-frame-header-outer>.left>.txt-container>.icon-copy>.copy-result.animate{animation:fadeOutUp 1.5s ease forwards}@keyframes fadeOutUp{0{top:-30px;opacity:1}100%{top:-50px;opacity:0}}.card-container>.list-container>.list>.item>.content-frame>.content-frame-header>.content-frame-header-outer>.right{display:flex;align-items:flex-end;flex-shrink:0}.card-container>.list-container>.list>.item>.content-frame>.content-frame-header>.content-frame-header-outer>.right>.card-score{flex-shrink:0;width:80px;height:80px}.card-container>.list-container>.list>.item>.content-frame>.content-frame-header>.content-frame-header-outer>.right>.card-score>img{width:80px;height:80px}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body{background-color:#fff;width:370px;height:502px;margin:0 4px;border-radius:0 0 6px 6px;display:flex;flex-direction:column;align-items:center;padding-top:20px;position:relative}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.skill-container{width:100%;display:flex;padding:0 20px}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.skill-container>.skill-icon{width:60px;height:60px}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.skill-container>.skill-icon>img{width:60px;height:60px;border:2px solid #486269;border-radius:10px}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.skill-container>.txt{margin-left:12px;display:flex;flex-direction:column;width:0;flex:1}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.skill-container>.txt>.skill-name{width:fit-content;color:#3e3f5e;font-size:16px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.skill-container>.txt>.skill-get{width:fit-content;color:#c9d0f5;font-size:12px;margin-top:3px}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.affix-container{width:100%;display:flex;flex-direction:column;padding:0 28px;margin-top:12px;gap:12px}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.affix-container>.affix-item{width:100%;display:flex;align-items:flex-end}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.affix-container>.affix-item>.affix-icon{width:26px;height:26px}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.affix-container>.affix-item>.affix-icon>img{width:26px;height:26px}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.affix-container>.affix-item>.txt{margin-left:8px}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.affix-container>.affix-item>.txt>.affix-name{font-size:14px;font-weight:bold;color:#808b9e}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.affix-container>.affix-item>.txt>.affix-name.rarity-1{color:#808b9e}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.affix-container>.affix-item>.txt>.affix-name.rarity-2{color:#ffc154}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.affix-container>.affix-item>.txt>.affix-name.rarity-3{color:#fd7ec2}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.affix-container>.affix-item>.txt>.affix-name.rarity-4{color:#3bd1f6}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.other-container{width:100%;display:flex;flex-direction:column;padding:0 20px;margin-top:24px}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.other-container>.mung-bean{font-size:16px;font-weight:bold;color:#3e3f5e}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.message-container{width:100%;display:flex;flex-direction:column;padding:0 8px;margin-top:24px}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.message-container>.title{font-size:16px;font-weight:bold;color:#3e3f5e;margin-left:12px}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.message-container>.content{width:354px;height:190px;background:#f8f8f8;border-radius:10px;margin-top:8px;overflow-y:auto;padding:12px;font-size:14px;color:#3e3f5e;word-break:break-all}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.abnormal-status-mask{position:absolute;width:370px;height:502px;border-radius:0 0 6px 6px;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#dbdbdb;background-color:rgba(0,0,0,0.5);font-size:14px}.card-container>.list-container>.list>.item>.content-frame>.content-frame-body>.abnormal-status-mask>.iconfont{font-size:36px;margin-bottom:12px}.option-img-container{display:flex;align-items:center}.option-img-container>img{width:24px;height:24px;object-fit:cover;border-radius:5px;margin-right:8px}.select2-selection{height:48px !important}.select2-container--default .select2-selection--single{border:1px solid #dedeea !important;border-radius:12px;padding:0 10px}.select2-selection__rendered{line-height:48px !important}.select2-selection__arrow{height:48px !important}.select2-container--default .select2-selection--single .select2-selection__arrow{right:10px}.header-loader{display:none;margin-bottom:24px}.footer-loader{display:none;margin-top:24px}