.compositions-container{background-image:url(/images/compositions-bg.png);background-size:cover;font-family:PingFang SC}.compositions-bg{width:1920px;height:560px;margin:0 auto;position:relative}.compositions-bg:before{content:"";z-index:1;background:linear-gradient(#fff,#fff0);width:100%;height:100%;position:absolute;top:0;left:0}.compositions-bg:after{content:"";filter:blur(50px);z-index:0;background-image:url(/images/compositions-bg.png);background-size:cover;width:2502px;max-width:200%;height:1191px;position:absolute;top:0;left:-581px}.compositions-container .main{z-index:1;margin:0 auto;top:70px}.search-container{justify-content:center;padding:80px 0;display:flex}.search-container .btn{cursor:pointer}.search-container input:focus{outline:none}.tabs-container{justify-content:center;margin-bottom:44px;display:flex}.tabs-container .tabs{justify-content:center;align-items:flex-start;gap:24px;display:inline-flex}.tabs-container .tab{color:#666;cursor:pointer;justify-content:center;align-items:center;height:32px;padding:10px 0;display:flex}.tabs-container .tab.active{color:#333;border-bottom:3px solid #b81028;font-weight:700}.filler-container{justify-content:center;display:flex}.composition-list-container{width:1200px;margin:0 auto}.composition-list-container .header{margin-top:16px}.compositions-copyright-list .cover-container{width:100%;height:279px}.composition-list-container .footer{background:#fff;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;padding:8px}.page-footer{margin:75px auto 0}.page-footer .footer-main{width:1200px;margin:0 auto}