.header-wrapper{height:64px;position:relative;background:#070b2099;width:100%;transition:background .3s cubic-bezier(.215,.61,.355,1),border .45s cubic-bezier(.215,.61,.355,1);-webkit-user-select:none;user-select:none}.header-wrapper .header{width:100%;height:100%;padding:0 24px;max-width:1200px;margin:auto;position:relative;display:flex;align-items:center;transition:transform .45s cubic-bezier(.215,.61,.355,1),-webkit-transform .45s cubic-bezier(.215,.61,.355,1),max-width .45s}.header-wrapper .header a{color:var(--color-primary);letter-spacing:.5px;transition:color .45s cubic-bezier(.215,.61,.355,1),border-color .45s cubic-bezier(.215,.61,.355,1);text-decoration:none}.header-wrapper .header a:hover{color:#69c0ff}.header-wrapper .header .header-logo{z-index:1000;opacity:1}.header-wrapper .header .header-logo .logo-img{vertical-align:middle;display:inline-block}.header-wrapper .header .header-logo div{margin-left:10px;vertical-align:middle;display:inline-block;color:var(--color-primary);font-weight:600;font-size:15px}.header-wrapper .header .header-user{margin-left:auto;display:flex;height:64px;line-height:64px}.header-wrapper .header .header-user a,.header-wrapper .header .header-setting{margin-left:20px}.header-wrapper[state=home]{background:0 0;border-color:transparent;z-index:9999}.header-wrapper[state=home] .header{transform:translateY(50%)}.header-wrapper[state=article] .header{max-width:100%;width:unset}@media only screen and (max-width: 767.99px){.header-wrapper .header{transform:none!important;width:calc(100% - 48px)}}.dropdown{min-width:100px}.dropdown>.dropdown-item{text-align:center;cursor:pointer;font-size:14px;height:36px;line-height:36px;overflow:hidden}.dropdown>.dropdown-item:hover{background-color:#ffffff4c}.popover{position:relative;cursor:pointer;transition:all .2s;z-index:999}.popover .popover-tooltip{position:absolute;margin-top:5px;top:100%;left:50%;transform:translate(-50%) rotateX(90deg);padding:12px 16px;opacity:.6;transition:all .1s ease;background:var(--card-background-color);border-radius:15px;cursor:default;font-size:14px}.popover .popover-tooltip[state=open]{opacity:1;pointer-events:auto;transform:translate(-50%) rotateX(0)}.page-not-found{height:60vh;overflow:hidden;display:flex;justify-content:center;align-items:center;perspective:1000px}.page-not-found div{transform-style:preserve-3d}.page-not-found .rail{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform:rotateX(-30deg) rotateY(-30deg)}.page-not-found .rail .stamp{position:absolute;width:200px;height:200px;display:flex;justify-content:center;align-items:center;background:#14141466;color:var(--color-primary);font-size:7rem}.page-not-found .rail .stamp:nth-child(1){animation:stampSlide 40s -2.3s linear infinite}.page-not-found .rail .stamp:nth-child(2){animation:stampSlide 40s -4.3s linear infinite}.page-not-found .rail .stamp:nth-child(3){animation:stampSlide 40s -6.3s linear infinite}.page-not-found .rail .stamp:nth-child(4){animation:stampSlide 40s -8.3s linear infinite}.page-not-found .rail .stamp:nth-child(5){animation:stampSlide 40s -10.3s linear infinite}.page-not-found .rail .stamp:nth-child(6){animation:stampSlide 40s -12.3s linear infinite}.page-not-found .rail .stamp:nth-child(7){animation:stampSlide 40s -14.3s linear infinite}.page-not-found .rail .stamp:nth-child(8){animation:stampSlide 40s -16.3s linear infinite}.page-not-found .rail .stamp:nth-child(9){animation:stampSlide 40s -18.3s linear infinite}.page-not-found .rail .stamp:nth-child(10){animation:stampSlide 40s -20.3s linear infinite}.page-not-found .rail .stamp:nth-child(11){animation:stampSlide 40s -22.3s linear infinite}.page-not-found .rail .stamp:nth-child(12){animation:stampSlide 40s -24.3s linear infinite}.page-not-found .rail .stamp:nth-child(13){animation:stampSlide 40s -26.3s linear infinite}.page-not-found .rail .stamp:nth-child(14){animation:stampSlide 40s -28.3s linear infinite}.page-not-found .rail .stamp:nth-child(15){animation:stampSlide 40s -30.3s linear infinite}.page-not-found .rail .stamp:nth-child(16){animation:stampSlide 40s -32.3s linear infinite}.page-not-found .rail .stamp:nth-child(17){animation:stampSlide 40s -34.3s linear infinite}.page-not-found .rail .stamp:nth-child(18){animation:stampSlide 40s -36.3s linear infinite}.page-not-found .rail .stamp:nth-child(19){animation:stampSlide 40s -38.3s linear infinite}.page-not-found .rail .stamp:nth-child(20){animation:stampSlide 40s -40.3s linear infinite}.page-not-found .world{transform:rotateX(-30deg) rotateY(-30deg)}.page-not-found .world .forward{position:absolute;animation:slide 2s linear infinite}.page-not-found .world .box{width:200px;height:200px;transform-origin:100% 100%;animation:roll 2s cubic-bezier(1,.01,1,1) infinite}.page-not-found .world .box .wall{position:absolute;width:200px;height:200px;background:#0a0a0a33;border:1px solid #fafafa;box-sizing:border-box}.page-not-found .world .box .wall:before{content:"";position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:var(--color-primary);font-size:7rem}.page-not-found .world .box .wall:nth-child(1){transform:translateZ(100px)}.page-not-found .world .box .wall:nth-child(2){transform:rotateX(180deg) translateZ(100px)}.page-not-found .world .box .wall:nth-child(3){transform:rotateX(90deg) translateZ(100px)}.page-not-found .world .box .wall:nth-child(3):before{transform:rotateX(180deg) rotate(90deg) translateZ(-1px);animation:zeroFour 4s -2s linear infinite}.page-not-found .world .box .wall:nth-child(4){transform:rotateX(-90deg) translateZ(100px)}.page-not-found .world .box .wall:nth-child(4):before{transform:rotateX(180deg) rotate(-90deg) translateZ(-1px);animation:zeroFour 4s -2s linear infinite}.page-not-found .world .box .wall:nth-child(5){transform:rotateY(90deg) translateZ(100px)}.page-not-found .world .box .wall:nth-child(5):before{transform:rotateX(180deg) translateZ(-1px);animation:zeroFour 4s linear infinite}.page-not-found .world .box .wall:nth-child(6){transform:rotateY(-90deg) translateZ(100px)}.page-not-found .world .box .wall:nth-child(6):before{transform:rotateX(180deg) rotate(180deg) translateZ(-1px);animation:zeroFour 4s linear infinite}@keyframes stampSlide{0%{transform:rotateX(90deg) rotate(-90deg) translateZ(-200px) translateY(130px)}to{transform:rotateX(90deg) rotate(-90deg) translateZ(-200px) translateY(-3870px)}}@keyframes zeroFour{0%{content:"4"}to{content:"0"}}@keyframes roll{0%{transform:rotate(0)}85%{transform:rotate(90deg)}87%{transform:rotate(88deg)}90%{transform:rotate(90deg)}to{transform:rotate(90deg)}}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-200px)}}.text404{text-align:center;font-size:50px;font-weight:1200;color:var(--color-primary);-webkit-text-stroke:1px #000}@media only screen and (max-width: 767.99px){.page-not-found{transform:scale(.75)}.text404{margin-top:50px;font-size:30px}}.menu{width:100%;height:100%;position:absolute;top:0}.menu .cube-wrap{width:300px;height:300px;perspective:1000px;-webkit-user-select:none;user-select:none;position:absolute;transform:scale(.75);right:60px;top:0;bottom:0;margin:auto;transition:all .5s ease}.menu .cube-wrap .cube{width:100%;height:100%;position:absolute;transform-style:preserve-3d;transition:all .5s ease;animation:spin 10s linear infinite}.menu .cube-wrap .cube .cube-face{width:300px;height:300px;position:absolute;overflow:hidden;opacity:.9;border:1px solid #ccc;background-color:#0003;display:flex;align-items:center;justify-content:center;flex-direction:column}.menu .cube-wrap .cube .cube-face img{width:160px;height:160px}.menu .cube-wrap .cube .cube-face h1{margin-top:20px}.menu .cube-wrap .cube .cube-face.cube-face.front{transform:translateZ(150px)}.menu .cube-wrap .cube .cube-face.cube-face.back{transform:rotateX(180deg) translateZ(150px)}.menu .cube-wrap .cube .cube-face.cube-face.left{transform:rotateY(-90deg) translateZ(150px)}.menu .cube-wrap .cube .cube-face.cube-face.right{transform:rotateY(90deg) translateZ(150px)}.menu .cube-wrap .cube .cube-face.cube-face.top{transform:rotateX(90deg) translateZ(150px)}.menu .cube-wrap .cube .cube-face.cube-face.bottom{transform:rotateX(-90deg) translateZ(150px)}.menu .cube-wrap .cube .menu-close{font-size:50px;opacity:0;position:absolute;left:50%;transform:translate(-50%);transition:opacity 1s;cursor:pointer}.menu[state=ac] .cube-wrap{right:0;margin:0;width:100%;height:100%;z-index:4}.menu[state=ac] .cube-wrap .cube{animation:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.menu[state=ac] .cube-wrap .cube .cube-face{animation:goto .5s linear infinite;animation-iteration-count:1;animation-fill-mode:forwards;margin:10px;position:unset;cursor:pointer}.menu[state=ac] .cube-wrap .cube .menu-close{opacity:100}@keyframes spin{0%{transform:rotateX(45deg) rotateY(45deg)}to{transform:rotateX(405deg) rotateY(765deg)}}@keyframes goto{to{transform:rotateX(0) translateZ(150px)}}@media only screen and (max-width: 767.99px){.menu .cube-wrap{top:20%;height:300px;left:0;right:0}.menu[state=ac] .cube-wrap{top:27%}.menu[state=ac] .cube-wrap .cube .cube-face{height:150px;width:150px}.menu[state=ac] .cube-wrap .cube .cube-face img{width:80px;height:80px;margin-top:10px}.menu[state=ac] .cube-wrap .cube .cube-face h1{margin-top:5px}}@media only screen and (max-width: 389.99px){.menu .cube-wrap{transform:scale(.55)}.menu[state=ac] .cube-wrap{transform:scale(.75)}.menu[state=ac] .cube-wrap .cube .cube-face{height:130px;width:130px}.menu[state=ac] .cube-wrap .cube .cube-face img{width:60px;height:60px;margin-top:5px}.menu[state=ac] .cube-wrap .cube .cube-face h1{font-size:22px;margin-top:5px}}.home-wrapper{opacity:1;transform:none;position:relative;overflow:hidden;margin-top:-64px}.home-wrapper .banner-wrapper{position:relative;-webkit-user-select:none;user-select:none;transform:translateY(0)}.home-wrapper .banner-wrapper .banner{position:relative;width:100%;max-width:1200px;padding:0 24px;margin:auto;height:calc(100vh - 32px)}.home-wrapper .banner-wrapper .banner .banner-logo{position:absolute;width:100%;height:100%}.home-wrapper .banner-wrapper .banner .banner-text{width:50%;height:300px;position:absolute;top:0;bottom:0;margin:auto;z-index:1}.home-wrapper .banner-wrapper .banner .banner-text h1{font-weight:lighter;font-size:48px;margin:0}.home-wrapper .banner-wrapper .banner .banner-text h3{font-weight:lighter;margin:0}.home-wrapper .banner-wrapper .banner .banner-text p{margin:16px 0 40px;line-height:24px;font-size:14px}.home-wrapper .banner-wrapper .banner .banner-text .banner-text-button{padding:8px 16px;border-radius:40px;font-size:14px;border:1px solid var(--color-primary);transition:background .45s cubic-bezier(.215,.61,.355,1),box-shadow .45s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .45s cubic-bezier(.215,.61,.355,1);color:var(--color-primary);display:inline-block;margin-right:10px}.home-wrapper .banner-wrapper .banner .banner-text .banner-text-button:hover{color:var(--color-primary);background:#ffffff26;box-shadow:0 0 6px #ffffff59}.home-wrapper .banner-wrapper .banner-bg-center{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}.home-wrapper .banner-wrapper .banner-bg-center circle{animation-name:circleMove;animation-duration:5s;animation-direction:alternate;animation-iteration-count:infinite}.home-wrapper .banner-wrapper .banner-bg-center circlelast-child{animation-name:circleMove2}@keyframes circleMove{0%{transform:translate(0)}to{transform:translate(10px,-30px)}}@keyframes circleMove2{0%{transform:translate(0)}to{transform:translate(-10px,30px)}}.logo-demo{width:100%;height:100%;position:relative}.point-wrapper{position:absolute}.point{border-radius:100%}.right-side{width:300px;height:400px;position:absolute;right:60px;top:0;bottom:0;margin:auto;z-index:2;cursor:pointer}.right-side *{pointer-events:none}@media only screen and (max-width: 767.99px){.home-wrapper .banner-wrapper .banner{width:calc(100% - 48px)}.home-wrapper .banner-wrapper .banner .banner-logo{height:55%;position:relative}.home-wrapper .banner-wrapper .banner .banner-text{height:45%;width:100%;text-align:center;position:relative}.home-wrapper .banner-wrapper .banner-bg-center{top:35%;left:20%}.right-side{top:20%;height:300px;left:0;right:0}}@media only screen and (max-width: 389.99px){.home-wrapper .banner-wrapper .banner .banner-text{transform:scale(.85)}}.cta{border:none;background:none;cursor:pointer}.cta span{padding-bottom:7px;letter-spacing:4px;font-size:14px;text-transform:uppercase}.cta:hover .hover-underline-animation:after{transform:scaleX(1);transform-origin:bottom left}.hover-underline-animation{position:relative;color:var(--color-primary);padding-bottom:20px}.hover-underline-animation:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#fff;transform-origin:bottom right;transition:transform .25s ease-out}.btn{position:relative;overflow:visible;z-index:1;border:1px solid var(--color-primary);height:38px}.btn .button{width:100%;height:100%;font-weight:600;font-size:13px;background:transparent;border:none;cursor:pointer;color:var(--color-primary);transition:.2s all}.btn:hover .space{opacity:1}.btn:hover .button{box-shadow:inset 4px 4px 6px -1px #0003,inset -4px -4px 6px -1px #ffffffb3,-.5px -.5px #fff,.5px .5px #00000026,0 12px 10px -10px #0000000d;border:1px solid rgba(0,0,0,.1)}.btn.disabled .space{opacity:0}.btn.disabled .button{box-shadow:unset;border:1px solid rgba(0,0,0,.1);cursor:not-allowed}.input-container{position:relative;width:100%;display:inline-block}.input-container .input-field{border:1px solid var(--color-primary);padding:10px;background:#0000;transition:.3s;color:var(--color-primary);box-sizing:border-box;height:40px;outline:none;width:100%;font-size:13px}.input-container .input-field::placeholder{color:#bababa}.input-container:focus-within .space,.input-container:hover .space{opacity:1}.input-container:focus-within .input-field,.input-container:hover .input-field{outline-color:#e8e8e88c;transition:.3s;box-shadow:inset 4px 4px 6px -1px #0003,inset -4px -4px 6px -1px #ffffffb3,-.5px -.5px #fff,.5px .5px #00000026,0 12px 10px -10px #0000000d;border:1px solid rgba(0,0,0,.1)}.input-range{display:flex;line-height:40px}.input-range>:first-child,.input-range>:nth-child(2){margin-right:8px}.checkbox-wrapper{position:relative;display:block}.checkbox-wrapper input[type=checkbox]{display:none;overflow:hidden}.checkbox-wrapper *,.checkbox-wrapper :after,.checkbox-wrapper :before{box-sizing:border-box;-webkit-user-select:none;user-select:none}.checkbox-wrapper .label{cursor:pointer}.checkbox-wrapper .label svg{vertical-align:middle}.checkbox-wrapper .check{width:50px;height:50px;position:absolute;opacity:0}.checkbox-wrapper .path1{stroke-dasharray:400;stroke-dashoffset:400;transition:.5s stroke-dashoffset;opacity:0}.checkbox-wrapper .check:checked+label svg g path{stroke-dashoffset:0;opacity:1}.loading-background{width:100%;max-height:100%;z-index:99999}.login-wrapper{width:1100px;margin-left:auto;margin-right:auto;position:relative}.login-wrapper .login-wrap{width:330px;height:390px;margin-top:140px;background-color:#28282866;border:1px solid var(--color-primary);border-radius:5px;overflow:hidden;position:absolute;right:0}.login-wrapper .login-wrap .login-header{height:55px;line-height:55px;border-bottom:1px solid var(--color-primary);font-size:16px;font-weight:400;text-align:center;margin-bottom:15px}.login-wrapper .login-wrap .login-box{margin-left:auto;margin-right:auto;width:280px;display:flex;flex-direction:column}.login-wrapper .login-wrap .login-box>p{margin-bottom:30px}.login-wrapper .login-wrap .login-box>.input-container{margin-bottom:20px}.login-wrapper .login-wrap .login-box>.btn{margin-top:10px}.login-wrapper .login-wrap .login-box img{cursor:pointer}.login-wrapper .login-wrap .foget{position:absolute;bottom:40px;right:70px;cursor:pointer}.login-wrapper .login-wrap .regedit{position:absolute;bottom:40px;right:25px;cursor:pointer}.login-wrapper .login-banner{position:absolute;margin-top:140px;left:0;height:390px;width:500px}@media only screen and (max-width: 767.99px){.login-wrapper{width:330px}.login-wrapper .login-banner{margin-top:10vh;width:100%}.login-wrapper .login-wrap{margin-top:10vh}}.user-info{display:flex;align-items:center;justify-content:center}.user-info .user-info-wrapper{width:50%;border:1px solid var(--color-primary);border-radius:15px;background-color:var(--card-background-color);display:flex}.user-info .user-info-wrapper .user-info-avatar{margin-left:20px;width:20%;margin-top:-50px}.user-info .user-info-wrapper .user-info-avatar>img{width:100%;border-radius:12px}.user-info .user-info-wrapper .user-info-content{padding:0 10%;width:100%;cursor:default}.user-info .user-info-wrapper .user-info-content .user-info-content-line{width:100%;line-height:70px;display:flex}.user-info .user-info-wrapper .user-info-content .user-info-content-line>.user-info-content-label{width:30%;min-width:160px;font-weight:700}.user-info .user-info-wrapper .user-info-content .user-info-content-line>.user-info-content-value{width:40%;min-width:160px}.user-info .user-info-wrapper .user-info-content .user-info-content-line>.user-info-content-fun{display:none}.user-info .user-info-wrapper .user-info-content .user-info-content-line:hover .user-info-content-fun{display:inline-flex}.user-info-edit-password .input-container{margin-bottom:20px}.model-wrapper{width:100vw;height:100vh;background:#00000040;position:absolute;top:0;left:0;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;display:flex;align-content:center;justify-content:center;flex-wrap:wrap}.model-wrapper.show{opacity:1;visibility:visible}.model-wrapper .model-body{width:60%;max-height:calc(60vh + 40px);margin-left:auto;margin-right:auto;border-radius:5px;border:1px solid var(--color-primary);box-shadow:inset 4px 4px 6px -1px #0003,inset -4px -4px 6px -1px #ffffffb3,-.5px -.5px #fff,.5px .5px #00000026,0 12px 10px -10px #0000000d;overflow:hidden;transform:translateY(-50px);transition:transform .3s ease-in-out}.model-wrapper.show .model-wrapper .model-body{transform:translateY(0)}.model-wrapper .model-body .model-header{-webkit-user-select:none;user-select:none;height:40px;border-bottom:1px solid var(--color-primary);display:flex;justify-content:flex-end;background:#ffffff80;-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);box-shadow:0 4px 6px #0003}.model-wrapper .model-body .model-header .model-title{padding-left:15px;line-height:40px;font-weight:700;width:100%}.model-wrapper .model-body .model-header .model-close{line-height:40px;width:40px;text-align:center;cursor:pointer}.model-wrapper .model-body .model-header .model-close .close-button{background-color:transparent;color:var(--color-primary);border:none;border-radius:.5rem;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;margin-left:auto;cursor:pointer;transition:background-color .2s,color .2s}.model-wrapper .model-body .model-header .model-close .close-button:hover{background-color:#e5e7eb;color:#8a8a8a}.model-wrapper .model-body .model-header .model-close .close-button .close-icon{width:.75rem;height:.75rem}.model-wrapper .model-body .model-content{background:#fff3;-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);box-shadow:0 4px 6px #0003;width:100%;padding:20px;box-sizing:border-box;z-index:-2;position:relative;max-height:60vh;overflow-x:hidden;overflow-y:auto}.robot{height:calc(100% - 32px);background-color:var(--card-background-color)}.robot .robot-content{max-width:1200px;margin:auto;height:100%;overflow:hidden;display:flex;justify-content:space-between}.robot .robot-content .robot-left{height:100%;width:800px;overflow-y:auto;padding-left:50px}.robot .robot-content .robot-right{height:100%;width:400px;display:flex;justify-content:right}.item-list .item{border-bottom:1px solid #ddd;padding:10px}.item-list .item .item-title{font-size:18px;font-weight:800}.item-list .item .item-content{margin-top:16px;color:#e4e4e4}.item-list .item:last-child{border-bottom:none}.robot-me{width:300px;height:100%;overflow:hidden;display:flex;flex-direction:column}.robot-me .robot-me-login{display:flex;justify-content:center;align-items:center;height:180px}.robot-me .robot-me-top{display:flex;padding:10px}.robot-me .robot-me-top .robot-me-avatar{width:80px;height:80px;overflow:hidden;border-radius:50%}.robot-me .robot-me-top .robot-me-avatar>img{width:100%;height:100%}.robot-me .robot-me-top .robot-me-content{height:80px;margin-left:20px}.robot-me .robot-me-group-list{overflow-y:auto}.robot-me .robot-group{display:flex;padding:10px}.robot-me .robot-group .robot-group-avatar{width:60px;height:60px;overflow:hidden;border-radius:50%}.robot-me .robot-group .robot-group-avatar>img{width:100%;height:100%}.robot-me .robot-group .robot-group-content{height:60px;margin-left:20px}.robot-me-copyQQ{display:flex}.robot-me-copyQQ>:first-child{width:80%;margin-right:2%}.robot-me-copyQQ>:last-child{width:18%}.robot-setting .robot-group{display:flex;padding:10px}.robot-setting .robot-group .robot-group-avatar{width:60px;height:60px;overflow:hidden;border-radius:50%}.robot-setting .robot-group .robot-group-avatar>img{width:100%;height:100%}.robot-setting .robot-group .robot-group-content{margin-top:6px;height:60px;margin-left:20px}.robot-setting .robot-group .robot-group-return{margin-left:auto;line-height:60px}.robot-setting .robot-setting-content{flex-grow:1;overflow-y:auto;padding:10px}.robot-setting .robot-setting-content .select-container{margin-bottom:40px}.select-container{width:100%;position:relative;display:inline-block;box-sizing:border-box}.select-container .select-field{border:1px solid var(--color-primary);position:relative;padding:10px 30px 10px 10px;background:transparent;transition:.3s;color:var(--color-primary);box-sizing:border-box;height:40px;outline:none;width:100%}.select-container .select-field .selected-option{font-size:13px}.select-container .select-field .selected-placeholder{font-size:13px;color:#bababa}.select-container .select-field .arrow{position:absolute;right:10px;top:44%;transform:translateY(-50%) rotate(45deg);border:solid white;border-width:0 2px 2px 0;padding:4px;transition:transform .3s ease}.select-container[state=true] .select-field .arrow{top:50%;transform:translateY(-50%) rotate(-135deg)}.select-container:hover .space,.select-container[state=true] .space{opacity:1}.select-container:hover .select-field,.select-container[state=true] .select-field{outline-color:#e8e8e88c;transition:.3s;box-shadow:inset 4px 4px 6px -1px #0003,inset -4px -4px 6px -1px #ffffffb3,-.5px -.5px #fff,.5px .5px #00000026,0 12px 10px -10px #0000000d;border:1px solid rgba(0,0,0,.1)}.options{position:absolute;border:1px solid var(--color-primary);margin-top:4px;max-height:200px;overflow-y:auto;overflow-x:hidden;background:#fff3;-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);box-shadow:0 4px 6px #0003;z-index:1000;transition:height .1s ease-in-out}.options .option{padding:8px;font-size:13px;color:var(--color-primary);position:relative;cursor:pointer}.options .option:hover .space{opacity:1}.robot-entry{height:100%;overflow:hidden;display:flex;flex-direction:column}.robot-entry .robot-group{display:flex;padding:10px}.robot-entry .robot-group .robot-group-avatar{width:60px;height:60px;overflow:hidden;border-radius:50%}.robot-entry .robot-group .robot-group-avatar>img{width:100%;height:100%}.robot-entry .robot-group .robot-group-content{margin-top:6px;height:60px;margin-left:20px}.robot-entry .robot-group .robot-group-return{margin-left:auto;line-height:60px}.robot-entry .robot-entry-content{flex-grow:1;overflow-y:hidden;padding:10px;display:flex;flex-direction:column}.robot-entry .robot-entry-content .robot-entry-content-search{display:flex;flex-shrink:0;margin-bottom:10px}.robot-entry .robot-entry-content .robot-entry-content-search>.input-container{margin-right:80px}.robot-entry .robot-entry-content .robot-entry-content-search>:last-child{margin-left:auto}.robot-entry .robot-entry-content .robot-entry-content-search>.btn{width:80px}.robot-entry .robot-entry-content .robot-entry-content-data{flex-grow:1;overflow-y:auto}.robot-entry .robot-entry-content .robot-entry-content-data .robot-entry-content-item{height:140px}.robot-entry .robot-entry-content .robot-entry-content-data .robot-entry-content-item .robot-entry-content-item-title{display:flex}.robot-entry .robot-entry-content .robot-entry-content-data .robot-entry-content-item .robot-entry-content-item-title button{padding-top:12px}.robot-entry .robot-entry-content .robot-entry-content-data .robot-entry-content-item .robot-entry-content-item-title :nth-child(2){margin-left:auto}.robot-entry .robot-entry-content .robot-entry-content-data .robot-entry-content-item .robot-entry-content-item-value{max-height:80px;overflow-y:auto;align-items:flex-end}.robot-entry .robot-entry-content .robot-entry-content-data .robot-entry-content-item .robot-entry-content-item-value img{max-height:70px}.robot-entry-modal{height:100%}.robot-entry-modal .robot-entry-modal-add{display:flex;justify-content:space-between;margin:20px 0}.robot-entry-modal .robot-entry-modal-value{margin-bottom:40px}.robot-entry-modal .robot-entry-modal-value img{max-height:80px}.empty-background{height:100%;display:flex;justify-content:center;align-items:center;flex-grow:1;min-height:40vh}.empty-background .empty{font-size:14px;line-height:1.5;text-align:center;box-sizing:border-box}.upload input[type=file]{display:none}.upload .custom-file-upload{display:grid;place-items:center;background:#0000;height:35px;border:1px solid var(--color-primary);cursor:pointer;transition:transform .5s;color:var(--color-primary);font-size:13px;width:100%}.upload .custom-file-upload:hover{box-shadow:inset 4px 4px 6px -1px #0003,inset -4px -4px 6px -1px #ffffffb3,-.5px -.5px #fff,.5px .5px #00000026,0 12px 10px -10px #0000000d;border:1px solid rgba(0,0,0,.1)}.reader{background-color:var(--card-background-color);display:flex;justify-content:center}.reader .reader-content{width:1200px}.reader .reader-content .reader-title{display:flex;border-bottom:1px solid #fff;height:60px;line-height:60px}.reader .reader-content .reader-title .reader-title-text{font-size:17px;font-weight:700}.reader .reader-content .reader-title .reader-title-btn{margin-left:auto}.reader .reader-content .reader-bookshelf{min-height:600px;-webkit-user-select:none;user-select:none;margin-top:60px;display:flex;flex-wrap:wrap;gap:40px 0;margin-bottom:20px}.reader .reader-content .reader-bookshelf .reader-book-one{flex:0 0 16.66%}.reader .reader-content .reader-bookshelf .reader-book-one .reader-book{position:relative;border-radius:10px;width:140px;height:200px;background-color:#f5f5f5;box-shadow:1px 1px 12px #000;transform-style:preserve-3d;perspective:2000px;display:flex;align-items:center;justify-content:center;color:#000;cursor:pointer;margin-bottom:10px}.reader .reader-content .reader-bookshelf .reader-book-one .reader-book .reader-book-cover{top:0;position:absolute;background-color:#fff;width:100%;height:100%;border-radius:10px;transition:all .5s;transform-origin:0;box-shadow:1px 1px 12px #000;display:flex;align-items:center;justify-content:center;overflow:hidden}.reader .reader-content .reader-bookshelf .reader-book-one .reader-book .reader-book-cover img{height:100%;width:100%}.reader .reader-content .reader-bookshelf .reader-book-one .reader-book p{box-sizing:border-box;height:100%;padding:7px 8px 0 26px;overflow:hidden}.reader .reader-content .reader-bookshelf .reader-book-one .reader-book:hover .reader-book-cover{-webkit-transition:all .5s;transition:all .5s;-webkit-transform:rotatey(-80deg);-ms-transform:rotatey(-80deg);transform:rotatey(-80deg)}.reader .reader-content .reader-bookshelf .reader-book-one .reader-book-title{width:140px;display:flex}.reader .reader-content .reader-bookshelf .reader-book-one .reader-book-title .delete{cursor:pointer;visibility:hidden}.reader .reader-content .reader-bookshelf .reader-book-one .reader-book-title:hover .delete{visibility:visible}.reader .reader-content .reader-bookshelf .reader-book-one .text-container{cursor:pointer}.reader-book-add .book-upload-button{display:flex;justify-content:space-between}.reader-book-add .book-title{display:flex;justify-content:space-between;flex-direction:column;width:380px}.reader-book-add .book-list-title{font-weight:700;margin:10px 0}.reader-book-add .book-regex{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.reader-book-add .book-regex>.btn{width:100px}.reader-book-add .book-list{height:291px;border:1px solid #ffffff;margin-bottom:8px;overflow-y:auto;overflow-x:hidden;-webkit-user-select:none;user-select:none}.reader-book-add .book-list p{margin-left:12px;font-size:12px}.text-container{position:relative;width:200px}.text-container .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.text-container .tooltip{display:block;position:absolute;top:100%;left:0;background-color:#333;color:var(--color-primary);padding:5px;border-radius:4px;max-width:300px;white-space:normal;z-index:10;opacity:0;pointer-events:none;transition:opacity .1s ease-in-out;margin-top:5px}.text-container:hover .tooltip{opacity:1;pointer-events:auto}.reader-detail{height:calc(100vh - 96px);background-color:var(--card-background-color);overflow:hidden}.reader-detail .reader-detail-menu{height:100%;float:left;width:370px;overflow-y:auto;overflow-x:hidden}.reader-detail .reader-detail-menu p{width:100%;height:50px;line-height:50px;overflow:hidden;cursor:pointer;margin:0;padding-left:20px}.reader-detail .reader-detail-menu p:hover,.reader-detail .reader-detail-menu p[state=checked]{background-color:var(--checket-background-color)}.reader-detail .reader-detail-content{height:100%;width:calc(100% - 410px);float:right;overflow-y:auto;padding:0 20px}.reader-detail .reader-detail-content h1{text-align:center;margin-bottom:40px}.footer{background-color:#0006;color:var(--color-primary);z-index:100;text-align:center;line-height:32px;overflow:hidden;font-size:12px;width:100%;-webkit-user-select:none;user-select:none}.space{width:100%;height:100%;bottom:0;gap:1.5rem;transition:.2s ease-in-out;z-index:-1;opacity:0;overflow:hidden;position:absolute;display:flex;justify-content:space-evenly;flex-wrap:wrap;background:linear-gradient(160deg,#120e1e80,#4100ff80)}.space .star{height:4rem;width:.3rem!important;transition:.5s;border-radius:50px;clip-path:polygon(50% 0%,100% 100%,0% 100%);position:relative;background-color:#e9f8f9;animation:space-animation calc(.1s * var(--i)) linear infinite}@keyframes space-animation{0%{transform:rotate(-30deg) translateY(calc(-52% * var(--i)))}to{transform:rotate(-30deg) translateY(calc(52% * var(--i)))}}#root{color:var(--color-primary);--color-primary: #F2F2F2FF;--card-background-color: #28282866;--checket-background-color: #28282888}