:root{--panel-bg: #f6f7fa;--component-bg: #fbfdff;--component-bg-deep: #f8f9fa;--component-border-color: #ebedf0;--panel-box-shadow: 0 1px 3px rgba(0, 0, 0, .02), 0 4px 8px rgba(0, 0, 0, .02)}body{background:#f5f5f5}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.sidebar-fixed{position:fixed;left:10px;bottom:0;top:60px;width:240px;box-sizing:border-box;z-index:100;height:calc(100% - 60px);overflow-x:hidden;overflow-y:auto;padding-bottom:50px}.sidebar-fixed .search{margin-top:20px;box-sizing:border-box;padding:0 10px}.sidebar-fixed .search-result{position:absolute;top:59px;left:10px;width:220px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.02),0 4px 8px rgba(0,0,0,.02);border:1px solid #dcdfe6;border-radius:2px;padding:5px;box-sizing:border-box}.sidebar-fixed .result-item{border-radius:4px;display:flex;align-items:center;font-size:14px;height:36px;cursor:pointer;box-sizing:border-box;padding:0 10px}.sidebar-fixed .result-item:hover{background:#f8f8f8}.sidebar-fixed .result-item img{margin-right:10px;border-radius:999px;flex-shrink:0}.sidebar-fixed .result-item p{flex:1;width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-fixed .menu-items{box-sizing:border-box;padding:0 10px;margin-top:15px}.sidebar-fixed .menu-item{width:100%;border-radius:10px;height:44px;margin-top:20px;color:#242424;font-size:16px;box-sizing:border-box;padding-left:10px;display:flex;align-items:center}.sidebar-fixed .menu-item [class*=ri-]{font-size:18px}.sidebar-fixed .icon{margin-right:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#f5f5f5}.sidebar-fixed .menu-item.active{background:rgba(0,132,255,.08);color:var(--primary-color)}.sidebar-fixed .menu-item.active .icon{background:#fff}.sidebar-fixed .menu-tool{height:30px;line-height:30px;color:rgba(0,0,0,.75);font-size:14px;margin-left:50px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.main-wrapper{margin-top:60px;margin-left:240px}.el-input__inner:focus,.el-textarea__inner:focus{border:1px solid #2188ff}.el-message{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);border:none;border-radius:2px;background:#fff;padding-left:15px;min-width:100px}.el-message .el-message__icon{font-size:18px;margin-right:8px}.el-message .el-icon-success{color:#15ad31}.el-message .el-message__content{font-size:15px;color:#262626}.el-message .el-message__closeBtn{font-size:20px}.el-message.is-closable .el-message__content{padding-right:30px}.index-wrapper{max-width:1190px;width:100%;margin:100px auto 0;box-sizing:border-box;padding:0 30px}.tool-list{margin:0 -10px;display:flex;flex-wrap:wrap}.tool-list .tool-item{width:33.33333%;margin-bottom:20px;box-sizing:border-box;padding:0 10px}.tool-list .tool-item a{display:flex;width:100%;height:100px;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.02),0 4px 8px rgba(0,0,0,.02);background:#fff;box-sizing:border-box;padding:20px}.tool-list .icon{width:60px;height:60px;border-radius:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#eceeff}.tool-list .icon i{font-size:36px}.tool-list .icon img{border-radius:30px}.tool-list .info{margin-left:10px;flex:1;width:0}.tool-list .info h3{font-weight:600;font-size:16px;line-height:20px;color:#2a2a2a;margin-top:5px}.tool-list .info p{margin-top:10px;font-weight:400;font-size:14px;line-height:20px;color:#8f8f8f;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}@media screen and (max-width: 1200px){.tool-list .tool-item{width:50%}}.tool-detail{min-width:960px;margin:80px 20px 0;box-shadow:var(--panel-box-shadow);background:#fff;border-radius:10px}.tool-detail .tool-info{display:flex;align-items:center;box-sizing:border-box}.tool-detail .tool-info .icon{margin-right:10px}.tool-detail .tool-info .icon img{border-radius:999px}.tool-detail .breadcrumb{display:flex;align-items:center;color:var(--text-darker)}.tool-detail .breadcrumb a{color:var(--text-darker)}.tool-detail .breadcrumb a:hover{color:var(--primary-color)}.tool-detail .breadcrumb .ri-home-3-line{padding-right:3px}.tool-detail .breadcrumb .ri-arrow-right-s-line{color:var(--text-light)}.tool-detail .breadcrumb span{padding:0 5px;display:flex;align-items:center}.tool-detail .breadcrumb .icon{border-radius:999px;margin-right:10px}.tool-bar{display:flex;align-items:center;justify-content:flex-start;font-size:15px;padding:20px 0;margin:0 15px;border-bottom:1px dashed var(--component-border-color)}.tool-bar .title{display:flex;align-items:center;background:#fff;box-shadow:var(--panel-box-shadow);padding:15px}.tool-bar .icon{border-radius:999px;overflow:hidden;margin-right:10px;width:50px;height:50px}.tool-bar .icon img{border-radius:999px}.tool-bar h1{font-size:20px;font-weight:600;padding-left:5px}.tool-bar .info h1{font-size:20px;font-weight:600}.tool-main{background:#fff;box-shadow:var(--panel-box-shadow);border-radius:6px;min-height:calc(100vh - 200px);box-sizing:border-box;padding:20px;position:relative}.app-tab{display:flex;align-items:center;border-bottom:1px solid var(--component-border-color);margin-bottom:10px}.app-tab-item{padding:0 15px 10px;font-size:15px;color:var(--text-darker);position:relative;cursor:pointer}.app-tab-item::after{content:"";width:20px;height:3px;border-radius:10px;background:var(--primary-color);position:absolute;left:50%;transform:translateX(-50%);bottom:0;display:none}.app-tab-item:hover{color:var(--primary-color)}.app-tab-item.active{font-weight:bold;color:var(--primary-color)}.app-tab-item.active::after{display:block}.app-form-label{font-size:14px;font-weight:bold;margin-bottom:10px;color:var(--text-darker)}.app-table{border:1px solid var(--component-border-color);border-bottom:none;border-collapse:collapse}.app-table td{color:var(--text-darker);font-size:14px;border-bottom:1px solid var(--component-border-color);box-sizing:border-box;padding:0 20px}.app-table td:not(:last-child){border-right:1px solid var(--component-border-color)}.app-document{background:#fafbfc;margin-top:20px;border-radius:6px;border:1px solid #f4f4f4;box-sizing:border-box;padding:15px}.app-document h3{font-size:14px;font-weight:bold}.app-document .ri-question-line{padding-right:5px;font-weight:normal;font-size:15px}.app-document .app-document-content{margin-top:10px;font-size:13px;line-height:18px}.app-document .app-document-content p{margin-bottom:5px}.app-doc{margin-top:20px;border-radius:6px;border:1px solid #f4f4f4;padding:15px}.app-doc h3{font-size:16px;font-weight:bold;position:relative}.app-doc .app-desc-content{margin-top:10px;font-size:14px;line-height:24px}.app-doc .app-desc-content p{display:flex}.app-doc .app-desc-content p:not(:last-child){margin-bottom:10px}.app-doc .doc-step{margin-top:20px;border-top:1px solid #f4f4f4;padding-top:20px}.app-doc .doc-step-items{display:flex;align-items:center;margin-top:15px}.app-doc .doc-step-items p{display:flex;align-items:center;font-size:12px;box-sizing:border-box;padding:6px 3px}.app-doc .doc-step-items .el-image{overflow:hidden}.app-doc .doc-step-item{width:202px;padding:5px;border-radius:4px;border:1px solid #f4f4f4}.app-doc .doc-step-item .el-image{width:202px;height:100px;overflow:hidden;border:1px solid rgba(0,0,0,0);border-radius:4px}.app-doc .doc-step-item .el-image:hover{border-color:var(--primary-color)}.app-doc .doc-step-item:not(:last-child){margin-right:10px}.risk-tip{display:flex;align-items:center;margin-left:10px;padding:3px 5px 2px 7px;font-size:12px;border-radius:999px;background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.risk-tip [class*=ri-]{color:#389e0d;font-size:14px}.app-password-rand .option-group,.app-password-rand .input-group{display:flex;align-items:center;justify-content:space-between}.app-password-rand .option-item{display:flex;align-items:center}.app-password-rand .option-item label{font-size:14px;color:var(--text-darker);padding-left:10px}.app-password-rand .el-form-item__label{font-weight:bold;font-size:14px;padding-bottom:0}.app-password-rand .el-input-number{width:100%}.app-password-rand .el-input-number .el-input__inner{text-align:left}.app-password-rand .input-group{flex-wrap:wrap}.app-password-rand .input-group .el-form-item{width:50%}.app-password-rand .input-group .el-form-item:nth-child(2n){box-sizing:border-box;padding-left:20px}.app-password-rand .generate-btn{width:120px}.app-image2base64 .el-upload{width:100%}.app-image2base64 .el-upload-dragger{width:100%;background:var(--component-bg)}.app-image2base64 .preview-image{height:100%;display:flex;align-items:center;justify-content:center}.app-image2base64 .preview-image img{max-height:100%;max-width:100%}.app-image2base64 .preview-loading{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:14px;background:hsla(0,0%,100%,.85);z-index:100}.app-image2base64 .preview-mask{padding:10px 20px;border-radius:6px;background:rgba(0,0,0,.7);color:#fff;font-size:15px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:50}.app-image2base64 .result-title{font-weight:bold;font-size:14px;padding:10px 0}.app-base64_image .base64-input p{font-size:14px;margin-bottom:5px;display:flex;align-items:center;justify-content:space-between}.app-base64_image .base64-input p .danger{color:#f56c6c;cursor:pointer}.app-base64_image .base64-input p .danger:hover{font-weight:bold}.app-base64_image .preview-image{margin-top:15px;background:var(--component-bg)}.app-base64_image .empty-tip{display:flex;align-items:center;justify-content:center;height:180px;border:1px solid var(--component-border-color);border-radius:4px}.app-base64_image .empty-tip .el-icon-picture-outline{color:var(--text-light);margin-right:5px}.app-base64_image .download{display:flex;justify-content:center;margin-top:15px}.app-base64_image .download .el-button{width:150px}.app-ip .label{display:flex;align-items:center;justify-content:space-between;font-size:14px;height:30px;margin-bottom:5px}.app-ip .label h3{font-size:14px;font-weight:bold}.app-ip .label .own{display:flex}.app-ip .label .copy{padding-left:5px;color:var(--primary-color);cursor:pointer}.app-ip .label .copy span{padding-left:8px}.app-ip .label .copy span:hover{font-weight:bold}.app-ip .input{display:flex}.app-ip .input .el-button{margin-left:10px;width:120px}.app-ip .ip-result{margin-top:20px}.app-ip .ip-result .result-title{font-size:16px;font-weight:bold}.app-ip .ip-result .result-title span{color:var(--primary-color);padding:0 5px}.app-ip .ip-result .table{margin-top:10px;border:1px solid var(--component-border-color);border-bottom:none;width:100%;border-collapse:collapse}.app-ip .ip-result td{height:40px;line-height:40px;box-sizing:border-box;padding:0 20px;color:var(--text-darker);font-size:14px;border-bottom:1px solid var(--component-border-color)}.app-ip .ip-result td span{font-size:12px;color:var(--primary-color);padding-left:10px;visibility:hidden;cursor:pointer}.app-ip .ip-result td span .el-icon-document-copy{padding-right:2px}.app-ip .ip-result td:first-child{width:150px;text-align:right;background-color:var(--component-bg);border-right:1px solid var(--component-border-color)}.app-ip .ip-result td:hover span{visibility:visible}.app-text_count{display:flex}.app-text_count .input-wrapper{width:60%;flex-shrink:0}.app-text_count .btn-wrapper{margin-top:15px;display:flex;align-items:center;justify-content:space-between}.app-text_count .result{flex:1;margin-left:20px}.app-text_count .result tr:nth-child(odd){background-color:var(--component-bg)}.app-text_count .result td:nth-child(2){color:var(--text-default);font-size:12px}.app-text_count .result td:nth-child(2) span{color:var(--text-darker);font-weight:bold;font-size:14px;padding-right:5px}.app-special_symbols .app-document{margin-top:0}.app-special_symbols h2{font-weight:bold;font-size:22px;margin:25px 0 10px;color:var(--text-darker)}.app-special_symbols .symbol-list{display:flex;flex-wrap:wrap}.app-special_symbols .symbol-list span{border:solid 1px #eaeaea;display:inline-block;margin:0 11px 11px 0;width:50px;height:50px;text-align:center;line-height:50px;box-sizing:border-box;font-size:24px;cursor:pointer;border-radius:4px}.app-special_symbols .symbol-list span:hover{border-color:var(--primary-color)}.app-emoji .search-form{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.app-emoji .search-form .el-input{flex:1}.app-emoji .search-form .el-button{width:120px;margin-left:10px;flex-shrink:0}.app-emoji .app-document{margin-top:0}.app-emoji .app-document p{display:flex;align-items:center}.app-emoji .app-document p .el-icon-warning-outline{padding-right:4px}.app-emoji .emoji-group{margin:18px 0;color:var(--text-darker)}.app-emoji .emoji-group h3{font-weight:bold;font-size:22px;padding-bottom:10px}.app-emoji ul{display:flex;flex-wrap:wrap;background:#f7faff;border-radius:4px;box-sizing:border-box;padding:5px}.app-emoji ul li{padding:5px 0;width:6.666666%;display:flex;justify-content:center}.app-emoji ul span{display:block;font-size:28px;width:46px;height:46px;line-height:46px;cursor:pointer;border:1px solid rgba(0,0,0,0);box-sizing:border-box;text-align:center;border-radius:4px}.app-emoji ul span:hover{background:#fff;border-color:var(--component-border-color)}.app-emoji .search-result ul,.app-emoji .search-result .empty{box-sizing:border-box;border:1px solid var(--component-border-color)}.app-emoji .search-result .empty{background:#f7faff;height:100px;border-radius:4px;font-size:12px;display:flex;align-items:center;justify-content:center}.app-uuid .option-group{display:flex;align-items:center;justify-content:space-between}.app-uuid .option-item{display:flex;align-items:center;width:25%}.app-uuid .option-item label{font-size:14px;color:var(--text-darker);padding-left:10px}.app-uuid .el-form-item__label{font-weight:bold;font-size:14px;padding-bottom:0}.app-uuid .el-input-number{width:100%}.app-uuid .el-input-number .el-input__inner{text-align:left}.app-uuid .input-group{flex-wrap:wrap}.app-uuid .input-group .el-form-item{width:50%}.app-uuid .input-group .el-form-item:nth-child(2n){box-sizing:border-box;padding-left:20px}.app-uuid .action-group{display:flex}.app-uuid .generate-btn{width:120px}.app-uuid .result{margin-top:20px}.app-uuid .result label{display:block;font-size:14px;font-weight:bold;color:var(--text-darker);margin-bottom:5px}.app-en_toggle{display:flex;height:100%}.app-en_toggle .original,.app-en_toggle .result{flex:1}.app-en_toggle .original h3,.app-en_toggle .result h3{margin-bottom:5px;font-weight:bold;font-size:14px;color:var(--text-darker)}.app-en_toggle .original .el-button,.app-en_toggle .result .el-button{margin-top:10px}.app-en_toggle .result .el-textarea__inner{background:var(--component-bg)}.app-en_toggle .el-textarea__inner,.app-en_toggle .action{height:calc(100vh - 300px)}.app-en_toggle .action{width:200px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:25px}.app-en_toggle .action .el-button{margin-left:0;margin-bottom:10px}.app-en_toggle .action .el-icon-right{padding-left:4px}.app-qrcode{display:flex;justify-content:space-between}.app-qrcode .form-group{flex:1}.app-qrcode .input-item{display:flex;flex-direction:column}.app-qrcode .input-item .el-input{margin-top:10px}.app-qrcode .action-btn{display:flex;margin-top:20px}.app-qrcode .action-btn .el-button:first-child{width:120px}.app-qrcode .preview{width:300px;flex-shrink:0;background:var(--component-bg);border:1px solid var(--component-border-color);border-radius:4px;margin-left:20px;box-sizing:border-box;padding:15px;margin-top:28px}.app-qrcode .preview-image{width:100%;height:268px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;margin-bottom:20px;font-size:20px;color:var(--text-lighter)}.app-qrcode .preview-btn{display:flex;align-items:center;justify-content:space-between}.app-qrcode .preview-btn .download-btn{margin-left:15px}.app-qrcode-options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:30px -15px 0}.app-qrcode-options .option-item{display:flex;flex-direction:column;width:33.33333%;margin-bottom:30px;box-sizing:border-box;padding:0 15px}.app-qrcode-options .option-item .el-input-number{width:100%}.app-qrcode-options .option-item label{display:block}.app-qrcode-options .el-color-picker__trigger{width:100%}.app-http_status .app-document{margin-top:0}.app-http_status .table-group{margin-top:20px}.app-http_status table{margin-bottom:20px;width:100%}.app-http_status table th{height:40px;background:#f5f7fa;border-bottom:1px solid var(--component-border-color);padding:0 10px;color:var(--text-darker)}.app-http_status table .main-title{font-size:14px}.app-http_status table .sub-title{text-align:left}.app-http_status table .sub-title:first-child{width:280px;border-right:1px solid var(--component-border-color)}.app-http_status table td{height:40px;padding:10px;line-height:24px;color:var(--text-darker)}.app-asciiwordpic .el-alert{margin-bottom:10px}.app-asciiwordpic .content{margin-top:15px;display:flex;align-items:center}.app-asciiwordpic .font-style{padding-right:10px}.app-asciiwordpic .style-option{margin-right:10px}.app-asciiwordpic .el-button.gen{width:120px}.app-asciiwordpic .content-res{width:100%;font-size:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.app-imagecut .el-upload,.app-imagecut .el-upload-dragger{width:100%}.app-imagecut .preview-image{height:100%;display:flex;align-items:center;justify-content:center}.app-imagecut .preview-image img{max-height:100%;max-width:100%}.app-imagecut .preview-loading{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:14px;background:hsla(0,0%,100%,.85);z-index:100}.app-imagecut .preview-mask{padding:10px 20px;border-radius:6px;background:rgba(0,0,0,.7);color:#fff;font-size:15px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:50}.app-imagecut .action-btn{display:flex;align-items:center;margin-top:10px}.app-imagecut .action-btn .label{padding-right:10px}.app-imagecut .action-btn .el-button{margin-left:10px}.app-imagecut .preview-cut-image-item{display:grid;max-width:100%;gap:5px;margin-top:15px}.app-imagecut .loading-tip{padding-left:10px}.app-imagecut .loading-tip i{padding-right:3px}.app-imagecut .loading-tip-success{color:green}.app-unit table{border-bottom:1px solid var(--component-border-color);width:100%;margin-top:10px}.app-unit th{height:45px;position:relative;text-align:center;border-bottom:1px solid var(--component-border-color);background:#f8f9fa}.app-unit th h3{font-weight:bold;font-size:14px;color:var(--text-darker)}.app-unit td{padding:10px}.app-unit .reset{position:absolute;right:10px;top:15px;font-weight:normal;color:var(--primary-color);cursor:pointer}.app-unit .reset:hover{font-weight:bold}.app-unit .reset .el-icon-refresh-right{padding-right:3px}.app-textmd5 .encrypt-str .el-unput{width:100%}.app-textmd5 .action-btn{margin:15px 0}.app-textmd5 .action-btn .el-button:first-child{width:120px}.app-textmd5 .result{width:500px}.app-textmd5 .result .el-input{margin-top:10px}.app-textmd5 .result .el-input-group__prepend{width:30px;padding:0 10px;text-align:center}.app-urlencode .url-input{width:100%}.app-urlencode .url-input .el-input{width:100%}.app-urlencode .action-btn{padding:15px 0}.app-timestamp .time-module{border:1px solid var(--component-border-color);border-radius:4px;margin-bottom:20px}.app-timestamp .module-title{background:var(--component-bg-deep);border-bottom:1px solid var(--component-border-color);box-sizing:border-box;padding:10px 15px;color:var(--text-darker);display:flex;align-items:center;justify-content:space-between;font-size:13px}.app-timestamp .module-title [class^=el-icon]{padding-right:5px;font-size:15px}.app-timestamp .time-unit{display:flex;align-items:center}.app-timestamp .time-unit span.title{font-size:12px;color:var(--text-light);padding-right:10px}.app-timestamp .module-content{padding:20px 15px;display:flex}.app-timestamp .current .current-input{margin-right:10px;width:240px}.app-timestamp .current .el-button{display:flex;align-items:center;height:32px}.app-timestamp .current .el-icon-video-pause,.app-timestamp .current .el-icon-video-play{font-size:14px}.app-timestamp .time2date .el-icon-right,.app-timestamp .date2time .el-icon-right{padding:0 5px}.app-timestamp .time2date-input{width:240px;margin-right:10px}.app-timestamp .time2date .el-button{padding-right:10px;margin-right:10px}.app-timestamp .time2date-output{width:300px;display:flex;justify-content:space-between;align-items:center}.app-timestamp .el-input-group__append{display:flex;width:65px;justify-content:center;height:32px;box-sizing:border-box}.app-timestamp .el-input-group__append .el-button{text-align:center;padding:0;margin:0;height:30px}.app-timestamp .timestamp-type{width:80px;margin-right:10px}.app-datecalc{display:flex;justify-content:space-between}.app-datecalc .module{border:1px solid var(--component-border-color);border-radius:4px;margin-bottom:20px;width:49%}.app-datecalc .title{background:var(--component-bg-deep);border-bottom:1px solid var(--component-border-color);box-sizing:border-box;padding:10px 15px;color:var(--text-darker);display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500}.app-datecalc .title [class^=el-icon]{padding-right:5px;font-size:15px}.app-datecalc .content{padding:20px}.app-datecalc .start-date{margin-bottom:20px}.app-datecalc .action-btn{margin-top:15px}.app-datecalc .action-btn .el-button{width:120px}.app-datecalc .app-form-label{font-weight:normal}.app-datecalc .result{color:var(--text-darker);border:1px solid var(--component-border-color);background:var(--component-bg);font-size:18px;font-weight:bold;padding:15px;border-radius:4px;margin-top:15px}.app-datecalc .result span{color:var(--primary-color)}.app-minetype{overflow:hidden}.app-minetype .app-document{margin-top:0;margin-bottom:10px}.app-minetype .app-document .el-icon-warning-outline{padding-right:3px}.app-minetype .row{display:flex;justify-content:space-between;margin:0 -5px}.app-minetype .row-col{width:50%;box-sizing:border-box;padding:0 5px}.app-minetype table{width:100%}.app-minetype th{border-bottom:1px solid var(--component-border-color);background:var(--component-bg-deep);text-align:left}.app-minetype th:first-child{border-right:1px solid var(--component-border-color)}.app-minetype td,.app-minetype th{height:36px;padding:0 15px;box-sizing:border-box;color:var(--text-darker)}.app-minetype tr:nth-child(even) td{background:var(--component-bg)}.app-formatcss .original,.app-formatcss .result{flex:1}.app-formatcss .original h3,.app-formatcss .result h3{margin-bottom:5px;font-weight:bold;font-size:14px;color:var(--text-darker)}.app-formatcss .original .el-button,.app-formatcss .result .el-button{margin-top:10px}.app-formatcss .result .el-textarea__inner{background:var(--component-bg)}.app-formatcss .action{margin-top:10px}.app-formatcss .input-code,.app-formatcss .output-code{border-radius:4px;border:1px solid var(--component-border-color)}.app-formatcss .code-editor-content{margin:0;height:400px;font-size:13px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.app-formatjson .jsoneditor-poweredBy{display:none}.app-formatjson .jsoneditor{height:70vh}.app-formatjson .json-editor-box{display:flex;justify-content:space-between}.app-formatjson .editor-box{width:50%}.app-unicode .action-btn{margin:15px 0}.app-encodedomain .app-form-label{display:block}.app-encodedomain .action-btn{margin:15px 0}.app-rgbcolor .app-document{margin-top:0;margin-bottom:10px}.app-rgbcolor .app-document p,.app-rgbcolor .app-document .app-document-content{margin:0}.app-rgbcolor .app-document p{display:flex;align-items:center}.app-rgbcolor .app-document .ri-question-line{margin-top:1px;padding-right:5px}.app-rgbcolor .row{display:flex;justify-content:space-between;margin:0 -10px}.app-rgbcolor .row-col{width:50%;padding:0 10px}.app-rgbcolor th,.app-rgbcolor td{height:40px}.app-rgbcolor th{border-bottom:1px solid var(--component-border-color);background:var(--component-bg-deep)}.app-rgbcolor table{width:100%}.app-rgbcolor tr:nth-child(even) td{background:var(--component-bg)}.app-rgbcolor td:first-child{padding:10px;width:80px}.app-rgbcolor td:nth-child(3){white-space:nowrap}.app-rgbcolor td:nth-child(3) span{display:inline-block;width:36px}.app-rgbcolor .color{display:block;width:60px;height:30px;border-radius:6px;cursor:pointer}.app-rgbcolor .copy{color:var(--text-light);padding-left:6px;cursor:pointer}.app-rgbcolor .copy:hover{color:var(--primary-color)}@media screen and (max-width: 1400px){.app-rgbcolor td{padding:0 10px}}.app-asciiable table{width:100%;margin-bottom:20px}.app-asciiable th{background:var(--component-bg-deep);border-bottom:1px solid var(--component-border-color);text-align:left;padding-left:20px}.app-asciiable th:not(:last-child){border-right:1px solid var(--component-border-color)}.app-asciiable th,.app-asciiable td{color:var(--text-dark);height:40px}.app-codediff .input-box{display:flex;justify-content:space-between;margin:0 -10px}.app-codediff .old-input,.app-codediff .new-input{width:50%;box-sizing:border-box;padding:0 10px}.app-html2image .poster{position:absolute;top:-10000px;left:-10000px;z-index:-100}.app-html2image .image-params{display:flex;align-items:center;margin-top:15px}.app-html2image .image-params .color-label,.app-html2image .image-params .width-label{padding-right:10px;font-size:14px;color:var(--text-darker)}.app-html2image .image-params .width-label{padding-left:30px}.app-html2image .image-params .el-button{margin-left:10px}.app-imagewatermark{min-height:550px}.app-imagewatermark .watermark-wrapper{display:flex}.app-imagewatermark .choose-image{width:100%}.app-imagewatermark .watermark-sidebar{width:240px;box-sizing:border-box;flex-shrink:0;height:calc(100vh - 300px);min-height:500px}.app-imagewatermark .panel{background:#fff;border-radius:4px;margin-bottom:10px;box-sizing:border-box;padding:10px;box-shadow:none;border:1px solid var(--component-border-color)}.app-imagewatermark .el-scrollbar{height:100%}.app-imagewatermark .el-scrollbar .el-scrollbar__wrap{overflow-x:hidden}.app-imagewatermark .title{margin:0 0 15px;color:var(--text-darker);font-size:14px}.app-imagewatermark .title i{color:var(--text-dark);padding-right:5px}.app-imagewatermark .nickname{display:flex;align-items:center;font-size:14px}.app-imagewatermark .nickname .el-icon-mobile-phone{padding-right:5px}.app-imagewatermark .upload-box{width:100%}.app-imagewatermark .upload-box .el-upload{width:100%}.app-imagewatermark .upload-box .el-upload-dragger{width:100%;height:120px}.app-imagewatermark .el-upload__text{font-size:12px}.app-imagewatermark .el-icon-upload{font-size:50px;margin-top:20px;margin-bottom:5px}.app-imagewatermark .upload-tip{color:var(--text-lighter);font-size:12px;margin:5px 0 0}.app-imagewatermark .upload-tip .el-icon-warning-outline{padding-right:4px}.app-imagewatermark .action{display:flex;margin-top:10px}.app-imagewatermark .action .el-button:last-child{flex:1}.app-imagewatermark .params .list{font-size:13px}.app-imagewatermark .params li{display:flex;align-items:center;margin-bottom:10px;color:var(--text-darker)}.app-imagewatermark .params li h4{margin-right:5px;font-weight:bold;border-bottom:1px solid var(--component-border-color)}.app-imagewatermark .params li p{display:flex;align-items:center}.app-imagewatermark .params li p span{cursor:pointer;padding:0 5px;border-radius:4px}.app-imagewatermark .params li p span:hover{background:#f5f5f5}.app-imagewatermark .params li p span.active{color:#fff;background:#409eff}.app-imagewatermark .params .el-input{width:60px;margin:0 5px}.app-imagewatermark .params .el-input--mini .el-input__inner{height:20px;padding:0 5px;border-radius:0;border:none;border-bottom:1px solid #dcdfe6;text-align:center}.app-imagewatermark .watermark .list{box-sizing:border-box}.app-imagewatermark .watermark .item{height:26px;line-height:26px;position:relative;font-size:12px;color:var(--text-dark);cursor:pointer}.app-imagewatermark .watermark .item .el-icon-error{position:absolute;right:0;top:7px;color:var(--text-default);display:none}.app-imagewatermark .watermark .item:hover .el-icon-error{display:block}.app-imagewatermark .main-content{box-sizing:border-box;flex:1;border:2px dashed #f8f8f8;border-radius:6px;margin-left:20px;overflow:auto;max-height:1000px}.app-imagewatermark .main-content .inner{background:#fff;box-sizing:border-box;position:relative;overflow:hidden}.app-imagewatermark .main-content .image{max-width:100%;max-height:100%}.app-imagewatermark .image-drawing{width:100%;height:100%;background-repeat:no-repeat;background-position:center}.app-imagewatermark .watermark-mask{position:absolute;width:120%;height:120%;z-index:100;display:flex;flex-wrap:wrap;align-content:flex-start;left:0;top:0;pointer-events:none;min-width:1000px;min-height:500px}.app-imagewatermark .empty-box{padding-top:30px;padding-bottom:20px}.app-imagewatermark .empty-box .icon{font-size:28px;display:flex;justify-content:center;color:var(--text-lighter)}.app-imagewatermark .empty-box .text{text-align:center;font-size:12px;margin-top:10px;color:var(--text-lighter)}.app-imagewatermark .download-btn{width:100%;margin-top:10px}.app-imagewatermark .download-tip{font-size:12px;color:red;margin-top:10px}.app-imagegrayscale{display:flex;justify-content:space-between}.app-imagegrayscale .display-box{width:50%;display:flex;justify-content:center;flex-direction:column;align-items:center}.app-imagegrayscale .image{width:360px;height:360px;border:1px dashed var(--component-border-color);border-radius:6px;margin:15px 0;display:flex;align-items:center;justify-content:center}.app-imagegrayscale .original .image{border-color:var(--primary-color);background:rgba(0,132,255,.1)}.app-imagegrayscale .result .image{border-color:#242424;background:#efefef}.app-imagegrayscale .render-image{position:absolute;left:-1000000px;top:-1000000px}.app-imagecompress .el-upload{width:100%}.app-imagecompress .el-upload-dragger{width:100%;background:var(--component-bg)}.app-imagecompress .preview-loading{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:14px;background:hsla(0,0%,100%,.85);z-index:100}.app-imagecompress .result-item{display:flex;align-items:center;justify-content:space-between;background:var(--component-bg);padding:10px 15px;border-radius:6px;margin-bottom:15px;border:1px solid var(--component-border-color)}.app-imagecompress .result-item .image{width:50px;height:50px;overflow:hidden;box-sizing:border-box;background:#f8f8f8;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-imagecompress .result-item .image img{width:48px;height:48px;aspect-ratio:1/1;object-fit:cover}.app-imagecompress .result-item .info{display:flex;align-items:center;flex:1;margin-left:15px;height:50px}.app-imagecompress .result-item .original,.app-imagecompress .result-item .compress{height:100%}.app-imagecompress .result-item h3{font-size:14px;font-weight:bold;color:#40444f;margin-top:5px}.app-imagecompress .result-item p{margin-top:5px;font-size:12px;font-weight:300}.app-imagecompress .original{margin-right:auto}.app-imagecompress .compress{margin-right:20px;text-align:right}.app-imagecompress .compress h3 span{color:#67c23a;padding-left:5px}.app-imageext .preview-image{height:100%;display:flex;align-items:center;justify-content:center}.app-imageext .preview-image img{max-height:100%;max-width:100%}.app-imageext .preview-mask{padding:10px 20px;border-radius:6px;background:rgba(0,0,0,.7);color:#fff;font-size:15px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:50}.app-imageext .el-upload{width:100%}.app-imageext .el-upload-dragger{width:100%;height:400px;display:flex;align-items:center;justify-content:center;background:var(--component-bg)}.app-imageext .action-items{margin-top:10px}.app-imageeditor .editor-box{width:100%;height:800px;overflow:hidden;border-radius:10px;border:1px solid #e8ebed}.app-imageeditor .tui-image-editor-container label{color:#8a8a8a !important}.app-imageeditor .tui-image-editor-container{background:none}.app-imageeditor .tui-image-editor-container .tui-image-editor-help-menu.top{left:0;transform:none;width:100px;z-index:10}.app-imageeditor .tui-image-editor-container .tui-image-editor-controls{background:#e2e4e7}.app-imageeditor .tui-image-editor-help-menu .tui-image-editor-item{display:none !important}.app-imageeditor .tui-image-editor-help-menu .tie-btn-undo,.app-imageeditor .tui-image-editor-help-menu .tie-btn-redo{display:inline-block !important}.app-capital{width:635px;margin:0 auto}.app-capital .capital{background:#fff;overflow:hidden;padding:15px 15px 0;margin-bottom:15px;box-sizing:border-box;border:1px solid var(--component-border-color)}.app-capital .items{width:650px;overflow:hidden;margin-top:15px}.app-capital .item{float:left;text-align:center;width:80px;margin-right:50px;margin-bottom:15px}.app-capital .item .cover{margin-bottom:10px}.app-capital .item .cover img{width:80px;height:80px}.app-capital .item p{font-size:15px;color:#777;text-align:center}.app-capital .panel-heading h3{font-size:18px;color:#333;border-bottom:1px solid #e5e5e5;padding-bottom:10px}.app-capital .wrapper{width:610px;margin-top:15px;color:#333}.app-jianfan{display:flex;height:100%}.app-jianfan .original,.app-jianfan .result{flex:1}.app-jianfan .original h3,.app-jianfan .result h3{margin-bottom:5px;font-weight:bold;font-size:16px;color:var(--text-darker)}.app-jianfan .original .el-button,.app-jianfan .result .el-button{margin-top:10px}.app-jianfan .result .el-textarea__inner{background:var(--component-bg)}.app-jianfan .el-textarea__inner,.app-jianfan .action{height:300px}.app-jianfan .el-radio{margin-right:20px}.app-jianfan .el-radio-group{padding:10px 0}.app-jianfan .action{width:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:65px}.app-jianfan .action .el-icon-right{font-size:20px}.app-rmbquot{margin-top:-10px}.app-rmbquot .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.app-rmbquot .title h3{border-radius:5px;border:1px solid rgba(0,132,255,.8);background-color:rgba(0,132,255,.05);padding:5px 20px 5px 15px;color:var(--primary-color);font-weight:bolder}.app-rmbquot .title .computed-btn{padding:7px 15px;border-radius:5px;background:var(--primary-color);color:#fff}.app-rmbquot .title .computed-btn:hover{background:rgba(0,132,255,.9)}.app-rmbquot .title .ri-arrow-right-up-line{padding-left:5px}.app-rmbquot th,.app-rmbquot td{height:44px;text-align:left}.app-rmbquot th{border-bottom:1px solid var(--component-border-color);background:var(--component-bg-deep);padding-left:20px;font-size:15px}.app-rmbquot th:not(:last-child){border-right:1px solid var(--component-border-color)}.app-rmbquot table{width:100%}.app-rmbquot .price-title{display:flex;align-items:center}.app-rmbquot .price-title img{padding-right:10px}.app-rmbquot tr:nth-child(even) td{background:var(--component-bg)}.app-rmbquot tr:hover td{background:var(--component-bg-deep)}.app-rmbquot tr:hover td:first-child{border-left:1px solid var(--primary-color)}.app-currency_exchange .app-form-label span{display:inline-block;margin-left:5px;padding:1px 5px;border-radius:3px;background-color:var(--primary-color);color:#fff;font-size:12px}.app-currency_exchange .convert-box{display:flex;border-radius:10px;border:1px solid var(--component-border-color);background:var(--component-bg);height:600px;box-sizing:border-box;padding:20px}.app-currency_exchange .convert-form{width:55%;border-right:1px dashed var(--component-border-color);padding-right:20px}.app-currency_exchange .convert-result{width:45%}.app-currency_exchange .convert-select{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.app-currency_exchange .select-option{height:400px;width:100%;position:absolute;left:0;top:75px;overflow-x:hidden;overflow-y:auto;color:var(--text-darker);background:#fff;border:1px solid var(--component-border-color);border-right:none;box-sizing:border-box}.app-currency_exchange .option-item{height:40px;display:flex;align-items:center;font-size:14px;cursor:pointer;padding:0 15px;border-left:3px solid rgba(0,0,0,0)}.app-currency_exchange .option-item:hover{background:var(--component-bg-deep)}.app-currency_exchange .option-item-name{padding-left:10px;padding-right:6px}.app-currency_exchange .option-item-code{color:var(--text-light)}.app-currency_exchange .option-active{background-color:rgba(0,132,255,.05);border-left-color:var(--primary-color)}.app-currency_exchange .option-active .option-item-name{color:var(--primary-color);font-weight:bold}.app-currency_exchange .option-active .option-item-code{color:var(--primary-color)}.app-currency_exchange .option-active:hover{background:rgba(0,132,255,.05)}.app-currency_exchange .select-from,.app-currency_exchange .select-to{flex:1;position:relative}.app-currency_exchange .convert-btn{width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--primary-color);cursor:pointer;flex-shrink:0;margin:28px 20px 0}.app-currency_exchange .convert-btn:hover{color:var(--primary-color)}.app-currency_exchange .convert-result{display:flex;align-items:center;flex-direction:column;justify-content:center}.app-currency_exchange .result-number .num{font-size:32px;font-weight:bolder}.app-currency_exchange .result-number small{font-size:16px;padding-left:6px}.app-currency_exchange .result-number .symbol{font-size:32px;padding:0 20px;color:var(--text-darker)}.app-currency_exchange .result-number .ft-high{color:var(--primary-color)}.app-currency_exchange .result-rate{margin-top:20px;font-size:20px;border-radius:5px;border:1px solid rgba(0,132,255,.8);background-color:rgba(0,132,255,.05);padding:5px 20px 5px 15px;color:var(--primary-color);font-weight:bold}.app-currency_exchange-rmbquot{margin-top:20px}.app-currency_exchange-rmbquot h2{font-weight:bold;border-left:3px solid var(--primary-color);padding-left:10px}.app-calculator .key-tip{font-size:14px;margin-top:20px;color:var(--text-dark)}.app-calculator .calculator-inner{width:710px;padding:6px;border:#e5e5e5 solid 1px;border-radius:.33333rem;background:#eaecf3}.app-calculator .calculator-inner label{cursor:pointer;margin:0;display:inline-block;font-size:16px;font-family:arial,helvetica,sans-serif;width:48%}.app-calculator .calculator-inner label b{color:#283155}.app-calculator .calculator-inner label input[type=radio]{appearance:none;-webkit-appearance:none;opacity:0;outline:none;position:absolute;left:0;top:0;z-index:-1}.app-calculator .calculator-inner label input[type=radio]:checked+b{background:#e3e5f0 0 0;display:inline-block;text-align:center;width:65px;height:38px;line-height:38px;border-radius:10px;box-shadow:inset 1px 1px 1px 0 hsla(0,0%,100%,.7),inset -1px -1px 1px 0 rgba(40,49,85,.3),1px 1px 3px 0 rgba(40,49,85,.1);font-size:16px;user-select:none;opacity:1}.app-calculator .calculator-inner label input{margin-top:0;border:none}.app-calculator .screen{-webkit-border-radius:.33333rem;-moz-border-radius:.33333rem;border-radius:.33333rem;padding:.5rem;box-shadow:inset 1px 1px 1px 0 rgba(40,49,85,.4);background:#fff;margin:8px;font-family:Arial,Helvetica,sans-serif}.app-calculator .screen-input{width:auto;margin:2px 2px -2px 28px;word-wrap:break-word;font-size:16px;opacity:.5;text-align:right;line-height:1;color:#283155;padding-top:6px;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.app-calculator .screen-input b{color:#ccc;font-weight:bold}.app-calculator .screen-output{margin:2px;cursor:text;border-radius:0;border:0;-webkit-appearance:none;font-size:2.88889rem;color:#333;text-align:right;background:none}.app-calculator .key-wrapper{display:flex;justify-content:space-between}.app-calculator .key-science,.app-calculator .key-number{width:50%;display:table}.app-calculator .key-science div,.app-calculator .key-number div{border-collapse:separate;border-spacing:7px 4px}.app-calculator .key-item{display:table-cell;vertical-align:middle;text-align:center;width:64px;height:38px;border:none;font-family:arial,helvetica,sans-serif;font-size:16px;font-weight:bold;cursor:pointer;background-color:#e5ecf3;background-image:linear-gradient(135deg, #D9DCE8, #E2E4EF);border-radius:10px;box-shadow:inset 1px 1px 1px 0 hsla(0,0%,100%,.8),inset -1px -1px 1px 0px rgba(40,49,85,.3),1px 1px 3px 0px rgba(40,49,85,.1);user-select:none;color:#283155;text-shadow:1px 1px 1px rgba(0,0,0,.1);opacity:1 !important}.app-calculator .key-item:hover{background:#cfd2e0;cursor:pointer}.app-calculator .key-item:active{box-shadow:none;color:#747a92;transform:scale(0.95);text-shadow:none;background:#cfd2e0}.app-calculator .key-item-white{padding:0;background-image:linear-gradient(135deg, #F4F5F6, #fff);font-size:20px}.app-calculator .key-item-white:hover{background:#dfe0e5}.app-calculator .key-radio{width:132px;display:table-cell;vertical-align:middle;text-align:center;height:30px;font-family:arial,helvetica,sans-serif;font-size:13px;color:#262626;background:#cfd2e0;border-radius:10px;user-select:none;box-shadow:inset -1px -1px 1px 0 hsla(0,0%,100%,.7),inset 1px 1px 1px 0 rgba(40,49,85,.2),1px 1px 3px 0 rgba(40,49,85,.1);justify-content:space-between}.app-calculator .key-item-ac{background-image:linear-gradient(135deg, #FFA80E, #FFC355);color:#fff;box-shadow:inset 1px 1px 1px 0 hsla(0,0%,100%,.2),inset -2px -2px 1px 0px rgba(40,49,85,.3),1px 1px 3px 0px rgba(168,174,199,.2)}.app-calculator .key-item-ac:hover{background-image:linear-gradient(135deg, #FFA80E, #FFC355)}.app-calculator .key-item-equal{background:#4f6ef2;color:#fff;box-shadow:inset 1px 1px 1px 0 hsla(0,0%,100%,.2),inset -2px -2px 1px 0px rgba(40,49,85,.3),1px 1px 3px 0px rgba(168,174,199,.2)}.app-calculator .key-item-equal:hover{background:#4f6ef2}.app-calculator .key-item-equal:active,.app-calculator .key-item-ac:active{box-shadow:none;color:#747a92;transform:scale(0.95);text-shadow:none;background:#cfd2e0}.app-calculator .app-table{width:724px;margin-top:20px}.app-calculator .app-table th{height:40px;background:var(--component-bg-deep);border-bottom:1px solid var(--component-border-color);font-size:15px;color:var(--text-darker)}.app-calculator .app-table th:first-child{border-right:1px solid var(--component-border-color)}.app-calculator .app-table td{height:40px}.app-calculator .app-table sup{margin-top:-10px}.app-calculator .app-table td p{display:flex;align-items:center}.app-calculator .app-table span{height:30px;display:flex;align-items:center;justify-content:center;padding:0 10px;font-family:arial,helvetica,sans-serif;font-weight:bold;color:#283155;text-shadow:1px 1px 1px rgba(0,0,0,.1);background:#e0e2ec;border-radius:4px}.app-calculator .app-table p span{transform:scale(0.8)}.app-pdf2image{color:#1f232b}.app-pdf2image .app-main{-webkit-font-smoothing:antialiased;border-radius:8px;border:3px solid var(--primary-color)}.app-pdf2image .app-main.show-list{padding:15px}.app-pdf2image .app-doc-side{width:300px;flex-shrink:0;margin-top:0}.app-pdf2image .tool-bar{margin:10px 0 0;padding:10px 0}.app-pdf2image .tool-bar h3{font-size:14px;font-weight:600}.app-pdf2image .el-upload,.app-pdf2image .el-upload-dragger{width:100%}.app-pdf2image .el-upload-dragger{height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:height .3s}.app-pdf2image .el-icon-upload{margin-top:0}.app-pdf2image .show-list .el-upload-dragger{height:180px}.app-pdf2image .upload-desc{font-size:12px;color:#999;margin-top:10px}.app-pdf2image .file-list-item{display:flex;align-items:center;font-size:14px;border-bottom:1px solid var(--divider);height:60px}.app-pdf2image .file-list-item h3{width:35%;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:15px}.app-pdf2image .pdf-size{width:15%}.app-pdf2image .progress{width:35%;display:flex;align-items:center}.app-pdf2image .progress .el-progress{margin-right:20px;width:240px}.app-pdf2image .download{width:24px;height:24px;border-radius:6px;margin-left:auto;padding:0}.app-pdf2image .scale-item{margin-left:auto;margin-right:30px}.app-pdfdelete{color:#1f232b}.app-pdfdelete .app-main{-webkit-font-smoothing:antialiased;border-radius:8px;border:3px solid var(--primary-color);overflow:hidden}.app-pdfdelete .app-main.show-list{padding:15px}.app-pdfdelete .upload-wrap{transition:transform .3s}.app-pdfdelete .upload-wrap.hidden{margin-top:-240px}.app-pdfdelete .convert-wrapper{padding:0 20px 10px}.app-pdfdelete .convert-download{margin-left:10px}.app-pdfdelete .convert-title{padding:20px 0;display:flex;align-items:center;position:relative}.app-pdfdelete .convert-title .disabled-tip{position:absolute;right:0;bottom:0;font-size:12px}.app-pdfdelete .convert-title h3{font-size:16px;font-weight:600;margin-right:auto}.app-pdfdelete .convert-title b,.app-pdfdelete .convert-title strong{padding:0 3px}.app-pdfdelete .convert-title b{color:var(--primary-color)}.app-pdfdelete .convert-title strong{color:var(--text-color-danger)}.app-pdfdelete .el-upload,.app-pdfdelete .el-upload-dragger{width:100%}.app-pdfdelete .el-upload-dragger{height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:height .3s}.app-pdfdelete .el-icon-upload{margin-top:0}.app-pdfdelete .upload-desc{font-size:12px;color:#999;margin-top:10px}.app-pdfdelete .file-list{display:flex;flex-wrap:wrap}.app-pdfdelete .file-list-item{border:1px dashed #e5e6eb;width:196px;height:196px;background:#f7f8fa;margin:0 10px 10px 0;overflow:hidden;box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center}.app-pdfdelete .file-list-item.deleted-status{border-color:#c82f4b;background:#fff4f4}.app-pdfdelete .file-list-item .delete-badge{position:absolute;left:10px;top:10px;padding:2px 5px;border-radius:4px;background:#c82f4b;color:#fafafa;font-size:12px;z-index:5}.app-pdfdelete .file-list-item canvas{max-width:100%;max-height:100%}.app-pdfdelete .file-list-item .page-number{font-size:12px;color:var(--text-darker);position:absolute;bottom:3px;right:5px}.app-pdfdelete .file-list-item .delete-mask{position:absolute;left:0;top:0;right:0;bottom:0;background:hsla(0,0%,100%,.7);z-index:1}.app-pdfdelete .file-list-item .delete-btn{position:absolute;left:50%;transform:translateX(-50%);top:80px;background:rgba(0,0,0,.6);color:#fff;font-size:14px;cursor:pointer;border:none;border-radius:4px;padding:5px 10px;z-index:5}.app-pdfdelete .file-list-item .delete-btn i{padding-right:4px}.app-pdfdelete .file-list-item .delete-btn:hover{background:#000}.app-pdfdelete .pdf-size{width:15%}.app-pdfdelete .scale-item{margin-left:auto;margin-right:30px}.app-pdfsplit{color:#1f232b}.app-pdfsplit .app-main{-webkit-font-smoothing:antialiased;border-radius:8px;border:3px solid var(--primary-color)}.app-pdfsplit .app-main.show-list{padding:15px}.app-pdfsplit .app-doc-side{width:300px;flex-shrink:0;margin-top:0}.app-pdfsplit .tool-bar{margin:10px 0 0;padding:10px 0}.app-pdfsplit .tool-bar h3{font-size:14px;font-weight:600}.app-pdfsplit .el-upload,.app-pdfsplit .el-upload-dragger{width:100%}.app-pdfsplit .el-upload-dragger{height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:height .3s}.app-pdfsplit .el-icon-upload{margin-top:0}.app-pdfsplit .show-list .el-upload-dragger{height:180px}.app-pdfsplit .upload-desc{font-size:12px;color:#999;margin-top:10px}.app-pdfsplit .file-list-item{display:flex;align-items:center;font-size:14px;border-bottom:1px solid var(--divider);height:60px}.app-pdfsplit .file-list-item h3{width:35%;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:15px}.app-pdfsplit .pdf-size{width:15%}.app-pdfsplit .progress{width:35%;display:flex;align-items:center}.app-pdfsplit .progress .el-progress{margin-right:20px;width:240px}.app-pdfsplit .download{width:24px;height:24px;border-radius:6px;margin-left:auto;padding:0}.app-pdfsplit .scale-item{margin-left:auto;margin-right:30px}/*# sourceMappingURL=toolweb.css.map */
