[data-v-a5871e22]: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-a5871e22]{font-size:14px;line-height:1.65;padding:20px 16px}.intro h1[data-v-a5871e22]{font-size:2em;margin:.67em 0 0}.intro h1[data-v-a5871e22],.intro h2[data-v-a5871e22]{border-bottom:1px solid #444}.intro h1[data-v-a5871e22],.intro h2[data-v-a5871e22],.intro h3[data-v-a5871e22],.intro h4[data-v-a5871e22]{margin-top:1rem}.intro ul[data-v-a5871e22]{padding-left:2rem}.intro ul li[data-v-a5871e22]{list-style:disc;margin-top:12px}.intro ol[data-v-a5871e22]{padding-left:2rem}.intro ol li[data-v-a5871e22]{margin-top:12px}.intro pre[data-v-a5871e22]{margin:1rem 0 0}.intro table[data-v-a5871e22]{border-collapse:collapse;margin-top:12px;width:100%}.intro table[data-v-a5871e22],.intro td[data-v-a5871e22],.intro th[data-v-a5871e22]{border:1px solid #444;text-align:center}.intro .code[data-v-a5871e22]{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-a5871e22]{margin:1rem 0 0}.intro sup[data-v-a5871e22]{vertical-align:super}.intro sub[data-v-a5871e22]{vertical-align:sub}.intro i[data-v-a5871e22]{vertical-align:inherit}.image-tool[data-v-a5871e22]{--image-tool-height:calc(100vh - 136px);display:flex;flex-direction:column;gap:14px;margin-bottom:10px;min-height:var(--image-tool-height)}.image-tool-crop[data-v-a5871e22],.image-tool-resize[data-v-a5871e22]{height:var(--image-tool-height);min-height:0;overflow:hidden}.image-tool-crop .image-workspace[data-v-a5871e22],.image-tool-resize .image-workspace[data-v-a5871e22]{grid-template-columns:minmax(286px,340px) minmax(0,1fr) minmax(240px,320px);min-height:0}.image-tool-crop .preview-panel[data-v-a5871e22],.image-tool-resize .preview-panel[data-v-a5871e22]{overflow:hidden}.side-tool-title[data-v-a5871e22]{align-items:center;display:flex;gap:10px;min-width:0}.side-tool-title img[data-v-a5871e22]{border-radius:9px;flex:0 0 auto;height:38px;width:38px}.side-tool-title div[data-v-a5871e22]{min-width:0}.side-tool-title span[data-v-a5871e22],.side-tool-title strong[data-v-a5871e22]{display:block;overflow:hidden;text-overflow:ellipsis}.side-tool-title strong[data-v-a5871e22]{color:#10162f;font-size:15px;line-height:22px;white-space:nowrap}.side-tool-title span[data-v-a5871e22]{color:#667085;display:-webkit-box;font-size:12px;line-height:18px;margin-top:2px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.inline-actions[data-v-a5871e22],.side-actions[data-v-a5871e22]{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.side-actions[data-v-a5871e22] .el-button{flex:1 1 120px;margin-left:0;min-width:0}.image-workspace[data-v-a5871e22]{display:grid;flex:1;gap:14px;grid-template-columns:minmax(320px,390px) minmax(0,1fr);min-height:0}.image-panel[data-v-a5871e22]{background:#fff;border:1px solid #e6ebf3;border-radius:12px;min-height:0}.control-panel[data-v-a5871e22]{display:flex;flex-direction:column;gap:14px}.control-panel[data-v-a5871e22],.preview-panel[data-v-a5871e22]{overflow:auto;padding:14px}.hidden-input[data-v-a5871e22]{display:none}.upload-box[data-v-a5871e22]{align-items:center;background:#f8fbff;border:1px dashed #b8c4d8;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:76px}.upload-box strong[data-v-a5871e22]{color:#10162f;font-size:15px}.upload-box span[data-v-a5871e22]{color:#8492a6;font-size:12px;margin-top:6px}.source-list[data-v-a5871e22]{display:flex;flex-direction:column;gap:8px}.source-item[data-v-a5871e22]{align-items:center;background:#f7f9fc;border-radius:10px;display:flex;gap:10px;padding:8px}.source-item img[data-v-a5871e22]{background:#fff;border-radius:8px;height:54px;-o-object-fit:cover;object-fit:cover;width:54px}.source-item div[data-v-a5871e22]{min-width:0}.source-item span[data-v-a5871e22],.source-item strong[data-v-a5871e22]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-item strong[data-v-a5871e22]{color:#10162f;font-size:13px}.source-item span[data-v-a5871e22]{color:#667085;font-size:12px;margin-top:4px}.control-grid[data-v-a5871e22]{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.control-grid .wide[data-v-a5871e22],.control-grid label[data-v-a5871e22]{color:#344054;display:flex;flex-direction:column;font-size:13px;gap:6px;line-height:18px;min-width:0}.control-grid .wide[data-v-a5871e22]{grid-column:1/-1}.control-grid[data-v-a5871e22] .el-input,.control-grid[data-v-a5871e22] .el-input-number,.control-grid[data-v-a5871e22] .el-select{width:100%}.crop-controls[data-v-a5871e22]{gap:10px}.crop-shortcuts[data-v-a5871e22]{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.crop-shortcuts[data-v-a5871e22] .el-button{display:inline-flex;justify-content:center;margin-left:0;min-width:0;padding:0 10px;width:100%}.resize-shortcuts[data-v-a5871e22]{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.resize-shortcuts[data-v-a5871e22] .el-button{justify-content:center;margin-left:0;min-width:0;padding:0 8px;width:100%}.color-preset-row[data-v-a5871e22]{align-items:center;display:grid;gap:8px;grid-template-columns:32px repeat(4,minmax(0,1fr));min-width:0;width:100%}.color-preset-row[data-v-a5871e22] .el-color-picker{height:32px;width:32px}.color-preset-row[data-v-a5871e22] .el-color-picker__trigger{border-radius:8px;height:32px;padding:3px;width:32px}.color-preset-row button[data-v-a5871e22]{align-items:center;background:#fff;border:1px solid #dce5f2;border-radius:8px;box-sizing:border-box;color:#344054;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;height:32px;justify-content:center;line-height:1;min-width:0;padding:0 8px;white-space:nowrap;width:100%}.color-preset-row button[data-v-a5871e22]:before{background:var(--preset-color);border:1px solid rgba(16,22,47,.12);border-radius:50%;content:"";flex:0 0 12px;height:12px;width:12px}.color-preset-row button[data-v-a5871e22]:hover{border-color:#c8d2ea;color:#7057ff}.svg-controls[data-v-a5871e22],.text-image-controls[data-v-a5871e22]{display:flex;flex-direction:column;gap:12px}.status-text[data-v-a5871e22]{color:#667085;font-size:13px;margin:0}.crop-editor[data-v-a5871e22]{align-items:center;display:flex;flex-direction:column;gap:12px;min-height:0}.crop-stage[data-v-a5871e22]{background:#f8fbff;border-radius:12px;display:inline-block;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.crop-stage[data-v-a5871e22],.crop-stage img[data-v-a5871e22]{max-height:calc(100vh - 260px);max-width:100%}.crop-stage img[data-v-a5871e22]{display:block;-o-object-fit:contain;object-fit:contain;pointer-events:none}.crop-frame[data-v-a5871e22]{border:2px solid #19c58c;box-shadow:0 0 0 9999px #10162f75;cursor:move;min-height:18px;min-width:18px;position:absolute;touch-action:none;z-index:2}.resize-frame[data-v-a5871e22]{cursor:default}.resize-frame-label[data-v-a5871e22]{background:rgba(16,22,47,.72);border-radius:999px;color:#fff;font-size:12px;left:50%;line-height:16px;max-width:calc(100% - 16px);padding:4px 8px;top:8px;transform:translate(-50%);white-space:nowrap}.crop-line[data-v-a5871e22],.resize-frame-label[data-v-a5871e22]{pointer-events:none;position:absolute}.crop-line[data-v-a5871e22]{background:hsla(0,0%,100%,.72)}.crop-line.crop-line-v[data-v-a5871e22]{bottom:0;top:0;width:1px}.crop-line.crop-line-v.one[data-v-a5871e22]{left:33.333%}.crop-line.crop-line-v.two[data-v-a5871e22]{left:66.666%}.crop-line.crop-line-h[data-v-a5871e22]{height:1px;left:0;right:0}.crop-line.crop-line-h.one[data-v-a5871e22]{top:33.333%}.crop-line.crop-line-h.two[data-v-a5871e22]{top:66.666%}.crop-handle[data-v-a5871e22]{background:#19c58c;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #10162f38;height:16px;padding:0;position:absolute;touch-action:none;width:16px;z-index:3}.crop-handle.nw[data-v-a5871e22]{cursor:nwse-resize;left:-8px;top:-8px}.crop-handle.n[data-v-a5871e22]{cursor:ns-resize;left:50%;top:-8px;transform:translate(-50%)}.crop-handle.ne[data-v-a5871e22]{cursor:nesw-resize;right:-8px;top:-8px}.crop-handle.e[data-v-a5871e22]{cursor:ew-resize;right:-8px;top:50%;transform:translateY(-50%)}.crop-handle.se[data-v-a5871e22]{bottom:-8px;cursor:nwse-resize;right:-8px}.crop-handle.s[data-v-a5871e22]{bottom:-8px;cursor:ns-resize;left:50%;transform:translate(-50%)}.crop-handle.sw[data-v-a5871e22]{bottom:-8px;cursor:nesw-resize;left:-8px}.crop-handle.w[data-v-a5871e22]{cursor:ew-resize;left:-8px;top:50%;transform:translateY(-50%)}.crop-summary[data-v-a5871e22]{color:#667085;font-size:13px;margin:0}.result-grid[data-v-a5871e22]{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.result-card[data-v-a5871e22]{border:1px solid #edf1f7;border-radius:10px;display:flex;flex-direction:column;gap:10px;min-width:0;padding:10px}.result-card .result-preview-box[data-v-a5871e22]{align-items:center;aspect-ratio:4/3;background:#f8fafc;border-radius:8px;display:flex;justify-content:center;overflow:hidden;width:100%}.result-card img[data-v-a5871e22]{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.result-card .file-result[data-v-a5871e22]{align-items:center;color:#667085;display:flex;font-size:13px;height:100%;justify-content:center;padding:12px;text-align:center;width:100%;word-break:break-all}.result-grid-single[data-v-a5871e22]{grid-template-columns:minmax(0,1fr)}.preview-panel>.result-grid-single[data-v-a5871e22]{align-content:stretch;min-height:calc(var(--image-tool-height) - 28px)}.preview-panel>.result-grid-single .result-card[data-v-a5871e22]{justify-content:center;min-height:0}.preview-panel>.result-grid-single .result-preview-box[data-v-a5871e22]{aspect-ratio:auto;flex:1 1 auto;min-height:320px}.result-meta[data-v-a5871e22]{min-width:0}.result-meta span[data-v-a5871e22],.result-meta strong[data-v-a5871e22]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-meta strong[data-v-a5871e22]{color:#10162f;font-size:13px}.result-meta span[data-v-a5871e22]{color:#667085;font-size:12px;margin-top:4px}.crop-output-panel[data-v-a5871e22]{display:flex;flex-direction:column;gap:12px;overflow:auto;padding:14px}.crop-output-head[data-v-a5871e22]{align-items:center;display:flex;gap:10px;justify-content:space-between}.crop-output-head strong[data-v-a5871e22]{color:#10162f;font-size:15px;line-height:22px}.crop-output-head span[data-v-a5871e22]{color:#667085;font-size:12px}.crop-output-grid[data-v-a5871e22]{align-content:start;grid-template-columns:minmax(0,1fr)}.crop-output-grid .result-card[data-v-a5871e22]{min-width:0}.crop-output-grid .result-preview-box[data-v-a5871e22]{aspect-ratio:1/1;max-height:calc(100vh - 366px)}.crop-output-grid[data-v-a5871e22] .el-button{margin-left:0;width:100%}.crop-output-empty[data-v-a5871e22]{flex:1;min-height:0}.empty-result[data-v-a5871e22]{align-items:center;color:#667085;display:flex;flex-direction:column;justify-content:center;min-height:360px}.empty-result strong[data-v-a5871e22]{color:#10162f;font-size:16px}.empty-result span[data-v-a5871e22]{font-size:13px;margin-top:8px}.spec-table[data-v-a5871e22]{overflow:auto}.spec-table table[data-v-a5871e22]{border-collapse:collapse;min-width:760px;width:100%}.spec-table td[data-v-a5871e22],.spec-table th[data-v-a5871e22]{border-bottom:1px solid #edf1f7;color:#344054;font-size:13px;padding:11px 12px;text-align:left}.spec-table th[data-v-a5871e22]{background:#f8fbff;color:#10162f;font-weight:700;position:sticky;top:0;z-index:1}.svg-preview[data-v-a5871e22]{align-items:center;background:#f8fbff;border-radius:10px;display:flex;justify-content:center;min-height:420px;overflow:auto}.svg-preview[data-v-a5871e22] svg{height:auto;max-width:100%}.data-canvas[data-v-a5871e22],.doodle-canvas[data-v-a5871e22],.picker-canvas[data-v-a5871e22]{background:#fff;border:1px solid #e6ebf3;border-radius:10px;max-height:calc(100vh - 260px);touch-action:none;width:100%}.picker-wrap[data-v-a5871e22]{display:flex;flex-direction:column;gap:12px}.color-output[data-v-a5871e22]{align-items:stretch;display:grid;gap:10px;grid-template-columns:80px repeat(4,minmax(0,1fr))}.color-output .color-swatch[data-v-a5871e22]{border:1px solid #e6ebf3;border-radius:10px;min-height:68px}.color-output div[data-v-a5871e22]{border:1px solid #edf1f7;border-radius:10px;display:flex;flex-direction:column;gap:6px;min-width:0;padding:10px}.color-output strong[data-v-a5871e22]{color:#667085;font-size:12px}.color-output button[data-v-a5871e22]{background:transparent;border:0;color:#10162f;cursor:pointer;padding:0;text-align:left}.history-colors[data-v-a5871e22]{display:flex;flex-wrap:wrap;gap:8px}.history-colors button[data-v-a5871e22]{border:1px solid #d8deea;border-radius:50%;cursor:pointer;height:28px;width:28px}.info-table[data-v-a5871e22]{display:grid;gap:8px}.info-table div[data-v-a5871e22]{background:#f8fbff;border-radius:8px;color:#344054;display:grid;font-size:13px;gap:12px;grid-template-columns:150px minmax(0,1fr);padding:10px 12px}.info-table strong[data-v-a5871e22]{color:#10162f}.image-missing[data-v-a5871e22]{padding:28px}.image-missing[data-v-a5871e22],.image-tool-intro[data-v-a5871e22]{background:#fff;border:1px solid #e6ebf3;border-radius:12px}.image-tool-intro[data-v-a5871e22]{color:#344054;margin-bottom:24px;margin-top:0}.image-tool-intro h2[data-v-a5871e22]{border-bottom-color:#e6ebf3;color:#10162f}.image-tool-intro .seo-lead[data-v-a5871e22]{color:#475467;font-weight:600}@media (max-width:768px){.image-tool[data-v-a5871e22]{min-height:auto}.control-grid[data-v-a5871e22],.image-workspace[data-v-a5871e22]{grid-template-columns:minmax(0,1fr)}.image-tool-crop[data-v-a5871e22],.image-tool-resize[data-v-a5871e22]{height:auto;overflow:visible}.image-tool-crop .image-workspace[data-v-a5871e22],.image-tool-resize .image-workspace[data-v-a5871e22]{grid-template-columns:minmax(0,1fr)}.image-tool-crop .preview-panel[data-v-a5871e22],.image-tool-resize .preview-panel[data-v-a5871e22]{overflow:auto}.crop-controls[data-v-a5871e22]{grid-template-columns:repeat(2,minmax(0,1fr))}.crop-shortcuts[data-v-a5871e22]{grid-column:1/-1}.resize-shortcuts[data-v-a5871e22]{grid-template-columns:repeat(2,minmax(0,1fr))}.color-preset-row[data-v-a5871e22]{grid-template-columns:32px repeat(2,minmax(0,1fr))}.crop-stage[data-v-a5871e22],.crop-stage img[data-v-a5871e22]{max-height:42vh}.preview-panel>.result-grid-single[data-v-a5871e22]{min-height:44vh}.preview-panel>.result-grid-single .result-preview-box[data-v-a5871e22]{min-height:260px}.crop-output-grid .result-preview-box[data-v-a5871e22]{max-height:34vh}.color-output[data-v-a5871e22],.info-table div[data-v-a5871e22]{grid-template-columns:minmax(0,1fr)}}