/**
 * rbl-hardware — 右侧客服 / 询盘弹窗（简约大气，文字清晰）
 */
:root {
	--xy-online-primary: #212121;
	--xy-online-primary-dark: #111111;
	--xy-online-accent: var(--xy-skin-primary, #cb2c31);
	--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, #cb2c31) !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, #cb2c31);
	max-width: 48px;
}

.side_inquiry_hd-icon {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(203, 44, 49, 0.08) !important;
	color: var(--xy-skin-primary, #cb2c31);
	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(203, 44, 49, 0.4);
}

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

.side_inquiry_submit {
	height: 48px;
	border-radius: 8px;
	background: var(--xy-skin-primary, #cb2c31) !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, #cb2c31);
}
.side_contact_top:hover .side_contact_icon {
	background: var(--xy-skin-accent, #a82024);
}