.upload-container[data-v-bfa441fa]{animation:fadeIn-bfa441fa .6s ease-out}@keyframes fadeIn-bfa441fa{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-card[data-v-bfa441fa]{background:white;border-radius:20px;padding:40px;box-shadow:0 20px 60px #00000014}.card-header[data-v-bfa441fa]{display:flex;align-items:center;gap:20px;margin-bottom:32px}.header-icon[data-v-bfa441fa]{width:72px;height:72px;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff}.header-text h1[data-v-bfa441fa]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 6px}.header-text p[data-v-bfa441fa]{font-size:15px;color:#666;margin:0}.compress-layout[data-v-bfa441fa]{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compress-section[data-v-bfa441fa]{display:flex;flex-direction:column;gap:16px}.section-title[data-v-bfa441fa]{font-size:16px;font-weight:600;color:#333;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.upload-area[data-v-bfa441fa]{flex:1;min-height:320px}.upload-demo[data-v-bfa441fa]{height:100%}.upload-demo[data-v-bfa441fa] .el-upload-dragger{height:100%;min-height:320px;border:2px dashed #e0e0e0;border-radius:16px;background:#fafafa;display:flex;align-items:center;justify-content:center;transition:all .3s}.upload-demo[data-v-bfa441fa] .el-upload-dragger:hover{border-color:#f093fb;background:#fff5fa}.upload-content[data-v-bfa441fa]{text-align:center}.upload-icon[data-v-bfa441fa]{color:#ccc;margin-bottom:16px}.upload-text h3[data-v-bfa441fa]{font-size:18px;color:#333;margin:0 0 8px;font-weight:600}.upload-text p[data-v-bfa441fa]{font-size:14px;color:#999;margin:0}.upload-tip[data-v-bfa441fa]{margin-top:16px;font-size:12px;color:#bbb}.preview-wrapper[data-v-bfa441fa]{display:flex;flex-direction:column;gap:12px}.preview-img-box[data-v-bfa441fa]{position:relative;background:repeating-conic-gradient(#f0f0f0 0% 25%,white 0% 50%) 50% / 20px 20px;border-radius:12px;padding:16px;min-height:280px;display:flex;align-items:center;justify-content:center;border:1px solid #eee;overflow:auto}.preview-img[data-v-bfa441fa]{max-width:100%;max-height:350px;object-fit:contain;border-radius:6px;box-shadow:0 4px 12px #00000014}.clear-btn[data-v-bfa441fa]{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;border:none;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1}.clear-btn[data-v-bfa441fa]:hover{background:rgba(0,0,0,.75);transform:scale(1.1)}.file-info[data-v-bfa441fa]{background:#f8f9fa;border-radius:10px;padding:14px 16px}.info-row[data-v-bfa441fa]{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px}.info-label[data-v-bfa441fa]{color:#888}.info-value[data-v-bfa441fa]{color:#333;font-weight:500}.info-value.highlight[data-v-bfa441fa]{color:#f5576c;font-weight:600}.info-value.success[data-v-bfa441fa]{color:#52c41a;font-weight:600}.settings-panel[data-v-bfa441fa]{background:#f8f9fa;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:18px}.setting-item[data-v-bfa441fa]{display:flex;flex-direction:column;gap:8px}.setting-label[data-v-bfa441fa]{font-size:14px;font-weight:600;color:#333}.size-input-row[data-v-bfa441fa]{display:flex;align-items:center}.format-tip[data-v-bfa441fa]{font-size:12px;color:#faad14;margin-top:4px;background:#fffbe6;padding:6px 10px;border-radius:6px}.info-desc[data-v-bfa441fa]{font-size:13px;color:#888}.compress-btn[data-v-bfa441fa]{width:100%;justify-content:center;gap:8px;margin-top:6px;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border:none;border-radius:12px}.compress-btn[data-v-bfa441fa]:hover{opacity:.9}.result-panel[data-v-bfa441fa]{background:linear-gradient(135deg,#f6ffed 0%,#f0f9eb 100%);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px;border:1px solid #b7eb8f}.result-panel .section-title[data-v-bfa441fa]{color:#389e0d;border-bottom-color:#b7eb8f}.result-ratio[data-v-bfa441fa]{text-align:center;padding:10px 0}.ratio-big[data-v-bfa441fa]{font-size:42px;font-weight:700;color:#52c41a;line-height:1}.ratio-label[data-v-bfa441fa]{font-size:13px;color:#73d13d;margin-top:4px}.result-info[data-v-bfa441fa]{background:white;border-radius:10px;padding:12px 16px}.download-btn[data-v-bfa441fa]{width:100%;justify-content:center;gap:8px;border-radius:10px}@media (max-width: 900px){.compress-layout[data-v-bfa441fa]{grid-template-columns:1fr}.feature-card[data-v-bfa441fa]{padding:24px}.card-header[data-v-bfa441fa]{flex-direction:column;text-align:center;margin-bottom:24px}.header-text h1[data-v-bfa441fa]{font-size:22px}}