[data-v-d3191c26]: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-d3191c26]{font-size:14px;line-height:1.65;padding:20px 16px}.intro h1[data-v-d3191c26]{font-size:2em;margin:.67em 0 0}.intro h1[data-v-d3191c26],.intro h2[data-v-d3191c26]{border-bottom:1px solid #444}.intro h1[data-v-d3191c26],.intro h2[data-v-d3191c26],.intro h3[data-v-d3191c26],.intro h4[data-v-d3191c26]{margin-top:1rem}.intro ul[data-v-d3191c26]{padding-left:2rem}.intro ul li[data-v-d3191c26]{list-style:disc;margin-top:12px}.intro ol[data-v-d3191c26]{padding-left:2rem}.intro ol li[data-v-d3191c26]{margin-top:12px}.intro pre[data-v-d3191c26]{margin:1rem 0 0}.intro table[data-v-d3191c26]{border-collapse:collapse;margin-top:12px;width:100%}.intro table[data-v-d3191c26],.intro td[data-v-d3191c26],.intro th[data-v-d3191c26]{border:1px solid #444;text-align:center}.intro .code[data-v-d3191c26]{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-d3191c26]{margin:1rem 0 0}.intro sup[data-v-d3191c26]{vertical-align:super}.intro sub[data-v-d3191c26]{vertical-align:sub}.intro i[data-v-d3191c26]{vertical-align:inherit}.tools-form[data-v-d3191c26]{background:#171f32;border:2px solid hsla(0,0%,100%,.06);border-radius:15px;margin-bottom:30px;padding:24px}.tools-form .info-panel[data-v-d3191c26]{background:#1e2433;border:1px solid #2a3347;border-radius:8px;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.tools-form .info-panel[data-v-d3191c26]:hover{border-color:#3b4b6b}.tools-form .info-panel .panel-header[data-v-d3191c26]{background:#1a1f2e;border-bottom:1px solid #2a3347;padding:12px 16px}.tools-form .info-panel .panel-header .panel-title[data-v-d3191c26]{color:#fff;font-size:14px;font-weight:500}.tools-form .info-panel .panel-body[data-v-d3191c26]{padding:16px}.tools-form .info-panel .panel-body .magic-grid[data-v-d3191c26]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tools-form .info-panel .panel-body .magic-grid .magic-item[data-v-d3191c26]{align-items:flex-start;background:#1a1f2e;border-radius:6px;display:flex;padding:12px;transition:all .3s ease}.tools-form .info-panel .panel-body .magic-grid .magic-item[data-v-d3191c26]:hover{background:#232a3d}.tools-form .info-panel .panel-body .magic-grid .magic-item .magic-display[data-v-d3191c26]{margin-right:12px;text-align:center;width:100px}.tools-form .info-panel .panel-body .magic-grid .magic-item .magic-display .file-extension[data-v-d3191c26]{background:#2a3347;border-radius:4px;color:#fff;font-size:18px;font-weight:700;margin-bottom:4px;padding:4px 8px}.tools-form .info-panel .panel-body .magic-grid .magic-item .magic-display .mime-type[data-v-d3191c26]{color:#8e9aaf;font-size:12px;word-break:break-all}.tools-form .info-panel .panel-body .magic-grid .magic-item .magic-info[data-v-d3191c26]{flex:1}.tools-form .info-panel .panel-body .magic-grid .magic-item .magic-info .magic-name[data-v-d3191c26]{color:#fff;font-size:14px;font-weight:500;margin-bottom:4px}.tools-form .info-panel .panel-body .magic-grid .magic-item .magic-info .magic-bytes[data-v-d3191c26]{font-size:13px;margin-bottom:4px}.tools-form .info-panel .panel-body .magic-grid .magic-item .magic-info .magic-bytes .bytes-label[data-v-d3191c26]{color:#8e9aaf}.tools-form .info-panel .panel-body .magic-grid .magic-item .magic-info .magic-bytes .bytes-value[data-v-d3191c26]{color:#4caf50;font-family:monospace}.tools-form .info-panel .panel-body .magic-grid .magic-item .magic-info .magic-desc[data-v-d3191c26]{color:#8e9aaf;font-size:13px;line-height:1.4}.code-examples[data-v-d3191c26]{background:#1e2433;border:1px solid #2a3347;border-radius:8px;margin-bottom:30px;overflow:hidden;transition:all .3s ease}.code-examples[data-v-d3191c26]:hover{border-color:#3b4b6b}.code-examples .panel-header[data-v-d3191c26]{background:#1a1f2e;border-bottom:1px solid #2a3347;padding:12px 16px}.code-examples .panel-header .panel-title[data-v-d3191c26]{color:#fff;font-size:14px;font-weight:500}.code-examples .panel-body[data-v-d3191c26]{padding:16px}.code-examples .panel-body .code-grid[data-v-d3191c26]{display:grid;gap:16px;grid-template-columns:1fr}.code-examples .panel-body .code-grid .code-item[data-v-d3191c26]{background:#1a1f2e;border-radius:6px;overflow:hidden;transition:all .3s ease}.code-examples .panel-body .code-grid .code-item[data-v-d3191c26]:hover{background:#232a3d}.code-examples .panel-body .code-grid .code-item .code-header[data-v-d3191c26]{background:#2a3347;border-bottom:1px solid #3b4b6b;padding:8px 12px}.code-examples .panel-body .code-grid .code-item .code-header .code-title[data-v-d3191c26]{color:#fff;font-size:14px;font-weight:500}.code-examples .panel-body .code-grid .code-item .code-content[data-v-d3191c26]{background:transparent;color:#8e9aaf;font-family:Fira Code,monospace;font-size:13px;line-height:1.5;margin:0;overflow-x:auto;padding:12px}.code-examples .panel-body .code-grid .code-item .code-content code[data-v-d3191c26]{display:block;white-space:pre}.intro[data-v-d3191c26]{margin-top:40px}@media (max-width:768px){.tools-form[data-v-d3191c26]{padding:16px}.code-examples .panel-body .code-grid[data-v-d3191c26],.tools-form .info-panel .panel-body .magic-grid[data-v-d3191c26]{grid-template-columns:1fr}}