/**
 * shan-help：侧栏客服 / 留言弹窗色调 → 与站点纸色·赤褐统一
 * 由系统注入：xiaoyucms/{theme}/css/xy_online.css（盖过 _common）
 */
:root {
	--xy-online-primary: #a84a3a;
	--xy-online-primary-dark: #8f3b30;
	--xy-online-accent: #a84a3a;
	--xy-online-accent-dark: #8f3b30;
}

/* 右侧默认图标：赤褐 */
.side_contact_icon {
	background: linear-gradient(135deg, #a84a3a 0%, #8f3b30 100%) !important;
}
.side_contact_item:hover .side_contact_icon {
	background: linear-gradient(135deg, #b85a48 0%, #a84a3a 100%) !important;
}

/* 保留微信/WhatsApp 品牌色 */
.side_contact_whatsapp .side_contact_icon,
.side_contact_whatsapp:hover .side_contact_icon {
	background: linear-gradient(135deg, #25D366 0%, #1da851 100%) !important;
}
.side_contact_wechat .side_contact_icon,
.side_contact_wechat:hover .side_contact_icon {
	background: linear-gradient(135deg, #07C160 0%, #06ad56 100%) !important;
}

.side_contact_inquiry .side_contact_icon,
.side_contact_inquiry:hover .side_contact_icon {
	background: linear-gradient(135deg, #a84a3a 0%, #8f3b30 100%) !important;
}

.side_contact_top .side_contact_icon,
.side_contact_top:hover .side_contact_icon {
	background: linear-gradient(135deg, #665950 0%, #332b25 100%) !important;
}

/* —— 留言弹窗 —— */
.side_inquiry_mask {
	background: rgba(51, 43, 37, 0.55);
}

.side_inquiry_dialog {
	background: #fbf8f1;
	border: 1px solid #d8c7ae;
	border-radius: 14px;
	box-shadow: 0 22px 48px rgba(63, 41, 28, 0.28);
	font-family: "Noto Sans CJK SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
	color: #332b25;
}

.side_inquiry_hd {
	background: linear-gradient(135deg, #8f3b30 0%, #a84a3a 55%, #c35b42 100%);
	border-radius: 14px 14px 0 0;
	color: #fffaf2;
}

.side_inquiry_hd-icon {
	background: rgba(255, 250, 242, 0.18);
}

.side_inquiry_sub {
	color: rgba(255, 250, 242, 0.88);
}

.side_inquiry_close {
	background: rgba(255, 250, 242, 0.2);
	color: #fffaf2;
}
.side_inquiry_close:hover {
	background: #fffaf2;
	color: #8f3b30;
}

.side_inquiry_bd {
	background: #fbf8f1;
}

.side_inquiry_tip {
	background: #f0e9dd;
	border: 1px solid #d8c7ae;
	border-left: 3px solid #a84a3a;
	color: #504740;
	border-radius: 0 8px 8px 0;
}

.side_inquiry_tip.is-success {
	background: #e4eadf;
	border-color: #65705a;
	border-left-color: #65705a;
	color: #324238;
}

.side_inquiry_label {
	color: #665950;
}
.side_inquiry_label em {
	color: #a84a3a;
}

.side_inquiry_input,
.side_inquiry_textarea,
.side_inquiry_form select.side_inquiry_input,
.side_inquiry_form .xy-ship-country {
	background: #fffdfa;
	border: 1px solid #d8c7ae;
	border-radius: 6px;
	color: #332b25;
}

.side_inquiry_input:hover,
.side_inquiry_textarea:hover,
.side_inquiry_form select.side_inquiry_input:hover {
	border-color: #c4b09a;
}

.side_inquiry_input:focus,
.side_inquiry_textarea:focus,
.side_inquiry_form select.side_inquiry_input:focus {
	border-color: #a84a3a;
	box-shadow: 0 0 0 3px rgba(168, 74, 58, 0.18);
	outline: none;
}

.side_inquiry_submit {
	background: #a84a3a;
	border-radius: 5px;
	box-shadow: 0 8px 20px rgba(168, 74, 58, 0.28);
	font-weight: 600;
}
.side_inquiry_submit:hover {
	background: #8f3b30;
	filter: none;
	box-shadow: 0 10px 24px rgba(143, 59, 48, 0.35);
}

.side_inquiry_form-err {
	border-color: #e2b4ac;
	background: #fdf4f2;
	color: #8f3b30;
}

.side_inquiry_alert_btn,
.side_inquiry_alert.is-ok .side_inquiry_alert_btn {
	background: #a84a3a !important;
}
.side_inquiry_thankyou .sys_btn {
	background: #a84a3a !important;
}
.side_inquiry_thankyou .page_jump_txt a {
	color: #a84a3a;
}

.side_contact_panel a,
.side_contact_qr_num {
	color: #a84a3a;
}