: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}.el-color-predefine{display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:flex;flex:1;flex-wrap:wrap}.el-color-predefine__color-selector{border-radius:4px;cursor:pointer;height:20px;margin:0 0 8px 8px;width:20px}.el-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.el-color-predefine__color-selector.selected{box-shadow:0 0 3px 2px var(--el-color-primary)}.el-color-predefine__color-selector>div{border-radius:3px;display:flex;height:100%}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{background-color:red;box-sizing:border-box;float:right;height:12px;padding:0 2px;position:relative;width:280px}.el-color-hue-slider__bar{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);height:100%;position:relative}.el-color-hue-slider__thumb{background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:1px;box-shadow:0 0 2px #0009;box-sizing:border-box;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:4px;z-index:1}.el-color-hue-slider__thumb:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-hue-slider.is-vertical{height:180px;padding:2px 0;width:12px}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(180deg,red 0,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{height:4px;left:0;top:0;width:100%}.el-color-svpanel{height:180px;position:relative;width:280px}.el-color-svpanel__black,.el-color-svpanel__white{bottom:0;left:0;position:absolute;right:0;top:0}.el-color-svpanel__white{background:linear-gradient(90deg,#fff,#fff0)}.el-color-svpanel__black{background:linear-gradient(0deg,#000,#0000)}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{border-radius:50%;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006;cursor:head;height:4px;transform:translate(-2px,-2px);width:4px}.el-color-alpha-slider{background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px;box-sizing:border-box;height:12px;position:relative;width:280px}.el-color-alpha-slider__bar{background:linear-gradient(to right,#fff0 0,var(--el-bg-color) 100%);height:100%;position:relative}.el-color-alpha-slider__thumb{background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:1px;box-shadow:0 0 2px #0009;box-sizing:border-box;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:4px;z-index:1}.el-color-alpha-slider__thumb:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-alpha-slider.is-vertical{height:180px;width:20px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(180deg,#fff0 0,#fff)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{height:4px;left:0;top:0;width:100%}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper:after{clear:both;content:"";display:table}.el-color-dropdown__btns{margin-top:12px;text-align:right}.el-color-dropdown__value{color:#000;float:left;font-size:12px;line-height:26px;width:160px}.el-color-picker{display:inline-block;height:32px;line-height:normal;outline:none;position:relative;width:32px}.el-color-picker:hover:not(.is-disabled,.is-focused) .el-color-picker__trigger{border-color:var(--el-border-color-hover)}.el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-picker.is-focused .el-color-picker__trigger{border-color:var(--el-color-primary)}.el-color-picker.is-disabled .el-color-picker__trigger{background-color:var(--el-fill-color-light);cursor:not-allowed}.el-color-picker.is-disabled .el-color-picker__color{opacity:.3}.el-color-picker--large{height:40px;width:40px}.el-color-picker--small{height:24px;width:24px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{transform:scale(.8)}.el-color-picker__trigger{align-items:center;border:1px solid var(--el-border-color);border-radius:4px;cursor:pointer;display:inline-flex;font-size:0;justify-content:center;padding:4px}.el-color-picker__color,.el-color-picker__trigger{box-sizing:border-box;height:100%;position:relative;width:100%}.el-color-picker__color{border:1px solid var(--el-text-color-secondary);border-radius:var(--el-border-radius-small);display:block;text-align:center}.el-color-picker__color.is-alpha{background-image:linear-gradient(45deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-a) 25%,var(--el-color-picker-alpha-bg-b) 25%),linear-gradient(45deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%),linear-gradient(135deg,var(--el-color-picker-alpha-bg-b) 75%,var(--el-color-picker-alpha-bg-a) 75%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px}.el-color-picker__color-inner{align-items:center;display:inline-flex;height:100%;justify-content:center;width:100%}.el-color-picker .el-color-picker__empty{color:var(--el-text-color-secondary);font-size:12px}.el-color-picker .el-color-picker__icon{align-items:center;color:#fff;display:inline-flex;font-size:12px;justify-content:center}.el-color-picker__panel{background-color:#fff;border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light);box-sizing:initial;padding:6px;position:absolute;z-index:10}.el-color-picker__panel.el-popper{border:1px solid var(--el-border-color-lighter)}.el-color-picker,.el-color-picker__panel{--el-color-picker-alpha-bg-a:#ccc;--el-color-picker-alpha-bg-b:#0000}.dark .el-color-picker,.dark .el-color-picker__panel{--el-color-picker-alpha-bg-a:#333}[data-v-eddc6e1f]: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-eddc6e1f]{font-size:14px;line-height:1.65;padding:20px 16px}.intro h1[data-v-eddc6e1f]{font-size:2em;margin:.67em 0 0}.intro h1[data-v-eddc6e1f],.intro h2[data-v-eddc6e1f]{border-bottom:1px solid #444}.intro h1[data-v-eddc6e1f],.intro h2[data-v-eddc6e1f],.intro h3[data-v-eddc6e1f],.intro h4[data-v-eddc6e1f]{margin-top:1rem}.intro ul[data-v-eddc6e1f]{padding-left:2rem}.intro ul li[data-v-eddc6e1f]{list-style:disc;margin-top:12px}.intro ol[data-v-eddc6e1f]{padding-left:2rem}.intro ol li[data-v-eddc6e1f]{margin-top:12px}.intro pre[data-v-eddc6e1f]{margin:1rem 0 0}.intro table[data-v-eddc6e1f]{border-collapse:collapse;margin-top:12px;width:100%}.intro table[data-v-eddc6e1f],.intro td[data-v-eddc6e1f],.intro th[data-v-eddc6e1f]{border:1px solid #444;text-align:center}.intro .code[data-v-eddc6e1f]{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-eddc6e1f]{margin:1rem 0 0}.intro sup[data-v-eddc6e1f]{vertical-align:super}.intro sub[data-v-eddc6e1f]{vertical-align:sub}.intro i[data-v-eddc6e1f]{vertical-align:inherit}.qr-code-generator[data-v-eddc6e1f]{background:#171f32;border:2px solid hsla(0,0%,100%,.06);border-radius:15px;height:calc(100vh - 120px);padding:20px}.qr-code-generator.full-screen[data-v-eddc6e1f]{border:none;border-radius:0;bottom:0;height:100vh;left:0;padding:0;position:fixed;right:0;top:0;z-index:9999}.qr-code-generator .generator-container[data-v-eddc6e1f]{display:flex;gap:20px;height:100%}@media (max-width:768px){.qr-code-generator .generator-container[data-v-eddc6e1f]{flex-direction:column}}.qr-code-generator .generator-container .input-section[data-v-eddc6e1f]{display:flex;flex:1;flex-direction:column;gap:20px}.qr-code-generator .generator-container .input-section .options-section[data-v-eddc6e1f]{background:#0003;border-radius:8px;display:flex;flex-direction:column;gap:15px;padding:15px}.qr-code-generator .generator-container .input-section .options-section .option-group[data-v-eddc6e1f]{align-items:center;display:flex;gap:10px}.qr-code-generator .generator-container .input-section .options-section .option-group span[data-v-eddc6e1f]{color:#fff;min-width:80px}.qr-code-generator .generator-container .input-section .button-group[data-v-eddc6e1f]{display:flex;gap:10px}.qr-code-generator .generator-container .output-section[data-v-eddc6e1f]{align-items:center;background:#0003;border-radius:8px;display:flex;flex:1;flex-direction:column;gap:20px;justify-content:center;padding:20px}.qr-code-generator .generator-container .output-section .qr-code-container[data-v-eddc6e1f]{align-items:center;display:flex;justify-content:center;min-height:200px;width:100%}.qr-code-generator .generator-container .output-section .qr-code-container .qr-code[data-v-eddc6e1f]{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.qr-code-generator .generator-container .output-section .action-buttons[data-v-eddc6e1f]{display:flex;gap:10px}