#app{-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;margin:0;padding:0;transition:all .4s;text-align:center}#app,html{width:100%;height:100%}main{position:fixed;top:0;bottom:0;right:0;left:0;overflow:auto;padding:64px 10% 96px 10%;box-sizing:border-box}@media(max-width:1336px){main{padding:64px 5% 96px 5%}}main::-webkit-scrollbar{width:0}:root{--van-slider-button-width:12px;--van-slider-button-height:12px;--color-body-bg:#fff;--color-text:#000;--color-primary:#335eea;--color-primary-bg:#eaeffd;--color-secondary:#7a7a7b;--color-secondary-bg:#f5f5f7;--color-navbar-bg:hsla(0,0%,100%,0.86);--color-primary-bg-for-transparent:rgba(189,207,255,0.28);--color-secondary-bg-for-transparent:rgba(209,209,214,0.28);--html-overflow-y:overlay;--color-nano-black:#302e2f;--color-nano-red:#9c1f35;--color-nano-orange:#ccb79c;--color-nano-black-revert:#cfd1d0;--color-nano-red-revert:#63e0ca;--color-nano-orange-revert:#334863}[data-theme=dark]{--color-body-bg:#222;--color-text:#fff;--color-primary:#335eea;--color-primary-bg:#bbcdff;--color-secondary:#7a7a7b;--color-secondary-bg:#323232;--color-navbar-bg:rgba(34,34,34,0.86);--color-primary-bg-for-transparent:hsla(0,0%,100%,0.12);--color-secondary-bg-for-transparent:hsla(0,0%,100%,0.08)}#app,input{font-family:Barlow,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif,microsoft uighur}body{background-color:var(--color-body-bg)}html{overflow-y:var(--html-overflow-y);overscroll-behavior:none}button,select{font-family:inherit}button{background:none;border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}button:focus,input:focus{outline:none}a{color:inherit;text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}::-webkit-scrollbar{width:0}::-webkit-scrollbar-track{background:transparent;border-left:1px solid hsla(0,0%,50.2%,.18);background:var(--color-body-bg)}::-webkit-scrollbar-thumb{border-radius:10px;background:hsla(0,0%,50.2%,.38)}body,html{height:100%;width:100%;margin:0;background:linear-gradient(180deg,#323232 0,#3f3f3f 40%,#1c1c1c 150%),linear-gradient(0deg,hsla(0,0%,100%,.4) 0,rgba(0,0,0,.25) 200%);overflow-y:auto}html{display:block;background-color:#fff;margin:0;padding:0;border:0;font-size:100%}nav{display:inline-flex;flex:1;-webkit-box-flex:1;-webkit-box-align:center;justify-content:space-around;align-items:center;max-width:20rem;height:2.8rem;font-family:Microsoft YaHei UI,monospace}a{color:#fff}.search-bar-container{display:block;font-size:1.6rem;position:relative;width:930px;background-color:pink;border-radius:12px;padding:.5em 0;margin:2em auto;box-shadow:0 1px 12px #ceb;text-align:center}.current-song-list-container{display:block;background-color:grey;width:60%;position:relative;padding:0;margin:2em auto}.song-list-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 8px #bdc;padding:1em;width:300px;text-align:left;display:inline-block;position:relative;margin:1em}.play-list-container{display:flex;flex-direction:column;width:90%;position:relative;padding:1em;margin:1em auto;justify-content:space-around}.list-item-container{display:flex;justify-content:flex-start}.song-detail-container{display:inline-flex;justify-content:flex-start;align-items:center}.song{height:5rem}.wrapper .description-container{display:flex;flex-direction:column;border-radius:10px;text-align:left;width:80%;height:80%;background-color:#fff;color:#000;overflow:auto}.wrapper .description-container .description-content{padding:40px 20px}.wrapper .description-container .description-content .answer{padding-top:5px;text-indent:1rem}.wrapper .description-container .description-content ul{list-style-type:none}.wrapper .description-container .description-content li{padding-top:10px;text-indent:2rem}.wrapper .description-container .description-content a{text-decoration:underline;color:var(--van-collapse-item-content-text-color)}.wrapper .description-container .description-return{padding:10px 20px}.wrapper .description-container .description-return .description-return-button{width:100%}.play-list-container{float:right;width:30%;border:1px solid red}footer{display:flex;flex-direction:column;justify-content:flex-start;background-color:rgba(0,0,0,.3);transition:height .3s ease;-webkit-box-pack:start;position:absolute;bottom:0;flex:0 0 auto;width:100%;height:160px;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 -5px 10px -5px #000}footer .footer-container{display:flex;flex-direction:column;width:90%;height:90%;margin:10px auto auto;align-items:center}footer .footer-container .text-container{display:flex;width:100%;height:60px;justify-content:space-between}footer .footer-container .text-container .song-collection-part{display:block;text-align:left;width:40%}footer .footer-container .text-container .song-collection-part .song-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:8px;font-size:18px;font-weight:600;opacity:.88;overflow:hidden}footer .footer-container .text-container .song-collection-part .singer{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:10px;font-size:14px;opacity:.58;overflow:hidden}footer .footer-container .text-container .song-part{display:block;text-align:right;white-space:normal;width:60%}footer .footer-container .text-container .song-part .performance-date{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:18px;font-weight:600;opacity:.88;margin-top:8px;margin-bottom:8px}footer .footer-container .text-container .song-part .song-detail-info-control{-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:12px;opacity:.58;margin-top:10px;margin-left:10px}footer .footer-container .text-container .song-part .song-detail-info-control:hover{text-decoration:underline;cursor:pointer}footer .footer-container .text-container .song-part .song-detail-info-content{-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;margin-top:10px}footer .footer-container .text-container .song-part .song-detail-info-content .tag{font-size:12px;opacity:.58;margin-left:5px}footer .footer-container .text-container .song-part .song-detail-info-content .creator{font-size:12px;opacity:.58;margin-left:2px}footer .footer-container .progress-bar{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:25px}footer .footer-container .progress-bar span{font-size:15px;opacity:.58}footer .footer-container .progress-bar .slider{width:100%;margin:0 10px}footer .footer-container .media-controls{display:flex;width:100%;height:100%;justify-content:center;align-items:center;margin-top:5px}footer .footer-container .media-controls .volume-control{display:flex;flex:1;justify-content:center;align-items:center}footer .footer-container .media-controls .volume-control .volume-button{flex:1}footer .footer-container .media-controls .volume-control .volume-bar{flex:4;padding-right:5px;min-width:100px}footer .footer-container .media-controls .playing-control{display:flex;flex:3;justify-content:space-evenly;align-items:center}footer .footer-container .media-controls .playing-control .unable{opacity:.2}footer .footer-container .media-controls .play-list{display:flex;flex:2;justify-content:space-evenly;align-items:center}.container{height:100%;background-blend-mode:multiply;color:#fff}.container,.container .top-container{display:flex;flex-direction:column;width:100%}.container .top-container{position:absolute;justify-content:space-around;height:100px}.container .top-container .description span:hover{text-decoration:underline;cursor:pointer}.container .center-container{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;margin-top:100px;margin-bottom:160px;overflow-y:auto}.container .center-container .song-info-container{display:flex;flex-direction:column;width:90%;overflow-y:auto}.container .center-container .song-info-container .operate-bar{display:flex;justify-content:space-around;align-items:center;padding-bottom:10px;box-shadow:0 5px 10px -5px #000}.container .center-container .song-info-container .operate-bar .random-condition{width:30%}.container .center-container .song-info-container .operate-bar .search-condition{width:70%}.container .center-container .song-info-container .operate-bar .search-condition input{border:none;border-bottom:1px solid #fff;background-color:transparent}.container .center-container .song-info-container .play-list{overflow-y:auto}.container .center-container .song-info-container .play-list .play-item{justify-content:space-between;padding:6px 0;width:100%}.container .center-container .song-info-container .play-list .play-item .item-date,.container .center-container .song-info-container .play-list .play-item .item-name{text-align:left}.container .center-container .song-info-container .play-list .item-playing{color:var(--van-primary-color)}.container .bottom-container{display:flex;flex-direction:column;width:90%;height:100px;margin:10px auto auto;align-items:center}.container .bottom-container .text-container{display:flex;width:100%;height:240px;justify-content:space-between}.container .bottom-container .text-container .song-collection-part{display:block;text-align:left;width:50%}.container .bottom-container .text-container .song-collection-part .song-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:8px;font-size:18px;font-weight:600;opacity:.88;overflow:hidden}.container .bottom-container .text-container .song-collection-part .singer{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:10px;font-size:14px;opacity:.58;overflow:hidden}.container .bottom-container .text-container .song-part{display:block;text-align:right;white-space:normal;width:50%}.container .bottom-container .text-container .song-part .performance-date{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:18px;font-weight:600;opacity:.88;margin-top:8px}.container .bottom-container .text-container .song-part .song-detail-info-control{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:12px;opacity:.58;margin-top:10px}.container .bottom-container .text-container .song-part .song-detail-info-control:hover{text-decoration:underline;cursor:pointer}.container .bottom-container .text-container .song-part .song-detail-info-content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;margin-top:10px}.container .bottom-container .text-container .song-part .song-detail-info-content .tag{font-size:12px;opacity:.58;margin-left:5px}.container .bottom-container .text-container .song-part .song-detail-info-content .creator{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:12px;opacity:.58;margin-top:5px}.container .bottom-container .progress-bar{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:30px}.container .bottom-container .progress-bar span{font-size:15px;opacity:.58}.container .bottom-container .progress-bar .slider{width:100%;margin:0 10px}.container .bottom-container .media-controls{display:flex;width:100%;height:100%;justify-content:center;align-items:center;margin-top:15px}.container .bottom-container .media-controls .volume-control{display:flex;flex:1;justify-content:center;align-items:center}.container .bottom-container .media-controls .volume-control .volume-button{flex:1}.container .bottom-container .media-controls .volume-control .volume-bar{flex:4;padding-right:5px;min-width:100px}.container .bottom-container .media-controls .playing-control{display:flex;flex:3;justify-content:space-evenly;align-items:center}.container .bottom-container .media-controls .playing-control .unable{opacity:.2}.container .bottom-container .media-controls .play-list{display:flex;flex:2;justify-content:space-evenly;align-items:center}@media screen and (max-width:1000px){.left-side-bar .right-side-bar{display:block}}@media screen and (min-width:1000px){.left-side-bar .right-side-bar{position:absolute;width:20%;height:100%;left:0;bottom:50px}}.wrapper{flex-direction:column}.wrapper .detail{border-radius:10px;text-align:left;width:80%;height:80%;background-color:#fff;color:#000;overflow:auto}.wrapper .detail,.wrapper .detail .update-song-form{display:flex;flex-direction:column;align-items:center}.wrapper .detail .update-song-form{padding:40px 20px}.wrapper .detail .update-song-info{width:600px;display:flex;align-items:center;justify-content:center}.wrapper .detail .detail-return{padding:10px 20px}.wrapper .detail .detail-return .detail-return-button{width:100%}.song-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom-color:beige}.song-item:nth-child(2n-1){background-color:#f4f5f7}.tag-list{display:flex;align-items:center;justify-content:center}.tag-list .tag-item{display:block;padding-right:5px}.singer-list{display:flex;align-items:center;justify-content:center}.singer-list .singer-item{display:block;padding-right:5px}.block{background-color:#fff}.pagination{margin:0 auto;width:50%}.song-colleciton-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom-color:beige}.song-colleciton-item:nth-child(2n-1){background-color:#f4f5f7}.song-collection-tag-list{display:flex;align-items:center;justify-content:flex-start}.song-collection-tag-list .tag-item{display:block;padding-right:5px}.main-container{z-index:1;width:100%;flex:1 1 auto;background-color:var(--color-nano-black-revert)}.main-container .search-bar-container{font-size:1.6rem;position:relative;width:60%;min-width:400px;background-color:#ffebcd;border-radius:12px;padding:.5em 0;margin:2em auto;box-shadow:0 1px 12px bisque;text-align:center}.main-container .manage-container{position:relative;text-align:center;width:100%}.main-container .manage-container .operation-side-bar-container{position:relative;background-color:#ebedf0;padding:1em}.main-container .manage-container .show-search-result-container{position:relative;background-color:var(--color-nano-black-revert);padding:1em}.main-container .manage-container .show-search-result-container .filter-table{display:flex;background-color:#fff8dc}.operation-container{flex:1 1 auto;position:relative;background-color:var(--color-nano-black-revert);padding-top:3em}.operation-container,.wrapper{display:flex;justify-content:center}.wrapper{align-items:center;height:100%}