body{margin:0;padding:0;box-sizing:border-box}body::-webkit-scrollbar{width:0!important}a{color:#fff}a,a:hover{text-decoration:none}li{list-style:none}.shadow-md{box-shadow:-10px 10px 30px #adbbd2,10px -10px 30px #e9fdff}.shadow-lg{box-shadow:-20px 20px 60px #adbbd2,20px -20px 60px #e9fdff}.w-full{width:100%}.w-screen{width:100vw}.h-full{height:100%}.h-screen{height:100vh}.mt-10{margin-top:.625rem!important}.mt-20{margin-top:1.25rem!important}.ml-10{margin-left:.625rem!important}.ml-20{margin-left:1.25rem!important}.mb-10{margin-bottom:.625rem!important}.mb-20{margin-bottom:1.25rem!important}.mr-10{margin-right:.625rem!important}.mr-20{margin-right:1.25rem!important}.mx-10{margin:auto .625rem!important}.mx-20{margin:auto 1.25rem!important}.my-10{margin:.625rem auto!important}.my-20{margin:1.25rem auto!important}.pt-10{padding-top:.625rem!important}.pt-20{padding-top:1.25rem!important}.pl-10{padding-left:.625rem!important}.pl-20{padding-left:1.25rem!important}.pb-10{padding-bottom:.625rem!important}.pb-20{padding-bottom:1.25rem!important}.pr-10{padding-right:.625rem!important}.pr-20{padding-right:1.25rem!important}.px-10{padding:auto .625rem!important}.px-20{padding:auto 1.25rem!important}.py-10{padding:.625rem auto!important}.py-20{padding:1.25rem auto!important}.up-float{transition:transform .3s ease}.up-float:hover{transform:translateY(-6px)}.overflow-a{overflow:auto}.overflow-h{overflow:hidden}.overflow-x{overflow-x:scroll}.overflow-y{overflow-y:scroll}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.25rem;line-height:1.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-black{color:#000}.text-white{color:#fff}.text-red{color:red}.text-blue{color:#cdddf8}.text-sunset{color:#f5a091}.text-theme{color:#cdddf8}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-around{justify-content:space-around}.flex-around,.flex-wrap{display:flex;align-items:center}.flex-wrap{flex-wrap:wrap}.mask-sunset{box-shadow:inset 0 0 40px 0 #f5a091;border-radius:4px;background:linear-gradient(0deg,rgba(230,238,244,.5),rgba(98,122,139,.31))}.searchBtn{width:15%;border:none;position:relative;font-size:18px;background:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;color:#cdddf8;z-index:1;font-family:inherit;font-weight:500}.searchBtn span{position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;box-sizing:border-box;z-index:-1;border-left:1px solid #e6eef4}.searchBtn span:before{content:"";display:block;position:absolute;width:8%;height:500%;background:#ec8799;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-60deg);transition:all .3s}.searchBtn:hover span:before{transform:translate(-50%,-50%) rotate(-90deg);width:100%;background:#ec8799}.searchBtn:hover{box-shadow:-5px 5px 10px hsla(9,83%,76%,0),5px -5px 10px #f5a091;color:#fff}.searchBtn:active span:before{background:#ec8799}.btnBox{position:relative;border-radius:.25rem;border:1px solid var(--bg-color);overflow:hidden}.btnBox:hover{border:1px solid var(--bg-color1);background:var(--bg-color);box-shadow:-5px 5px 10px var(--shadow-color),5px -5px 10px var(--shadow-color1);transition:all .2s ease-out}.btnBox:hover:before{animation:sh02 .5s linear 0s}.btnBox:before{content:"";display:block;width:0;height:86%;position:absolute;top:7%;left:0;opacity:0;box-shadow:0 0 20px 10px #fff;transform:skewX(-20deg)}@keyframes sh02{0%{opacity:0;left:0}50%{opacity:1}to{opacity:0;left:100%}}.btnBox:active{box-shadow:0 0 0 0 transparent;transition:box-shadow .2s ease-in}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.code-box{position:relative;width:100%;height:17vh;padding:10px;box-sizing:border-box;color:#3fb2d4;background-color:#1d1f21}.code-box .code{width:96%;height:100%;font-family:monospace;font-size:13px;display:block;overflow:auto;-webkit-user-select:text;-moz-user-select:text;user-select:text}.code-box .code::-webkit-scrollbar{display:none;scrollbar-width:none;-ms-overflow-style:none}.code-box .copy-btn{position:absolute;right:10px;top:10px;padding:5px;cursor:pointer;color:#cfd8e6;background:#1f44bd;box-shadow:inset 2px 2px 4px #171c35,inset -2px -2px 4px #3653e2}*{margin:0;padding:0}.sidebar[data-v-24821a62]{display:flex;flex-direction:column;justify-content:space-between;width:16%;height:100vh;padding:1.25rem 0;margin-right:10px;box-sizing:border-box;overflow-y:scroll;background:var(--bg-color)}.sidebar[data-v-24821a62] .el-menu{height:100%;overflow:hidden!important;overflow-y:auto!important}.sidebar[data-v-24821a62] .el-menu::-webkit-scrollbar{display:none;scrollbar-width:none;-ms-overflow-style:none}[data-v-24821a62] .el-sub-menu .el-sub-menu__title *{font-size:18px!important}[data-v-24821a62] .el-sub-menu ul>li.el-menu-item{font-size:16px}[data-v-24821a62] .el-sub-menu.is-active{color:var(--bg-rgba-color)}[data-v-24821a62] .el-sub-menu.is-active .el-menu{background:var(--bg-color)!important}.el-menu-item[data-v-24821a62],[data-v-24821a62] .el-sub-menu{width:100%;display:flex;align-items:center;color:var(--text-color);font-size:18px;transition:all .5s;padding:15px 0;padding-left:15px}.el-menu-item[data-v-24821a62]:hover,[data-v-24821a62] .el-sub-menu:hover{color:var(--bg-rgba-color1);z-index:9;border-radius:.25rem;border-left:1px solid #2c9caf;box-shadow:4px 5px 17px -4px #268391;cursor:pointer}.el-menu-item .el-icon[data-v-24821a62],[data-v-24821a62] .el-sub-menu .el-icon{width:24px}[data-v-24821a62] .el-sub-menu{width:100%;display:flex;flex-wrap:wrap;overflow:hidden;box-sizing:border-box}[data-v-24821a62] .el-sub-menu:hover{box-shadow:none}[data-v-24821a62] .el-sub-menu .el-sub-menu__title{width:100%!important;display:flex}[data-v-24821a62] .el-sub-menu .el-sub-menu__title .el-sub-menu__icon-arrow{width:24px;margin-left:10%}[data-v-24821a62] .el-sub-menu i{display:inline-block;width:24px}[data-v-24821a62] .el-sub-menu ul{width:100%;margin-left:2%;box-sizing:border-box}[data-v-24821a62] .el-sub-menu ul li{width:100%}[data-v-24821a62] .el-sub-menu ul li:hover{border-radius:.25rem;border-left:1px solid transparent;box-shadow:4px 5px 17px -4px #268391}[data-v-24821a62] .el-menu-item.is-active{display:flex;justify-content:center;color:var(--bg-rgba-color);background-color:var(--bg-color1)}[data-v-24821a62] .el-menu-item.is-active:hover{color:var(--bg-rgba-color);transform:translateX(0)}.sidebar[data-v-24821a62]::-webkit-scrollbar{width:0}.sidebar>ul[data-v-24821a62]{height:100%}.layout-container[data-v-24821a62]{width:100%;height:100vh;padding:0;display:flex;overflow:hidden;box-sizing:border-box}.layout-container .right-content[data-v-24821a62]{flex:1;display:flex;flex-direction:column}.layout-container .header[data-v-24821a62]{width:100%;height:80px;color:var(--text-color);background-color:var(--bg-color);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box}.layout-container .header .header-left[data-v-24821a62]{cursor:pointer}.layout-container .header .header-left .el-button[data-v-24821a62]{background:transparent;color:var(--text-color);border:none}.layout-container .header .header-right[data-v-24821a62]{display:flex;align-items:center;gap:20px}.layout-container .el-main[data-v-24821a62]{margin-top:10px;flex:1;background-color:var(--bg-color);padding:20px;overflow-y:auto}html[data-theme=dark]{--bg-color:#001b41;--bg-rgba-color:rgba(31,33,45,.5);--bg-color1:#cfcfcf;--bg-rgba-color1:hsla(0,0%,81%,.5);--text-color:#fff;--text-color1:#e47366;--shadow-color:#868686;--shadow-color1:#585858;--mask-color:rgba(3,22,73,.5);--animation-color1:#e47366;--music-text-color:#e47366}html[data-theme=blue]{--bg-color:#cdddf8;--bg-rgba-color:rgba(205,221,248,.5);--bg-color1:#2c9caf;--bg-rgba-color1:rgba(44,156,175,.5);--text-color:#1c5f6b;--text-color1:#b2ffa3;--shadow-color:#e6eef4;--shadow-color1:#f5a091;--mask-color:rgba(4,77,136,.5);--animation-color1:#f5a091;--music-text-color:#b2ffa3}html[data-theme=yellow]{--bg-color:#eaddca;--bg-rgba-color:hsla(36,43%,85%,.5);--bg-color1:#2c7e30;--bg-rgba-color1:rgba(44,126,48,.5);--text-color:#2d8cf0;--text-color1:#dfe0df;--shadow-color:#fde8cb;--shadow-color1:#f5c191;--mask-color:rgba(112,68,2,.5);--animation-color1:#05aa0d;--music-text-color:#2c7e30}html[data-theme=white]{--bg-color:#e8e8e8;--bg-rgba-color:hsla(0,0%,91%,.5);--bg-color1:#196fb6;--bg-rgba-color1:rgba(25,111,182,.5);--text-color:#167ec4;--text-color1:#ffdae9;--shadow-color:#80afdb;--shadow-color1:#041b2b;--mask-color:rgba(4,55,97,.5);--animation-color1:#40a6fa;--music-text-color:#40a6fa}