.image-compress[data-v-24d0cc71]{max-width:900px;margin:0 auto;padding:20px}.tool-card[data-v-24d0cc71]{background:#141c2899;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:30px;border:1px solid rgba(0,212,255,.2)}.tool-header h2[data-v-24d0cc71]{font-size:28px;color:#00d4ff;margin-bottom:6px}.subtitle[data-v-24d0cc71]{color:#aaa;margin-bottom:24px}.compress-form[data-v-24d0cc71]{max-width:600px}.upload-wrapper[data-v-24d0cc71],.upload-area[data-v-24d0cc71]{width:100%}.preview-wrapper[data-v-24d0cc71]{display:flex;flex-direction:column;align-items:center;gap:12px}.preview-container[data-v-24d0cc71]{position:relative;width:100%;max-width:400px;max-height:50vh;overflow:hidden;border-radius:12px;border:2px solid rgba(0,212,255,.3);display:flex;align-items:center;justify-content:center;background:#0003}.preview-image[data-v-24d0cc71]{max-width:100%;max-height:100%;width:auto;height:auto;display:block;object-fit:contain}.preview-overlay[data-v-24d0cc71]{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .2s}.preview-container:hover .preview-overlay[data-v-24d0cc71]{opacity:1}.file-info[data-v-24d0cc71]{font-size:14px;color:#ccc;text-align:center;word-break:break-all}.dimension-info[data-v-24d0cc71]{color:#00d4ff;margin-left:8px}.unit[data-v-24d0cc71]{margin-left:8px;font-size:12px;color:#888}.result-area[data-v-24d0cc71]{margin-top:30px}.persist-tip[data-v-24d0cc71]{margin-bottom:16px;background:#ffc10726;border:1px solid rgba(255,193,7,.3);border-radius:12px}.current-result[data-v-24d0cc71]{margin-bottom:20px}.result-grid[data-v-24d0cc71]{display:flex;flex-wrap:wrap;gap:30px;align-items:center}.result-item[data-v-24d0cc71]{flex:1;min-width:200px}.result-item p[data-v-24d0cc71]{margin:6px 0;color:#ddd}.result-image[data-v-24d0cc71]{max-width:100%;max-height:300px;border-radius:12px;box-shadow:0 4px 12px #0000004d;object-fit:contain}.result-actions[data-v-24d0cc71]{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.history-section[data-v-24d0cc71]{margin-top:20px}.history-list[data-v-24d0cc71]{max-height:300px;overflow-y:auto;margin-top:12px}.history-item[data-v-24d0cc71]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin-bottom:8px;background:#ffffff0d;border-radius:8px;flex-wrap:wrap;gap:8px}.history-info[data-v-24d0cc71]{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#ccc}.history-time[data-v-24d0cc71]{color:#888;font-size:12px}.history-name[data-v-24d0cc71]{color:#00d4ff}.history-actions[data-v-24d0cc71]{display:flex;gap:6px}.sr-only[data-v-24d0cc71]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important}@media (max-width: 768px){.image-compress[data-v-24d0cc71]{padding:10px}.tool-card[data-v-24d0cc71]{padding:16px;border-radius:16px}.tool-header h2[data-v-24d0cc71]{font-size:22px}.subtitle[data-v-24d0cc71]{font-size:14px;margin-bottom:16px}.compress-form[data-v-24d0cc71]{max-width:100%}.el-form-item[data-v-24d0cc71]{margin-bottom:18px}.el-form-item[data-v-24d0cc71] .el-form-item__label{width:80px!important;font-size:14px}.el-form-item[data-v-24d0cc71] .el-form-item__content{margin-left:80px!important}.el-form-item[data-v-24d0cc71] .el-form-item__content>div{width:100%!important;box-sizing:border-box;display:flex!important;flex-wrap:wrap!important;align-items:center;gap:8px}.el-form-item[data-v-24d0cc71] .el-input-number{flex:1 1 auto!important;min-width:80px!important;width:auto!important}.el-form-item[data-v-24d0cc71] .el-button{flex-shrink:0!important;margin-left:0!important;font-size:12px;padding:6px 10px}.el-form-item[data-v-24d0cc71] .el-slider{flex-wrap:wrap!important;display:flex;align-items:center;gap:8px}.el-form-item[data-v-24d0cc71] .el-slider__runway{flex:1;min-width:100px}.el-form-item[data-v-24d0cc71] .el-slider .el-input-number{width:70px!important;flex-shrink:0}.preview-container[data-v-24d0cc71]{max-width:100%;max-height:40vh}.result-grid[data-v-24d0cc71]{flex-direction:column;gap:20px}.result-item[data-v-24d0cc71]{min-width:0;width:100%}.result-image[data-v-24d0cc71]{max-height:200px}.history-item[data-v-24d0cc71]{flex-direction:column;align-items:stretch}.history-info[data-v-24d0cc71]{gap:6px;font-size:12px}.history-actions[data-v-24d0cc71]{justify-content:flex-end}.unit[data-v-24d0cc71]{display:block;margin-left:0;margin-top:4px}.format-select[data-v-24d0cc71]{max-width:100%!important;width:100%!important}.el-select[data-v-24d0cc71] .el-input__wrapper{width:100%}.el-select[data-v-24d0cc71] .el-input__inner{font-size:16px!important}.el-select-dropdown[data-v-24d0cc71]{max-width:90vw!important}}