.file-upload[data-v-f1a17e52]{width:100%;max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.upload-area[data-v-f1a17e52]{border:2px dashed #dcdfe6;border-radius:8px;padding:60px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#fafafa;margin-bottom:24px}.upload-area[data-v-f1a17e52]:hover{border-color:#409eff;background-color:#f0f9ff;transform:translateY(-2px)}.upload-icon[data-v-f1a17e52]{width:60px;height:60px;color:#909399;margin:0 auto 16px;display:block}.upload-content p[data-v-f1a17e52]{margin:8px 0;color:#606266}.upload-hint[data-v-f1a17e52]{font-size:14px;color:#909399}.upload-list[data-v-f1a17e52]{display:flex;flex-direction:column;gap:16px}.upload-item[data-v-f1a17e52]{border:1px solid #ebeef5;border-radius:8px;padding:16px;background:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);transition:all .3s ease}.upload-item[data-v-f1a17e52]:hover{box-shadow:0 4px 20px 0 rgba(0,0,0,.15)}.file-info[data-v-f1a17e52]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.file-icon[data-v-f1a17e52]{width:32px;height:32px;color:#409eff;flex-shrink:0}.file-details[data-v-f1a17e52]{flex:1;min-width:0}.file-name[data-v-f1a17e52]{font-weight:500;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.file-size[data-v-f1a17e52]{font-size:12px;color:#909399;margin-top:2px}.file-hash[data-v-f1a17e52]{font-size:11px;color:#a0a0a0;margin-top:2px;font-family:monospace}.file-actions[data-v-f1a17e52]{display:flex;gap:8px;flex-shrink:0}.action-btn[data-v-f1a17e52]{padding:6px 12px;border:1px solid #dcdfe6;border-radius:4px;background:#fff;color:#606266;cursor:pointer;font-size:12px;transition:all .3s ease;min-width:60px}.action-btn[data-v-f1a17e52]:hover{border-color:#409eff;color:#409eff;background-color:#ecf5ff}.action-btn.cancel[data-v-f1a17e52]:hover{border-color:#c7402a;color:#c7402a;background-color:#fef0f0}.progress-container[data-v-f1a17e52]{margin:12px 0}.progress-bar[data-v-f1a17e52]{height:8px;background:#ebeef5;border-radius:4px;overflow:hidden;position:relative}.progress-fill[data-v-f1a17e52]{height:100%;background:linear-gradient(90deg,#409eff,#79bbff);transition:width .3s ease;border-radius:4px}.progress-fill.success[data-v-f1a17e52]{background:linear-gradient(90deg,#67c23a,#85ce61)}.progress-fill.error[data-v-f1a17e52]{background:linear-gradient(90deg,#c7402a,#f78989)}.progress-fill.paused[data-v-f1a17e52]{background:linear-gradient(90deg,#e6a23c,#ebb563)}.progress-info[data-v-f1a17e52]{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:#909399;flex-wrap:wrap;gap:10px}.progress-info span[data-v-f1a17e52]{white-space:nowrap}.status-info[data-v-f1a17e52]{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px}.status[data-v-f1a17e52]{font-weight:500;padding:2px 6px;border-radius:3px;font-size:11px}.status.pending[data-v-f1a17e52]{color:#909399;background-color:#f4f4f5}.status.uploading[data-v-f1a17e52]{color:#409eff;background-color:#ecf5ff}.status.paused[data-v-f1a17e52]{color:#e6a23c;background-color:#fdf6ec}.status.success[data-v-f1a17e52]{color:#67c23a;background-color:#f0f9eb}.status.error[data-v-f1a17e52]{color:#c7402a;background-color:#fef0f0}.error-message[data-v-f1a17e52]{font-size:11px;color:#c7402a;text-align:right;flex:1;margin-left:10px}.batch-actions[data-v-f1a17e52]{display:flex;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #ebeef5}.batch-btn[data-v-f1a17e52]{padding:8px 16px;border:1px solid #dcdfe6;border-radius:4px;background:#fff;color:#606266;cursor:pointer;transition:all .3s ease;font-size:13px;flex:1}.batch-btn[data-v-f1a17e52]:hover:not(:disabled){border-color:#409eff;color:#409eff;background-color:#ecf5ff}.batch-btn[data-v-f1a17e52]:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.file-upload[data-v-f1a17e52]{padding:10px}.upload-area[data-v-f1a17e52]{padding:40px 15px}.progress-info[data-v-f1a17e52]{flex-direction:column;gap:5px}.file-actions[data-v-f1a17e52]{flex-wrap:wrap}.batch-actions[data-v-f1a17e52]{flex-direction:column}.action-btn[data-v-f1a17e52]{min-width:50px;padding:4px 8px;font-size:11px}}