[data-v-d417bf92]:root{--color-primary:#409eff;--color-primary-light:#66b1ff;--color-primary-lighter:#a0cfff;--color-primary-lightest:#ecf5ff;--color-primary-dark:#337ecc;--color-success:#67c23a;--color-warning:#e6a23c;--color-danger:#f56c6c;--color-info:#909399;--text-primary:#1d2129;--text-regular:#4e5969;--text-secondary:#86909c;--text-placeholder:#c0c4cc;--bg-page:#f2f3f5;--bg-card:#fff;--border-color:#e5e6eb;--border-color-light:#f2f3f5;--shadow-sm:0 1px 4px #0000000f;--shadow:0 2px 12px #00000014;--shadow-card:0 2px 12px #0000000f;--shadow-hover:0 6px 18px #0000001a;--border-radius:10px;--border-radius-lg:14px;--header-height:52px;--sidebar-width:200px;--cart-width:380px;--spacing-md:12px;--spacing-lg:16px;--transition-base:.25s ease}.is-error .upload[data-v-d417bf92] .el-upload,.is-error .upload[data-v-d417bf92] .el-upload-dragger{border:1px dashed var(--el-color-danger)!important}.is-error .upload[data-v-d417bf92] .el-upload:hover,.is-error .upload[data-v-d417bf92] .el-upload-dragger:hover{border-color:var(--el-color-primary)!important}[data-v-d417bf92] .disabled .el-upload,[data-v-d417bf92] .disabled .el-upload-dragger{background:var(--el-disabled-bg-color);cursor:not-allowed!important;border:1px dashed var(--el-border-color-darker)!important}[data-v-d417bf92] .disabled .el-upload:hover,[data-v-d417bf92] .disabled .el-upload-dragger:hover{border:1px dashed var(--el-border-color-darker)!important}.upload-box .no-border[data-v-d417bf92] .el-upload{border:none!important}.upload-box[data-v-d417bf92] .upload .el-upload{width:var(--upload-width);height:var(--upload-height);border:1px dashed var(--el-border-color-darker);border-radius:var(--upload-border-radius);transition:var(--el-transition-duration-fast);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.upload-box[data-v-d417bf92] .upload .el-upload:hover{border-color:var(--el-color-primary)}.upload-box[data-v-d417bf92] .upload .el-upload:hover .upload-handle{opacity:1}.upload-box[data-v-d417bf92] .upload .el-upload .el-upload-dragger{border:1px dashed var(--el-border-color-darker);border-radius:var(--upload-border-radius);background-color:#0000;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex;overflow:hidden}.upload-box[data-v-d417bf92] .upload .el-upload .el-upload-dragger:hover{border:1px dashed var(--el-color-primary)}.upload-box[data-v-d417bf92] .upload .el-upload .el-upload-dragger.is-dragover{background-color:var(--el-color-primary-light-9);border:2px dashed var(--el-color-primary)!important}.upload-box[data-v-d417bf92] .upload .el-upload .upload-image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.upload-box[data-v-d417bf92] .upload .el-upload .upload-empty{color:var(--el-color-info);flex-direction:column;justify-content:center;align-items:center;font-size:12px;line-height:30px;display:flex;position:relative}.upload-box[data-v-d417bf92] .upload .el-upload .upload-empty .el-icon{color:var(--el-text-color-secondary);font-size:28px}.upload-box[data-v-d417bf92] .upload .el-upload .upload-handle{cursor:pointer;opacity:0;box-sizing:border-box;width:100%;height:100%;transition:var(--el-transition-duration-fast);background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0}.upload-box[data-v-d417bf92] .upload .el-upload .upload-handle .handle-icon{color:#f0f8ff;flex-direction:column;justify-content:center;align-items:center;padding:0 6%;display:flex}.upload-box[data-v-d417bf92] .upload .el-upload .upload-handle .handle-icon .el-icon{margin-bottom:40%;font-size:130%;line-height:130%}.upload-box[data-v-d417bf92] .upload .el-upload .upload-handle .handle-icon span{font-size:85%;line-height:85%}.upload-box .el-upload__tip[data-v-d417bf92]{text-align:center;line-height:18px}