/**
 * genlitecpower — 右侧客服 / 询盘弹窗
 * 首页只引 style.css，不含 FA；侧栏图标在此自备字体与 glyph。
 */
@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot');
	src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fontawesome-webfont.woff2') format('woff2'),
		url('../fonts/fontawesome-webfont.woff') format('woff'),
		url('../fonts/fontawesome-webfont.ttf') format('truetype'),
		url('../fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.side_contact .fa,
.side_contact_icon .fa {
	display: inline-block !important;
	font: normal normal normal 18px/1 FontAwesome !important;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: inherit;
	speak: none;
	visibility: visible !important;
	opacity: 1 !important;
}
/* 勿用上面的 !important 把关闭 X 强行显示：收起只出对话泡泡，展开才出 X */
.side_contact_toggle .side_contact_close {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}
.side_contact.is-open .side_contact_toggle .fa-comments {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}
.side_contact.is-open .side_contact_toggle .side_contact_close {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
}
.side_contact .fa:before,
.side_contact .side_contact_icon:empty:before {
	font-family: FontAwesome !important;
	font-style: normal;
	font-weight: normal;
}

.side_contact .fa-phone:before { content: "\f095"; }
.side_contact .fa-envelope-o:before { content: "\f003"; }
.side_contact .fa-whatsapp:before { content: "\f232"; }
.side_contact .fa-weixin:before { content: "\f1d7"; }
.side_contact .fa-comment-o:before { content: "\f0e5"; }
.side_contact .fa-comments:before { content: "\f086"; }
.side_contact .fa-times:before { content: "\f00d"; }
.side_contact .fa-arrow-up:before { content: "\f062"; }
.side_contact .fa-shopping-cart:before { content: "\f07a"; }
.side_contact .fa-heart:before { content: "\f004"; }
.side_contact .fa-heart-o:before { content: "\f08a"; }

.side_contact .side_contact_icon:empty:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
}
.side_contact a.side_contact_icon[title="Phone"]:empty:before { content: "\f095"; }
.side_contact a.side_contact_icon[title="Email"]:empty:before { content: "\f003"; }
.side_contact a.side_contact_icon[title="WhatsApp"]:empty:before { content: "\f232"; }
.side_contact .side_contact_wechat .side_contact_icon:empty:before { content: "\f1d7"; }
.side_contact .side_contact_inquiry .side_contact_icon:empty:before { content: "\f0e5"; }
.side_contact .side_contact_top .side_contact_icon:empty:before { content: "\f062"; }
.side_contact .side_contact_cart .side_contact_icon:empty:before { content: "\f07a"; }
.side_contact .side_contact_fav .side_contact_icon:empty:before { content: "\f004"; }

:root {
	--xy-online-primary: #212121;
	--xy-online-primary-dark: #111111;
	--xy-online-accent: var(--xy-skin-primary, #ff0000);
	--xy-online-accent-dark: var(--xy-skin-accent, #a82024);
}

.side_contact_icon {
	background: linear-gradient(135deg, var(--xy-online-primary) 0%, var(--xy-online-primary-dark) 100%);
	box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.18);
}
.side_contact_item:hover .side_contact_icon {
	background: linear-gradient(135deg, var(--xy-online-accent) 0%, var(--xy-online-accent-dark) 100%);
}

.side_inquiry_mask {
	background: rgba(20, 20, 20, 0.48);
}

.side_inquiry_dialog {
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 20px 48px rgba(0, 0, 0, 0.18);
}

.side_inquiry_close {
	top: 16px;
	right: 16px;
	background: #f3f3f3 !important;
	color: #666 !important;
}
.side_inquiry_close:hover {
	background: var(--xy-skin-primary, #ff0000) !important;
	color: #fff !important;
}

/* 白底标题区：对比清晰、留白充足 */
.side_inquiry_hd {
	align-items: flex-start;
	gap: 16px;
	padding: 28px 56px 22px 28px;
	background: #fff !important;
	color: #1a1a1a;
	border-bottom: 1px solid #eee;
	border-radius: 12px 12px 0 0;
	position: relative;
}
.side_inquiry_hd:after {
	content: "";
	position: absolute;
	left: 28px;
	right: 28px;
	bottom: -1px;
	height: 2px;
	background: var(--xy-skin-primary, #ff0000);
	max-width: 48px;
}

.side_inquiry_hd-icon {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(255, 0, 0), 0.08) !important;
	color: var(--xy-skin-primary, #ff0000);
	font-size: 20px;
}

.side_inquiry_title {
	margin: 2px 0 8px !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em;
	color: #1a1a1a !important;
}

.side_inquiry_sub {
	display: none !important;
}

/* tip 并入标题区文案流，去掉色块 */
.side_inquiry_hd .side_inquiry_tip {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #888 !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
}
.side_inquiry_bd .side_inquiry_tip {
	display: none;
}

.side_inquiry_bd {
	padding-top: 20px;
}

.side_inquiry_input:hover,
.side_inquiry_textarea:hover {
	border-color: rgba(255, 0, 0), 0.4);
}

.side_inquiry_input:focus,
.side_inquiry_textarea:focus {
	border-color: var(--xy-skin-primary, #ff0000);
	box-shadow: 0 0 0 3px rgba(255, 0, 0), 0.12);
}

.side_inquiry_submit {
	height: 48px;
	border-radius: 8px;
	background: var(--xy-skin-primary, #ff0000) !important;
	box-shadow: none !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 14px !important;
}
.side_inquiry_submit:hover {
	background: var(--xy-skin-accent, #a82024) !important;
	box-shadow: none !important;
	filter: none;
	transform: none;
}

.side_contact_top .side_contact_icon {
	background: var(--xy-skin-primary, #ff0000);
}
.side_contact_top:hover .side_contact_icon {
	background: var(--xy-skin-accent, #a82024);
}

/* Message 字段：对话气泡（与询盘按钮同类图标） */
#sideInquiryModal {
	--xy-inq-msg-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff0000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5.6C5 4.7 5.7 4 6.6 4h10.8C18.3 4 19 4.7 19 5.6v8.2c0 .9-.7 1.6-1.6 1.6H8.8L5 19.5V5.6z'/%3E%3C/svg%3E");
}
#sideInquiryModal .side_inquiry_field_full .side_inquiry_label {
	display: flex;
	align-items: center;
}
#sideInquiryModal .side_inquiry_field_full .side_inquiry_label em {
	order: 0;
}
#sideInquiryModal .side_inquiry_field_full .side_inquiry_label:before {
	content: "";
	order: 1;
	width: 15px;
	height: 15px;
	margin: 0 6px 0 2px;
	flex-shrink: 0;
	background: var(--xy-inq-msg-ico) center / contain no-repeat;
}
#sideInquiryModal .side_inquiry_field_full .side_inquiry_label span {
	order: 2;
}
#sideInquiryModal .side_inquiry_textarea {
	padding: 12px 14px 12px 40px;
	background-color: #f7fafb;
	background-image: var(--xy-inq-msg-ico);
	background-repeat: no-repeat;
	background-position: 12px 14px;
	background-size: 16px 16px;
}
#sideInquiryModal .side_inquiry_textarea:hover,
#sideInquiryModal .side_inquiry_textarea:focus {
	background-color: #fff;
	background-image: var(--xy-inq-msg-ico);
	background-repeat: no-repeat;
	background-position: 12px 14px;
	background-size: 16px 16px;
}