.image-compressor[data-v-665ab1af]{max-width:1200px;margin:0 auto}.upload-section[data-v-665ab1af]{margin-bottom:20px}.upload-demo[data-v-665ab1af]{width:100%}.compression-section[data-v-665ab1af]{margin:20px 0}.image-info[data-v-665ab1af]{margin-bottom:20px}.settings-section[data-v-665ab1af]{margin:20px 0}.preview-section[data-v-665ab1af]{margin-top:20px}.preview-card[data-v-665ab1af]{text-align:center;padding:20px;border:1px solid var(--el-border-color);border-radius:8px;background:var(--el-bg-color-page);display:flex;flex-direction:column;gap:15px}.preview-card h3[data-v-665ab1af]{margin:0;color:var(--el-text-color-primary);font-size:16px;flex-shrink:0}.image-container[data-v-665ab1af]{height:500px;flex:1;display:flex;align-items:center;justify-content:center;background:var(--el-fill-color-lighter);border-radius:4px;overflow:hidden;border:1px solid var(--el-border-color-lighter)}.preview-image[data-v-665ab1af]{width:100%;height:100%;object-fit:contain}.image-stats[data-v-665ab1af]{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;flex-shrink:0}.download-section[data-v-665ab1af]{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid var(--el-border-color)}.download-section .el-button[data-v-665ab1af]{margin:0 10px}.batch-mode-section[data-v-665ab1af]{margin-bottom:20px;padding:16px;background:var(--el-bg-color-page);border-radius:8px;border:1px solid var(--el-border-color-light)}.batch-limit-info[data-v-665ab1af]{margin-top:12px;display:flex;align-items:center}.batch-limit-info .el-icon[data-v-665ab1af]{margin-right:4px}.batch-result-section[data-v-665ab1af]{margin-top:24px}.batch-progress[data-v-665ab1af]{margin-bottom:20px;padding:16px;background:var(--el-bg-color-page);border-radius:8px;text-align:center}.batch-progress p[data-v-665ab1af]{margin:8px 0 0;color:var(--el-text-color-regular);font-size:14px}.batch-list[data-v-665ab1af]{margin-bottom:20px}.file-info[data-v-665ab1af]{display:flex;align-items:center}.file-info span[data-v-665ab1af]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-actions[data-v-665ab1af]{text-align:center;padding:16px;background:var(--el-bg-color-page);border-radius:8px}.batch-actions .el-button[data-v-665ab1af]{margin:0 8px}.compression-ratio[data-v-665ab1af]{color:var(--el-color-success);font-weight:700}.action-buttons[data-v-665ab1af]{display:flex;flex-direction:column;gap:4px;align-items:stretch}.action-buttons .el-button[data-v-665ab1af]{margin:0;min-width:60px}.realtime-preview-section[data-v-665ab1af]{padding:16px;background:var(--el-bg-color-page);border-radius:8px;margin-bottom:16px;border:1px solid var(--el-border-color-light)}.el-tabs--border-card[data-v-665ab1af]{border:1px solid var(--el-border-color-light);border-radius:8px;overflow:hidden}.el-tabs--border-card .el-tabs__content[data-v-665ab1af]{padding:20px}.slider-compare-container[data-v-665ab1af]{max-width:1000px;margin:0 auto}.slider-compare[data-v-665ab1af]{position:relative;width:100%;height:600px;overflow:hidden;cursor:ew-resize;user-select:none;border-radius:8px;background:var(--el-fill-color-lighter);border:1px solid var(--el-border-color)}.compare-layer[data-v-665ab1af]{position:absolute;top:0;left:0;width:100%;height:100%}.compare-layer img[data-v-665ab1af]{width:100%;height:100%;object-fit:contain;display:block}.original-layer[data-v-665ab1af]{z-index:1}.compressed-layer[data-v-665ab1af]{z-index:2}.compare-slider[data-v-665ab1af]{position:absolute;top:0;bottom:0;width:3px;background:var(--el-color-primary);transform:translate(-50%);transition:none;z-index:3}.slider-handle[data-v-665ab1af]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:var(--el-color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:2px;box-shadow:0 2px 8px #0003}.slider-handle .el-icon[data-v-665ab1af]{color:#fff;font-size:14px}.compare-labels[data-v-665ab1af]{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;pointer-events:none;z-index:4}.compare-labels span[data-v-665ab1af]{padding:6px 12px;background:#0009;color:#fff;border-radius:4px;font-size:14px;font-weight:500}.slider-stats[data-v-665ab1af]{margin-top:16px;text-align:center;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.preview-placeholder[data-v-665ab1af]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:300px}.slider-loading[data-v-665ab1af]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10}.slider-loading .el-icon[data-v-665ab1af]{font-size:48px;color:var(--el-color-primary);margin-bottom:16px}.slider-loading p[data-v-665ab1af]{color:var(--el-text-color-regular);margin:0}@media (max-width: 768px){.preview-card[data-v-665ab1af]{margin-bottom:20px}.download-section .el-button[data-v-665ab1af]{display:block;width:100%;margin:10px 0}.batch-list .el-table[data-v-665ab1af]{font-size:12px}.file-info[data-v-665ab1af]{flex-direction:column;align-items:flex-start}.file-info .el-image[data-v-665ab1af]{margin-bottom:4px}.image-container[data-v-665ab1af]{height:350px}.slider-compare[data-v-665ab1af]{height:400px}.compare-labels span[data-v-665ab1af]{font-size:12px;padding:4px 8px}}