.upload-container[data-v-5ffbbb48]{width:100%}.image-preview-wrapper[data-v-5ffbbb48]{position:relative;width:148px;height:148px;border:1px solid #d9d9d9;border-radius:6px;overflow:hidden}.preview-image[data-v-5ffbbb48]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.image-actions[data-v-5ffbbb48]{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;background:rgba(0,0,0,.5);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.image-preview-wrapper:hover .image-actions[data-v-5ffbbb48]{opacity:1}.upload-placeholder[data-v-5ffbbb48]{width:148px;height:148px;border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s;transition:all .3s}.upload-placeholder[data-v-5ffbbb48]:hover{border-color:#409eff;color:#409eff}.upload-placeholder i[data-v-5ffbbb48]{font-size:28px;color:#8c939d;margin-bottom:8px}.upload-placeholder span[data-v-5ffbbb48]{font-size:14px;color:#8c939d}.upload-placeholder:hover i[data-v-5ffbbb48],.upload-placeholder:hover span[data-v-5ffbbb48]{color:#409eff}