/**
 * 全站按钮统一：主按钮、次按钮、浅色按钮与小尺寸。
 */

/* 主按钮 */
body:not(.xif-neo) .xif-btn:not(.xif-btn--ghost):not(.xif-btn--light),
body:not(.xif-neo) .xif-account-btn:not(.xif-account-btn--ghost),
body:not(.xif-neo) .xif-cart-btn,
body:not(.xif-neo) .xif-cpage__btn,
body:not(.xif-neo) .xif-cform__submit,
body:not(.xif-neo) .xif-buybox__add,
body:not(.xif-neo) .xif-sup-btn:not(.xif-sup-btn--ghost),
body:not(.xif-neo) .xif-sup-login__btn,
body:not(.xif-neo) .xif-auth__submit-btn,
body:not(.xif-neo) .xif-banner__btn:not(.xif-banner__btn--ghost),
body:not(.xif-neo) .xif-ind-btn,
body:not(.xif-neo) .xif-ind-service__btn,
body:not(.xif-neo) .xif-ind-quick__btn,
body:not(.xif-neo) .xif-offer-btn,
body:not(.xif-neo) .xif-offers-hero__btn,
body:not(.xif-neo) .xif-offers-explore__btn,
body:not(.xif-neo) .xif-help-feedback__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 0 20px;
	border: 1px solid var(--xif-red) !important;
	border-radius: 0 !important;
	background: var(--xif-red) !important;
	color: #fff !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	box-shadow: none !important;
	cursor: pointer;
}

body:not(.xif-neo) .xif-btn:not(.xif-btn--ghost):not(.xif-btn--light):hover,
body:not(.xif-neo) .xif-account-btn:not(.xif-account-btn--ghost):hover,
body:not(.xif-neo) .xif-cart-btn:hover,
body:not(.xif-neo) .xif-cpage__btn:hover,
body:not(.xif-neo) .xif-cform__submit:hover,
body:not(.xif-neo) .xif-buybox__add:hover,
body:not(.xif-neo) .xif-sup-btn:not(.xif-sup-btn--ghost):hover,
body:not(.xif-neo) .xif-sup-login__btn:hover,
body:not(.xif-neo) .xif-auth__submit-btn:hover,
body:not(.xif-neo) .xif-banner__btn:not(.xif-banner__btn--ghost):hover,
body:not(.xif-neo) .xif-ind-btn:hover,
body:not(.xif-neo) .xif-ind-service__btn:hover,
body:not(.xif-neo) .xif-ind-quick__btn:hover,
body:not(.xif-neo) .xif-offer-btn:hover,
body:not(.xif-neo) .xif-offers-hero__btn:hover,
body:not(.xif-neo) .xif-offers-explore__btn:hover,
body:not(.xif-neo) .xif-help-feedback__btn:hover {
	background: #b30017 !important;
	border-color: #b30017 !important;
	color: #fff !important;
}

/* 次按钮 / 描边按钮 */
body:not(.xif-neo) .xif-btn--ghost,
body:not(.xif-neo) .xif-account-btn--ghost,
body:not(.xif-neo) .xif-stockbox__btn,
body:not(.xif-neo) .xif-compare-btn,
body:not(.xif-neo) .xif-fav-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 0 20px;
	border: 1px solid #cfd5dc !important;
	border-radius: 0 !important;
	background: #fff !important;
	color: #1f2937 !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	box-shadow: none !important;
	cursor: pointer;
}

body:not(.xif-neo) .xif-btn--ghost:hover,
body:not(.xif-neo) .xif-account-btn--ghost:hover,
body:not(.xif-neo) .xif-stockbox__btn:hover,
body:not(.xif-neo) .xif-compare-btn:hover,
body:not(.xif-neo) .xif-fav-btn:hover {
	border-color: var(--xif-red) !important;
	background: #fff !important;
	color: var(--xif-red) !important;
}

/* 浅色按钮（深色横幅/页头） */
body:not(.xif-neo) .xif-btn--light,
body:not(.xif-neo) .xif-sup-hero__btn,
body:not(.xif-neo) .xif-promobar__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 0 20px;
	border: 1px solid #fff !important;
	border-radius: 0 !important;
	background: #fff !important;
	color: #6a0012 !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	box-shadow: none !important;
	cursor: pointer;
}

body:not(.xif-neo) .xif-btn--light:hover,
body:not(.xif-neo) .xif-sup-hero__btn:hover,
body:not(.xif-neo) .xif-promobar__link:hover {
	background: #f4f5f7 !important;
	border-color: #f4f5f7 !important;
	color: #6a0012 !important;
}

/* 深色横幅上的透明描边按钮 */
body:not(.xif-neo) .xif-banner__btn--ghost {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 0 20px;
	border: 1px solid rgba(255, 255, 255, .7) !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #fff !important;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

body:not(.xif-neo) .xif-banner__btn--ghost:hover {
	border-color: #fff !important;
	background: rgba(255, 255, 255, .12) !important;
	color: #fff !important;
}

/* 尺寸 */
body:not(.xif-neo) .xif-btn--sm,
body:not(.xif-neo) .xif-account-btn--sm,
body:not(.xif-neo) .xif-sup-btn--sm {
	min-height: 32px;
	padding: 0 14px;
	font-size: 13px;
}

body:not(.xif-neo) .xif-btn--block,
body:not(.xif-neo) .xif-cart-btn--block {
	width: 100%;
}

body:not(.xif-neo) .xif-btn .xif-icon,
body:not(.xif-neo) .xif-account-btn .xif-icon,
body:not(.xif-neo) .xif-sup-btn .xif-icon,
body:not(.xif-neo) .xif-cart-btn .xif-icon,
body:not(.xif-neo) .xif-cform__submit .xif-icon {
	width: 16px;
	height: 16px;
}

/* 键盘焦点统一 */
body:not(.xif-neo) .xif-btn:focus-visible,
body:not(.xif-neo) .xif-account-btn:focus-visible,
body:not(.xif-neo) .xif-cart-btn:focus-visible,
body:not(.xif-neo) .xif-cform__submit:focus-visible,
body:not(.xif-neo) .xif-sup-btn:focus-visible {
	outline: 2px solid var(--xif-red);
	outline-offset: 2px;
}


/* 统一直角按钮；圆形图标按钮与数量徽标除外 */
body:not(.xif-neo) .xif-allbtn,
body:not(.xif-neo) .xif-burger,
body:not(.xif-neo) .xif-search__btn,
body:not(.xif-neo) .xif-search__submit,
body:not(.xif-neo) .xif-brand-search button,
body:not(.xif-neo) .xif-sup-search__form button,
body:not(.xif-neo) .xif-order-search .xif-account-btn,
body:not(.xif-neo) .xif-order-pay__copy,
body:not(.xif-neo) .xif-pay-account__copy,
body:not(.xif-neo) .xif-tracking-copy,
body:not(.xif-neo) .xif-qty button,
body:not(.xif-neo) .xif-cart-remove {
	border-radius: 0 !important;
}