.user-panel .content{display:flex}.user-panel .content>a img{width:32px;height:32px}.user-panel .content .login{line-height:32px;color:#666;font-size:.9rem;cursor:pointer;padding:0 17px}.user-panel .content .signup{line-height:32px;font-size:.9rem;color:#fff;background-color:#000;padding:7px 14px;border:1px solid #000;border-radius:7px}.user-panel .content .signup:hover{color:#000;background-color:#fff;cursor:pointer}.user-panel .content .avatar-container{position:relative;margin-left:20px}.user-panel .content .avatar-container .avatar-image{width:32px;height:32px;border-radius:50%;background-size:100%;background-repeat:no-repeat}.user-panel .content .avatar-container .avatar-image:hover+ul{visibility:visible}.user-panel .content .avatar-container ul{visibility:hidden;transition:visibility 1s;position:absolute;list-style:none;margin:0;padding:0;top:40px;right:-3px;width:150px;font-size:.8rem;background-color:#fff;box-shadow:#0000001f 0 4px 16px;border-radius:7px}.user-panel .content .avatar-container ul li{padding:10px}.user-panel .content .avatar-container ul li img{vertical-align:middle;padding-right:10px}.user-panel .content .avatar-container ul li span{vertical-align:middle}.user-panel .content .avatar-container ul:hover{visibility:visible}.user-panel .content .avatar-container ul>:first-child:before{content:"";position:absolute;top:-7px;right:7px;border-bottom:10px solid #FFF;border-right:10px solid transparent;border-left:10px solid transparent}.user-panel .content .avatar-container ul>:not(:first-child){font-weight:600}.user-panel .content .avatar-container ul>:not(:first-child):hover{cursor:pointer;background:#16182308}header{position:sticky;top:0;background-color:#fffc;border-bottom:1px solid rgba(0,0,0,.1);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:space-between;padding:13px 20px;z-index:900;height:32px}header a img{height:32px}main{margin:50px 5% 0}.home-main{padding:2rem 0;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.home-main .title{text-align:center;margin:0;line-height:1.15;font-size:4rem}.home-main .title span{color:#0070f3;text-decoration:none}.home-main .start{margin:5rem 0;width:11.25rem;font-size:1.5rem;text-align:center;box-shadow:0 2px 4px #0000001a;border-radius:2rem;background-color:#000;color:#fff;padding:.375rem .375rem .625rem;cursor:pointer}.home-main .demo{text-align:center;width:90%;max-width:800px;margin-bottom:70px}.home-main .demo img{width:100%}.home-main .list{display:flex;flex-wrap:wrap}.home-main .list>div{width:25%;min-width:200px;flex:1 1 auto;margin:12.5px;border-radius:8px;padding:16px;border:2px solid #1f1f1f}.home footer{display:flex;flex:1;padding:1.5rem 0;border-top:1px solid #eaeaea;justify-content:center;align-items:center}.home footer a{text-decoration:none;padding-left:16px;color:#0070f3}.component-popconfirm{position:relative;z-index:99999;padding:12px;box-sizing:border-box;width:fit-content;display:inline-block;background-color:#fff;box-shadow:0 0 15px #0003;border-radius:9px}.component-popconfirm:after{content:"";position:absolute;width:0;height:0;left:calc(50% - 10px);border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid #FFF}.component-popconfirm{position:relative;padding:12px;box-sizing:border-box;width:fit-content;display:inline-block;background-color:#fff;box-shadow:0 0 15px #0003;border-radius:9px}.component-popconfirm .titles{color:#000000e0;font-size:14px;margin-bottom:8px;white-space:nowrap}.component-popconfirm .btn-group{text-align:right}.component-popconfirm .btn-group button{margin-left:12px;font-size:14px;height:24px;padding:0 7px;border-radius:4px;cursor:pointer}.component-popconfirm .btn-group .cancel{background-color:#fff;border:1px solid #d9d9d9}.component-popconfirm .btn-group .cancel:hover{border:1px solid #1677ff;color:#1677ff}.component-popconfirm .btn-group .ok{color:#fff;background-color:#1677ff;border:none}.component-popconfirm .btn-group .ok:hover{background-color:#4096ff}.project-card{cursor:pointer}.project-card .logo{width:100%;height:130px;border-radius:5px 5px 0 0;line-height:130px;font-size:90px;font-weight:700;text-align:center;color:#fff}.project-card .name{margin:7px;font-size:1.1rem}.project-card .description{padding:0 7px 7px;font-size:.85rem;color:#959595;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-card .handler{display:flex;justify-content:space-between;padding:0 7px;font-size:.8rem}.project-card .handler img{margin-left:4px;filter:drop-shadow(16px 16px 20px red) invert(75%)}.project-card .handler img:hover{filter:contrast(200%);transform:scale(1.3)}.color-box{width:100%;height:30px;display:flex}.color-box .item{width:28px;height:28px;margin-right:7px;border-radius:3px;cursor:pointer}.color-box .item.active{border:1px solid #000}.avatar-box{position:relative;width:30px;height:50px;margin-right:10px;cursor:pointer}.avatar-box:hover h4,.avatar-box:hover h5{display:block}.avatar-box>img{position:absolute;border-radius:50%;width:30px;height:30px}.avatar-box h4{display:none;margin:0;position:absolute;font-size:10px;bottom:2px;font-weight:800;width:200px;color:#434343}.avatar-box p{position:absolute;bottom:6px;left:16px;background-color:#2196f3;border-radius:50%;padding:0 2px;color:#fff;transform:scale(.7)}.avatar-box h5{display:none;width:30px;height:30px;margin:0;position:absolute;border-radius:50%;background-color:#0000004d}.avatar-box h5 img{margin:6px;filter:drop-shadow(16px 16px 20px red) invert(90%)}.component-user-selector .avatarBox{display:flex}.component-user-selector .search{position:relative}.component-user-selector .search .search-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .1s ease-in;box-sizing:border-box;padding:5px 10px;font-size:14px;box-shadow:none;border-radius:6px;border:2px solid #eee;background:#eee;font-family:Menlo,monospace;color:#333;width:100%}.component-user-selector .search .search-input:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #2196f3}.component-user-selector .search .search-panel{box-sizing:border-box;position:absolute;top:35px;border-radius:5px;background-color:#eee;width:100%;max-height:127px;overflow-y:scroll;padding:10px;-ms-overflow-style:none;overflow:-moz-scrollbars-none}.component-user-selector .search .search-panel::-webkit-scrollbar{width:0!important}.component-user-selector .search .search-panel p{color:#565555;cursor:pointer;border-radius:5px;padding:5px;margin:0}.component-user-selector .search .search-panel p:hover{background-color:#fff}.component-user-selector .search .search-panel span{display:inline-block;width:100%;text-align:center;font-size:.8rem}.component-user-selector .search .search-panel p[class=disabled]{background-color:#eee;cursor:not-allowed}.component-user-selector .search .search-panel p[class=disabled]:after{content:"已存在";position:absolute;right:12px;color:#2196f3;font-size:.7rem;border:1px solid #2196f3;border-radius:5px;padding:0 4px}.project-editor{padding:0 20px 20px}.project-editor .header{height:34px;position:sticky;top:0;background-color:#fff;padding-top:15px;z-index:100}.project-editor .header .close{width:34px;height:34px;float:right;box-sizing:border-box;padding:9px}.project-editor .header .close:hover{background-color:#0000001a;border-radius:50%;cursor:pointer;animation-name:bg;animation-duration:.1s;animation-fill-mode:forwards}.project-editor .header .close img{float:right}.project-editor .form>div{margin-bottom:20px}.project-editor .form>div p{font-size:.9rem;font-weight:700;margin:14px 0 7px}.project-editor .form>div input{-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .1s ease-in;box-sizing:border-box;padding:5px 10px;font-size:14px;box-shadow:none;border-radius:6px;border:2px solid #eee;background:#eee;font-family:Menlo,monospace;color:#333;width:100%}.project-editor .form>div input:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #2196f3}.project-editor .selected{display:flex}.project-editor .action{margin-top:25px;display:flex;justify-content:space-between}.project-editor .action button{width:48%;margin-right:5px;border-radius:6px;padding:8px 12px;font-size:.8rem;font-weight:700;border:none;background-color:transparent;cursor:pointer}.project-editor .action>:first-child{background-color:#2196f3;color:#fff}.project-editor .action>:last-child:hover{transition:all .1s ease-in-out;background-color:#0000001a}@keyframes bg{0%{transform:scale(1)}to{transform:scale(1.15)}}.dialog{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:1000;box-sizing:border-box;background-color:#00000080;border-bottom:1px solid rgba(0,0,0,.1);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation-name:bgc;animation-duration:.15s}.dialog .content{margin:0 auto;background-color:#fff;overflow-y:scroll;max-width:calc(100vw - 20px);animation-name:opacity;animation-duration:.3s}.dialog .content::-webkit-scrollbar{width:0!important}@keyframes bgc{0%{background-color:#0000}to{background-color:#00000080}}@keyframes opacity{0%{transform:scale(0)}50%{transform:scale(0)}to{transform:scale(1)}}.page-project{display:grid;grid-template-columns:repeat(auto-fill,270px);justify-content:center}.page-project>div{width:90%;height:220px;margin:15px;border-radius:5px;box-sizing:border-box;box-shadow:0 5px 10px #0000001f}.page-project>div:hover{animation-name:shadows;animation-duration:.3s;animation-fill-mode:forwards}.page-project>div .add{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;color:#7b7a7a}.page-project>div .add:hover{color:#000;animation-name:zooms;animation-duration:.1s;animation-fill-mode:forwards}@media only screen and (max-width: 620px){.page-project{grid-template-columns:repeat(auto-fill,75%)}}@media only screen and (max-width: 420px){.page-project{grid-template-columns:repeat(auto-fill,90%)}}@keyframes zooms{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes shadows{0%{box-shadow:.6px .5px 1.9px -12px #0000000b,1.3px 1.2px 4.3px -12px #00000010,2.4px 2.1px 7.7px -12px #00000013,4px 3.5px 12.8px -12px #00000016,6.6px 5.8px 21.2px -12px #00000018}to{box-shadow:.6px .5px 1.9px #0000000b,1.3px 1.2px 4.3px #00000010,2.4px 2.1px 7.7px #00000013,4px 3.5px 12.8px #00000016,6.6px 5.8px 21.2px #00000018,11.6px 10.2px 37px #00000019}}.input-range{margin:4px 0 2px}.input-range .range{width:170px;height:18px;background-color:#f0f0f0;border-radius:5px;position:relative;margin:0 15px;cursor:pointer}.input-range .range:hover .line,.input-range .range:hover .num{display:block}.input-range .range .bg{height:18px;position:absolute;left:0;background-color:#1890ff;border-radius:5px;transition:width 1s}.input-range .range .line{display:none;border-left:2px solid #595959;height:20px;position:absolute}.input-range .range .num{display:none;position:absolute;top:-18px;font-size:12px;color:#fff;padding:0 3px;background:#595959;border-radius:7px}.input-range .range .v-c{position:absolute;font-size:14px;left:76px;color:#595959}.menutree{padding-left:52px;overflow-y:hidden}.menutree .group{margin:20px 0}.menutree .group .item{width:200px;height:60px;border:2px solid #bfbfbf;border-radius:10px;box-sizing:border-box;position:relative}.menutree .group .item.actived{border:2px solid #1890ff}.menutree .group .item .title{text-align:center;color:#1890ff;font-size:16px;margin:3px 0;transition:all .6s}.menutree .group .item .title a{text-decoration:none}.menutree .group .item .title.actived{font-size:10px;margin:0;transition:all .6s}.menutree .group .item .handler{display:none;justify-content:center}.menutree .group .item .handler span{font-size:10px;text-align:center;padding:0 4px;margin:2px 10px;background-color:#f0f0f0;border-radius:3px;cursor:pointer}.menutree .group .item .handler span:last-child{color:red;background-color:transparent}.menutree .group .item .handler.actived{display:flex}.menutree .group .item .x-right-line{display:inline-block;width:15px;border-bottom:2px solid #bfbfbf;position:absolute;right:-17px;top:28px}.menutree .group .item .x-left-line{display:inline-block;width:15px;border-bottom:2px solid #bfbfbf;position:absolute;left:-17px;top:28px}.menutree .group .item .y-right-line{display:inline-block;height:81px;border-left:2px solid #bfbfbf;position:absolute;right:-18px;top:29px}.menutree .group .item .y-left-line{display:inline-block;border-left:2px solid #bfbfbf;position:absolute;left:-18px;top:29px}.menutree .group .item .x-left-line__long{display:inline-block;height:100vh;border-left:2px solid #bfbfbf;position:absolute;left:-18px;bottom:26px}.menutree .group .item img{width:16px;height:16px;position:absolute;right:-9px;bottom:20px;cursor:pointer;display:none}.menutree .group .item img.show{display:inline-block}.menutree .group .group{margin-left:230px}.menutree .group .group .group img{display:none}.component-resource-title{width:100%;border-radius:15px;box-shadow:0 0 5px #00000080}.component-resource-title-endpoint{padding:10px}.component-resource-title-endpoint .label{font-weight:700;padding:2px 10px;font-size:20px;margin:0}.component-resource-title-endpoint .url{padding:5px 10px;margin:0;word-wrap:break-word;color:#1890ff}.component-resource-title-endpoint .project-id{font-weight:700;color:#334dd2;background-color:#deeafd;padding:3px 7px;border-radius:8px}.component-resource-title-endpoint .api-prefix{font-weight:700;color:#6a2fd3;background-color:#ede9fd;padding:3px 7px;border-radius:8px}.component-resource-title-endpoint .endpoint{font-weight:700;color:#b64d1f;background-color:#fceed7;padding:3px 7px;border-radius:8px}.component-resource-title-handle{background-color:#f9fafb;border-radius:0 0 15px 15px;padding:5px 10px}.component-resource-title-handle button{width:100px;height:25px;color:#fff;background-color:#1890ff;border-radius:5px;outline:none;box-sizing:border-box;cursor:pointer;margin:10px;border:none}.component-resource-editor{padding:0 20px 20px}.component-resource-editor .header{height:34px;position:sticky;top:0;background-color:#fff;padding-top:15px;z-index:100}.component-resource-editor .header .close{width:34px;height:34px;float:right;box-sizing:border-box;padding:9px}.component-resource-editor .header .close:hover{background-color:#0000001a;border-radius:50%;cursor:pointer;animation-name:bg;animation-duration:.1s;animation-fill-mode:forwards}.component-resource-editor .header .close img{float:right}.component-resource-editor .form>div{margin-bottom:20px}.component-resource-editor .form>div p{font-size:.9rem;font-weight:700;margin:14px 0 7px}.component-resource-editor .form>div h5{margin:5px 0 8px;font-size:10px;line-height:1.5em;color:#8c8c8c;font-weight:200}.component-resource-editor .form>div input{-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .1s ease-in;box-sizing:border-box;padding:5px 10px;font-size:.8rem;box-shadow:none;border-radius:6px;border:2px solid #eee;background:#eee;font-family:Menlo,monospace;color:#333;width:100%}.component-resource-editor .form>div input:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #2196f3}.component-resource-editor .form>div input:hover~.delete,.component-resource-editor .form>div input:focus~.delete{opacity:1}.component-resource-editor .form>div .delete{width:17px;height:17px;vertical-align:middle;background-color:#00000026;border-radius:50%;padding:4px;margin-left:8px;transition:all .1s;cursor:pointer;opacity:0}.component-resource-editor .form>div .delete:hover{opacity:1;transform:scale(1.2)}.component-resource-editor .form>div textarea{width:100%;transition:all .1s ease-in;box-sizing:border-box;padding:5px 10px;font-size:14px;box-shadow:none;border-radius:6px;border:2px solid #eee;background:#eee;font-family:Menlo,monospace;color:#333}.component-resource-editor .form>div textarea:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #2196f3}.component-resource-editor .form>div .endpoint{display:flex;justify-content:flex-start;align-items:center;gap:7px;margin-bottom:5px}.component-resource-editor .form>div .endpoint .cantrol{border-radius:9px;width:32px;text-align:center;font-size:10px;cursor:pointer}.component-resource-editor .form>div .endpoint .method{font-weight:700;color:#3cb371;font-size:14px}.component-resource-editor .form>div .endpoint .url{font-size:14px;color:#bfbfbf}.component-resource-editor .form>div .form-schema-select{margin:10px 0}.component-resource-editor .form>div .form-schema-select:hover .delete{opacity:1}.component-resource-editor .form>div .form-schema-select select{margin-left:5px;box-sizing:border-box;padding:5px 10px;font-size:14px;border-radius:6px;border:none;background:#eee;color:#333;font-family:Menlo,monospace;outline:none;transition:all .1s ease-in;appearance:none;-moz-appearance:none;-webkit-appearance:none}.component-resource-editor .form>div .form-schema-select select:hover~.delete,.component-resource-editor .form>div .form-schema-select select:focus~.delete{opacity:1}.component-resource-editor .form>div .form-schema-select select:focus{border:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #2196f3}.component-resource-editor .form>div pre{position:relative;padding:10px;border:2px solid #ddd;background:#fff;border-radius:4px;font-size:14px;line-height:13px;font-weight:700;color:#333;overflow:auto}.component-resource-editor .form>div pre:after{content:"范例";position:absolute;top:7px;right:10px;text-transform:uppercase;background-color:#ddd;color:#333;font-weight:700;font-family:arial;font-size:12px;padding:4px 14px;border-radius:4px}.component-resource-editor .add{width:17px;height:17px;vertical-align:middle;background-color:#00000026;border-radius:50%;padding:4px;transition:all .1s;cursor:pointer}.component-resource-editor .add:hover{transform:scale(1.2)}.component-resource-editor .action{position:sticky;bottom:0;background-color:#fff;padding-bottom:20px;margin-top:25px;display:flex;justify-content:space-between}.component-resource-editor .action button{width:48%;margin-right:5px;border-radius:6px;padding:8px 12px;font-size:.8rem;font-weight:700;border:none;background-color:transparent;cursor:pointer}.component-resource-editor .action>:first-child{background-color:#2196f3;color:#fff}.component-resource-editor .action>:last-child:hover{transition:all .1s ease-in-out;background-color:#0000001a}.textarea{resize:vertical}.component-dataeditor{padding:0 20px 20px}.component-dataeditor .header{height:34px;position:sticky;top:0;background-color:#fff;padding-top:15px;padding-bottom:5px}.component-dataeditor .header .close{width:34px;height:34px;float:right;box-sizing:border-box;padding:9px}.component-dataeditor .header .close:hover{background-color:#0000001a;border-radius:50%;cursor:pointer;animation-name:bg;animation-duration:.1s;animation-fill-mode:forwards}.component-dataeditor .header .close img{float:right}.component-dataeditor p{margin-top:5px;font-size:12px;line-height:1.5em}.component-dataeditor textarea{width:100%;transition:all .1s ease-in;box-sizing:border-box;padding:5px 10px;font-size:14px;box-shadow:none;border-radius:6px;border:2px solid #eee;background:#eee;font-family:Menlo,monospace;color:#333;height:calc(92vh - 275px)}.component-dataeditor textarea::-webkit-scrollbar{width:0!important}.component-dataeditor textarea:focus{outline:none}.component-dataeditor .action{margin-top:25px;display:flex;justify-content:space-between}.component-dataeditor .action button{width:48%;margin-right:5px;border-radius:6px;padding:8px 12px;font-size:.8rem;font-weight:700;border:none;background-color:transparent;cursor:pointer}.component-dataeditor .action>:first-child{background-color:#2196f3;color:#fff}.component-dataeditor .action>:last-child:hover{transition:all .1s ease-in-out;background-color:#0000001a}.navbar-wrap{margin-bottom:17px;display:flex;align-items:center;gap:7px}.navbar-wrap .project-list{color:#1890ff;cursor:pointer;font-weight:700}.navbar-wrap .line{font-weight:700;color:#9ea3ae}.page-resources{max-width:850px;margin:0 auto}.page-help{width:100%}.page-help .container{margin:40px auto;max-width:900px;padding:0 20px}.page-help .container h3{margin-top:8px;margin-bottom:20px;color:#000000d9;font-weight:500;font-size:30px;font-family:Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,apple color emoji,segoe ui emoji,Segoe UI Symbol,noto color emoji,sans-serif;line-height:38px}.page-help .container p{font-size:14px;font-weight:100;padding:10px 0}.page-help .container .hero{margin-bottom:40px}.page-help .container .hero blockquote{margin:1em 0;padding-left:.8em;color:#00000073;font-size:90%;border-left:4px solid rgba(0,0,0,.06)}.page-help .container .block{margin-bottom:40px}.page-help .container .block img{width:100%;border-radius:5px;box-shadow:0 8px 20px #8fa8bf59}.page-help .container .block .table-wrapper{margin:5px auto;border:2px solid #eee;border-radius:6px;overflow:hidden;width:94%}.page-help .container .block .table-wrapper table{width:100%}.page-help .container .block .table-wrapper table th{padding:8px 5px;text-align:left;background-color:#eee;font-weight:400;font-size:14px}.page-help .container .block .table-wrapper table td{padding:5px 10px}body{margin:0}