.image-compress-page[data-v-bb56a320]{background:linear-gradient(180deg,#fafbfc 0,#fff);margin:0 auto;max-width:1400px;min-height:100vh;padding:20px;position:relative;text-align:center}.image-compress-page .tool-seo-doc[data-v-bb56a320]{border-top:1px solid #eef2f7;margin:40px auto 0;max-width:960px;padding:24px 24px 0;text-align:left}.image-compress-page .tool-seo-h2[data-v-bb56a320]{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 12px}.image-compress-page .tool-seo-p[data-v-bb56a320]{color:#4b5563;font-size:14px;line-height:1.7;margin:0}.image-compress-page .file-input[data-v-bb56a320]{display:none}.image-compress-page .page-top[data-v-bb56a320]{margin:0 auto 28px;max-width:960px;padding:0 24px;text-align:left}.image-compress-page .page-top-inner[data-v-bb56a320]{display:flex;flex-direction:column;gap:20px}.image-compress-page .page-top-intro[data-v-bb56a320]{align-items:flex-start;display:flex;gap:16px}.image-compress-page .page-top-intro .top-icon[data-v-bb56a320]{filter:drop-shadow(0 2px 4px rgba(0,0,0,.08));flex-shrink:0;height:52px;width:52px}.image-compress-page .page-top-intro .page-top-titles[data-v-bb56a320]{min-width:0}.image-compress-page .page-top-intro .page-title[data-v-bb56a320]{color:#111827;font-size:26px;font-weight:700;letter-spacing:-.3px;line-height:1.2;margin:0 0 8px}.image-compress-page .page-top-intro .page-top-desc[data-v-bb56a320]{color:#6b7280;font-size:14px;line-height:1.65;margin:0}.image-compress-page .upload-strip[data-v-bb56a320]{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);border:2px dashed #cbd5e1;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;min-height:168px;padding:28px;transition:border-color .2s,background .2s,box-shadow .2s}.image-compress-page .upload-strip[data-v-bb56a320]:hover{background:linear-gradient(135deg,#eff6ff,#f9fafb);border-color:#60a5fa;box-shadow:0 2px 8px #3b82f61f}.image-compress-page .upload-strip.is-dragging[data-v-bb56a320]{background:#dbeafe;border-color:#2563eb}.image-compress-page .upload-strip .upload-strip-text[data-v-bb56a320]{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:left}.image-compress-page .upload-strip .upload-strip-title[data-v-bb56a320]{color:#1e293b;font-size:15px;font-weight:600}.image-compress-page .upload-strip .upload-strip-sub[data-v-bb56a320]{color:#64748b;font-size:13px;line-height:1.45}.image-compress-page .upload-strip .upload-strip-btn[data-v-bb56a320]{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:10px 22px;transition:transform .15s,box-shadow .15s}.image-compress-page .upload-strip .upload-strip-btn[data-v-bb56a320]:hover{box-shadow:0 4px 12px #2563eb59}.image-compress-page .workflow-main[data-v-bb56a320]{margin:0 auto;max-width:960px;padding:0 24px 40px;text-align:left}.image-compress-page .section-label[data-v-bb56a320]{color:#374151;font-size:13px;font-weight:600;letter-spacing:.02em;margin:0 0 10px}@media (max-width:640px){.image-compress-page .page-top[data-v-bb56a320]{padding:0 16px}.image-compress-page .page-top-intro .page-title[data-v-bb56a320]{font-size:22px}.image-compress-page .upload-strip[data-v-bb56a320]{align-items:stretch;flex-direction:column;justify-content:center;min-height:200px;padding:24px 20px}.image-compress-page .upload-strip .upload-strip-btn[data-v-bb56a320]{width:100%}.image-compress-page .workflow-main[data-v-bb56a320]{padding:0 16px 32px}}.image-compress-page .file-info-container[data-v-bb56a320]{display:flex;flex-wrap:wrap;gap:12px;margin:0 auto 20px;max-width:960px;text-align:left}.image-compress-page .file-info-container .file-item[data-v-bb56a320]{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:12px;padding:12px}.image-compress-page .file-info-container .file-item .image-preview-wrapper[data-v-bb56a320]{background-color:#f3f4f6;border-radius:6px;cursor:pointer;flex-shrink:0;height:120px;overflow:hidden;position:relative;transition:transform .2s;width:120px}.image-compress-page .file-info-container .file-item .image-preview-wrapper[data-v-bb56a320]:hover{transform:scale(1.05)}.image-compress-page .file-info-container .file-item .image-preview-wrapper .preview-image[data-v-bb56a320]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.image-compress-page .file-info-container .file-item .image-preview-wrapper .image-size-badge[data-v-bb56a320]{background-color:#000000b3;border-radius:4px;bottom:4px;color:#fff;font-size:12px;padding:2px 8px;position:absolute;right:4px}.image-compress-page .file-info-container .file-item .file-info[data-v-bb56a320]{display:flex;flex:1;flex-direction:column;gap:8px}.image-compress-page .file-info-container .file-item .file-info .file-name[data-v-bb56a320]{color:#333;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-compress-page .file-info-container .file-item .file-info .upload-status[data-v-bb56a320]{color:#10b981;font-size:12px}.image-compress-page .file-info-container .file-item .delete-btn[data-v-bb56a320]{background:transparent;border:none;color:#9ca3af;cursor:pointer;flex-shrink:0;padding:4px;transition:color .2s}.image-compress-page .file-info-container .file-item .delete-btn[data-v-bb56a320]:hover{color:#ef4444}.image-compress-page .compress-settings[data-v-bb56a320]{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin:0 auto 20px;max-width:960px;padding:14px 16px;text-align:left}.image-compress-page .compress-settings .setting-head[data-v-bb56a320]{margin-bottom:12px}.image-compress-page .compress-settings .setting-head .setting-title[data-v-bb56a320]{color:#111827;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.image-compress-page .compress-settings .setting-head .setting-sub[data-v-bb56a320]{color:#6b7280;font-size:13px;line-height:1.5}.image-compress-page .compress-settings .percent-row[data-v-bb56a320]{align-items:center;display:flex;flex-wrap:wrap;gap:12px 16px}.image-compress-page .compress-settings .percent-chips[data-v-bb56a320]{display:flex;flex-wrap:wrap;gap:8px}.image-compress-page .compress-settings .percent-chip[data-v-bb56a320]{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:6px 12px;transition:border-color .15s,background .15s,color .15s}.image-compress-page .compress-settings .percent-chip[data-v-bb56a320]:hover{background:#eff6ff;border-color:#93c5fd}.image-compress-page .compress-settings .percent-chip.active[data-v-bb56a320]{background:#eff6ff;border-color:#2563eb;color:#1d4ed8;font-weight:600}.image-compress-page .compress-settings .percent-manual[data-v-bb56a320]{align-items:center;color:#4b5563;display:inline-flex;font-size:13px;gap:8px}.image-compress-page .compress-settings .percent-manual .percent-input[data-v-bb56a320]{border:1px solid #d1d5db;border-radius:4px;color:#111827;font-size:14px;padding:6px 8px;width:72px}.image-compress-page .compress-settings .percent-manual .percent-input[data-v-bb56a320]:focus{border-color:#3b82f6;outline:none}.image-compress-page .result-container[data-v-bb56a320]{margin:0 auto 20px;max-width:960px;text-align:left}.image-compress-page .result-container .result-item[data-v-bb56a320]{align-items:center;background-color:#f0fdf4;border:1px solid #86efac;border-radius:6px;display:flex;gap:16px;padding:16px}.image-compress-page .result-container .result-item .zip-result-placeholder[data-v-bb56a320]{align-items:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:6px;display:flex;flex-shrink:0;height:120px;justify-content:center;overflow:hidden;position:relative;width:120px}.image-compress-page .result-container .result-item .zip-result-placeholder .zip-icon[data-v-bb56a320]{color:#4f46e5;font-size:22px;font-weight:800;letter-spacing:.06em}.image-compress-page .result-container .result-item .zip-result-placeholder .image-size-badge[data-v-bb56a320]{background-color:#000000b3;border-radius:4px;bottom:4px;color:#fff;font-size:12px;padding:2px 8px;position:absolute;right:4px}.image-compress-page .result-container .result-item .image-preview-wrapper[data-v-bb56a320]{background-color:#f3f4f6;border-radius:6px;flex-shrink:0;height:120px;overflow:hidden;position:relative;width:120px}.image-compress-page .result-container .result-item .image-preview-wrapper .preview-image[data-v-bb56a320]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.image-compress-page .result-container .result-item .image-preview-wrapper .image-size-badge[data-v-bb56a320]{background-color:#000000b3;border-radius:4px;bottom:4px;color:#fff;font-size:12px;padding:2px 8px;position:absolute;right:4px}.image-compress-page .result-container .result-item .file-info[data-v-bb56a320]{display:flex;flex:1;flex-direction:column;gap:8px}.image-compress-page .result-container .result-item .file-info .file-name[data-v-bb56a320]{color:#333;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-compress-page .result-container .result-item .file-info .upload-status[data-v-bb56a320]{color:#10b981;font-size:12px}.image-compress-page .action-buttons[data-v-bb56a320]{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin:24px auto 0;max-width:960px}.image-compress-page .action-buttons .ghost-btn[data-v-bb56a320]{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .15s,border-color .15s}.image-compress-page .action-buttons .ghost-btn[data-v-bb56a320]:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.image-compress-page .action-buttons .compress-btn-primary[data-v-bb56a320]{border-radius:8px;font-size:15px;font-weight:600;padding:10px 28px}.image-compress-page .action-buttons .reupload-btn[data-v-bb56a320]{background-color:#fafafa;border:1px solid #e5e7eb;border-radius:4px;color:#666;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.image-compress-page .action-buttons .reupload-btn[data-v-bb56a320]:hover{background-color:#f3f4f6}.image-compress-page .action-buttons .compress-btn[data-v-bb56a320]{background-color:#0057ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 24px;transition:background-color .2s}.image-compress-page .action-buttons .compress-btn[data-v-bb56a320]:hover{background-color:#2563eb}.image-compress-page .action-buttons .compress-btn[data-v-bb56a320]:disabled{background-color:#9ca3af;cursor:not-allowed}.image-compress-page .action-buttons .compress-btn[data-v-bb56a320]:disabled:hover{background-color:#9ca3af}.image-compress-page .action-buttons .download-btn[data-v-bb56a320]{background-color:#0057ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 24px;transition:background-color .2s}.image-compress-page .action-buttons .download-btn[data-v-bb56a320]:hover:not(:disabled){background-color:#2563eb}.image-compress-page .action-buttons .download-btn[data-v-bb56a320]:disabled{background-color:#9ca3af;cursor:not-allowed}.image-compress-page .image-preview-modal[data-v-bb56a320]{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.image-compress-page .image-preview-modal .modal-overlay[data-v-bb56a320]{background:#000c;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.image-compress-page .image-preview-modal .modal-content[data-v-bb56a320]{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-compress-page .image-preview-modal .modal-content .modal-close[data-v-bb56a320]{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-compress-page .image-preview-modal .modal-content .modal-close[data-v-bb56a320]:hover{background:#f0f0f0;color:#333}.image-compress-page .image-preview-modal .modal-content .modal-image[data-v-bb56a320]{border-radius:4px;max-height:80vh;max-width:100%;-o-object-fit:contain;object-fit:contain}