/* 商城产品角标：前台斜标/横标 + 后台发布页控件 */
.mall-item-badge{
	pointer-events:none;
	z-index:5;
	color:#fff;
	font-weight:700;
	letter-spacing:.06em;
	white-space:nowrap;
	line-height:1.2;
	box-sizing:border-box;
}
.mall-item-badge[data-tone="urgent"]{background:#c0392b;}
.mall-item-badge[data-tone="sale"]{background:#d35400;}
.mall-item-badge[data-tone="new"]{background:#1e8e6b;}
.mall-item-badge[data-tone="hot"]{background:#c47a12;}
.mall-item-badge[data-tone="pin"]{background:#2c3e50;}
.mall-item-badge[data-tone="limit"]{background:#8e3a7a;}
.mall-item-badge[data-tone="custom"]{background:#c45c26;}
.mall-item-badge-ribbon{
	position:absolute;
	top:12px;
	left:-30px;
	right:auto;
	padding:4px 34px;
	font-size:11px;
	transform:rotate(-45deg);
	box-shadow:0 2px 8px rgba(0,0,0,.22);
}
.mall-item-badge-ribbon[data-pos="right"]{
	left:auto;
	right:-30px;
	transform:rotate(45deg);
}
.mall-item-badge-flag{
	position:absolute;
	top:8px;
	left:0;
	right:auto;
	padding:3px 11px 3px 9px;
	font-size:11px;
	border-radius:0 4px 4px 0;
	box-shadow:0 1px 6px rgba(0,0,0,.18);
}
.mall-item-badge-flag[data-pos="right"]{
	left:auto;
	right:0;
	padding:3px 9px 3px 11px;
	border-radius:4px 0 0 4px;
}
.picbox,.product-wall .item .img,.imgbox,.mall-mcv-hero,.mall-badge-preview{
	position:relative;
}
.picbox,.product-wall .item .img,.mall-badge-preview,.imgbox.mall-mcv-hero{overflow:hidden;}

.mall-badge-edit{margin:0;padding:0;max-width:720px;}
.mall-badge-row{
	display:flex;
	align-items:flex-start;
	flex-wrap:wrap;
	gap:8px 10px;
	margin:0 0 10px;
}
.mall-badge-lab{
	display:inline-flex;
	align-items:center;
	min-height:28px;
	font-size:13px;
	color:#5a4a3a;
	font-weight:600;
	flex:0 0 auto;
	margin-right:2px;
}
.mall-badge-chips{
	display:inline-flex;
	flex-wrap:wrap;
	gap:6px;
	align-items:center;
	flex:1;
	min-width:0;
}
.mall-badge-chip{
	width:auto!important;
	min-width:0!important;
	flex:0 0 auto!important;
	height:auto;
	padding:4px 11px!important;
	border:1px solid #e0d6cb;
	border-radius:999px;
	background:#fffdf9;
	color:#5a4a3a;
	font-size:12px;
	font-weight:600;
	line-height:1.35;
	cursor:pointer;
	position:relative;
	transition:transform .12s ease,background .15s ease;
}
.mall-badge-chip:active{transform:translateY(1px) scale(.96);}
.mall-badge-chip.on{background:#5a4a3a;border-color:#5a4a3a;color:#fff!important;}
.mall-badge-chip[data-v="加急"].on{background:#c0392b!important;border-color:#c0392b!important;color:#fff!important;}
.mall-badge-chip[data-v="特价"].on,.mall-badge-chip[data-v="促销"].on{background:#d35400!important;border-color:#d35400!important;color:#fff!important;}
.mall-badge-chip[data-v="推新"].on,.mall-badge-chip[data-v="新品"].on{background:#1e8e6b!important;border-color:#1e8e6b!important;color:#fff!important;}
.mall-badge-chip[data-v="热销"].on,.mall-badge-chip[data-v="爆款"].on{background:#c47a12!important;border-color:#c47a12!important;color:#fff!important;}
.mall-badge-chip[data-v="置顶"].on{background:#2c3e50!important;border-color:#2c3e50!important;color:#fff!important;}
.mall-badge-chip[data-v="限时"].on{background:#8e3a7a!important;border-color:#8e3a7a!important;color:#fff!important;}
.mall-badge-add{padding:4px 10px!important;color:#c45c26;border-style:dashed;}
.mall-badge-add.is-loading,.mall-badge-add-ok.is-loading,.mall-badge-chip.is-loading{
	pointer-events:none!important;
	opacity:.7;
}
.mall-badge-add.is-loading:after,.mall-badge-add-ok.mall-btn-runline:after{content:none;}
.mall-badge-addbox{
	display:none;
	align-items:center;
	flex-wrap:wrap;
	gap:8px;
	margin:0 0 10px;
}
.mall-badge-addbox.on{display:flex;}
.mall-badge-addbox input{
	width:120px;
	height:32px;
	padding:0 10px;
	border:1px solid #e0d6cb;
	border-radius:8px;
	background:#fff;
	color:#2c241c;
	font-size:13px;
	box-sizing:border-box;
}
.mall-badge-add-ok,.mall-badge-add-cancel{
	height:32px;
	padding:0 12px;
	border-radius:8px;
	font-size:12px;
	font-weight:700;
	cursor:pointer;
	transition:transform .12s ease;
}
.mall-badge-add-ok{border:1px solid #c45c26;background:#c45c26;color:#fff;}
.mall-badge-add-cancel{border:1px solid #e0d6cb;background:#fffdf9;color:#5a4a3a;}
.mall-badge-add-ok:active,.mall-badge-add-cancel:active{transform:translateY(1px) scale(.96);}
.mall-badge-add-ok.mall-btn-runline{position:relative;overflow:visible;pointer-events:none;opacity:1;}
.mall-badge-left{font-size:12px;color:#8a7d70;line-height:28px;}
.mall-badge-preview-wrap{display:flex;align-items:center;gap:10px;margin-top:4px;}
.mall-badge-preview{
	width:88px;
	height:88px;
	border-radius:10px;
	background:#f3eee7;
	flex:0 0 88px;
}
.mall-badge-preview .mall-item-badge-ribbon{top:10px;left:-28px;right:auto;padding:3px 26px;font-size:10px;}
.mall-badge-preview .mall-item-badge-ribbon[data-pos="right"]{left:auto;right:-28px;}
.mall-badge-preview .mall-item-badge-flag{top:6px;font-size:10px;padding:2px 9px 2px 8px;}
.mall-badge-preview .mall-item-badge-flag[data-pos="right"]{padding:2px 8px 2px 9px;}
.mall-badge-edit .dui-help-q{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:22px;
	height:22px;
	padding:0;
	margin:2px 0 0;
	border-radius:50%;
	box-sizing:border-box;
	border:1px solid #cbd5e1;
	background:#f8fafc;
	color:#64748b;
	font-size:13px;
	font-weight:700;
	line-height:1;
	cursor:pointer;
	flex:0 0 auto;
}
.mall-badge-edit .dui-help-q:hover{background:#eef2f6;color:#334155;}
.mall-badge-edit .dui-help-q:active{transform:translateY(1px) scale(.96);}
.mall-badge-edit .dui-help-q.is-loading{pointer-events:none;opacity:.7;}
@media (max-width:760px){
	.mall-badge-row{flex-direction:column;gap:6px;}
	.mall-badge-lab{min-height:auto;}
	.mall-badge-chips{width:100%;}
}