.login-dialog-overlay[data-v-bcf4faa6]{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(66,153,225,.4),rgba(46,204,113,.4));z-index:9999;display:flex;justify-content:flex-end;align-items:center;animation:fadeIn-bcf4faa6 .4s ease}@keyframes fadeIn-bcf4faa6{0%{opacity:0}to{opacity:1}}.login-dialog[data-v-bcf4faa6]{width:450px;height:100vh;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:-10px 0 40px rgba(0,0,0,.15),0 0 50px rgba(66,153,225,.1);display:flex;flex-direction:column;animation:slideIn-bcf4faa6 .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.login-dialog[data-v-bcf4faa6]:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:linear-gradient(135deg,rgba(66,153,225,.1),rgba(46,204,113,.1));border-radius:50%;z-index:0}.login-dialog[data-v-bcf4faa6]:after{content:"";position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;background:linear-gradient(135deg,rgba(255,193,7,.08),rgba(233,30,99,.08));border-radius:50%;z-index:0}@keyframes slideIn-bcf4faa6{0%{transform:translateX(100%)}to{transform:translateX(0)}}.dialog-header[data-v-bcf4faa6]{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #f0f0f0;background-color:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);position:relative;z-index:1}.logo[data-v-bcf4faa6]{display:flex;align-items:center}.logo-img[data-v-bcf4faa6]{height:48px;width:auto;margin-right:12px;filter:drop-shadow(0 2px 8px rgba(66,153,225,.3));transition:transform .3s ease}.logo-img[data-v-bcf4faa6]:hover{transform:scale(1.05)}.logo-text[data-v-bcf4faa6]{font-size:28px;font-weight:800;font-family:Comic Sans MS,Segoe Print,Marker Felt,Chalkboard,Segoe UI,sans-serif;background:linear-gradient(135deg,#4299e1,#1f3e2c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.close-btn[data-v-bcf4faa6]{color:#909399;font-size:24px;transition:all .3s ease;padding:8px;border-radius:50%}.close-btn[data-v-bcf4faa6]:hover{color:#606266;background-color:rgba(66,153,225,.1);transform:rotate(90deg)}.dialog-content[data-v-bcf4faa6]{flex:1;padding:20px 20px;overflow-y:auto;position:relative;z-index:1}.site-info[data-v-bcf4faa6]{text-align:center;margin-bottom:40px;padding:20px;border-radius:10px;backdrop-filter:blur(10px);max-width:350px;margin-left:auto;margin-right:auto;box-sizing:border-box}.slogan[data-v-bcf4faa6]{font-size:28px;font-weight:700;background:linear-gradient(135deg,#2d3748,#4299e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;line-height:1.2}.description[data-v-bcf4faa6]{font-size:15px;color:#606266;line-height:1.6;max-width:350px;margin:0 auto}.form-container[data-v-bcf4faa6]{max-width:350px;margin:0 auto}.form-title h3[data-v-bcf4faa6]{font-size:22px;font-weight:700;color:#2d3748;margin-bottom:30px;text-align:center;position:relative}.form-title h3[data-v-bcf4faa6]:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(135deg,#4299e1,#2ecc71);border-radius:2px}.el-input[data-v-bcf4faa6]{margin-bottom:2px}.el-input__inner[data-v-bcf4faa6]{border-radius:16px;border:1px solid #e2e8f0;padding:14px 20px;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:hsla(0,0%,100%,.95);box-shadow:0 2px 8px rgba(0,0,0,.03)}.el-input__inner[data-v-bcf4faa6]:focus{border-color:#4299e1;box-shadow:0 4px 20px rgba(66,153,225,.15);background-color:#fff;transform:translateY(-1px)}.el-input-group__append[data-v-bcf4faa6]{border-radius:0 16px 16px 0;border-color:#e2e8f0;background-color:hsla(0,0%,100%,.95);box-shadow:2px 0 8px rgba(0,0,0,.03)}.el-input__prefix[data-v-bcf4faa6]{color:#909399;font-size:18px}.el-button[data-v-bcf4faa6]{border-radius:16px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;box-shadow:0 4px 12px rgba(0,0,0,.08)}.el-button--primary[data-v-bcf4faa6]{background:linear-gradient(135deg,#4299e1,#3182ce);box-shadow:0 4px 16px rgba(66,153,225,.25);color:#fff;letter-spacing:.5px}.el-button--primary[data-v-bcf4faa6]:hover{background:linear-gradient(135deg,#3182ce,#2b6cb0);box-shadow:0 6px 20px rgba(66,153,225,.35);transform:translateY(-2px)}.el-button--primary[data-v-bcf4faa6]:active{transform:translateY(0);box-shadow:0 3px 8px rgba(66,153,225,.2)}.el-button--text[data-v-bcf4faa6]{color:#4299e1;font-weight:500;background-color:transparent;box-shadow:none;padding:8px 16px}.el-button--text[data-v-bcf4faa6]:hover{color:#3182ce;background-color:rgba(66,153,225,.08);transform:translateY(-1px)}.el-input-group__append .el-button[data-v-bcf4faa6]{border-radius:0 16px 16px 0;padding:8px 12px;font-size:14px;box-shadow:none;background-color:transparent;color:#4299e1}.el-input-group__append .el-button[data-v-bcf4faa6]:hover{background-color:rgba(66,153,225,.08);transform:translateY(0)}.el-input-group__append .el-button[data-v-bcf4faa6]:disabled{color:#909399;background-color:transparent}.el-form-item[data-v-bcf4faa6]{margin-bottom:24px}.login-form[data-v-bcf4faa6],.register-form[data-v-bcf4faa6]{background-color:hsla(0,0%,100%,.85);backdrop-filter:blur(10px);padding:24px;border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,.06);width:100%;box-sizing:border-box}.login-link[data-v-bcf4faa6],.register-link[data-v-bcf4faa6]{text-align:center;margin-top:24px;font-size:14px;color:#718096}.login-link a[data-v-bcf4faa6],.register-link a[data-v-bcf4faa6]{color:#4299e1;text-decoration:none;cursor:pointer;font-weight:600;transition:all .3s ease;position:relative}.login-link a[data-v-bcf4faa6]:after,.register-link a[data-v-bcf4faa6]:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#4299e1;transition:width .3s ease}.login-link a[data-v-bcf4faa6]:hover:after,.register-link a[data-v-bcf4faa6]:hover:after{width:100%}.login-link a[data-v-bcf4faa6]:hover,.register-link a[data-v-bcf4faa6]:hover{color:#3182ce}@media (max-width:576px){.login-dialog[data-v-bcf4faa6]{width:100%}.dialog-content[data-v-bcf4faa6]{padding:30px 20px}.dialog-header[data-v-bcf4faa6]{padding:20px}.form-container[data-v-bcf4faa6]{max-width:100%}.slogan[data-v-bcf4faa6]{font-size:24px}.form-title h3[data-v-bcf4faa6]{font-size:20px}}*{box-sizing:border-box}*,body{margin:0;padding:0}body{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}#app,body{min-height:100vh}#app{display:flex;flex-direction:column;background-color:#f8fafc}.app-main{padding:20px}.container{max-width:1200px;margin:0 auto;width:100%}.card{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 8px 30px rgba(0,0,0,.1);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:12px;font-weight:600;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;box-shadow:0 4px 12px rgba(66,153,225,.2)}.btn-primary:hover{background:linear-gradient(135deg,#3182ce,#2b6cb0);box-shadow:0 6px 20px rgba(66,153,225,.3);transform:translateY(-1px)}.title{font-size:24px;font-weight:700;color:#2d3748;margin-bottom:16px;position:relative;display:inline-block}.title:after{content:"";position:absolute;bottom:-6px;left:0;width:60px;height:3px;background:linear-gradient(135deg,#4299e1,#2ecc71);border-radius:2px}.app-header{background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.header-container{max-width:98%;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:64px}.logo{position:relative}.logo a{text-decoration:none}.site-title{display:flex;align-items:center;font-weight:700}.logo-img{height:48px;width:auto;margin-right:10px;vertical-align:middle}.krami-text{font-size:28px;font-weight:800;font-family:Comic Sans MS,Segoe Print,Marker Felt,Chalkboard,Segoe UI,sans-serif;background:linear-gradient(135deg,#4299e1,#1f3e2c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.krami-text-cn{font-size:26px;font-weight:700;font-family:华康海报体,方正美黑,文鼎霹雳体,汉仪菱心体,站酷庆科黄油体,华康少女字体,Microsoft YaHei,PingFang SC,sans-serif;color:#555;text-decoration:none;margin-left:6px}.nav-menu ul{display:flex;list-style:none}.nav-menu li{margin-left:24px}.nav-menu a{text-decoration:none;color:#333;font-size:16px;padding:4px 8px;border-radius:4px;transition:all .3s ease}.nav-menu a.router-link-exact-active,.nav-menu a:hover{color:#1890ff;background-color:#e6f7ff}.app-main{padding:5px 5px 5px;flex:1}.app-footer{background-color:#fff;border-top:1px solid #e8e8e8;padding:20px 0;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px;text-align:center;color:#666;font-size:14px}.footer-content p{margin:0}body[data-v-1836dcd0]{font-family:Microsoft YaHei,sans-serif;background-color:#fff;color:#2c3e50}.home-container[data-v-1836dcd0]{margin-top:15px;max-height:100vh;display:flex;flex-direction:column}.main-content[data-v-1836dcd0]{max-width:80%;margin:0 auto;padding:0 20px 50px}.app-grid[data-v-1836dcd0]{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin:0 -15px}.app-card[data-v-1836dcd0]{flex:0 0 calc(25% - 30px);max-width:calc(25% - 30px);background-color:#fff;border-radius:12px;padding:35px 25px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s ease;text-decoration:none;color:#2c3e50;border:1px solid #f0f4f8}.app-card[data-v-1836dcd0]:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:#e8f4fd}.app-icon[data-v-1836dcd0]{width:90px;height:90px;margin:0 auto 25px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:42px;color:#fff}.app-name[data-v-1836dcd0]{font-size:20px;font-weight:700;margin-bottom:12px}.app-desc[data-v-1836dcd0]{font-size:15px;color:#7f8c8d;line-height:1.6}.footer[data-v-1836dcd0]{background-color:#fff;border-top:1px solid #e8e8e8;padding:15px 0;margin-top:auto}.footer-content[data-v-1836dcd0]{max-width:1200px;margin:0 auto}.footer-info[data-v-1836dcd0]{text-align:center}.footer-info p[data-v-1836dcd0]{margin:0 auto;padding:0 20px;text-align:center;color:#666;font-size:14px}@media (max-width:1024px){.app-grid[data-v-1836dcd0]{gap:25px}.app-card[data-v-1836dcd0]{flex:0 0 calc(33.333% - 25px);max-width:calc(33.333% - 25px)}}@media (max-width:768px){.app-grid[data-v-1836dcd0]{gap:20px}.app-card[data-v-1836dcd0]{flex:0 0 calc(50% - 20px);max-width:calc(50% - 20px)}}@media (max-width:600px){.header-content[data-v-1836dcd0]{flex-direction:column}.main-nav[data-v-1836dcd0]{margin-top:15px}.main-nav li[data-v-1836dcd0]{margin:0 10px}.app-card[data-v-1836dcd0]{flex:0 0 calc(50% - 20px);max-width:calc(50% - 20px)}}@media (max-width:480px){.app-card[data-v-1836dcd0]{flex:0 0 100%;max-width:350px;margin:0 auto}}body[data-v-49983d76]{font-family:Microsoft YaHei,sans-serif;background-color:#fff;color:#2c3e50}.about-us-container[data-v-49983d76]{margin-top:15px;display:flex;flex-direction:column}.about-content[data-v-49983d76]{max-width:80%;margin:0 auto;padding:0 20px 50px;width:100%;display:flex;flex-direction:column;gap:40px}.about-us-container h2[data-v-49983d76]{font-size:28px;color:#2c3e50;margin-bottom:10px;text-align:center}.about-us-container p[data-v-49983d76]{font-size:16px;color:#7f8c8d;text-align:center;margin-bottom:30px}.section[data-v-49983d76]{background-color:#fff;padding:35px 25px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid #f0f4f8}.section.mission[data-v-49983d76],.section.vision[data-v-49983d76]{display:flex;gap:20px;align-items:flex-start}.section-icon[data-v-49983d76]{width:90px;height:90px;border-radius:50%;background-color:#e6f7ff;display:flex;align-items:center;justify-content:center;font-size:42px;color:#1890ff;flex-shrink:0}.section-content h3[data-v-49983d76]{font-size:20px;color:#2c3e50;margin-bottom:15px}.section-content p[data-v-49983d76]{text-align:left;line-height:1.6;color:#7f8c8d}.section.contact h3[data-v-49983d76],.section.features h3[data-v-49983d76]{font-size:20px;color:#2c3e50;margin-bottom:20px;text-align:center}.features-grid[data-v-49983d76]{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin:0 -15px}.feature-item[data-v-49983d76]{flex:0 0 calc(33.33% - 30px);max-width:calc(33.33% - 30px);padding:35px 25px;background-color:#fff;border-radius:12px;text-align:center;transition:all .3s ease;border:1px solid #f0f4f8;box-shadow:0 2px 8px rgba(0,0,0,.06)}.feature-item[data-v-49983d76]:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:#e8f4fd}.feature-icon[data-v-49983d76]{width:90px;height:90px;border-radius:50%;background-color:#e6f7ff;display:flex;align-items:center;justify-content:center;font-size:42px;color:#1890ff;margin:0 auto 25px}.feature-name[data-v-49983d76]{font-size:16px;font-weight:700;color:#2c3e50;margin-bottom:10px}.feature-description[data-v-49983d76]{font-size:14px;color:#7f8c8d;line-height:1.6}.contact-info[data-v-49983d76]{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:30px}.contact-item[data-v-49983d76]{display:flex;align-items:center;gap:10px;font-size:14px;color:#7f8c8d}.contact-item i[data-v-49983d76]{color:#1890ff;font-size:18px}.feedback-form[data-v-49983d76]{margin-top:30px}.feedback-form h4[data-v-49983d76]{font-size:16px;color:#2c3e50;margin-bottom:20px}@media (max-width:768px){.section.mission[data-v-49983d76],.section.vision[data-v-49983d76]{flex-direction:column;align-items:center}.section-icon[data-v-49983d76]{margin-bottom:15px}.section-content p[data-v-49983d76]{text-align:center}.features-grid[data-v-49983d76]{flex-direction:column;align-items:center}.feature-item[data-v-49983d76]{flex:0 0 100%;max-width:100%}.contact-info[data-v-49983d76]{flex-direction:column;align-items:center;gap:15px}.contact-item[data-v-49983d76]{justify-content:center}}.xs-tools-container[data-v-044cfb02]{display:flex;min-height:calc(100vh - 145px);background-color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.sidebar[data-v-044cfb02]{width:280px;background-color:#fff;border-right:1px solid #e4e7ed;box-shadow:2px 0 8px rgba(0,0,0,.05);display:flex;flex-direction:column}.sidebar-header[data-v-044cfb02]{padding:24px;padding-bottom:32px;border-bottom:1px solid #e4e7ed;text-align:center}.sidebar-header h2[data-v-044cfb02]{margin:0;font-size:18px;font-weight:600;color:#303133}.sidebar-nav[data-v-044cfb02]{flex:1;padding:16px 0;overflow-y:auto}.nav-list[data-v-044cfb02]{list-style:none;padding:0;margin:0}.nav-item[data-v-044cfb02]{display:flex;align-items:center;padding:12px 24px;cursor:pointer;transition:all .3s ease;border-left:3px solid transparent}.nav-item[data-v-044cfb02]:hover{background-color:#f5f7fa}.nav-item.active[data-v-044cfb02]{background-color:#ecf5ff;border-left-color:#409eff;color:#409eff}.nav-icon[data-v-044cfb02]{font-size:20px;margin-right:12px;width:24px;text-align:center}.nav-text[data-v-044cfb02]{font-size:14px;font-weight:500}.content-area[data-v-044cfb02]{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.content-header[data-v-044cfb02]{padding:18px;background-color:#fff;border-bottom:1px solid #e4e7ed;box-shadow:0 2px 8px rgba(0,0,0,.05);flex-shrink:0}.content-header h1[data-v-044cfb02]{margin:0;font-size:16px;font-weight:600;color:#303133}.content-header p[data-v-044cfb02]{margin:4px 0 0 0;font-size:12px;color:#606266}.content-body[data-v-044cfb02]{flex:1;padding:7px;overflow-y:auto;min-height:0}.tool-section[data-v-044cfb02]{background-color:#fff;border-radius:4px;padding:20px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;gap:16px}.text-area[data-v-044cfb02]{width:100%;margin-bottom:16px;border-radius:6px}.toolbar[data-v-044cfb02]{gap:12px;padding:.5rem;justify-content:center;display:flex;flex-wrap:wrap;margin-bottom:16px}#json-key-input[data-v-044cfb02],#sql-key-input[data-v-044cfb02]{margin:0;padding:0 10px;width:300px;height:40px;border:1px solid #ddd;border-radius:2px;outline:none}.demo-ruleForm .el-form-item[data-v-044cfb02]{margin-bottom:24px}.demo-ruleForm .el-form-item__label[data-v-044cfb02],.el-form-item__label[data-v-044cfb02]{font-weight:600;color:#303133;font-size:15px;text-align:left!important}.demo-ruleForm .el-input-number[data-v-044cfb02],.demo-ruleForm .el-input[data-v-044cfb02],.demo-ruleForm .el-select[data-v-044cfb02],.demo-ruleForm .el-textarea[data-v-044cfb02]{border-radius:6px;font-size:14px}.action-area[data-v-044cfb02]{display:flex;gap:12px;margin-top:24px}.result-area[data-v-044cfb02]{margin-top:24px;padding:16px;background-color:#f0f9eb;border:1px solid #e1f3d8;border-radius:6px}.result-header[data-v-044cfb02]{display:flex;align-items:center;margin-bottom:16px}.result-icon[data-v-044cfb02]{color:#67c23a;font-size:20px;margin-right:8px}.result-title[data-v-044cfb02]{font-size:16px;font-weight:600;color:#67c23a}.result-content[data-v-044cfb02]{font-size:14px;color:#606266}.password-display[data-v-044cfb02]{display:flex;gap:12px;align-items:center}.password-display .el-input[data-v-044cfb02]{flex:1}.base64-display[data-v-044cfb02]{display:flex;flex-direction:column;gap:12px}.base64-display .el-input[data-v-044cfb02]{flex:1}.image-display[data-v-044cfb02]{display:flex;flex-direction:column;gap:16px;align-items:center}.converted-image[data-v-044cfb02]{max-width:100%;max-height:400px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.conversion-tabs[data-v-044cfb02]{margin-bottom:24px}.upload-success-icon[data-v-044cfb02]{color:#67c23a;margin-right:6px;font-size:16px}.uploaded-file-name[data-v-044cfb02]{color:#303133;font-weight:500}.field-filled .el-form-item__label[data-v-044cfb02]:before{display:none}.symbols-display[data-v-044cfb02]{margin-top:12px;padding:8px 12px;background-color:#f5f7fa;border-radius:4px;font-family:monospace}.symbols-label[data-v-044cfb02]{font-weight:600;color:#606266;margin-right:8px}.symbols-list[data-v-044cfb02]{color:#303133;letter-spacing:2px;font-size:14px}.document-tools-container[data-v-69388abd]{display:flex;min-height:calc(100vh - 144px);background-color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.sidebar[data-v-69388abd]{width:280px;background-color:#fff;border-right:1px solid #e4e7ed;box-shadow:2px 0 8px rgba(0,0,0,.05);display:flex;flex-direction:column}.sidebar-header[data-v-69388abd]{padding:24px;padding-bottom:32px;border-bottom:1px solid #e4e7ed;text-align:center}.sidebar-header h2[data-v-69388abd]{margin:0;font-size:18px;font-weight:600;color:#303133}.sidebar-nav[data-v-69388abd]{flex:1;padding:16px 0;overflow-y:auto}.nav-list[data-v-69388abd]{list-style:none;padding:0;margin:0}.nav-item[data-v-69388abd]{display:flex;align-items:center;padding:12px 24px;cursor:pointer;transition:all .3s ease;border-left:3px solid transparent}.nav-item[data-v-69388abd]:hover{background-color:#f5f7fa}.nav-item.active[data-v-69388abd]{background-color:#ecf5ff;border-left-color:#409eff;color:#409eff}.nav-icon[data-v-69388abd]{font-size:20px;margin-right:12px;width:24px;text-align:center}.nav-text[data-v-69388abd]{font-size:14px;font-weight:500}.content-area[data-v-69388abd]{flex:1;display:flex;flex-direction:column;overflow:hidden}.content-header[data-v-69388abd]{padding:18px;background-color:#fff;border-bottom:1px solid #e4e7ed;box-shadow:0 2px 8px rgba(0,0,0,.05)}.content-header h1[data-v-69388abd]{margin:0;font-size:16px;font-weight:600;color:#303133}.content-header p[data-v-69388abd]{margin:4px 0 0 0;font-size:12px;color:#606266}.content-body[data-v-69388abd]{flex:1;padding:7px;overflow-y:auto}.tool-section[data-v-69388abd]{background-color:#fff;border-radius:4px;padding:10px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.input-area[data-v-69388abd]{margin-bottom:10px}.input-tabs[data-v-69388abd]{display:flex;margin-bottom:16px}.tab-btn[data-v-69388abd]{padding:8px 16px;border:1px solid #dcdfe6;background-color:#fff;cursor:pointer;transition:all .3s ease}.tab-btn[data-v-69388abd]:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.tab-btn[data-v-69388abd]:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;border-left:none}.tab-btn.active[data-v-69388abd]{background-color:#409eff;color:#fff;border-color:#409eff}.file-upload[data-v-69388abd]{margin-bottom:16px}.file-input[data-v-69388abd]{display:none}.file-label[data-v-69388abd]{display:inline-block;padding:8px 16px;background-color:#409eff;color:#fff;border-radius:4px;cursor:pointer;transition:all .3s ease}.file-label[data-v-69388abd]:hover{background-color:#66b1ff}.upload-success-icon[data-v-69388abd]{color:#67c23a;margin-right:6px;font-size:16px}.uploaded-file-name[data-v-69388abd]{color:#303133;font-weight:500}.selected-file-name[data-v-69388abd]{margin-left:8px;color:#606266}.text-input[data-v-69388abd],.url-input[data-v-69388abd]{width:100%;padding:8px 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px}.text-editor[data-v-69388abd]{margin-bottom:16px}.textarea-input[data-v-69388abd]{width:100%;padding:8px 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;min-height:200px;resize:vertical}.options[data-v-69388abd]{margin-top:16px;display:flex;flex-wrap:wrap}.option-item[data-v-69388abd]{margin-right:24px;margin-bottom:8px;display:flex;align-items:center;cursor:pointer}.option-item input[type=checkbox][data-v-69388abd]{margin-right:6px}.stamp-options[data-v-69388abd],.watermark-options[data-v-69388abd]{margin-top:16px}.option-group[data-v-69388abd]{margin-bottom:16px;display:flex;align-items:center}.option-group label[data-v-69388abd]{margin-right:12px;width:80px;font-weight:500}.number-input[data-v-69388abd],.select-input[data-v-69388abd]{padding:8px 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;min-width:120px}.action-area[data-v-69388abd]{gap:12px}.btn[data-v-69388abd]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}.btn-primary[data-v-69388abd]{background-color:#409eff;color:#fff}.btn-primary[data-v-69388abd]:hover{background-color:#66b1ff}.btn-primary[data-v-69388abd]:disabled{background-color:#c6e2ff;cursor:not-allowed}.btn-secondary[data-v-69388abd]{background-color:#67c23a;color:#fff}.btn-secondary[data-v-69388abd]:hover{background-color:#85ce61}.btn-secondary[data-v-69388abd]:disabled{background-color:#c2e7b0;cursor:not-allowed}.result-area[data-v-69388abd]{margin-top:24px;padding:20px;background-color:#f0f9ff;border-radius:8px;border:1px solid #e1f3d8}.result-header[data-v-69388abd]{display:flex;align-items:center;margin-bottom:16px}.result-icon[data-v-69388abd]{color:#67c23a;font-size:20px;margin-right:8px}.result-title[data-v-69388abd]{font-size:16px;font-weight:600;color:#67c23a}.result-content[data-v-69388abd]{padding-left:28px}.result-info[data-v-69388abd]{margin-bottom:8px;font-size:14px;color:#606266}.result-link[data-v-69388abd]{display:inline-flex;align-items:center;color:#409eff;font-size:14px;text-decoration:none;transition:color .3s ease}.result-link[data-v-69388abd]:hover{color:#66b1ff;text-decoration:underline}.result-link i[data-v-69388abd]{margin-right:4px}.content-footer[data-v-69388abd]{padding:12px 18px;background-color:#fff;border-top:1px solid #e4e7ed;font-size:12px;color:#909399}.content-footer p[data-v-69388abd]{margin:0}.upload-demo[data-v-69388abd]{margin-bottom:16px}.upload-demo .el-upload-dragger[data-v-69388abd]{width:100%;padding:40px 20px;border-radius:8px;transition:all .3s ease}.upload-demo .el-upload-dragger[data-v-69388abd]:hover{border-color:#409eff;background-color:#f0f9ff}.upload-demo .el-upload__text[data-v-69388abd]{color:#606266;font-size:14px}.upload-demo .el-upload__text em[data-v-69388abd]{color:#409eff}.upload-demo .el-upload__tip[data-v-69388abd]{color:#606266;margin-top:12px;padding:8px 12px;background-color:#f5f7fa;border-radius:6px;border-left:3px solid #409eff;word-break:break-all;font-size:14px}.demo-ruleForm .el-form-item[data-v-69388abd]{margin-bottom:24px}.demo-ruleForm .el-form-item__label[data-v-69388abd]{font-weight:600;color:#303133;font-size:15px;text-align:left}.field-filled .el-form-item__label[data-v-69388abd]:before{display:none}.demo-ruleForm .el-input-number[data-v-69388abd],.demo-ruleForm .el-input[data-v-69388abd],.demo-ruleForm .el-select[data-v-69388abd],.demo-ruleForm .el-textarea[data-v-69388abd]{border-radius:6px;font-size:14px}.action-area[data-v-69388abd]{margin-top:32px;padding-top:24px;border-top:1px solid #e4e7ed;display:flex;gap:16px}.action-area .el-button[data-v-69388abd]{margin-right:0;padding:10px 28px;font-size:15px;border-radius:6px;transition:all .3s ease}.action-area .el-button[data-v-69388abd]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.action-area .el-button--primary[data-v-69388abd]{background-color:#409eff;border-color:#409eff}.action-area .el-button--primary[data-v-69388abd]:hover{background-color:#66b1ff;border-color:#66b1ff}.action-area .el-button--success[data-v-69388abd]{background-color:#67c23a;border-color:#67c23a}.action-area .el-button--success[data-v-69388abd]:hover{background-color:#85ce61;border-color:#85ce61}.image-tools-container[data-v-0b54baf1]{display:flex;min-height:calc(100vh - 145px);background-color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.sidebar[data-v-0b54baf1]{width:280px;background-color:#fff;border-right:1px solid #e6e9ed;box-shadow:2px 0 8px rgba(0,0,0,.05)}.sidebar-header[data-v-0b54baf1]{padding:20px;border-bottom:1px solid #e6e9ed}.sidebar-header h2[data-v-0b54baf1]{margin:0;font-size:18px;font-weight:600;color:#333}.sidebar-nav[data-v-0b54baf1]{padding:10px 0}.nav-list[data-v-0b54baf1]{list-style:none;padding:0;margin:0}.nav-item[data-v-0b54baf1]{padding:12px 20px;cursor:pointer;display:flex;align-items:center;transition:all .3s ease;border-left:3px solid transparent}.nav-item[data-v-0b54baf1]:hover{background-color:#f0f4f8}.nav-item.active[data-v-0b54baf1]{background-color:#e8f4fd;border-left-color:#409eff;color:#409eff}.nav-icon[data-v-0b54baf1]{margin-right:12px;font-size:18px}.nav-text[data-v-0b54baf1]{font-size:14px;font-weight:500}.content-area[data-v-0b54baf1]{flex:1;display:flex;flex-direction:column;padding:0 20px}.content-header[data-v-0b54baf1]{padding:20px 0;border-bottom:1px solid #e6e9ed}.content-header h1[data-v-0b54baf1]{margin:0;font-size:24px;font-weight:600;color:#333}.content-header p[data-v-0b54baf1]{margin:5px 0 0;font-size:14px;color:#666}.content-body[data-v-0b54baf1]{flex:1;padding:20px 0}.tool-section[data-v-0b54baf1]{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:20px;margin-bottom:20px}.demo-ruleForm[data-v-0b54baf1]{margin-bottom:20px}.action-area[data-v-0b54baf1]{margin-top:20px;display:flex;gap:10px}.conversion-tabs[data-v-0b54baf1],.upload-demo[data-v-0b54baf1]{margin-bottom:20px}.upload-success-icon[data-v-0b54baf1]{color:#67c23a;margin-right:5px}.uploaded-file-name[data-v-0b54baf1]{color:#606266;font-size:14px}.result-area[data-v-0b54baf1]{margin-top:20px;padding:15px;background-color:#f0f9eb;border:1px solid #e1f3d8;border-radius:4px}.result-header[data-v-0b54baf1]{display:flex;align-items:center;margin-bottom:10px}.result-icon[data-v-0b54baf1]{color:#67c23a;margin-right:8px}.result-title[data-v-0b54baf1]{font-weight:600;color:#67c23a}.result-content[data-v-0b54baf1]{margin-left:24px}.base64-display[data-v-0b54baf1],.image-display[data-v-0b54baf1]{display:flex;flex-direction:column;gap:10px}.image-display[data-v-0b54baf1]{align-items:flex-start}.converted-image[data-v-0b54baf1]{max-width:100%;max-height:400px;border:1px solid #e6e9ed;border-radius:4px}.text-area[data-v-0b54baf1]{margin-bottom:15px}.toolbar[data-v-0b54baf1]{margin-bottom:15px}.password-display[data-v-0b54baf1],.toolbar[data-v-0b54baf1]{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.symbols-display[data-v-0b54baf1]{margin-top:10px;padding:10px;background-color:#f5f7fa;border-radius:4px}.symbols-list[data-v-0b54baf1]{font-family:monospace;color:#606266;font-size:14px}.develop-tools-container[data-v-6cb892ae]{display:flex;min-height:calc(100vh - 144px);background-color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.sidebar[data-v-6cb892ae]{width:280px;background-color:#fff;border-right:1px solid #e4e7ed;box-shadow:2px 0 8px rgba(0,0,0,.05);display:flex;flex-direction:column}.sidebar-header[data-v-6cb892ae]{padding:24px;padding-bottom:32px;border-bottom:1px solid #e4e7ed;text-align:center}.sidebar-header h2[data-v-6cb892ae]{margin:0;font-size:18px;font-weight:600;color:#303133}.sidebar-nav[data-v-6cb892ae]{flex:1;padding:16px 0;overflow-y:auto}.nav-list[data-v-6cb892ae]{list-style:none;padding:0;margin:0}.nav-item[data-v-6cb892ae]{display:flex;align-items:center;padding:12px 24px;cursor:pointer;transition:all .3s ease;border-left:3px solid transparent}.nav-item[data-v-6cb892ae]:hover{background-color:#f5f7fa}.nav-item.active[data-v-6cb892ae]{background-color:#ecf5ff;border-left-color:#409eff;color:#409eff}.nav-icon[data-v-6cb892ae]{font-size:20px;margin-right:12px;width:24px;text-align:center}.nav-text[data-v-6cb892ae]{font-size:14px;font-weight:500}.content-area[data-v-6cb892ae]{flex:1;display:flex;flex-direction:column;overflow:hidden}.content-header[data-v-6cb892ae]{padding:18px;background-color:#fff;border-bottom:1px solid #e4e7ed;box-shadow:0 2px 8px rgba(0,0,0,.05)}.content-header h1[data-v-6cb892ae]{margin:0;font-size:16px;font-weight:600;color:#303133}.content-header p[data-v-6cb892ae]{margin:4px 0 0 0;font-size:12px;color:#606266}.content-body[data-v-6cb892ae]{flex:1;padding:7px;overflow-y:auto}.tool-section[data-v-6cb892ae]{background-color:#fff;border-radius:4px;padding:10px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.tool-block[data-v-6cb892ae]{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.tool-block[data-v-6cb892ae]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.tool-block h3[data-v-6cb892ae]{margin:0 0 16px 0;font-size:18px;font-weight:600;color:#2c3e50}.demo-ruleForm .el-form-item[data-v-6cb892ae]{margin-bottom:24px}.demo-ruleForm .el-form-item__label[data-v-6cb892ae]{font-weight:600;color:#303133;font-size:15px;text-align:left}.demo-ruleForm .el-input-number[data-v-6cb892ae],.demo-ruleForm .el-input[data-v-6cb892ae],.demo-ruleForm .el-select[data-v-6cb892ae],.demo-ruleForm .el-textarea[data-v-6cb892ae]{border-radius:6px;font-size:14px}.action-area[data-v-6cb892ae]{margin-top:32px;padding-top:24px;border-top:1px solid #e4e7ed;display:flex;gap:16px}.action-area .el-button[data-v-6cb892ae]{margin-right:0;padding:10px 28px;font-size:15px;border-radius:6px;transition:all .3s ease}.action-area .el-button[data-v-6cb892ae]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.action-area .el-button--primary[data-v-6cb892ae]{background-color:#409eff;border-color:#409eff}.action-area .el-button--primary[data-v-6cb892ae]:hover{background-color:#66b1ff;border-color:#66b1ff}.action-area .el-button--success[data-v-6cb892ae]{background-color:#67c23a;border-color:#67c23a}.action-area .el-button--success[data-v-6cb892ae]:hover{background-color:#85ce61;border-color:#85ce61}.input-with-button[data-v-6cb892ae]{display:flex;gap:12px}.input-with-button .el-input[data-v-6cb892ae]{flex:1}@media (max-width:768px){.develop-tools-container[data-v-6cb892ae]{flex-direction:column}.sidebar[data-v-6cb892ae]{width:100%;height:auto;max-height:200px}.content-area[data-v-6cb892ae]{height:calc(100vh - 200px)}}