.compress-tool[data-v-2dc1a872]{z-index:1;max-width:1100px;margin:0 auto;padding:32px 24px 80px;position:relative}.page-header[data-v-2dc1a872]{margin-bottom:28px}.page-header h1[data-v-2dc1a872]{color:var(--vt-text);margin:0 0 8px;font-size:28px;font-weight:700;transition:color .3s}.page-header p[data-v-2dc1a872]{color:var(--vt-text-secondary);margin:0;font-size:14px;transition:color .3s}.drop-zone[data-v-2dc1a872]{border:2px dashed var(--vt-border);text-align:center;cursor:pointer;background:var(--vt-bg-card);border-radius:16px;margin-bottom:24px;padding:48px 24px;transition:all .3s}.drop-zone[data-v-2dc1a872]:hover,.drop-zone.dragging[data-v-2dc1a872]{border-color:var(--vt-primary);background:var(--vt-primary-light)}.drop-icon[data-v-2dc1a872]{color:var(--vt-primary);margin-bottom:16px}.drop-title[data-v-2dc1a872]{color:var(--vt-text);margin:0 0 6px;font-size:16px;font-weight:600}.drop-hint[data-v-2dc1a872]{color:var(--vt-text-muted);margin:0;font-size:13px}.card[data-v-2dc1a872]{background:var(--vt-bg-card);border:1px solid var(--vt-border);box-shadow:var(--vt-shadow-sm);border-radius:14px;margin-bottom:16px;padding:20px 24px;transition:background .3s,border-color .3s}.batch-controls .control-row[data-v-2dc1a872]{flex-wrap:wrap;gap:20px;margin-bottom:16px;display:flex}.control-item[data-v-2dc1a872]{flex-direction:column;gap:6px;display:flex}.control-item label[data-v-2dc1a872]{color:var(--vt-text-secondary);font-size:13px;font-weight:600}.control-item.small label[data-v-2dc1a872]{font-size:12px}.quality-row[data-v-2dc1a872]{align-items:center;gap:10px;display:flex}.quality-val[data-v-2dc1a872]{color:var(--vt-primary);min-width:42px;font-size:13px;font-weight:600}.slider[data-v-2dc1a872]{width:140px;accent-color:var(--vt-primary);cursor:pointer}.select-input[data-v-2dc1a872]{border:1px solid var(--vt-border);background:var(--vt-bg-input);color:var(--vt-text);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:13px;transition:background .3s,border-color .3s,color .3s}.select-input[data-v-2dc1a872]:focus{border-color:var(--vt-primary);outline:none}.num-input[data-v-2dc1a872]{border:1px solid var(--vt-border);background:var(--vt-bg-input);width:80px;color:var(--vt-text);border-radius:6px;padding:6px 10px;font-size:13px;transition:background .3s,border-color .3s,color .3s}.num-input.tiny[data-v-2dc1a872]{width:66px}.num-input[data-v-2dc1a872]:focus{border-color:var(--vt-primary);outline:none}.batch-actions[data-v-2dc1a872]{flex-wrap:wrap;gap:8px;display:flex}.btn[data-v-2dc1a872]{cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:opacity .15s,transform .1s,background .3s}.btn[data-v-2dc1a872]:active{transform:scale(.97)}.btn[data-v-2dc1a872]:disabled{opacity:.5;cursor:not-allowed}.btn-sm[data-v-2dc1a872]{padding:6px 14px;font-size:13px}.btn-primary[data-v-2dc1a872]{background:var(--vt-primary);color:#fff}.btn-primary[data-v-2dc1a872]:hover:not(:disabled){opacity:.9}.btn-success[data-v-2dc1a872]{background:var(--vt-success);color:#fff}.btn-success[data-v-2dc1a872]:hover:not(:disabled){opacity:.9}.btn-danger[data-v-2dc1a872]{background:var(--vt-error);color:#fff}.btn-danger[data-v-2dc1a872]:hover:not(:disabled){opacity:.9}.btn-outline[data-v-2dc1a872]{border:1px solid var(--vt-primary);color:var(--vt-primary);background:0 0}.btn-outline[data-v-2dc1a872]:hover{background:var(--vt-primary-light)}.btn-ghost[data-v-2dc1a872]{color:var(--vt-text-secondary);background:0 0}.btn-ghost[data-v-2dc1a872]:hover{background:var(--vt-bg-hover);color:var(--vt-error)}.image-card .image-body[data-v-2dc1a872]{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px;display:grid}.image-panel[data-v-2dc1a872]{flex-direction:column;gap:10px;display:flex}.panel-label[data-v-2dc1a872]{color:var(--vt-text-secondary);background:var(--vt-bg-hover);border-radius:6px;width:fit-content;padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.preview-wrap[data-v-2dc1a872]{background:var(--vt-bg-input);border:1px solid var(--vt-border);border-radius:10px;justify-content:center;align-items:center;height:200px;transition:background .3s,border-color .3s;display:flex;overflow:hidden}.preview-wrap.empty[data-v-2dc1a872]{color:var(--vt-text-muted);font-size:14px}.preview-img[data-v-2dc1a872]{object-fit:contain;max-width:100%;max-height:100%}.image-meta[data-v-2dc1a872]{align-items:center;gap:12px;font-size:13px;display:flex}.filename[data-v-2dc1a872]{text-overflow:ellipsis;white-space:nowrap;color:var(--vt-text);flex:1;font-weight:500;overflow:hidden}.filesize[data-v-2dc1a872]{color:var(--vt-text-secondary);white-space:nowrap;font-family:monospace}.ratio[data-v-2dc1a872]{color:var(--vt-success);white-space:nowrap;font-weight:600}.ratio.positive[data-v-2dc1a872]{color:var(--vt-success)}.image-controls[data-v-2dc1a872]{border-top:1px solid var(--vt-border);flex-wrap:wrap;align-items:flex-end;gap:12px;padding-top:12px;display:flex}.image-actions[data-v-2dc1a872]{align-items:flex-end;gap:6px;display:flex}.total-stats h3[data-v-2dc1a872]{color:var(--vt-text);margin:0 0 16px;font-size:17px;font-weight:600}.stat-grid[data-v-2dc1a872]{flex-wrap:wrap;gap:24px;display:flex}.stat-item[data-v-2dc1a872]{flex-direction:column;gap:4px;display:flex}.stat-label[data-v-2dc1a872]{color:var(--vt-text-muted);font-size:13px}.stat-value[data-v-2dc1a872]{color:var(--vt-text);font-family:monospace;font-size:20px;font-weight:700}.stat-value.saving[data-v-2dc1a872]{color:var(--vt-success)}.stat-value.highlight[data-v-2dc1a872]{color:var(--vt-primary)}.seo-section[data-v-2dc1a872]{border-top:1px solid var(--vt-border);margin-top:48px;padding-top:32px}.seo-section h2[data-v-2dc1a872]{color:var(--vt-text);margin:0 0 20px;font-size:20px;font-weight:700;transition:color .3s}.seo-section h3[data-v-2dc1a872]{color:var(--vt-text);margin:20px 0 10px;font-size:16px;font-weight:600;transition:color .3s}.seo-content[data-v-2dc1a872]{color:var(--vt-text-secondary);font-size:14px;line-height:1.8;transition:color .3s}.seo-content p[data-v-2dc1a872]{margin:0 0 10px}.toast[data-v-2dc1a872]{background:var(--vt-bg-card);color:var(--vt-text);box-shadow:var(--vt-shadow-md);border:1px solid var(--vt-border);z-index:1000;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:background .3s,color .3s;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.fade-enter-active[data-v-2dc1a872],.fade-leave-active[data-v-2dc1a872]{transition:opacity .3s}.fade-enter-from[data-v-2dc1a872],.fade-leave-to[data-v-2dc1a872]{opacity:0}@media (width<=768px){.compress-tool[data-v-2dc1a872]{padding:24px 16px 60px}.card[data-v-2dc1a872]{padding:16px}.image-card .image-body[data-v-2dc1a872]{grid-template-columns:1fr}.batch-controls .control-row[data-v-2dc1a872]{flex-direction:column;gap:12px}.image-controls[data-v-2dc1a872]{flex-direction:column;align-items:stretch}.image-actions[data-v-2dc1a872]{justify-content:flex-end}.preview-wrap[data-v-2dc1a872]{height:160px}.stat-grid[data-v-2dc1a872]{gap:16px}.stat-value[data-v-2dc1a872]{font-size:16px}}