.search[data-v-2493f586]{display:flex;align-items:center;justify-content:center;width:200px;height:30px;margin:0 10px;overflow:hidden;transition:all .3s;color:#888;background:transparent!important}.search input[data-v-2493f586]{flex:1;width:100%;height:100%;box-sizing:border-box;border-radius:10px 0 0 10px;padding:0 2px 0 10px;border:1px solid #ddd;border-right:none;color:#888;opacity:1}.search input[data-v-2493f586]:focus{outline:none}.search .total[data-v-2493f586]{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:100%;font-size:12px;background:#fff;border:1px solid #ddd;border-left:none;border-right:none}.search .total p[data-v-2493f586]{margin:auto}.search .clear[data-v-2493f586]{overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:24px;height:30px;background:#fff;border:1px solid #ddd;border-left:none;border-right:none}.search .clear svg[data-v-2493f586]{width:15px}.search .next[data-v-2493f586]{box-sizing:border-box;width:30px;height:100%;border-radius:0 10px 10px 0;border:1px solid #bbb;border-left:none;cursor:pointer;background:rgba(0,0,0,.5)}.search .next svg[data-v-2493f586]{width:50%;height:50%;padding:25%}.search .next[data-v-2493f586]:active{background:rgba(0,0,0,.5)}.icon[data-v-32c02899]{width:30px;height:30px;margin:0 5px;border-radius:50%;background:hsla(0,0%,100%,.5)}.icon img[data-v-32c02899]{height:80%;padding:10%}.icon[data-v-32c02899]:hover{box-shadow:0 0 10px 0 #fff3b7}.icon:hover img[data-v-32c02899]{height:90%;padding:5%}.icon[data-v-32c02899]:active{background:hsla(0,0%,100%,.6)}.icon:active img[data-v-32c02899]{height:80%;padding:10%}.header[data-v-7b60b426]{z-index:5;display:flex;align-items:center;position:sticky;top:0;height:48px;background:linear-gradient(90deg,rgba(184,42,13,.8),#fff3b7),hsla(0,0%,100%,.8)}.header [data-v-7b60b426]{flex-shrink:0}.header .logo[data-v-7b60b426]{display:block;width:35px;height:35px;font-size:25px;line-height:35px;margin:0 10px;text-align:center}.header .logo[data-v-7b60b426],.header .title[data-v-7b60b426]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.header .title[data-v-7b60b426]{color:#eee;font-size:20px;margin-right:10px}.header .search-btn[data-v-7b60b426]{width:30px;height:30px;margin:0 5px;border-radius:50%;background:hsla(0,0%,100%,.5)}.header .search-btn svg[data-v-7b60b426]{width:60%;height:60%;padding:20%;fill:#666}.header .search-btn[data-v-7b60b426]:active{background:hsla(0,0%,100%,.6);box-shadow:0 0 10px 0 #fff3b7}.header .btn[data-v-7b60b426]{flex-shrink:0;width:30px;height:30px;margin:0 10px 0 auto;border-radius:50%;background:rgba(255,255,187,.5);cursor:pointer}.header .btn svg[data-v-7b60b426]{height:70%;width:70%;padding:15%;fill:#fff}.header .btn[data-v-7b60b426]:hover{box-shadow:0 0 5px 0 #fff}.header .btn[data-v-7b60b426]:active{background:rgba(245,193,187,.6)}@media only screen and (min-width:550px){.search-btn[data-v-7b60b426]{display:none}}@media only screen and (max-width:550px){.search-btn[data-v-7b60b426]{display:block}.search[data-v-7b60b426]{width:0;margin:0;opacity:0}}.error[data-v-720be5e1]{display:flex;align-items:center}.error svg[data-v-720be5e1]{-webkit-animation:loading-720be5e1 2s linear infinite;animation:loading-720be5e1 2s linear infinite}.error svg path[data-v-720be5e1]{fill:#000}@-webkit-keyframes loading-720be5e1{0%{transform:rotate(0)}25%{transform:rotate(-15deg)}50%{transform:rotate(0)}75%{transform:rotate(15deg)}}@keyframes loading-720be5e1{0%{transform:rotate(0)}25%{transform:rotate(-15deg)}50%{transform:rotate(0)}75%{transform:rotate(15deg)}}.loading[data-v-1d4fbad6]{display:flex;align-items:center}.loading svg[data-v-1d4fbad6]{-webkit-animation:loading-1d4fbad6 2s linear infinite;animation:loading-1d4fbad6 2s linear infinite;fill:#000}@-webkit-keyframes loading-1d4fbad6{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes loading-1d4fbad6{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}a[data-v-2e8bb14c]{margin:0;color:#000;font-size:14px}.control[data-v-2e8bb14c]{z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;position:sticky;bottom:0;background:hsla(0,0%,100%,.7)}.control .playing[data-v-2e8bb14c]{position:relative;margin:10px 0;max-width:80%;line-height:21px;text-align:center;color:#000}.control .playing .tip[data-v-2e8bb14c]{position:absolute;left:-23px;top:0;height:100%}.control .info-wrapper[data-v-2e8bb14c]{margin:10px 0;max-width:90%;line-height:21px;text-align:center;color:#000;word-wrap:break-word}.control .btn-wrapper[data-v-2e8bb14c]{display:flex;align-items:center;justify-content:center;margin-bottom:10px}.control .btn-wrapper .btn[data-v-2e8bb14c]{display:flex;align-items:center;justify-content:center;overflow:hidden;height:36px;transition:all .3s}.control .btn-wrapper .btn .icon[data-v-2e8bb14c]{flex-shrink:0}.icon[data-v-2e8bb14c]{width:30px;height:30px;margin:0 5px;border-radius:50%;background:rgba(184,42,13,.8);cursor:pointer}.icon svg[data-v-2e8bb14c]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:80%;width:80%;padding:10%;fill:#fff}.icon[data-v-2e8bb14c]:hover{box-shadow:0 0 10px 0 #fff3b7}.icon-active[data-v-2e8bb14c],.icon[data-v-2e8bb14c]:active{background:rgba(0,0,0,.5)}.footer[data-v-06cccd54]{display:flex;justify-content:space-between;flex-wrap:wrap;padding:5px;background-color:#ebebeb;font-size:12px;color:#333}.footer .author[data-v-06cccd54]{display:flex;align-items:center}.footer .info[data-v-06cccd54]{margin-top:5px;line-height:18px}.footer .text-right[data-v-06cccd54]{text-align:right}.footer .text-right .git[data-v-06cccd54]{display:flex;align-items:center}.footer .text-right .git a[data-v-06cccd54]{margin:0}.footer .text-right .git .btn[data-v-06cccd54]{margin:0 5px}@media only screen and (max-width:600px){.footer[data-v-06cccd54]{flex-direction:column}.footer .text-right[data-v-06cccd54]{text-align:left}.footer .text-right .git[data-v-06cccd54]{display:flex;align-items:center}.footer .text-right .git .btn[data-v-06cccd54]{order:10}}a[data-v-19690f8e]{margin:0;color:#fff;padding:5px 15px}.btn[data-v-19690f8e]{display:flex;align-items:center;position:relative;overflow:hidden;min-height:34px;box-sizing:border-box;border-radius:18px;background:rgba(184,42,13,.8);box-shadow:0 1px 5px 0 #ddd;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;transition:box-shadow .25s}.btn[data-v-19690f8e]:hover{background:rgba(0,0,0,.5);box-shadow:0 2px 10px 0 rgba(184,42,13,.8)}.btn:hover a[data-v-19690f8e]{-webkit-animation:shake-19690f8e 3s linear infinite;animation:shake-19690f8e 3s linear infinite}@media only screen and (max-width:600px){.btn[data-v-19690f8e]:hover{background:rgba(184,42,13,.8);box-shadow:none}.btn:hover a[data-v-19690f8e]{-webkit-animation:none;animation:none}.btn[data-v-19690f8e]:active{background:rgba(0,0,0,.5)}}@-webkit-keyframes shake-19690f8e{0%{transform:translateY(0)}20%{transform:translateY(0)}25%{transform:translateY(-4px)}30%{transform:translateY(0)}35%{transform:translateY(-4px)}40%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes shake-19690f8e{0%{transform:translateY(0)}20%{transform:translateY(0)}25%{transform:translateY(-4px)}30%{transform:translateY(0)}35%{transform:translateY(-4px)}40%{transform:translateY(0)}to{transform:translateY(0)}}.card-wrapper[data-v-4bf089a9]{margin:10px 5px;border-radius:5px;border:0 solid #ebeef5;color:#ccc;transition:box-shadow .25s}.card-wrapper[data-v-4bf089a9]:hover{box-shadow:2px 2px 5px rgba(0,0,0,.1)}.card-wrapper .card-header[data-v-4bf089a9]{border-bottom:1px solid #ebeef5;padding:5px}.card-wrapper .card-text[data-v-4bf089a9]{padding:1px 1px}.new-icon[data-v-2ca3bfec]{pointer-events:none;display:flex;height:18px;align-items:center;justify-content:center;padding:0 6px;font-size:9px;font-weight:700;color:#000;background-color:#fff3b7;border-radius:20px}.new-icon div[data-v-2ca3bfec]{-webkit-animation:shake-2ca3bfec 2s infinite;animation:shake-2ca3bfec 2s infinite;padding-bottom:2px}.new-icon div[data-v-2ca3bfec]:first-child{-webkit-animation-delay:.5s;animation-delay:.5s}.new-icon div[data-v-2ca3bfec]:nth-child(2){-webkit-animation-delay:.6s;animation-delay:.6s}.new-icon div[data-v-2ca3bfec]:nth-child(3){-webkit-animation-delay:.7s;animation-delay:.7s}@-webkit-keyframes shake-2ca3bfec{0%{transform:translate(0)}50%{transform:translate(0)}75%{transform:translateY(-25%)}to{transform:translate(0)}}@keyframes shake-2ca3bfec{0%{transform:translate(0)}50%{transform:translate(0)}75%{transform:translateY(-25%)}to{transform:translate(0)}}.disable[data-v-5fdc94ca]{pointer-events:none}.lowlight .left[data-v-5fdc94ca],.lowlight .right[data-v-5fdc94ca]{border-color:transparent transparent transparent!important}.lowlight .btn[data-v-5fdc94ca]{background:#ccc!important}.lowlight .btn[data-v-5fdc94ca]:before{width:0!important;height:0!important}.highlight .left[data-v-5fdc94ca],.highlight .right[data-v-5fdc94ca]{border-color:transparent transparent transparent!important}.highlight .btn[data-v-5fdc94ca]{background:rgba(0,0,0,.5)!important}.highlight .btn[data-v-5fdc94ca]:before{width:0!important;height:0!important}.wrapper[data-v-5fdc94ca]{margin:5px;position:relative}.wrapper:active .left[data-v-5fdc94ca],.wrapper:active .right[data-v-5fdc94ca]{-webkit-animation:color-5fdc94ca .5s;animation:color-5fdc94ca .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.wrapper:active .btn[data-v-5fdc94ca]{background:rgba(0,0,0,.5)!important}.wrapper:active .btn[data-v-5fdc94ca]:before{transform:scaleX(2);opacity:1;transition:transform .6s,opacity .2s;transition-delay:.2s}.wrapper .new-icon[data-v-5fdc94ca]{z-index:2;position:absolute;top:-12px;right:-15px}.wrapper .pic[data-v-5fdc94ca]{position:absolute;bottom:calc(100% + 10px);left:50%;width:120%;min-width:100px;max-width:200px;opacity:0;transform:translateX(-50%);pointer-events:none}.wrapper .left[data-v-5fdc94ca]{transform:rotate(-32deg);left:0}.wrapper .left[data-v-5fdc94ca],.wrapper .right[data-v-5fdc94ca]{width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent transparent;pointer-events:none;position:absolute;top:-3px}.wrapper .right[data-v-5fdc94ca]{transform:rotate(32deg);right:0}.wrapper .btn[data-v-5fdc94ca]{display:flex;align-items:center;position:relative;overflow:hidden;min-height:34px;box-sizing:border-box;border-radius:18px;color:#fff;background:rgba(184,42,13,.3);box-shadow:0 1px 5px 0 #fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.wrapper .btn .progress[data-v-5fdc94ca]{position:absolute;bottom:0;left:0;width:0;min-height:34px;height:100%;background:linear-gradient(90deg,rgba(255,231,140,.56) 98%,transparent)}.wrapper .btn span[data-v-5fdc94ca]{position:relative;line-height:20px;padding:5px 15px;word-break:break-all}.wrapper .btn[data-v-5fdc94ca]:before{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(184,42,13,.8) 99%,transparent 100%);background-repeat:no-repeat;background-position:50%;transform:scaleX(0);opacity:0}.playing .text[data-v-5fdc94ca]{-webkit-animation:shake-5fdc94ca 3s linear infinite;animation:shake-5fdc94ca 3s linear infinite}@media only screen and (min-width:600px){.wrapper .pic[data-v-5fdc94ca]{transition:opacity .5s}.wrapper:hover .pic[data-v-5fdc94ca]{opacity:1;box-shadow:0 5px 10px 0 rgba(184,42,13,.8)}.wrapper:hover .left[data-v-5fdc94ca],.wrapper:hover .right[data-v-5fdc94ca]{border-color:transparent transparent rgba(0,0,0,.5) transparent}.wrapper:hover .btn[data-v-5fdc94ca]{background:rgba(0,0,0,.5);box-shadow:0 2px 10px 0 rgba(184,42,13,.8)}.wrapper:hover .btn .text[data-v-5fdc94ca]{-webkit-animation:shake-5fdc94ca 3s linear infinite;animation:shake-5fdc94ca 3s linear infinite}}@media only screen and (max-width:600px){.wrapper .pic[data-v-5fdc94ca]{transition:opacity .5s;transition-delay:1s}.wrapper:active .pic[data-v-5fdc94ca]{opacity:1;transition:opacity 0s;transition-delay:0s}}@-webkit-keyframes playing-5fdc94ca{0%{width:0}to{width:100%}}@keyframes playing-5fdc94ca{0%{width:0}to{width:100%}}@-webkit-keyframes shake-5fdc94ca{0%{transform:translateY(0)}20%{transform:translateY(0)}25%{transform:translateY(-4px)}30%{transform:translateY(0)}35%{transform:translateY(-4px)}40%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes shake-5fdc94ca{0%{transform:translateY(0)}20%{transform:translateY(0)}25%{transform:translateY(-4px)}30%{transform:translateY(0)}35%{transform:translateY(-4px)}40%{transform:translateY(0)}to{transform:translateY(0)}}@-webkit-keyframes color-5fdc94ca{0%{border-color:transparent transparent transparent}30%{border-color:transparent transparent transparent}to{border-color:transparent transparent transparent}}@keyframes color-5fdc94ca{0%{border-color:transparent transparent transparent}30%{border-color:transparent transparent transparent}to{border-color:transparent transparent transparent}}.category[data-v-a07d5f56]{font-size:24px;padding:14px 10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.content[data-v-a07d5f56]{display:flex;flex-wrap:wrap}.search-wrapper[data-v-a2930292]{z-index:1;overflow:hidden;position:sticky;top:58px;height:0;opacity:0;margin-top:0;margin-bottom:0;transition:all .3s;background:#fff}.search-wrapper .search[data-v-a2930292]{width:90%;margin:auto}@media only screen and (min-width:550px){.search-wrapper[data-v-a2930292]{height:0;opacity:0;margin-top:0;margin-bottom:0}}@media only screen and (max-width:550px){.show-search[data-v-a2930292]{height:60px;opacity:1;margin-top:10px}}a[data-v-bbf7f4aa]{margin:0 5px}.index[data-v-bbf7f4aa]{margin:0 auto;width:100%;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(https://s21.ax1x.com/2024/06/18/pk05mkQ.jpg);background-position:50%;background-size:cover}.index .content[data-v-bbf7f4aa]{display:flex;flex-wrap:wrap}.index .content .btn[data-v-bbf7f4aa]{margin:5px;transition:background .2s}@media only screen and (max-width:600px){.index[data-v-bbf7f4aa]{width:95%}}body{margin:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}a{margin-left:5px;color:#888;text-decoration:none}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:rgba(184,42,13,.8)}::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#fff3b7}::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,.5)}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.fade-delay-enter-active{transition:opacity .3s;transition-delay:.3s}.fade-delay-leave-active{transition:opacity .3s}.fade-delay-enter-from,.fade-delay-leave-to{opacity:0}.fade-delay-enter-to,.fade-delay-leave-from{opacity:1}.slider-up-enter-active,.slider-up-leave-active{transition:all .5s}.slider-up-enter-from,.slider-up-leave-to{transform:translateY(100%)}.slider-up-enter-to,.slider-up-leave-from{transform:translateY(0)}.slider-down-enter-active,.slider-down-leave-active{transition:all .5s}.slider-down-enter-from,.slider-down-leave-to{transform:translateY(-100%)}.slider-down-enter-to,.slider-down-leave-from{transform:translateY(0)}.slider-left-enter-active,.slider-left-leave-active{transition:all .5s}.slider-left-enter-from,.slider-left-leave-to{transform:translateX(100%);opacity:0}.slider-left-enter-to,.slider-left-leave-from{transform:translateX(0);opacity:1}.slider-enter-active{transition:all .3s ease-out;transition-delay:.3s}.slider-leave-active{transition:all .3s ease-out}.slider-enter-from,.slider-leave-to{max-height:0;opacity:0}.slider-enter-to,.slider-leave-from{max-height:200px;opacity:1}.slider2-enter-active,.slider2-leave-active{transition:all .3s ease-out}.slider2-enter-from,.slider2-leave-to{max-width:0;opacity:0}.slider2-enter-to,.slider2-leave-from{max-width:200px;opacity:1}.logo-enter-active{-webkit-animation:logo 1s;animation:logo 1s;-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes logo{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes logo{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}@-webkit-keyframes logo-restart{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes logo-restart{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}