.lebtbar{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:16px;gap:24px}.leftbar-top{display:flex;width:100%;justify-content:space-between;align-items:center;height:40px}.leftbar-top-left{display:flex;gap:8px;-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;width:calc(100% - 76px)}.lebtbar .leftbar-top .leftbar-top-left .user-name{max-width:calc(100% - 46px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lebtbar .leftbar-top .leftbar-top-right{display:flex;gap:8px}.lebtbar .leftbar-center{flex:auto;display:flex;flex-direction:column;width:100%;gap:24px}.lebtbar .leftbar-center .leftbar-center-top{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:8px}.lebtbar .leftbar-center .leftbar-center-top .n-button{width:100%;height:60px;overflow:hidden}.lebtbar .leftbar-center .leftbar-center-top .n-button svg{height:26px;width:26px;transition:all .3s}.lebtbar .leftbar-center .leftbar-center-top .n-button:hover svg{margin-top:-16px}.lebtbar .leftbar-center .leftbar-center-top .n-button .desc{position:absolute;bottom:-16px;transition:all .3s}.lebtbar .leftbar-center .leftbar-center-top .n-button:hover .desc{bottom:8px}.lebtbar .leftbar-center .leftbar-center-top .n-button:last-child{background:transparent;border:2px dashed #b3b3b3;color:#b3b3b3}.lebtbar .leftbar-center .leftbar-center-top .n-button:last-child:hover{opacity:.8}.lebtbar .leftbar-center .leftbar-center-top .n-button:last-child:hover svg{margin:0}.lebtbar .leftbar-center .leftbar-center-center{display:flex;flex-direction:column;gap:8px}.lebtbar .leftbar-center .leftbar-center-center .n-button{height:40px;padding:0 8px;--n-text-color: #666666 !important;justify-content:flex-start}.lebtbar .leftbar-center .leftbar-center-center .n-button svg{margin-right:12px;height:20px;width:20px}.lebtbar .leftbar-center .leftbar-center-bottom{display:flex;flex-direction:column;gap:8px}.lebtbar .leftbar-center .leftbar-center-bottom .leftbar-center-bottom-top{display:flex;justify-content:space-between;align-items:center}.lebtbar .leftbar-center .leftbar-center-bottom .leftbar-center-bottom-top .leftbar-center-bottom-top-left{margin-left:6px;-webkit-user-select:none;user-select:none;--n-text-color: #666666 !important}.lebtbar .leftbar-center .leftbar-center-bottom .leftbar-center-bottom-top .leftbar-center-bottom-top-right{display:flex;gap:8px}.lebtbar .leftbar-center .leftbar-center-bottom .leftbar-center-bottom-top .leftbar-center-bottom-top-right .n-button{height:24px;width:24px}.lebtbar .leftbar-center .leftbar-center-bottom .playlist-container{max-height:calc(100vh - 534px)}.lebtbar .leftbar-center .leftbar-center-bottom .playlist-container .playlist-item{height:46px;flex:none;align-items:center;padding:0 8px;--n-text-color: #666666 !important;justify-content:flex-start;margin-bottom:8px;width:100%;opacity:0}.lebtbar .leftbar-center .leftbar-center-bottom .playlist-container .playlist-item-cover{height:32px;width:32px;border-radius:6px;margin-right:8px}.lebtbar .leftbar-center .leftbar-center-bottom .playlist-container .playlist-item-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lebtbar .leftbar-bottom{display:flex;width:100%;justify-content:flex-end}.lebtbar .leftbar-bottom .n-button{height:32px;width:32px}.lebtbar .leftbar-center .leftbar-center-bottom .playlist-container .n-skeleton{border-radius:6px;opacity:1!important;animation:none!important}@keyframes playlist-item{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}.search-bar{height:40px;padding:0 16px;margin-top:16px;margin-bottom:24px;width:100%;display:flex;align-items:center;justify-content:space-between}.search-bar .search-bar-left,.search-bar .search-bar-center,.search-bar .search-bar-right{display:flex;gap:8px}.search-bar .search-bar-left .n-button svg{height:24px;width:24px}.search-bar .n-button{height:40px!important;width:40px!important}.search-bar .n-button svg{height:20px;width:20px}.search-bar .search-bar-center .n-input{background:rgba(46,51,56,.05);--n-border: none !important;--n-border-disabled: none !important;--n-border-hover: none !important;--n-border-focus: none !important;--n-box-shadow-focus: none !important;--n-caret-color: #666666 !important;height:40px;min-width:400px;width:35vw;max-width:600px}.search-bar .search-bar-center .n-input:focus-within{background:rgba(46,51,56,.09)}.search-bar .search-bar-center .n-input .n-input__input-el{height:40px}.search-bar .search-bar-center .n-input .n-input__prefix{color:#757575;margin-right:8px}.search-bar .search-bar-center .n-input .n-input__prefix svg,.search-bar .search-bar-center .n-input .n-input__prefix i{height:20px;width:20px;color:#757575}.search-bar .search-bar-center .n-input .n-input__placeholder{color:#757575;-webkit-user-select:none;user-select:none}.layout-right[data-v-eadf92dc]{display:flex;flex-direction:column;width:100%;height:100%}*,*:before,*:after{box-sizing:border-box}body,#app,.app{background-color:#f7f7f7!important;height:100vh;width:100vw;min-width:1024px;overflow-y:hidden}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.n-button[icon]{padding:0!important;height:30px;width:30px;--n-text-color: #666666 !important}svg.remixicon{height:18px;width:18px}.n-popover.vip-tag{padding:8px!important}.n-popover.vip-tag .n-popover__content{height:16px}.n-popover .user-vip-tag{height:16px;width:auto;cursor:pointer}.index-banner:before{content:"";position:absolute;top:0;left:0;width:60px;height:100%;background:linear-gradient(90deg,#f7f7f7,transparent);z-index:1}.index-banner:after{content:"";position:absolute;top:0;right:0;width:60px;height:100%;background:linear-gradient(90deg,transparent,#f7f7f7);z-index:1}.index-banner .n-carousel__slide{width:65%!important;transition:all .3s;cursor:pointer;justify-content:center;display:flex}.index-banner .n-carousel__dots{bottom:8px!important;transform:translate(-50%)!important;left:50%!important}.index-banner .carousel-img{width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;max-width:540px;border-radius:10px;-webkit-user-drag:none;position:relative}.index-banner .arrow-left,.index-banner .arrow-right{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fffc;transition:all .3s}.index-banner .arrow-left:hover,.index-banner .arrow-right:hover,.index-banner .arrow-left:focus,.index-banner .arrow-right:focus{background:#00000080;color:#fffc}.index-banner:hover .arrow-left{left:8px}.index-banner:hover .arrow-right{right:8px}.index-banner .arrow-left{left:-50px}.index-banner .arrow-right{right:-50px}.banner-skeleton{height:200px;width:100%;border-radius:10px}.index-banner .n-carousel__slide.n-carousel__slide--prev,.index-banner .n-carousel__slide.n-carousel__slide--next{opacity:1!important}.index-banner .item{height:100%;width:100%;display:flex;justify-content:center}.index-banner .banner-label{position:absolute;right:0;bottom:0;border-radius:6px 0;font-size:12px;-webkit-user-select:none;user-select:none;padding:6px;line-height:1;color:#fffc}.index-banner .banner-label.red{background:#ff4d6a}.index-banner .banner-label.blue{background:#6699ff}.home{padding:0 16px;height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center}.home .home-top{display:flex;gap:24px;height:200px;width:100%;justify-content:center}.home-banner{height:100%;width:100%}