.image-convert-format-page[data-v-7954534a]{background:linear-gradient(180deg,#fafbfc 0,#fff);margin:0 auto;max-width:1400px;min-height:0;padding:20px;position:relative;text-align:left}.image-convert-format-page .file-input[data-v-7954534a]{display:none}.image-convert-format-page .image-tool-upload-workspace[data-v-7954534a]{display:flex;flex-direction:column;max-height:calc(100vh - 130px);min-height:0;overflow:hidden;width:100%}@media (max-width:1024px){.image-convert-format-page .image-tool-upload-workspace[data-v-7954534a]{max-height:none;overflow:visible}}.image-convert-format-page .preview-card--upload-empty .card-body--upload-empty[data-v-7954534a]{display:flex;flex:1;flex-direction:column;min-height:0}.image-convert-format-page .image-tool-upload-workspace .page-header-2[data-v-7954534a]{flex-shrink:0;margin-bottom:6px}.image-convert-format-page .image-tool-upload-workspace .page-header-2 .top-icon[data-v-7954534a]{height:44px;width:44px}.image-convert-format-page .image-tool-upload-workspace .page-header-2 .title[data-v-7954534a]{font-size:17px}.image-convert-format-page .page-header-2[data-v-7954534a]{align-items:center;display:flex;flex-direction:row;margin-bottom:20px}.image-convert-format-page .page-header-2 .top-icon[data-v-7954534a]{height:50px;width:50px}.image-convert-format-page .page-header-2 .title[data-v-7954534a]{color:#333;font-size:18px;font-weight:600;margin-bottom:0;margin-left:6px;margin-top:0}.image-convert-format-page .image-tool-upload-workspace .main-content-wrapper[data-v-7954534a]{flex:1;min-height:0}.image-convert-format-page .main-content-wrapper[data-v-7954534a]{align-items:stretch;display:grid;gap:12px;grid-template-columns:1fr minmax(300px,400px);grid-template-rows:minmax(0,1fr);margin:0 auto;max-width:1400px;min-height:0;overflow:hidden}@media (max-width:1024px){.image-convert-format-page .main-content-wrapper[data-v-7954534a]{flex:none;grid-template-columns:1fr;height:auto;max-height:none;overflow:visible}}.image-convert-format-page .preview-section[data-v-7954534a]{display:flex;flex-direction:column;gap:20px;height:100%;min-height:0;overflow:hidden}@media (max-width:1024px){.image-convert-format-page .preview-section[data-v-7954534a]{height:auto;min-height:auto}}.image-convert-format-page .preview-card[data-v-7954534a]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.image-convert-format-page .preview-card[data-v-7954534a]:hover{box-shadow:0 4px 12px #0000001a}.image-convert-format-page .preview-card .card-header[data-v-7954534a]{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.image-convert-format-page .preview-card .card-header .card-title[data-v-7954534a]{align-items:center;color:#333;display:flex;font-size:15px;font-weight:600;gap:8px}.image-convert-format-page .preview-card .card-header .card-title svg[data-v-7954534a]{color:#3b82f6}.image-convert-format-page .preview-card .card-header .card-title .status-tag[data-v-7954534a]{border-radius:12px;font-size:12px;font-weight:500;margin-left:8px;padding:2px 8px}.image-convert-format-page .preview-card .card-header .card-title .status-tag.success[data-v-7954534a]{background:#d1fae5;color:#065f46}.image-convert-format-page .preview-card .card-header .card-delete-btn[data-v-7954534a]{align-items:center;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.image-convert-format-page .preview-card .card-header .card-delete-btn[data-v-7954534a]:hover{background:#f3f4f6;color:#ef4444}.image-convert-format-page .preview-card .card-body[data-v-7954534a]{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;padding:20px}.image-convert-format-page .preview-card .card-body .image-comparison-container[data-v-7954534a]{display:grid;flex:1;gap:20px;grid-template-columns:1fr;min-height:0;overflow:hidden}@media (min-width:768px){.image-convert-format-page .preview-card .card-body .image-comparison-container[data-v-7954534a]{grid-template-columns:1fr 1fr}}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item[data-v-7954534a]{display:flex;flex-direction:column;gap:12px;min-height:0}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item .image-label[data-v-7954534a]{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;justify-content:space-between}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item .image-label .compare-btn[data-v-7954534a]{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;transition:all .2s}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item .image-label .compare-btn[data-v-7954534a]:hover{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item .image-label .compare-btn svg[data-v-7954534a]{height:14px;width:14px}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item .image-preview-box[data-v-7954534a]{align-items:center;background:#f3f4f6;border-radius:8px;cursor:pointer;display:flex;flex:1;justify-content:center;min-height:0;overflow:hidden;position:relative;transition:transform .2s;width:100%}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item .image-preview-box[data-v-7954534a]:hover{transform:scale(1.02)}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item .image-preview-box:hover .image-overlay[data-v-7954534a]{opacity:1}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item .image-preview-box .preview-image[data-v-7954534a]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item .image-preview-box .image-overlay[data-v-7954534a]{align-items:center;background:#0009;bottom:0;color:#fff;display:flex;flex-direction:column;gap:8px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item .image-preview-box .image-overlay svg[data-v-7954534a]{height:32px;width:32px}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item .image-preview-box .image-overlay span[data-v-7954534a]{font-size:14px;font-weight:500}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item .converted-no-preview[data-v-7954534a]{align-items:center;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;box-sizing:border-box;display:flex;flex:1;flex-direction:column;gap:14px;justify-content:center;min-height:160px;padding:20px 16px}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item .converted-no-preview .converted-no-preview-text[data-v-7954534a]{color:#6b7280;font-size:14px;line-height:1.5;margin:0;text-align:center}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item .converted-no-preview .converted-no-preview-download[data-v-7954534a]{background:#0057ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:background-color .2s}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item .converted-no-preview .converted-no-preview-download[data-v-7954534a]:hover{background:#2563eb}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item .image-info-row[data-v-7954534a]{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item .image-info-row .info-badge[data-v-7954534a]{align-items:center;background:#f3f4f6;border-radius:6px;color:#374151;display:flex;flex:1;font-size:13px;gap:6px;min-width:0;padding:6px 12px}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item .image-info-row .info-badge svg[data-v-7954534a]{color:#6b7280;flex-shrink:0}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item .image-info-row .info-badge .file-name-text[data-v-7954534a]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item .image-info-row .size-badge[data-v-7954534a]{align-items:center;background:#eff6ff;border-radius:6px;color:#1e40af;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.image-convert-format-page .preview-card .card-body .image-comparison-container .image-item .image-info-row .size-badge svg[data-v-7954534a]{color:#3b82f6;flex-shrink:0}.image-convert-format-page .operation-panel[data-v-7954534a]{align-self:stretch;display:flex;flex-direction:column;height:100%;justify-self:end;max-width:400px;min-height:0;text-align:left;width:100%}@media (max-width:1024px){.image-convert-format-page .operation-panel[data-v-7954534a]{height:auto;justify-self:stretch;max-width:none;min-height:min(520px,70vh)}}.image-convert-format-page .format-settings-card[data-v-7954534a]{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;display:flex;flex:1;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:10px 12px;width:100%}@media (max-width:1024px){.image-convert-format-page .format-settings-card[data-v-7954534a]{flex:1 1 auto;height:auto;max-height:min(70vh,560px)}}.image-convert-format-page .format-settings-card .setting-head[data-v-7954534a]{flex-shrink:0;margin-bottom:4px}.image-convert-format-page .format-settings-card .setting-head .setting-title[data-v-7954534a]{color:#111827;display:block;font-size:14px;font-weight:600}.image-convert-format-page .format-settings-card .format-chips-scroll[data-v-7954534a]{flex:1;margin:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:4px;padding-right:4px}.image-convert-format-page .format-settings-card .format-group[data-v-7954534a]{margin-bottom:7px}.image-convert-format-page .format-settings-card .format-group[data-v-7954534a]:last-child{margin-bottom:0}.image-convert-format-page .format-settings-card .format-group-title[data-v-7954534a]{color:#374151;font-size:11px;font-weight:600;letter-spacing:.02em;line-height:1.35;margin-bottom:4px}.image-convert-format-page .format-settings-card .format-group-hint[data-v-7954534a]{color:#6b7280;font-size:11px;line-height:1.45;margin:0 0 6px}.image-convert-format-page .format-settings-card .format-chips[data-v-7954534a]{display:flex;flex-wrap:wrap;gap:5px 6px}.image-convert-format-page .format-settings-card .format-chip[data-v-7954534a]{background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#374151;cursor:pointer;font-size:12px;padding:4px 9px;transition:border-color .15s,background .15s,color .15s}.image-convert-format-page .format-settings-card .format-chip[data-v-7954534a]:hover{background:#eff6ff;border-color:#93c5fd}.image-convert-format-page .format-settings-card .format-chip.active[data-v-7954534a]{background:#eff6ff;border-color:#2563eb;color:#1d4ed8;font-weight:600}.image-convert-format-page .format-settings-card .format-action-row[data-v-7954534a]{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:stretch;margin-top:auto;padding-top:10px;position:relative;z-index:1}.image-convert-format-page .format-settings-card .format-action-row .reupload-btn[data-v-7954534a]{background-color:#fafafa;border:1px solid #e5e7eb;border-radius:4px;color:#666;cursor:pointer;flex:1;font-size:13px;min-width:0;padding:7px 10px;transition:background-color .2s}.image-convert-format-page .format-settings-card .format-action-row .reupload-btn[data-v-7954534a]:hover{background-color:#f3f4f6}.image-convert-format-page .format-settings-card .format-action-row .compress-btn[data-v-7954534a]{background-color:#0057ff;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1;font-size:13px;font-weight:600;min-width:0;padding:7px 10px;transition:background-color .2s}.image-convert-format-page .format-settings-card .format-action-row .compress-btn[data-v-7954534a]:hover:not(:disabled){background-color:#2563eb}.image-convert-format-page .format-settings-card .format-action-row .compress-btn[data-v-7954534a]:disabled{background-color:#9ca3af;cursor:not-allowed}.image-convert-format-page .format-settings-card .format-action-row .download-btn[data-v-7954534a]{background-color:#0057ff;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1;font-size:13px;font-weight:600;min-width:0;padding:7px 10px;transition:background-color .2s}.image-convert-format-page .format-settings-card .format-action-row .download-btn[data-v-7954534a]:hover{background-color:#2563eb}.image-convert-format-page .upload-area[data-v-7954534a]{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border:2px dashed #d1d5db;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:380px;overflow:hidden;padding:50px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.image-convert-format-page .upload-area[data-v-7954534a]:before{background:radial-gradient(circle at 30% 50%,rgba(59,130,246,.05) 0,transparent 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.image-convert-format-page .upload-area[data-v-7954534a]:hover{background:linear-gradient(135deg,#eff6ff,#f9fafb);border-color:#60a5fa;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.image-convert-format-page .upload-area[data-v-7954534a]:hover:before{opacity:1}.image-convert-format-page .upload-area.is-dragging[data-v-7954534a]{background:linear-gradient(135deg,#dbeafe,#eff6ff);border-color:#3b82f6;box-shadow:0 10px 15px -3px #3b82f64d,0 4px 6px -2px #3b82f633;transform:scale(1.01)}.image-convert-format-page .upload-area.is-dragging[data-v-7954534a]:before{opacity:1}.image-convert-format-page .upload-area .upload-btn[data-v-7954534a]{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #3b82f64d,0 2px 4px -1px #3b82f633;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;padding:14px 56px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.image-convert-format-page .upload-area .upload-btn[data-v-7954534a]:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 15px -3px #3b82f666,0 4px 6px -2px #3b82f64d;transform:translateY(-1px)}.image-convert-format-page .upload-area .upload-btn[data-v-7954534a]:active{box-shadow:0 2px 4px -1px #3b82f64d;transform:translateY(0)}.image-convert-format-page .upload-area .upload-btn svg[data-v-7954534a]{height:18px;margin-right:10px;width:18px}.image-convert-format-page .upload-area .upload-tip[data-v-7954534a]{color:#6b7280;font-size:14px;line-height:1.7;margin-top:24px;max-width:100%;padding:0 10px;text-align:center}.image-convert-format-page .upload-area.upload-area--in-card[data-v-7954534a]{min-height:360px;padding:40px 28px}@media (max-width:968px){.image-convert-format-page .upload-area.upload-area--in-card[data-v-7954534a]{min-height:300px;padding:32px 20px}}@media (max-width:640px){.image-convert-format-page .upload-area.upload-area--in-card[data-v-7954534a]{min-height:260px;padding:28px 16px}.image-convert-format-page .upload-area.upload-area--in-card .upload-btn[data-v-7954534a]{font-size:15px;padding:12px 40px}.image-convert-format-page .upload-area.upload-area--in-card .upload-tip[data-v-7954534a]{font-size:13px;margin-top:16px}}.image-convert-format-page .image-preview-modal[data-v-7954534a]{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.image-convert-format-page .image-preview-modal .modal-overlay[data-v-7954534a]{background:#000c;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.image-convert-format-page .image-preview-modal .modal-content[data-v-7954534a]{align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;justify-content:center;max-height:90%;max-width:90%;padding:20px;position:relative}.image-convert-format-page .image-preview-modal .modal-content .modal-close[data-v-7954534a]{align-items:center;background:transparent;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;position:absolute;right:10px;top:10px;transition:background-color .2s;width:40px;z-index:1001}.image-convert-format-page .image-preview-modal .modal-content .modal-close[data-v-7954534a]:hover{background:#f0f0f0;color:#333}.image-convert-format-page .image-preview-modal .modal-content .modal-image[data-v-7954534a]{border-radius:4px;max-height:80vh;max-width:100%;-o-object-fit:contain;object-fit:contain}.image-convert-format-page .compare-modal[data-v-7954534a]{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.image-convert-format-page .compare-modal .modal-overlay[data-v-7954534a]{background:#000c;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.image-convert-format-page .compare-modal .compare-modal-content[data-v-7954534a]{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:95vh;max-width:95%;overflow:auto;padding:24px;position:relative}.image-convert-format-page .compare-modal .compare-modal-content .modal-close[data-v-7954534a]{align-items:center;background:transparent;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;position:absolute;right:12px;top:12px;transition:background-color .2s;width:40px;z-index:1001}.image-convert-format-page .compare-modal .compare-modal-content .modal-close[data-v-7954534a]:hover{background:#f0f0f0;color:#333}.image-convert-format-page .compare-modal .compare-modal-content .compare-title[data-v-7954534a]{color:#333;font-size:18px;font-weight:600;margin-bottom:20px;text-align:center}.image-convert-format-page .compare-modal .compare-modal-content .compare-images[data-v-7954534a]{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.image-convert-format-page .compare-modal .compare-modal-content .compare-images .compare-item[data-v-7954534a]{display:flex;flex:1;flex-direction:column;gap:12px;max-width:500px;min-width:300px}.image-convert-format-page .compare-modal .compare-modal-content .compare-images .compare-item .compare-label[data-v-7954534a]{color:#374151;font-size:14px;font-weight:600;text-align:center}.image-convert-format-page .compare-modal .compare-modal-content .compare-images .compare-item .compare-image[data-v-7954534a]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-height:60vh;-o-object-fit:contain;object-fit:contain;width:100%}.image-convert-format-page .compare-modal .compare-modal-content .compare-images .compare-item .compare-info[data-v-7954534a]{background:#f9fafb;border-radius:6px;display:flex;flex-direction:column;gap:6px;padding:12px}.image-convert-format-page .compare-modal .compare-modal-content .compare-images .compare-item .compare-info .compare-file-name[data-v-7954534a]{color:#374151;font-size:13px;font-weight:500;word-break:break-all}.image-convert-format-page .compare-modal .compare-modal-content .compare-images .compare-item .compare-info .compare-file-size[data-v-7954534a]{color:#6b7280;font-size:12px}.image-convert-format-page .compare-modal .compare-modal-content .compare-images .compare-divider[data-v-7954534a]{align-items:center;color:#9ca3af;display:flex;flex-shrink:0;justify-content:center}.image-convert-format-page .compare-modal .compare-modal-content .compare-images .compare-divider svg[data-v-7954534a]{height:32px;width:32px}@media (max-width:768px){.image-convert-format-page .compare-modal .compare-modal-content .compare-images .compare-divider[data-v-7954534a]{margin:10px 0;transform:rotate(90deg)}}.image-convert-format-page .preview-card--batch .card-body--batch[data-v-7954534a]{padding-top:8px}.image-convert-format-page .preview-card--batch .batch-limit-hint[data-v-7954534a]{color:#64748b;font-size:13px;margin:0 0 12px}.image-convert-format-page .preview-card--batch .batch-file-list[data-v-7954534a]{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto}.image-convert-format-page .preview-card--batch .batch-file-item[data-v-7954534a]{align-items:center;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:8px 10px}.image-convert-format-page .preview-card--batch .batch-thumb-wrap[data-v-7954534a]{background:#e5e7eb;border-radius:6px;cursor:zoom-in;flex-shrink:0;height:56px;overflow:hidden;width:56px}.image-convert-format-page .preview-card--batch .batch-thumb[data-v-7954534a]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.image-convert-format-page .preview-card--batch .batch-file-meta[data-v-7954534a]{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.image-convert-format-page .preview-card--batch .batch-file-name[data-v-7954534a]{color:#111827;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-convert-format-page .preview-card--batch .batch-file-size[data-v-7954534a]{color:#6b7280;font-size:12px}.image-convert-format-page .preview-card--batch .batch-remove-btn[data-v-7954534a]{background:transparent;border:none;color:#9ca3af;cursor:pointer;font-size:20px;line-height:1;padding:4px 8px}.image-convert-format-page .preview-card--batch .batch-remove-btn[data-v-7954534a]:hover{color:#ef4444}.image-convert-format-page .ghost-btn[data-v-7954534a]{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#4b5563;cursor:pointer;font-size:14px;padding:8px 14px}.image-convert-format-page .ghost-btn[data-v-7954534a]:hover{background:#f9fafb;border-color:#9ca3af}