html{height:100%;background:url(https://api.xhofe.top/img/api/);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;transition:.5s}a{color:#61dafb}code{font-family:source-code-pro,Menlo,Monaco,Consolas,'Courier New',monospace}.App{height:100%;width:100%;--bgColor:rgba(255, 255, 255, 0.8);--bg2Color:#909399;--ftColor:black;--ft2Color:gray;--headerHeight:52px;--asideWidth:300px;--asideLeft:-300px}.App-header{position:fixed;top:0;z-index:245;height:var(--headerHeight);width:100%;box-sizing:border-box;display:flex;padding:0 20px;justify-content:space-between;align-items:center;background:var(--bgColor);box-shadow:0 1px 6px 3px rgb(32 33 36 / 28%)}.App-header h2{margin:0}.header-icons{padding-top:3px}.header-icon{cursor:pointer;font-size:24px}.App-aside{z-index:244;position:fixed;left:var(--asideLeft);width:var(--asideWidth);bottom:0;height:calc(100% - 52px);background-color:var(--bgColor);transition:left .4s;overflow:auto;box-shadow:1px 0 6px 3px rgb(32 33 36 / 28%)}.aside-folder{left:0}@media only screen and (max-width:680px){.container-folder{filter:blur(5px)}}@media only screen and (min-width:681px){.container-folder{margin-left:var(--asideWidth)}}.Main-container{display:flex;flex-direction:column;align-items:center;margin-top:62px;transition:margin-left .4s;box-sizing:border-box;height:calc(100vh - 62px)}.Main{background-color:var(--bgColor);width:min(1310px,88%);padding:15px;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);display:flex;flex-direction:column;align-items:center;max-height:calc(100% - 10px);box-sizing:border-box;overflow:auto}.App-uploader{width:100%;margin:5px 0}.App-url-show{width:100%;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.add{background-color:var(--bgColor);width:var(--asideWidth);position:fixed;bottom:0;cursor:pointer;box-shadow:0 1px 6px 3px rgb(32 33 36 / 28%);height:35px;line-height:35px;left:var(--asideLeft);transition:left .4s}.aside-folder .add{left:0}.aside{height:calc(100% - 35px);overflow:auto}.add i{font-size:22px}.apis{padding:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:5px}.apis *{cursor:pointer}.add-api-box-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;height:100%;background-color:rgba(0,0,0,.5);overflow:auto;transition:.3s}.add-api-box{position:relative;margin:0 auto 50px;background:#fff;border-radius:2px;box-shadow:0 1px 3px rgb(0 0 0 / 30%);box-sizing:border-box;width:60%;margin-top:15vh;padding:10px}@media only screen and (max-width:800px){.add-api-box{width:90%}}.add-api-box-title{padding-left:5px;text-align:start;line-height:24px;font-size:18px;color:#303133}.add-api-box-content{margin:10px 0}.add-api-box-input textarea{display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;width:100%;font-size:14px;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;transition:border-color .2s cubic-bezier(.645, .045, .355, 1);min-height:350px}.add-api-box-input textarea:focus{outline:0;border-color:#409eff}.add-api-box-footer{text-align:end}.btn{color:#fff;background-color:#409eff;border-color:#409eff;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;border:1px solid #dcdfe6;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;margin-left:10px;transition:.1s;font-weight:500;padding:12px 20px;font-size:14px;border-radius:4px}.btn-primary{background-color:#409eff;border-color:#409eff}.btn-error{background-color:#f56c6c;border-color:#f56c6c}.tag{background-color:#ecf5ff;display:inline-block;height:32px;padding:0 10px;line-height:30px;font-size:12px;color:#409eff;border:1px solid #d9ecff;border-radius:4px;box-sizing:border-box;white-space:nowrap}.tag:hover{filter:drop-shadow(0px 0px 2px) saturate(200%)}.tag i{cursor:pointer;margin-left:2px;padding:1px}.tag i:hover{outline:0;color:#fff}.tag-success{background-color:#fff;border-color:#c2e7b0;color:#67c23a}.tag-success i:hover{background-color:#67c23a}.tag-danger{background-color:#fff;border-color:#fbc4c4;color:#f56c6c}.tag-danger i:hover{background-color:#f56c6c}.tag-focus{background-color:#409eff;color:#fff;border-color:#409eff}.tag-focus i:hover{background-color:#fff;color:#409eff}.message-box{padding:10px;display:flex;justify-content:center;align-items:center}.message{min-width:380px;box-sizing:border-box;border-radius:4px;border:1px solid #ebeef5;transition:opacity .3s,transform .4s,top .4s;transition:opacity .3s,transform .4s,top .4s;overflow:hidden;padding:10px;display:flex;justify-content:center;align-items:center}.message-info{background-color:#f4f4f5;border-color:#e9e9eb;color:#909399}.message-success{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.message-warning{background-color:#fdf6ec;border-color:#faecd8;color:#e6a23c}.message-error{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.upload-item{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px}.upload-item-focus{box-shadow:0 0 10px #000;z-index:244}.upload-item-img{width:100%;height:100%;border-radius:4px}.upload-item-img img{width:100%;height:100%;border-radius:4px;object-fit:cover}.upload-item-action{font-size:14px;overflow:hidden;position:absolute;top:0;width:100%;text-align:end;z-index:144}.upload-item-status{font-size:14px;overflow:hidden;position:absolute;top:0;width:100%;text-align:start;z-index:44}.upload-item-action i{cursor:pointer;padding:1px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.upload-item-info{font-size:14px;height:17%;width:80%;overflow:hidden;color:#545454;position:absolute;bottom:0;white-space:nowrap;text-overflow:ellipsis;background-color:rgba(255,255,255,.6)}.upload-item-progress{--progress-height:4px;position:absolute;bottom:0;width:98%;text-align:start;height:var(--progress-height);background-color:#e0ffff;border-radius:var(--progress-height)}.upload-item-progress *{height:var(--progress-height);line-height:var(--progress-height);background-color:#0ff;border-radius:var(--progress-height)}.upload{width:100%;height:100%;--side-len:144px}.upload-input{display:none}.upload-actions{text-align:end}.upload-actions i{cursor:pointer;padding:1px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.upload-show{display:grid;grid-template-columns:repeat(auto-fit,var(--side-len));gap:5px;border:1px dashed #aaa;border-radius:4px;padding:5px}.upload-show-drag{border:2px dashed #008cff}.upload-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;color:gray;cursor:pointer;font-size:14px;width:var(--side-len);height:var(--side-len);border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);background-color:var(--bgColor)}.upload-btn i{font-size:54px}.upload-show-item{width:var(--side-len);height:var(--side-len);border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);background-color:var(--bgColor)}.url-input-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;height:100%;background-color:rgba(0,0,0,.5);overflow:auto;transition:.3s}.url-input-box{position:relative;margin:0 auto 50px;background:#fff;border-radius:2px;box-shadow:0 1px 3px rgb(0 0 0 / 30%);box-sizing:border-box;width:60%;margin-top:15vh;padding:10px}@media only screen and (max-width:800px){.url-input-box{width:90%}}.url-input-box-title{padding-left:5px;text-align:start;line-height:24px;font-size:18px;color:#303133}.url-input-box-content{margin:10px 0}.url-input-box-input textarea{display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;width:100%;font-size:14px;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;transition:border-color .2s cubic-bezier(.645, .045, .355, 1);min-height:350px}.url-input-box-input textarea:focus{outline:0;border-color:#409eff}.url-input-box-footer{text-align:end}.btn:disabled{cursor:not-allowed}.url-show{width:100%;text-align:start;padding:10px;box-sizing:border-box}.url-show-types{width:100%;white-space:nowrap;overflow-x:auto;line-height:30px;-ms-overflow-style:none;scrollbar-width:none}.url-show-types::-webkit-scrollbar{display:none}.url-show-type{cursor:pointer;margin-right:10px;border-bottom:1px solid #9ecfa6}.url-show-type-focus{font-weight:700;color:#409eff;border-bottom:3px solid #409eff}.url-show-content{position:relative}.url-show-input-container{position:relative;border-radius:4px}.url-show-input-container-focus{box-shadow:0 0 10px #000;z-index:244}.url-show-input{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;transition:border-color .2s cubic-bezier(.645, .045, .355, 1);width:100%}.url-copy{display:inline-block;position:absolute;top:25%;right:10px;z-index:2;cursor:pointer}