:root{--el-color-primary:#7057ff;--el-color-primary-light-3:#8375ff;--el-color-primary-light-5:#a298ff;--el-color-primary-light-7:#c1baff;--el-color-primary-light-8:#e0ddff;--el-color-primary-light-9:#f0eeff;--el-color-primary-dark-2:#5540cc;--el-color-success:#67c23a;--el-color-success-light:#e1f3d8;--el-color-success-lighter:#f0f9eb;--el-color-warning:#e6a23c;--el-color-warning-light:#faecd8;--el-color-warning-lighter:#fdf6ec;--el-color-danger:#f56c6c;--el-color-danger-light:#fde2e2;--el-color-danger-lighter:#fef0f0;--el-color-info:#909399;--el-color-info-light:#e9e9eb;--el-color-info-lighter:#f4f4f5;--el-border-radius-base:8px}.formatted-output{background:#282c34;border-radius:4px;font-family:Fira Code,monospace;font-size:13px;line-height:1.4;overflow-x:auto;padding:12px 0;white-space:pre}.formatted-output .line{align-items:flex-start;display:flex;min-width:-moz-fit-content;min-width:fit-content;padding:1px 16px}.formatted-output .line:hover{background:#ffffff0d}.formatted-output .line-number{background:#282c34;border-right:1px solid #3b4048;color:#636d83;font-size:12px;left:0;margin-right:1em;min-width:2.5em;opacity:.7;padding-right:1em;position:sticky;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.formatted-output .keyword{color:#c678dd}.formatted-output .string{color:#98c379}.formatted-output .comment{color:#5c6370;font-style:italic}.formatted-output .number{color:#d19a66}.formatted-output .builtin{color:#61afef}.formatted-output .function{color:#e6c07b}[data-v-72dcca45]:root{--el-color-primary:#7057ff;--el-color-primary-light-3:#8375ff;--el-color-primary-light-5:#a298ff;--el-color-primary-light-7:#c1baff;--el-color-primary-light-8:#e0ddff;--el-color-primary-light-9:#f0eeff;--el-color-primary-dark-2:#5540cc;--el-color-success:#67c23a;--el-color-success-light:#e1f3d8;--el-color-success-lighter:#f0f9eb;--el-color-warning:#e6a23c;--el-color-warning-light:#faecd8;--el-color-warning-lighter:#fdf6ec;--el-color-danger:#f56c6c;--el-color-danger-light:#fde2e2;--el-color-danger-lighter:#fef0f0;--el-color-info:#909399;--el-color-info-light:#e9e9eb;--el-color-info-lighter:#f4f4f5;--el-border-radius-base:8px}.intro[data-v-72dcca45]{font-size:14px;line-height:1.65;padding:20px 16px}.intro h1[data-v-72dcca45]{font-size:2em;margin:.67em 0 0}.intro h1[data-v-72dcca45],.intro h2[data-v-72dcca45]{border-bottom:1px solid #444}.intro h1[data-v-72dcca45],.intro h2[data-v-72dcca45],.intro h3[data-v-72dcca45],.intro h4[data-v-72dcca45]{margin-top:1rem}.intro ul[data-v-72dcca45]{padding-left:2rem}.intro ul li[data-v-72dcca45]{list-style:disc;margin-top:12px}.intro ol[data-v-72dcca45]{padding-left:2rem}.intro ol li[data-v-72dcca45]{margin-top:12px}.intro pre[data-v-72dcca45]{margin:1rem 0 0}.intro table[data-v-72dcca45]{border-collapse:collapse;margin-top:12px;width:100%}.intro table[data-v-72dcca45],.intro td[data-v-72dcca45],.intro th[data-v-72dcca45]{border:1px solid #444;text-align:center}.intro .code[data-v-72dcca45]{border:2px solid #3c3e54;border-radius:6px;margin-bottom:6px;margin-top:12px;padding:12px 16px;word-break:break-all;word-wrap:break-word;background-color:#0000001a}.intro p[data-v-72dcca45]{margin:1rem 0 0}.intro sup[data-v-72dcca45]{vertical-align:super}.intro sub[data-v-72dcca45]{vertical-align:sub}.intro i[data-v-72dcca45]{vertical-align:inherit}.tools-form[data-v-72dcca45]{background:#171f32;border:2px solid hsla(0,0%,100%,.06);border-radius:15px;margin-bottom:30px;padding:24px}.tools-form .code-editor[data-v-72dcca45]{background:#1e2433;border:1px solid #2a3347;border-radius:8px;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.tools-form .code-editor[data-v-72dcca45]:hover{border-color:#3b4b6b}.tools-form .code-editor .editor-header[data-v-72dcca45]{background:#1a1f2e;border-bottom:1px solid #2a3347;display:flex;flex-direction:column;gap:12px;padding:12px 16px}@media (min-width:1024px){.tools-form .code-editor .editor-header[data-v-72dcca45]{align-items:center;flex-direction:row;justify-content:space-between}}.tools-form .code-editor .editor-header .editor-title[data-v-72dcca45]{color:#fff;font-size:14px;font-weight:500;white-space:nowrap}.tools-form .code-editor .editor-header .format-options[data-v-72dcca45]{align-items:center;display:flex;flex-wrap:wrap;gap:12px}@media (max-width:768px){.tools-form .code-editor .editor-header .format-options[data-v-72dcca45]{align-items:flex-start;flex-direction:column;width:100%}}.tools-form .code-editor .editor-header .format-options .el-radio-group[data-v-72dcca45]{display:flex;flex-wrap:wrap;gap:8px}.tools-form .code-editor .editor-header .format-options .divider[data-v-72dcca45]{background:#2a3347;height:20px;width:1px}@media (max-width:768px){.tools-form .code-editor .editor-header .format-options .divider[data-v-72dcca45]{display:none}}.tools-form .code-editor .editor-header .copy-btn[data-v-72dcca45]{align-items:center;display:flex;gap:4px;padding:6px 12px}.tools-form .code-editor .editor-header .copy-btn[data-v-72dcca45]:hover{background:#409eff1a}.tools-form .code-editor .editor-header .copy-btn i[data-v-72dcca45]{font-size:14px}.tools-form .code-editor .editor-body[data-v-72dcca45]{overflow-x:auto;padding:16px}.tools-form .code-editor .editor-body[data-v-72dcca45] .el-textarea__inner{background:transparent;border:none;color:#fff;font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;line-height:1.6}.tools-form .code-editor .editor-body[data-v-72dcca45] .el-textarea__inner:focus{box-shadow:none}.tools-form .code-editor .editor-body.formatted-output[data-v-72dcca45]{max-height:400px;overflow-y:auto;padding:0}.tools-form .code-editor .editor-body.formatted-output[data-v-72dcca45]::-webkit-scrollbar{height:8px;width:8px}.tools-form .code-editor .editor-body.formatted-output[data-v-72dcca45]::-webkit-scrollbar-track{background:#1e2433;border-radius:4px}.tools-form .code-editor .editor-body.formatted-output[data-v-72dcca45]::-webkit-scrollbar-thumb{background:#3b4b6b;border-radius:4px}.tools-form .code-editor .editor-body.formatted-output[data-v-72dcca45]::-webkit-scrollbar-thumb:hover{background:#4b5c7b}.tools-form .code-editor .editor-body.formatted-output .line[data-v-72dcca45]{min-width:-moz-max-content;min-width:max-content;padding:0 16px}.tools-form .tools-actions[data-v-72dcca45]{display:flex;gap:12px;justify-content:center;margin:24px 0}.tools-form .tools-actions .el-button[data-v-72dcca45]{align-items:center;display:flex;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .3s ease}.tools-form .tools-actions .el-button i[data-v-72dcca45]{font-size:16px}.tools-form .tools-actions .el-button.format-btn[data-v-72dcca45]{background:linear-gradient(45deg,#409eff,#40b9ff);border:none}.tools-form .tools-actions .el-button.format-btn[data-v-72dcca45]:hover{box-shadow:0 4px 12px #409eff4d;transform:translateY(-1px)}.tools-form .tools-actions .el-button.clear-btn[data-v-72dcca45]{background:#2a3347;border:none;color:#fff}.tools-form .tools-actions .el-button.clear-btn[data-v-72dcca45]:hover{background:#3b4b6b}.tools-form[data-v-72dcca45] .el-radio{margin-bottom:4px;margin-right:0}.tools-form[data-v-72dcca45] .el-radio .el-radio__label{color:#fff;font-size:13px}.tools-form[data-v-72dcca45] .el-radio .el-radio__inner{background:#2a3347;border-color:#3b4b6b}.tools-form[data-v-72dcca45] .el-radio.is-checked .el-radio__inner{background:#409eff;border-color:#409eff}.intro[data-v-72dcca45]{margin-top:40px}
