/**
 * yitufastener — 右侧客服 / 询盘弹窗 / Thank you 品牌覆盖
 * 自动加载：xiaoyucms/{主题}/css/xy_online.css
 * 主色 #004B87 + 金 #FCC900（勿改 _common）
 */
:root {
	--xy-online-primary: #004B87;
	--xy-online-primary-dark: #003666;
	--xy-online-accent: #FCC900;
	--xy-online-accent-dark: #e0b400;
}

/* 侧栏「Inquiry」入口 */
.side_contact_inquiry .side_contact_icon {
	background: linear-gradient(135deg, #004B87 0%, #003666 100%) !important;
}
.side_contact_inquiry:hover .side_contact_icon {
	background: linear-gradient(135deg, #FCC900 0%, #e0b400 100%) !important;
	color: #1a1a1a !important;
}

/* 弹窗顶栏 */
.side_inquiry_hd {
	background: linear-gradient(135deg, #002d52 0%, #004B87 55%, #0a5fa0 100%) !important;
}
.side_inquiry_close:hover {
	color: #004B87 !important;
}

/* 提示条 */
.side_inquiry_tip {
	background: rgba(0, 75, 135, 0.08) !important;
	border-color: rgba(0, 75, 135, 0.2) !important;
	color: #003666 !important;
}

/* 输入框焦点 */
.side_inquiry_input:hover,
.side_inquiry_textarea:hover {
	border-color: #7aa3c4 !important;
}
.side_inquiry_input:focus,
.side_inquiry_textarea:focus {
	border-color: #004B87 !important;
	box-shadow: 0 0 0 3px rgba(0, 75, 135, 0.18) !important;
}

/* 提交按钮 */
.side_inquiry_submit {
	background: linear-gradient(135deg, #004B87 0%, #003666 100%) !important;
	box-shadow: 0 8px 20px rgba(0, 75, 135, 0.32) !important;
}
.side_inquiry_submit:hover {
	background: linear-gradient(135deg, #0a5fa0 0%, #004B87 100%) !important;
	box-shadow: 0 10px 24px rgba(0, 75, 135, 0.4) !important;
	filter: none !important;
}

/* ========== Thank you / 成功弹层（纯 CSS，不依赖系统 JS 图标） ========== */
.side_inquiry_alert.is-thankyou {
	background: rgba(14, 36, 48, 0.45) !important;
	padding: 24px 16px !important;
	align-items: center !important;
	justify-content: center !important;
}

.side_inquiry_thankyou,
.xy-ct-success-dialog.side_inquiry_thankyou,
.xy-ct-success-dialog {
	width: 100% !important;
	max-width: 440px !important;
	margin: 0 auto !important;
	padding: 36px 28px 32px !important;
	text-align: center !important;
	background: #fff !important;
	border-radius: 16px !important;
	box-shadow: 0 16px 48px rgba(0, 75, 135, 0.14), 0 2px 8px rgba(22, 30, 33, 0.06) !important;
	box-sizing: border-box !important;
}

/* 对勾 / 叉：title 前伪元素，无需改系统 JS */
.side_inquiry_thankyou.is-ok .page_title:before,
.xy-ct-success-dialog.is-ok .page_title:before,
.xy-ct-success-dialog .page_title:before {
	content: "" !important;
	display: block !important;
	width: 64px !important;
	height: 64px !important;
	margin: 0 auto 18px !important;
	border-radius: 50% !important;
	box-shadow: 0 8px 20px rgba(0, 75, 135, 0.28) !important;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / 30px 30px no-repeat,
		linear-gradient(135deg, #004B87 0%, #0a5fa0 100%) !important;
}
.side_inquiry_thankyou.is-err .page_title:before {
	content: "" !important;
	display: block !important;
	width: 64px !important;
	height: 64px !important;
	margin: 0 auto 18px !important;
	border-radius: 50% !important;
	box-shadow: 0 8px 20px rgba(192, 57, 43, 0.28) !important;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E") center / 30px 30px no-repeat,
		linear-gradient(135deg, #c0392b 0%, #e74c3c 100%) !important;
}

.side_inquiry_thankyou .page_title,
.xy-ct-success-dialog .page_title {
	margin: 0 0 12px !important;
	padding: 0 !important;
	border: 0 !important;
	color: #004B87 !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: 0.01em !important;
}
.side_inquiry_thankyou.is-err .page_title {
	color: #c0392b !important;
}
.side_inquiry_thankyou .page_title:after,
.xy-ct-success-dialog .page_title:after {
	display: none !important;
	content: none !important;
}

.side_inquiry_thankyou .page_jump_txt,
.xy-ct-success-dialog .page_jump_txt {
	margin: 0 0 10px !important;
	color: #5a6772 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.65 !important;
}
.side_inquiry_thankyou .page_jump_txt a,
.xy-ct-success-dialog .page_jump_txt a {
	color: #004B87 !important;
	font-weight: 600 !important;
	text-decoration: underline !important;
}
.side_inquiry_thankyou .page_jump_txt a:hover,
.xy-ct-success-dialog .page_jump_txt a:hover {
	color: #0a5fa0 !important;
}

.side_inquiry_thankyou .sys_btn,
.side_inquiry_thankyou .xy-ct-success-close,
.xy-ct-success-dialog .sys_btn,
.xy-ct-success-dialog .xy-ct-success-close {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 160px !important;
	height: 44px !important;
	margin-top: 20px !important;
	padding: 0 22px !important;
	border: none !important;
	border-radius: 8px !important;
	background: linear-gradient(135deg, #FCC900 0%, #e0b400 100%) !important;
	color: #161e21 !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	cursor: pointer !important;
	font-family: inherit !important;
	position: relative !important;
	box-shadow: 0 6px 16px rgba(252, 201, 0, 0.35) !important;
	transition: transform 0.2s, box-shadow 0.2s, filter 0.2s !important;
	line-height: 1.2 !important;
}
.side_inquiry_thankyou .sys_btn:after,
.xy-ct-success-dialog .sys_btn:after {
	display: none !important;
	content: none !important;
}
.side_inquiry_thankyou .sys_btn:hover,
.side_inquiry_thankyou .xy-ct-success-close:hover,
.xy-ct-success-dialog .sys_btn:hover,
.xy-ct-success-dialog .xy-ct-success-close:hover {
	background: linear-gradient(135deg, #ffd633 0%, #FCC900 100%) !important;
	color: #161e21 !important;
	filter: brightness(1.02) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 8px 20px rgba(252, 201, 0, 0.42) !important;
}
.side_inquiry_thankyou.is-err .sys_btn {
	background: linear-gradient(135deg, #004B87 0%, #003666 100%) !important;
	color: #fff !important;
	box-shadow: 0 6px 16px rgba(0, 75, 135, 0.3) !important;
}
.side_inquiry_thankyou.is-err .sys_btn:hover {
	background: linear-gradient(135deg, #0a5fa0 0%, #004B87 100%) !important;
	color: #fff !important;
}

.xy-ct-success-overlay {
	background: rgba(14, 36, 48, 0.55) !important;
}