/* =========================================================
 * UM 上传：表单内图片/文件字段 + 上传弹窗（品牌红 #E23744、金 #B8975A）
 * ======================================================= */

/* 表单内上传区：虚线框，未上传时也能看出这是一个上传位 */
body.wv-ui .um .um-field:is(.um-field-type_image, .um-field-type_file) > .um-field-area {
	padding: 20px 16px 16px;
	border: 1px dashed #D9C7A6;
	border-radius: 10px;
	background: #FCFAF6;
}

body.wv-ui .um .um-field:is(.um-field-type_image, .um-field-type_file) > .um-field-area .um-button {
	min-width: 140px;
	margin: 0 auto;
	background: #fff;
	color: #E23744;
	box-shadow: none;
}

body.wv-ui .um .um-field:is(.um-field-type_image, .um-field-type_file) > .um-field-area .um-button:hover {
	background: #FDF0F1;
	color: #C42C38;
}

/* 已上传的缩略图：固定高度、圆角，不再整张大图撑开表单 */
body.wv-ui .um .um-field-type_image > .um-field-area .um-single-image-preview {
	display: none;
	width: max-content;
	max-width: 100%;
	margin: 0 auto 14px;
}

body.wv-ui .um .um-field-type_image > .um-field-area .um-single-image-preview.show,
body.wv-ui .um .um-field-type_image > .um-field-area .um-single-image-preview[style*="block"] {
	display: block;
}

body.wv-ui .um .um-field-type_image > .um-field-area .um-single-image-preview > img {
	display: block;
	max-width: 100%;
	max-height: 180px;
	border: 1px solid #EFE7DA;
	border-radius: 8px;
	box-shadow: 0 4px 14px rgba(31, 41, 55, .10);
	object-fit: cover;
}

body.wv-ui .um .um-field:is(.um-field-type_image, .um-field-type_file) .um-single-image-preview a.cancel,
body.wv-ui .um .um-field:is(.um-field-type_image, .um-field-type_file) .um-single-file-preview a.cancel {
	top: -12px;
	right: -12px;
	background: #fff;
	box-shadow: 0 2px 8px rgba(31, 41, 55, .18);
}

/* ---------------- 上传弹窗 ---------------- */
.um-modal .um-modal-header {
	background: #E23744 !important;
	color: #fff;
}

.um-modal .um-modal-btn {
	border-radius: 6px;
}

.um-modal .um-modal-btn:not(.alt) {
	background: #E23744 !important;
	color: #fff !important;
}

.um-modal .um-modal-btn:not(.alt):hover {
	background: #C42C38 !important;
}

.um-modal .um-modal-btn.disabled:not(.alt) {
	opacity: .45;
}

.um-modal .ajax-upload-dragdrop {
	border-color: #D9C7A6 !important;
	background: #FCFAF6;
}

.um-modal .ajax-upload-dragdrop .upload {
	background: #E23744 !important;
	border-radius: 6px;
}

/* 上传中提示 */
.um-modal .wv-up-busy {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 12px 0 4px;
	padding: 10px 12px;
	border-radius: 8px;
	background: #FBF6EE;
	color: #8A6D3B;
	font-size: 14px;
}

.um-modal .wv-up-spin {
	width: 16px;
	height: 16px;
	border: 2px solid #E8D9BE;
	border-top-color: #B8975A;
	border-radius: 50%;
	animation: wv-up-spin .8s linear infinite;
}

@keyframes wv-up-spin {
	to { transform: rotate(360deg); }
}

/* 本地预览阶段略透明，提示仍在上传 */
.um-modal .um-single-image-preview.wv-up-local img {
	max-width: 100%;
	max-height: 60vh;
	opacity: .75;
}

.um-modal .wv-up-error {
	margin: 12px 0 4px;
	line-height: 1.6;
}