@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}*{--border-bg:#f4f5fd}.scroll-container::-webkit-scrollbar{display:none;width:0;height:0;background:0 0;color:transparent}body,html{width:100%;min-height:100vh;font-family:Arial,sans-serif;background-color:var(--border-bg);display:flex;flex-direction:column}a:active{background-color:rgba(0,102,204,.1)}#main-container{margin-top:73px;flex:1}.hamburger-btn{position:fixed;bottom:80px;right:20px;width:50px;height:50px;background-color:#333;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 5px 10px rgba(0,0,0,.5);z-index:100;display:none;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;outline:0;user-select:none}.hamburger-btn i{font-size:1.5rem}.side-nav{position:fixed;top:0;right:-300px;width:260px;height:100%;background-color:#fff;box-shadow:-2px 0 10px rgba(0,0,0,.1);z-index:1000;transition:right .3s ease}.side-nav.active{right:0}.mobile-nav-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.navbar-item.mobile-nav-display{display:none}.navbar-brand{align-items:center}.mobile-navbar-item{display:flex;align-items:center}.navbar-brand-text{font-size:calc(1.2875rem + .45vw)}.mobile-navbar-item .navbar-brand-text{margin-left:1.6vw}.mobile-close-btn{cursor:pointer;font-size:1.5rem}.nav-links{list-style:none;padding:20px}.nav-links li{margin-bottom:6vw}.nav-links .nav-item,.nav-links li{display:flex;align-items:center;gap:8px}.nav-links .mobile-nav-icon{font-size:1.2rem}.nav-links a{text-decoration:none;color:#333;font-size:1.1rem;transition:color .2s}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.overlay.active{opacity:1;visibility:visible}html a{color:#000}.navbar{padding:0 10rem}.footer{padding:1rem 10rem;margin-top:4vh;background-color:#fff;height:auto;justify-content:center}.footer-body,.footer-qrcode{display:flex;align-items:center}.footer-body{padding:.2rem;justify-content:space-between}.hero- title{text-align:right}.hero-title .title{font-size:2rem;font-weight:700}.hero-title .subtitle{font-size:1rem;margin-top:10px}.footer-qrcode{padding:5px;flex-direction:column;justify-content:center;background-color:#fff;border-radius:10px;position:fixed;bottom:120px;right:120px}.footer-qrcode #qrcode{width:128px;height:128px;padding:5px;order:1;background-color:#ccc;border-radius:10px}.footer-qrcode .title{padding-top:3px;font-size:13px;text-align:center;order:2}.flex-container,.items-container{display:flex;display:-webkit-flex;justify-content:center}.items-container{padding:0 15vw;background-color:#f4f5fd;gap:1.3rem;min-height:100%;width:100%}.flex-container{flex-direction:column;flex-wrap:nowrap}.aplayer-container,.flex-container,.menu-container,aside{flex:3;align-self:flex-start}aside{flex:1;min-width:0}.pagination{--bulma-pagination-selected-item-h:63deg;margin-top:1.2rem}.pagination a{border:0}.pagination a:not(.is-primary){background-color:#fff}.userinfo{margin-top:18px}.addtime,.userinfo a{margin-right:.5vw}.addtime>p,.userinfo a{display:inline}.is-current{color:#000}dialog{width:40vw;min-width:40%;border:0;padding:0;box-shadow:0 20px 40px rgba(0,0,0,.421)}.modal-content{background-color:#fff}dialog::backdrop{background-color:rgba(0,0,0,.421)}.box.items-box{transition:all .6s linear;transform-origin:top;cursor:pointer;align-self:center;width:100%}.box.items-box img{filter:blur(5px);transition:filter .5s ease}.box.items-box img.loaded{filter:blur(0)}.box.items-box:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.327);cursor:default}#music-lang,#music-style{font-size:.8rem}.mobile-button{display:none}.flex-container .subtitle.is-6{margin-top:1rem;font-weight:200;color:#666}.flex-container .subtitle.is-6>span{margin:.3rem}.lrc-container{width:100%;padding:1rem;border-radius:3px;border:1px dotted #ccc;text-align:center}.lrc-container .lrc{min-height:19rem;font-size:1rem;font-family:"Microsoft YaHei";margin-bottom:2.5rem;width:100%;overflow:hidden;max-height:calc(1.6em*13);line-height:1.6em;transition:max-height .6s ease}.lrc-container .lrc.expanded{max-height:none}.userwell{min-height:825px}.userwell .card-image{align-items:center;position:relative;width:100%;aspect-ratio:1/1;border-bottom:1px solid #e0e0e0}.userwell .image.is-128x128{transform:translate(-50%,-50%);position:relative;top:50%;left:50%;text-align:center}.userwell .card-image img{width:128px;height:128px;object-fit:cover;aspect-ratio:1/1;border-radius:0;position:static!important}.userwell .image.is-128x128 p{margin:12px 0 64px}.content ul{display:inline-block;padding:0;margin:0;width:100%;list-style:none;margin-inline-start:0;line-height:2rem}.content ul li{padding-top:.3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.content ul li .badge{font-size:.9125em;font-weight:800;color:#fff;text-align:center;margin-right:.4em}.button-container{padding:15px;display:flex;flex-wrap:wrap;gap:10px}.button-container .button{transition:all .2s ease}.button-container .button:hover{transform:translateY(-3px)}.mobile-search-bar{position:fixed;bottom:140px;right:20px;width:50px;height:50px;background-color:#333;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 5px 10px rgba(0,0,0,.5);z-index:100;display:none;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;outline:0;user-select:none}.mobile-search{display:inline-block;padding:10px;font-size:20px;color:#fff;cursor:pointer}.search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);z-index:9998;display:flex;justify-content:center;align-items:flex-start;opacity:0;visibility:hidden;transition:all .3s ease}.search-overlay.active{opacity:1;visibility:visible}.search-container{width:80%;max-width:90%;margin-top:1vh;transform:translateY(-2vw);transition:transform .5s ease}.search-overlay.active .search-container{transform:translateY(0)}.search-input{width:100%;padding:15px 20px;font-size:18px;border:0;border-radius:30px;outline:0;box-shadow:0 6px 10px rgba(0,0,0,.6)}.message-toast{position:fixed;top:20%;left:50%;transform:translate(-50%,-50%);z-index:9999;display:none;opacity:0;transition:opacity .5s ease-in-out;width:auto;max-width:80%;min-width:300px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.message-toast.is-active{display:block;opacity:1}.message-toast .notification{background-color:#fff;padding:1rem 2.5rem 1rem 1.5rem;border-radius:10px;position:relative;box-shadow:0 2px 10px rgba(0,0,0,.3);text-align:center;animation:slideIn .3s ease-out}.message-toast.fade-out{opacity:0;transition:opacity .5s ease-in-out}@media only screen and (max-width:768px) and (orientation:portrait){.message-toast{max-width:90%;min-width:160px}.message-toast .notification{padding:.8rem 2rem .8rem 1.2rem;font-size:15px}:root{font-size:80%}.mobile{display:block!important}.desktop{display:none!important}body{width:100vw;max-width:100vw;overflow-x:hidden;margin:0;padding:0}.items-box{max-width:98vw}.scroll-container{max-width:100vw;overflow-x:scroll;white-space:nowrap;-webkit-overflow-scrolling:touch;text-overflow:clip;scrollbar-width:none;-ms-overflow-style:none}.hamburger-btn,.mobile-search-bar{display:flex}.fa-magnifying-glass,.fa-search{font-size:100%;text-align:center}.box.items-box,.box.items-box:hover{transform:none;box-shadow:none;cursor:default}.items-container{padding:1rem 1vw;gap:.3rem}.box.items-box{margin-bottom:3px;padding:.8rem}nav{display:block}.navbar{padding:0 1vw}.subtitle,.title{font-size:80%}.footer-body{padding:1vw;margin-top:1vh}.footer-body p,.mobile-button{display:inline-block}.footer-qrcode{display:none}.left-pagination,.right-pagination{padding:0;margin:0;position:fixed;bottom:200px;height:50px!important;width:50px!important;min-width:50px;min-height:50px;z-index:100;border:0;background-color:#333!important;color:#fff;cursor:pointer;font-size:24px;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;transition:all .3s ease;box-shadow:0 5px 10px rgba(0,0,0,.5)}.right-pagination{right:20px}.left-pagination{left:20px}.desktop-button{display:none}dialog{min-width:90%}#main-container{margin-top:60px}.navbar-item.mobile-nav-display{display:block;margin-left:auto;font-size:1.2rem}}@media only screen and (min-width:769px) and (max-width:1024px) and (orientation:landscape){:root{font-size:80%}.message-toast{max-width:90%;min-width:160px}.message-toast .notification{padding:.8rem 2rem .8rem 1.2rem;font-size:15px}.message-toast .delete{width:18px;height:18px}.footer-qrcode,footer,nav{display:none}#main-container{margin-top:0}.navbar{padding:0 5vw}.hamburger-btn,.mobile-search-bar{display:flex}.userwell{min-height:35vh}.userwell .image.is-128x128 p{margin:1px 0 4px}.footer-body{padding:1rem}.box.items-box,.box.items-box:hover{transform:none;box-shadow:none;cursor:default}.items-container{padding:1rem 1vw;gap:.3rem}.box.items-box{margin-bottom:3px;padding:.8rem}.card{box-shadow:none}.side-nav{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:80vw;max-width:90vw;height:auto;max-height:80vh;background-color:#fff;z-index:1000;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.3);overflow:hidden;transition:transform .3s ease-in-out;opacity:0;display:flex;flex-direction:column}.mobile-nav-header{padding:.5rem 1rem}.nav-links li{margin-bottom:1rem}.side-nav.active{transform:translate(-50%,-50%) scale(1);opacity:1}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;display:none}.overlay.active{display:block}.mobile-navbar-menu{overflow-y:auto;flex-grow:1}.close-btn{font-size:2rem;cursor:pointer;padding:5px 10px;position:absolute;right:0;top:0}}@media (prefers-color-scheme:dark){:root{--bg-color:#121212;--is-primery:#f8e00d;--text-color:#e0e0e0;--is-waring:#ff0404;color:var(--text-color);background-color:var(--bg-color)}.nav-links a,.search-input,.side-nav,html a{color:var(--text-color)}.items-container,.search-input,.side-nav,body,html{background-color:var(--bg-color)}.pagination{color:var(--text-color)}.footer,.pagination .button,.pagination .pagination-link{background-color:#000!important;color:var(--text-color)}.pagination .pagination-link.is-current{background-color:var(--is-primery)!important;color:var(--bg-color)}.mobile-search-bar{background-color:#333}.message-toast .notification{background-color:#333;opacity:1}.hamburger-btn,.left-pagination,.right-pagination{color:#ccc;background-color:#333!important}}