.main-container[data-v-e2204f22]{max-width:1200px;margin:0 auto;padding:20px}.tool-header[data-v-e2204f22]{text-align:center;margin-bottom:30px}.tool-header h1[data-v-e2204f22]{color:#2c3e50;margin-bottom:10px}.tool-header p[data-v-e2204f22]{color:#7f8c8d;font-size:16px}.upload-dragger[data-v-e2204f22]{width:100%}.watermark-preview[data-v-e2204f22]{margin-top:10px;text-align:center}.watermark-preview img[data-v-e2204f22]{max-width:100px;max-height:100px;border:1px solid #ddd;border-radius:4px}.image-list[data-v-e2204f22]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:20px}.image-item[data-v-e2204f22]{border:1px solid #e4e7ed;border-radius:8px;overflow:hidden;transition:all .3s}.image-item[data-v-e2204f22]:hover{box-shadow:0 2px 12px rgba(0,0,0,.1)}.image-preview[data-v-e2204f22]{position:relative;height:150px;overflow:hidden}.image-preview img[data-v-e2204f22]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-overlay[data-v-e2204f22]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.image-preview:hover .image-overlay[data-v-e2204f22]{opacity:1}.image-info[data-v-e2204f22]{padding:10px}.image-name[data-v-e2204f22]{font-size:14px;font-weight:700;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size[data-v-e2204f22]{font-size:12px;color:#909399}.action-buttons[data-v-e2204f22]{margin-top:20px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.action-buttons .el-button[data-v-e2204f22]{flex:0 0 auto}.progress-section[data-v-e2204f22]{margin-top:20px;text-align:center}.result-section[data-v-e2204f22]{margin-top:30px}.result-section h3[data-v-e2204f22]{margin-bottom:15px;color:#2c3e50}.result-list[data-v-e2204f22]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.result-item[data-v-e2204f22]{border:1px solid #e4e7ed;border-radius:8px;overflow:hidden}.result-preview[data-v-e2204f22]{height:150px;overflow:hidden}.result-preview img[data-v-e2204f22]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.result-info[data-v-e2204f22]{padding:10px;display:flex;justify-content:space-between;align-items:center}.result-name[data-v-e2204f22]{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:10px}@media (max-width:767px){.main-container[data-v-e2204f22]{padding:10px}.tool-header h1[data-v-e2204f22]{font-size:1.8rem}.image-list[data-v-e2204f22],.result-list[data-v-e2204f22]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.action-buttons[data-v-e2204f22]{flex-direction:column;gap:10px}.action-buttons .el-button[data-v-e2204f22]{width:100%;margin:0}}