.picture-compress-container[data-v-a4a1394a]{padding:24px;min-height:-webkit-calc(100vh - 84px);min-height:calc(100vh - 84px);background-color:#f5f7fa}.page-header[data-v-a4a1394a]{text-align:center;margin-bottom:32px}.page-header .page-title[data-v-a4a1394a]{color:#303133;font-size:28px;font-weight:600;margin:0 0 12px}.page-header .page-title i[data-v-a4a1394a]{color:#409eff;margin-right:12px}.page-header .page-description[data-v-a4a1394a]{color:#606266;font-size:15px;margin:0}.result-card[data-v-a4a1394a],.upload-card[data-v-a4a1394a]{min-height:560px}.result-card[data-v-a4a1394a] .el-card__body,.upload-card[data-v-a4a1394a] .el-card__body{padding:24px}.card-header[data-v-a4a1394a]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-weight:600;font-size:16px}.card-header i[data-v-a4a1394a]{margin-right:8px;color:#409eff}.upload-section[data-v-a4a1394a]{margin-bottom:24px}.upload-dragger[data-v-a4a1394a] .el-upload{width:100%}.upload-dragger[data-v-a4a1394a] .el-upload-dragger{width:100%;height:220px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:2px dashed #d9d9d9;border-radius:8px}.upload-dragger[data-v-a4a1394a] .el-upload-dragger:hover{border-color:#409eff}.upload-placeholder[data-v-a4a1394a]{text-align:center;color:#606266}.upload-placeholder .upload-icon[data-v-a4a1394a]{font-size:72px;color:#c0c4cc;margin-bottom:16px}.upload-placeholder .upload-text p[data-v-a4a1394a]{margin:0;line-height:1.6;font-size:14px}.upload-placeholder .upload-text em[data-v-a4a1394a]{color:#409eff;font-style:normal;font-weight:500}.upload-placeholder .upload-hint[data-v-a4a1394a]{font-size:13px;color:#909399;margin-top:8px}.image-preview-wrapper[data-v-a4a1394a]{width:100%;height:220px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.image-preview-wrapper .image-preview[data-v-a4a1394a]{max-width:100%;max-height:100%;border-radius:6px;overflow:hidden;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.image-preview-wrapper .image-preview img[data-v-a4a1394a]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;display:block}.image-info[data-v-a4a1394a]{margin-top:16px;padding:16px;background-color:#f8f9fa;border-radius:6px}.image-info .info-row[data-v-a4a1394a]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:8px}.image-info .info-row[data-v-a4a1394a]:last-child{margin-bottom:0}.image-info .info-row .info-label[data-v-a4a1394a]{font-size:13px;color:#909399;font-weight:500}.image-info .info-row .info-value[data-v-a4a1394a]{font-size:13px;color:#303133;font-weight:600;max-width:60%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compress-settings[data-v-a4a1394a]{border-top:1px solid #ebeef5;padding-top:24px}.compress-settings[data-v-a4a1394a] .el-divider__text{font-weight:600;color:#303133}.compress-settings .compress-action[data-v-a4a1394a]{text-align:center;margin-top:24px}.compress-settings .compress-action .el-button[data-v-a4a1394a]{width:160px;height:40px;font-size:15px}.empty-state[data-v-a4a1394a]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:300px;color:#909399}.empty-state .empty-icon[data-v-a4a1394a]{font-size:72px;margin-bottom:16px;color:#c0c4cc}.empty-state .empty-text[data-v-a4a1394a]{margin:0;font-size:14px}.compress-progress[data-v-a4a1394a]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:300px}.compress-progress .el-progress[data-v-a4a1394a]{width:80%;margin-bottom:24px}.compress-progress .progress-text[data-v-a4a1394a]{margin:0;color:#606266;font-size:14px;font-weight:500}.compress-result[data-v-a4a1394a]{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.compress-result .result-preview[data-v-a4a1394a]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;margin-bottom:20px;border:1px solid #ebeef5;border-radius:8px;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#f8f9fa}.compress-result .result-preview img[data-v-a4a1394a]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.compress-result .result-preview .preview-overlay[data-v-a4a1394a]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.compress-result .result-preview .preview-overlay .el-button[data-v-a4a1394a]{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.2);box-shadow:0 4px 12px rgba(0,0,0,.2)}.compress-result .result-preview:hover .preview-overlay[data-v-a4a1394a]{opacity:1}.compress-result .result-stats[data-v-a4a1394a]{border-top:1px solid #ebeef5;padding-top:16px}.compress-result .result-stats .stat-item[data-v-a4a1394a]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:8px}.compress-result .result-stats .stat-item .stat-label[data-v-a4a1394a]{font-size:13px;color:#909399;font-weight:500}.compress-result .result-stats .stat-item .stat-value[data-v-a4a1394a]{font-size:13px;font-weight:600;color:#303133}.compress-result .result-stats .stat-item .stat-value.rate[data-v-a4a1394a]{color:#67c23a}.compress-result .result-stats .stat-item .stat-value.saved[data-v-a4a1394a]{color:#e6a23c}.help-section[data-v-a4a1394a] .el-card__header{background-color:#f8f9fa;border-bottom:1px solid #ebeef5;font-weight:600;color:#303133}.help-section[data-v-a4a1394a] .el-card__header i{color:#409eff;margin-right:8px}.help-section .help-item[data-v-a4a1394a]{text-align:center;padding:24px 16px}.help-section .help-item .help-icon[data-v-a4a1394a]{font-size:36px;color:#409eff;margin-bottom:16px}.help-section .help-item h4[data-v-a4a1394a]{margin:0 0 12px;color:#303133;font-size:16px;font-weight:600}.help-section .help-item p[data-v-a4a1394a]{margin:0;color:#606266;font-size:13px;line-height:1.6}@media(max-width:768px){.picture-compress-container[data-v-a4a1394a]{padding:16px}.page-header .page-title[data-v-a4a1394a]{font-size:24px}.result-card[data-v-a4a1394a],.upload-card[data-v-a4a1394a]{min-height:auto;margin-bottom:20px}.image-preview-wrapper[data-v-a4a1394a],.upload-dragger[data-v-a4a1394a] .el-upload-dragger{height:180px}}