/**
 * ywx-mould-one 内页排版增强（联系 / 案例 / 方案 / 博客）
 * 欧美工贸 B2B：统一字体、间距、卡片网格、面包屑与正文可读性。
 */

:root {
	--ywx-inner-page-width: 1308px;
}

body.contacts-page {
	--ywx-contact-section-gap: 32px;
	--ywx-contact-title-gap: 20px;
	--ywx-contact-first-pt: 24px;
	--ywx-contact-muted: var(--ywx-inner-muted, #5c6570);
	--ywx-contact-label-size: 0.8125rem;
	--ywx-contact-body-size: 1rem;
	--ywx-contact-lead-size: 1.0625rem;
}

body.contacts-page,
body.case-list-page,
body.case-detail-page,
body.solution-list-page,
body.solution-detail-page,
body.video-list-page,
body.video-type-page,
body.video-detail-page,
body.blog-list-page,
body.blog-detail-page,
body.faq-hub-page {
	--ywx-inner-page-width: 1308px;
	--ywx-inner-accent: var(--ywx-theme-color, #9e0707);
	--ywx-inner-text: #333;
	--ywx-inner-muted: #5c6570;
	--ywx-inner-border: #e8eaed;
	--ywx-inner-section-gap: 3.5rem;
	--ywx-inner-title-gap: 2rem;
	--ywx-inner-max-read: 100%;
	font-size: 16px;
	line-height: 1.7;
	color: var(--ywx-inner-text);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ========== 面包屑 ========== */
body.contacts-page .breadcrumbs-wrapper,
body.blog-list-page .breadcrumbs-wrapper,
body.blog-detail-page .breadcrumbs-wrapper {
	margin-bottom: 0;
	background-color: #fafafa;
	border-bottom: 1px solid var(--ywx-inner-border);
	/* 压缩灰底条高度（覆盖 style.css 15px 与模板 JS 注入的 padding-top） */
	padding: 0.25rem 0 !important;
	min-height: 0;
	line-height: 1.3;
}

/* 方案 A：关闭频道 Hero 后无首屏，联系页面包屑为固定顶栏预留 */
body.contacts-page.ywx-hero-off .breadcrumbs-wrapper,
body.contacts-page.ywx-hero-off .ywx-contact-crumb {
	padding: 110px 0 0.25rem 0 !important;
}

/* 无 Banner：顶栏占位并入面包屑灰条，避免 main 顶部出现空白 */
body.blog-detail-page .ywx-blog-detail-main {
	padding-top: 0;
}

body.blog-detail-page .ywx-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

body.blog-detail-page ol.breadcrumbs.cm-nav,
body.blog-detail-page .ywx-blog-detail-crumb .breadcrumbs {
	list-style: none;
	max-width: var(--ywx-inner-page-width, 1308px);
	width: 100%;
	padding: 0.2rem 15px;
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

body.blog-detail-page .breadcrumbs-wrapper.ywx-blog-detail-crumb {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	margin-bottom: 0 !important;
	margin-top: 0;
	width: 100%;
	padding-top: calc(80px + 0.35rem + env(safe-area-inset-top, 0px)) !important;
	padding-bottom: 0.4rem !important;
}

body.blog-detail-page .ywx-blog-detail-crumb .breadcrumbs li {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
}

body.blog-detail-page .ywx-blog-detail-crumb .breadcrumbs li#back_blog_current {
	min-width: 0;
}

body.blog-detail-page .ywx-blog-detail-crumb .breadcrumbs li#back_blog_current span {
	display: inline-block;
	max-width: min(36vw, 420px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}

body.blog-list-page .breadcrumbs-wrapper .breadcrumbs,
body.blog-detail-page .breadcrumbs-wrapper .breadcrumbs {
	max-width: var(--ywx-inner-page-width, 1308px);
	width: 100%;
	padding: 0.2rem 15px;
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
}

body.contacts-page .breadcrumbs li a,
body.blog-list-page .breadcrumbs li a,
body.blog-detail-page .breadcrumbs li a {
	font-size: 14px;
	color: var(--ywx-inner-muted);
	transition: color 0.2s ease;
}

body.contacts-page .breadcrumbs li a:hover,
body.blog-list-page .breadcrumbs li a:hover,
body.blog-detail-page .breadcrumbs li a:hover {
	color: var(--ywx-inner-accent);
}

/* ========== 区块标题 ========== */
body.contacts-page h2.ywxfonts-innertitle_font,
body.case-list-page .page-title h2,
body.solution-list-page .page-title h2,
body.blog-list-page h2.blog_title,
body.blog-detail-page .title h1.bg-title,
body.blog-detail-page .title h2.bg-title,
body.case-detail-page .pageMain h2,
body.solution-detail-page .pageMain h2 {
	margin: 0 0 var(--ywx-inner-title-gap) !important;
	padding-bottom: 0.85rem;
	font-size: clamp(1.5rem, 2.4vw, 1.875rem);
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.02em;
	text-align: center;
	position: relative;
	width: 100%;
}

body.contacts-page h2.ywxfonts-innertitle_font::after,
body.case-list-page .page-title h2::after,
body.solution-list-page .page-title h2::after,
body.blog-list-page h2.blog_title::after,
body.blog-detail-page .title h1.bg-title::after,
body.blog-detail-page .title h2.bg-title::after {
	content: "";
	display: block;
	width: 3rem;
	height: 3px;
	margin: 0.85rem auto 0;
	background: var(--ywx-inner-accent);
	border-radius: 2px;
}

body.solution-list-page,
body.solution-detail-page {
	--ywx-inner-section-gap: 2rem;
}

body.solution-detail-page {
	/* 整页内容区最大宽度（对齐全站内页 1308px） */
	--ywx-solution-page-width: var(--ywx-inner-page-width, 1308px);
	/* 侧栏：15 个汉字 + 内边距 + Bootstrap 列 padding(30px) */
	--ywx-solution-nav-font-size: 14px;
	--ywx-solution-sidebar-font-size: 14px;
	--ywx-solution-nav-chars: 15;
	--ywx-solution-sidebar-width: calc(var(--ywx-solution-nav-chars) * var(--ywx-solution-nav-font-size) + 3.25rem + 30px);
}

@media (min-width: 1340px) {
	body.solution-detail-page main.ywx-solution-detail-main > section .container,
	body.solution-detail-page main.ywx-solution-detail-main > section.ywx-solution-detail-footer .container {
		width: var(--ywx-solution-page-width);
		max-width: 100%;
	}
}

body.solution-detail-page .ywx-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ========== 方案列表：参考解决方案.html 分区排版 ========== */
body.solution-list-page .ywx-solution-list-main {
	overflow: visible;
}

body.solution-list-page .ywx-solution-section-title {
	margin: 0 0 1rem;
	font-size: clamp(1.75rem, 2.6vw, 2.2rem);
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.02em;
}

body.solution-list-page h1.ywx-solution-section-title {
	margin-bottom: 1rem;
	text-transform: none;
}

body.solution-list-page .ywx-solution-section-desc {
	max-width: 760px;
	margin: 0 auto;
	color: var(--ywx-inner-muted);
	font-size: 1.05rem;
	line-height: 1.75;
}

body.solution-list-page .ywx-solution-hub-intro-section {
	padding: 4rem 0;
	background: #f7f8fa;
	border-bottom: 1px solid var(--ywx-inner-border);
}

body.solution-list-page .ywx-solution-hub-intro-body {
	max-width: 820px;
	margin: 0 auto;
	color: var(--ywx-inner-text);
	font-size: 1.05rem;
	line-height: 1.8;
	text-align: left;
}

body.solution-list-page .ywx-solution-hub-intro-body p:last-child {
	margin-bottom: 0;
}

body.solution-list-page .ywx-solution-core-section {
	padding: 4rem 0;
	background: #fff;
}

body.solution-list-page .ywx-solution-section-head {
	margin-bottom: 2rem;
}

body.solution-list-page .ywx-solution-list-toolbar {
	position: relative;
	z-index: 2;
	margin-bottom: 2rem;
}

body.solution-list-page .ywx-solution-list-toolbar #filters {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.solution-list-page .ywx-solution-list-toolbar #filters .filters-li a {
	display: inline-block;
	padding: 0.45rem 1rem;
	font-size: 14px;
	font-weight: 600;
	border-radius: 999px;
	border: 1px solid var(--ywx-inner-border);
	background: #fff;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

body.solution-list-page .ywx-solution-list-by-category {
	width: 100%;
}

body.solution-list-page .ywx-solution-type-group {
	margin-bottom: 3rem;
	scroll-margin-top: 6rem;
}

body.solution-list-page .ywx-solution-type-group:last-child {
	margin-bottom: 0;
}

body.solution-list-page .ywx-solution-type-heading {
	margin: 0 0 1.35rem;
	padding-bottom: 0.65rem;
	border-bottom: 2px solid var(--ywx-inner-accent);
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.35;
	color: #1a1a1a;
	text-align: left;
}

body.solution-list-page .ywx-solution-card-grid {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

body.solution-list-page .ywx-solution-card-wrap {
	float: none !important;
	width: auto !important;
	height: auto !important;
	max-height: none !important;
	margin: 0 0 24px !important;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left !important;
	flex: 0 0 100%;
	max-width: 100%;
	box-sizing: border-box;
}

@media (min-width: 768px) {
	body.solution-list-page .ywx-solution-card-wrap {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (min-width: 992px) {
	body.solution-list-page .ywx-solution-card-wrap {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}

body.solution-list-page .ywx-solution-card-wrap .pro-a {
	width: 100% !important;
	height: auto !important;
	position: static !important;
}

body.solution-list-page .ywx-solution-card-wrap .pro-a:before,
body.solution-list-page .ywx-solution-card-wrap .pro-a:after {
	display: none !important;
}

body.solution-list-page .ywx-solution-card-title.pro_name {
	max-width: none !important;
	display: block !important;
	-webkit-line-clamp: unset !important;
	-webkit-box-orient: unset !important;
	overflow: visible !important;
	white-space: normal !important;
	padding: 0 !important;
	text-align: left !important;
}

body.solution-list-page .ywx-solution-card {
	height: 100%;
	display: flex;
	flex-direction: column;
	border: 1px solid var(--ywx-inner-border);
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
	transition: transform 0.28s ease, box-shadow 0.28s ease;
}

body.solution-list-page .ywx-solution-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.1);
}

body.solution-list-page .ywx-solution-card-media {
	display: block;
	height: 220px;
	overflow: hidden;
	background: #f3f4f6;
	line-height: 0;
}

body.solution-list-page .ywx-solution-card-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.35s ease;
}

body.solution-list-page .ywx-solution-card:hover .ywx-solution-card-media img {
	transform: scale(1.04);
}

body.solution-list-page .ywx-solution-card-body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	padding: 1.15rem 1.2rem 1.25rem;
}

body.solution-list-page .ywx-solution-card-title {
	margin: 0 0 0.55rem;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.45;
	color: #1a1a1a;
	text-align: left;
}

body.solution-list-page .ywx-solution-card-excerpt {
	margin: 0 0 1rem;
	color: var(--ywx-inner-muted);
	font-size: 0.92rem;
	line-height: 1.65;
	flex: 1 1 auto;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-align: left;
}

body.solution-list-page .ywx-solution-card-btn {
	display: inline-block;
	align-self: flex-start;
	margin-top: auto;
	padding: 0.48rem 1rem;
	border-radius: 4px;
	color: #fff !important;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
	border: 0;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

body.solution-list-page .ywx-solution-card-btn:hover {
	opacity: 0.92;
	transform: translateY(-1px);
}

body.solution-list-page .ywx-solution-hub-faq-section {
	padding: 4rem 0;
	background: #f7f8fa;
	border-top: 1px solid var(--ywx-inner-border);
}

body.solution-list-page .solution-list-hub-faq-body {
	max-width: 900px;
	margin: 1.5rem auto 0;
}

body.solution-list-page .ywx-solution-list-cta {
	padding: 4rem 0;
	color: #fff;
}

body.solution-list-page .ywx-solution-list-cta-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
}

body.solution-list-page .ywx-solution-list-cta-copy {
	flex: 1 1 420px;
}

body.solution-list-page .ywx-solution-list-cta-title {
	margin: 0 0 0.75rem;
	font-size: clamp(1.25rem, 2.2vw, 1.6rem);
	font-weight: 700;
	line-height: 1.35;
	color: #fff;
}

body.solution-list-page .ywx-solution-list-cta-text,
body.solution-list-page .ywx-solution-list-cta-phone {
	margin: 0 0 0.65rem;
	color: rgba(255, 255, 255, 0.92);
	font-size: 1rem;
	line-height: 1.6;
}

body.solution-list-page .ywx-solution-list-cta-phone {
	margin-bottom: 0;
}

body.solution-list-page .ywx-solution-list-cta-action {
	flex: 0 0 auto;
}

body.solution-list-page .ywx-solution-list-cta-btn {
	display: inline-block;
	padding: 0.75rem 1.75rem;
	border-radius: 4px;
	background: #fff;
	color: var(--ywx-inner-accent) !important;
	font-weight: 700;
	text-decoration: none;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

body.solution-list-page .ywx-solution-list-cta-btn:hover {
	opacity: 0.92;
	transform: translateY(-1px);
}

body.solution-list-page .ywx-solution-related-section {
	padding: 4rem 0;
}

body.solution-list-page .ywx-solution-related-products-section {
	background: #f7f8fa;
	border-top: 1px solid var(--ywx-inner-border);
}

body.solution-list-page .ywx-solution-related-cases-section {
	border-top: 1px solid var(--ywx-inner-border);
}

body.solution-list-page .ywx-solution-related-product-grid,
body.solution-list-page .ywx-solution-related-case-grid {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

body.solution-list-page .ywx-solution-related-product-wrap {
	flex: 0 0 25%;
	max-width: 25%;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
}

body.solution-list-page .ywx-solution-related-case-wrap {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
}

body.solution-list-page .ywx-solution-related-product-card,
body.solution-list-page .ywx-solution-related-case-card {
	height: 100%;
	border: 1px solid var(--ywx-inner-border);
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
	transition: transform 0.28s ease, box-shadow 0.28s ease;
}

body.solution-list-page .ywx-solution-related-product-card:hover,
body.solution-list-page .ywx-solution-related-case-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
}

body.solution-list-page .ywx-solution-related-product-media,
body.solution-list-page .ywx-solution-related-case-media {
	display: block;
	height: 180px;
	overflow: hidden;
	background: #f3f4f6;
	line-height: 0;
}

body.solution-list-page .ywx-solution-related-case-media {
	height: 220px;
}

body.solution-list-page .ywx-solution-related-product-media img,
body.solution-list-page .ywx-solution-related-case-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

body.solution-list-page .ywx-solution-related-product-body,
body.solution-list-page .ywx-solution-related-case-body {
	padding: 1rem 1.1rem 1.15rem;
}

body.solution-list-page .ywx-solution-related-product-title,
body.solution-list-page .ywx-solution-related-case-title {
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.45;
	color: #1a1a1a;
	text-align: center;
}

body.solution-list-page .ywx-solution-related-case-excerpt {
	margin: 0.55rem 0 0;
	color: var(--ywx-inner-muted);
	font-size: 0.92rem;
	line-height: 1.65;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

body.solution-list-page .ywx-solution-type-crumb {
	padding: 0.85rem 0 0;
	background: #fff;
}

body.solution-list-page .ywx-solution-type-crumb .breadcrumb {
	margin: 0;
	background: transparent;
}

body.solution-list-page .ywx-solution-type-intro-section {
	padding: 2rem 0 0;
}

body.solution-list-page .ywx-solution-type-intro-body {
	max-width: 820px;
	margin: 0 auto;
	color: var(--ywx-inner-text);
	font-size: 1.05rem;
	line-height: 1.8;
}

body.solution-list-page .ywx-solution-type-heading-link {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

body.solution-list-page .ywx-solution-type-heading-link:hover {
	color: var(--ywx-inner-accent);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

body.solution-list-page .ywx-solution-related-product-title a,
body.solution-list-page .ywx-solution-related-case-title a {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

body.solution-list-page .ywx-solution-related-product-title a:hover,
body.solution-list-page .ywx-solution-related-case-title a:hover {
	color: var(--ywx-inner-accent);
}

body.solution-list-page .ywx-solution-related-product-card,
body.solution-list-page .ywx-solution-related-case-card {
	cursor: pointer;
}

body.solution-type-page .ywx-solution-list-toolbar {
	display: none;
}

@media (max-width: 991px) {
	body.solution-list-page .ywx-solution-hub-intro-section,
	body.solution-list-page .ywx-solution-core-section,
	body.solution-list-page .ywx-solution-related-section,
	body.solution-list-page .ywx-solution-hub-faq-section,
	body.solution-list-page .ywx-solution-list-cta,
	body.case-list-page .ywx-case-core-section,
	body.case-list-page .ywx-case-hub-faq-section,
	body.case-list-page .ywx-case-list-cta,
	body.video-list-page .ywx-video-core-section,
	body.video-type-page .ywx-video-core-section,
	body.video-list-page .ywx-video-hub-faq-section,
	body.video-type-page .ywx-video-hub-faq-section,
	body.video-list-page .ywx-video-list-cta,
	body.video-type-page .ywx-video-list-cta {
		padding: 3rem 0;
	}

	body.solution-list-page .ywx-solution-related-product-wrap {
		flex: 0 0 50%;
		max-width: 50%;
	}

	body.solution-list-page .ywx-solution-related-case-wrap {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (max-width: 767px) {
	body.solution-list-page .ywx-solution-list-cta-inner {
		flex-direction: column;
		align-items: flex-start;
	}

	body.case-list-page .ywx-case-list-cta-inner {
		flex-direction: column;
		align-items: flex-start;
	}

	body.video-list-page .ywx-video-list-cta-inner {
		flex-direction: column;
		align-items: flex-start;
	}

	body.video-detail-page .ywx-video-related-card-wrap {
		flex: 0 0 calc(50% - 20px);
		max-width: calc(50% - 20px);
	}

	body.video-detail-page .ywx-video-detail-sidebar-col {
		display: block;
	}

	body.video-detail-page .ywx-video-detail-sidebar {
		position: static;
		margin-top: 2rem;
	}

	body.solution-list-page .ywx-solution-related-product-wrap,
	body.solution-list-page .ywx-solution-related-case-wrap {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

/* ========== 频道列表页：核心优势 ========== */
body.solution-list-page .ywx-channel-advantages-section,
body.case-list-page .ywx-channel-advantages-section,
body.video-list-page .ywx-channel-advantages-section,
body:not(.solution-list-page):not(.case-list-page):not(.video-list-page) .ywx-channel-advantages-section {
	padding: 4rem 0;
	background: #f7f8fa;
	border-top: 1px solid var(--ywx-inner-border);
}

body.solution-list-page .ywx-channel-advantages-grid,
body.case-list-page .ywx-channel-advantages-grid,
.ywx-channel-advantages-grid {
	display: flex;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
	justify-content: center;
}

body.solution-list-page .ywx-channel-advantage-wrap,
body.case-list-page .ywx-channel-advantage-wrap,
.ywx-channel-advantage-wrap {
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
	padding: 0 12px 24px;
}

.ywx-channel-advantages-grid--count-1 .ywx-channel-advantage-wrap {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.ywx-channel-advantages-grid--count-2 .ywx-channel-advantage-wrap {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.ywx-channel-advantages-grid--count-3 .ywx-channel-advantage-wrap {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.ywx-channel-advantages-grid--count-4 .ywx-channel-advantage-wrap {
	flex: 0 0 25%;
	max-width: 25%;
}

.ywx-channel-advantages-grid--count-5 .ywx-channel-advantage-wrap {
	flex: 0 0 20%;
	max-width: 20%;
}

.ywx-channel-advantages-grid--count-6 .ywx-channel-advantage-wrap {
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

.ywx-channel-advantages-section .ywx-solution-section-title {
	color: #0F4C81;
}

.ywx-channel-advantage-item {
	height: 100%;
	text-align: center;
	padding: 25px 15px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 8px;
	box-shadow: none;
}

.ywx-channel-advantage-item:hover {
	transform: none;
	box-shadow: 0 2px 10px rgba(15, 76, 129, 0.08);
}

.ywx-channel-advantage-item > i {
	display: inline-block;
	font-size: 2.5rem;
	line-height: 1;
	margin-bottom: 15px;
	color: #0F4C81;
}

.ywx-channel-advantage-title {
	margin: 0 0 0.35rem;
	font-size: 1rem;
	font-weight: 700;
	color: #222;
}

.ywx-channel-advantage-text {
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: #888;
}

@media (max-width: 991px) {
	.ywx-channel-advantage-wrap {
		flex: 0 0 33.333333% !important;
		max-width: 33.333333% !important;
	}
}

@media (max-width: 767px) {
	.ywx-channel-advantage-wrap {
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
}

@media (max-width: 479px) {
	.ywx-channel-advantage-wrap {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

/* ========== 方案详情：面包屑 + 锚点导航 + 页脚 CTA/分享 ========== */
body.solution-detail-page .breadcrumbs-wrapper.ywx-solution-detail-crumb {
	margin-bottom: 0;
	background-color: #fafafa;
	border-bottom: 1px solid var(--ywx-inner-border);
	padding: 0.25rem 0 !important;
	min-height: 0;
	line-height: 1.3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

body.solution-detail-page .ywx-solution-detail-crumb .breadcrumbs {
	list-style: none;
	max-width: var(--ywx-inner-page-width, 1308px);
	width: 100%;
	padding: 0.2rem 15px;
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

body.solution-detail-page .ywx-solution-detail-crumb .breadcrumbs li {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
}

body.solution-detail-page .ywx-solution-detail-crumb .breadcrumbs li#solution_breadcrumb_current {
	min-width: 0;
}

body.solution-detail-page .ywx-solution-detail-crumb .breadcrumbs li#solution_breadcrumb_current span {
	display: inline-block;
	max-width: min(36vw, 420px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}

body.solution-detail-page .ywx-solution-detail-crumb .breadcrumbs li a {
	font-size: 14px;
	color: var(--ywx-inner-muted);
	transition: color 0.2s ease;
}

body.solution-detail-page .ywx-solution-detail-crumb .breadcrumbs li a:hover {
	color: var(--ywx-inner-accent);
}

body.solution-detail-page .ywx-solution-section-nav {
	position: sticky;
	top: 72px;
	z-index: 20;
	margin-bottom: 1.75rem;
	padding: 0.75rem 1rem;
	background: #f8fafc;
	border: 1px solid var(--ywx-inner-border);
	border-radius: 8px;
	backdrop-filter: blur(6px);
}

body.solution-detail-page .solutionPageContent {
	scroll-margin-top: 7.5rem;
}

body.solution-detail-page .ywx-solution-detail-prose {
	max-width: var(--ywx-inner-max-read);
	font-size: 16px;
	line-height: 1.75;
	color: var(--ywx-inner-text);
}

body.solution-detail-page .solution-detail-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 20px;
	padding: 12px 0;
}

body.solution-detail-page .solution-detail-gallery-link {
	display: block;
	line-height: 0;
}

body.solution-detail-page .solution-detail-gallery-img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 8px;
	object-fit: cover;
}

body.solution-detail-page .solution-detail-gallery-title {
	margin-top: 12px;
	font-weight: 600;
	font-size: 15px;
}

body.solution-detail-page .solution-detail-gallery-intro {
	margin-top: 6px;
	font-size: 14px;
	color: #555;
	line-height: 1.5;
}

body.solution-detail-page .solutionPageContent--mashup .solution-detail-mashup {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	margin-top: 0;
}

body.solution-detail-page .solution-mashup-row {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 0;
	margin-bottom: 0;
	background: #fff;
	border: 1px solid var(--ywx-inner-border);
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);
	transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

body.solution-detail-page .solution-mashup-row:hover {
	border-color: rgba(158, 7, 7, 0.18);
	box-shadow: 0 8px 28px rgba(15, 23, 42, 0.08);
}

body.solution-detail-page .solution-mashup-media {
	flex: 0 0 44%;
	max-width: 44%;
	min-height: 260px;
	position: relative;
	background: #f1f5f9;
	overflow: hidden;
}

body.solution-detail-page .solution-mashup-media > a {
	display: block;
	height: 100%;
	min-height: 260px;
}

body.solution-detail-page .solution-mashup-text {
	flex: 1 1 56%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1.85rem 1.75rem;
	min-width: 0;
}

body.solution-detail-page .solution-mashup-img,
body.solution-detail-page .solution-mashup-video {
	width: 100%;
	height: 100%;
	min-height: 260px;
	max-width: none;
	object-fit: cover;
	object-position: center;
	display: block;
	border-radius: 0;
	transition: transform 0.35s ease;
}

body.solution-detail-page .solution-mashup-media > a:hover .solution-mashup-img {
	transform: scale(1.03);
}

body.solution-detail-page .solution-mashup-heading {
	margin: 0 0 0.85rem;
	padding-bottom: 0.6rem;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.35;
	color: var(--ywx-inner-text);
	border-bottom: 2px solid var(--ywx-inner-accent);
	align-self: flex-start;
}

body.solution-detail-page .solution-mashup-body {
	font-size: 15px;
	line-height: 1.75;
	color: var(--ywx-inner-text);
}

body.solution-detail-page .solution-mashup-body p {
	margin: 0 0 0.75rem;
}

body.solution-detail-page .solution-mashup-body p:last-child {
	margin-bottom: 0;
}

body.solution-detail-page .solution-mashup-body ul,
body.solution-detail-page .solution-mashup-body ol {
	margin: 0 0 0.75rem;
	padding-left: 1.25rem;
}

body.solution-detail-page .solution-mashup-plain {
	margin: 0;
	line-height: 1.75;
	font-size: 15px;
	white-space: pre-wrap;
}

@media (max-width: 991px) {
	body.solution-detail-page .solution-mashup-row {
		flex-wrap: wrap;
	}

	body.solution-detail-page .solution-mashup-media {
		flex: 0 0 100%;
		max-width: 100%;
		min-height: 220px;
	}

	body.solution-detail-page .solution-mashup-media > a {
		min-height: 220px;
	}

	body.solution-detail-page .solution-mashup-img,
	body.solution-detail-page .solution-mashup-video {
		min-height: 220px;
	}

	body.solution-detail-page .solution-mashup-text {
		flex: 0 0 100%;
		padding: 1.35rem 1.25rem 1.5rem;
	}
}

@media (max-width: 575px) {
	body.solution-detail-page .solution-mashup-media,
	body.solution-detail-page .solution-mashup-media > a,
	body.solution-detail-page .solution-mashup-img,
	body.solution-detail-page .solution-mashup-video {
		min-height: 200px;
	}

	body.solution-detail-page .solution-mashup-text {
		padding: 1.15rem 1rem 1.35rem;
	}

	body.solution-detail-page .solution-mashup-heading {
		font-size: 1.05rem;
	}
}

body.solution-detail-page .ywx-solution-detail-footer {
	margin-top: 2.5rem;
	padding-top: 0;
	border-top: 0;
}

body.solution-detail-page .ywx-solution-detail-cta {
	text-align: center;
	padding: 1.75rem 1.25rem;
	border-radius: 10px;
	background: #fafafa;
	border: 1px solid var(--ywx-inner-border);
}

body.solution-detail-page .ywx-solution-detail-cta-title {
	margin: 0 0 0.65rem;
	font-size: clamp(1.15rem, 2vw, 1.35rem);
	font-weight: 700;
}

body.solution-detail-page .ywx-solution-detail-cta-text {
	margin: 0 0 1.1rem;
	color: var(--ywx-inner-muted);
	font-size: 15px;
}

body.solution-detail-page .ywx-solution-detail-cta-btn {
	display: inline-block;
	padding: 0.65rem 1.5rem;
	border-radius: 4px;
	background: var(--ywx-inner-accent);
	color: #fff !important;
	font-weight: 600;
	text-decoration: none;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

body.solution-detail-page .ywx-solution-detail-cta-btn:hover {
	opacity: 0.92;
	transform: translateY(-1px);
}

body.solution-detail-page .ywx-solution-detail-share.ywx-blog-share,
body.solution-detail-page .ywx-solution-detail-share.bg-share {
	margin-top: 0;
	padding: 0;
	border: 0;
	background: transparent;
	text-align: center;
}

body.solution-detail-page .ywx-solution-detail-share .ywx-blog-share-heading {
	margin: 0 0 1rem;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.06em;
	color: var(--ywx-inner-text);
}

body.solution-detail-page .ywx-solution-detail-share .ywx-blog-share-platform,
body.solution-detail-page .ywx-solution-detail-share .share-platform {
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	display: flex;
	justify-content: center;
	background: transparent;
}

body.solution-detail-page .ywx-solution-detail-share .ywx-blog-share-list,
body.solution-detail-page .ywx-solution-detail-share .share-platform ul {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.65rem;
	width: auto;
	max-width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0 !important;
	border-radius: 0;
	background: transparent;
	overflow: visible;
	table-layout: auto;
	line-height: 1;
}

body.solution-detail-page .ywx-solution-detail-share .ywx-blog-share-list li,
body.solution-detail-page .ywx-solution-detail-share .share-platform ul li {
	display: inline-flex;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	border: 0 !important;
}

body.solution-detail-page .ywx-solution-detail-share .ywx-blog-share-list li:first-child,
body.solution-detail-page .ywx-solution-detail-share .share-platform ul li:first-child {
	border: 0;
}

body.solution-detail-page .ywx-solution-detail-share .ywx-blog-share-list li a,
body.solution-detail-page .ywx-solution-detail-share .share-platform ul li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: #f1f5f9;
	color: #64748b;
	font-size: 18px;
	line-height: 1;
	text-decoration: none;
	box-shadow: none;
	transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

body.solution-detail-page .ywx-solution-detail-share .ywx-blog-share-list li a i,
body.solution-detail-page .ywx-solution-detail-share .share-platform ul li a i {
	font-size: 18px;
	line-height: 1;
}

body.solution-detail-page .ywx-solution-detail-share .ywx-blog-share-list li a:hover,
body.solution-detail-page .ywx-solution-detail-share .ywx-blog-share-list li a:focus-visible,
body.solution-detail-page .ywx-solution-detail-share .share-platform ul li a:hover,
body.solution-detail-page .ywx-solution-detail-share .share-platform ul li a:focus-visible {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14);
	outline: none;
}

body.solution-detail-page .ywx-solution-detail-share .social-linkedin a:hover,
body.solution-detail-page .ywx-solution-detail-share .social-linkedin a:focus-visible {
	background-color: #0a66c2;
}

body.solution-detail-page .ywx-solution-detail-share .social-facebook a:hover,
body.solution-detail-page .ywx-solution-detail-share .social-facebook a:focus-visible {
	background-color: #1877f2;
}

body.solution-detail-page .ywx-solution-detail-share .social-twitter a:hover,
body.solution-detail-page .ywx-solution-detail-share .social-twitter a:focus-visible {
	background-color: #1d9bf0;
}

body.solution-detail-page .ywx-solution-detail-share .social-pinterest a:hover,
body.solution-detail-page .ywx-solution-detail-share .social-pinterest a:focus-visible {
	background-color: #e60023;
}

body.solution-detail-page .ywx-solution-detail-share .social-whatsapp a:hover,
body.solution-detail-page .ywx-solution-detail-share .social-whatsapp a:focus-visible {
	background-color: #25d366;
}

body.solution-detail-page .ywx-solution-detail-share .social-mail a:hover,
body.solution-detail-page .ywx-solution-detail-share .social-mail a:focus-visible {
	background-color: #6b7280;
}

body.solution-detail-page .ywx-solution-detail-share .social-copy a:hover,
body.solution-detail-page .ywx-solution-detail-share .social-copy a:focus-visible,
body.solution-detail-page .ywx-solution-detail-share .social-native a:hover,
body.solution-detail-page .ywx-solution-detail-share .social-native a:focus-visible {
	background-color: #475569;
}

body.solution-detail-page .ywx-solution-detail-share .social-wechat a:hover,
body.solution-detail-page .ywx-solution-detail-share .social-wechat a:focus-visible {
	background-color: #07c160;
}

body.solution-detail-page .ywx-solution-detail-share .ywx-blog-share-feedback {
	margin: 0.75rem 0 0;
	font-size: 13px;
	color: var(--ywx-inner-accent);
}

@media (max-width: 767px) {
	body.solution-detail-page .ywx-solution-detail-share .ywx-blog-share-list,
	body.solution-detail-page .ywx-solution-detail-share .share-platform ul {
		gap: 0.5rem;
	}

	body.solution-detail-page .ywx-solution-detail-share .ywx-blog-share-list li a,
	body.solution-detail-page .ywx-solution-detail-share .share-platform ul li a {
		width: 2.45rem;
		height: 2.45rem;
		font-size: 16px;
	}

	body.solution-detail-page .ywx-solution-detail-share .ywx-blog-share-list li a i,
	body.solution-detail-page .ywx-solution-detail-share .share-platform ul li a i {
		font-size: 16px;
	}
}

html[lang=en] body.solution-detail-page .ywx-share-wechat-only {
	display: none !important;
}

html[lang^=zh] body.solution-detail-page .ywx-share-wechat-only {
	display: inline-flex;
}

/* ========== 案例列表（新）：筛选 + 卡片网格（对齐成功案例.html / 方案列表） ========== */
body.case-list-page .ywx-case-list-main {
	display: block;
}

/* 方案 A：关闭 Hero 后列表主区为固定顶栏预留 */
body.case-list-page.ywx-hero-off .ywx-case-list-main,
body.solution-list-page.ywx-hero-off .ywx-solution-list-main,
body.video-list-page.ywx-hero-off > main,
body.product-list-page.ywx-hero-off > main,
body.blog-list-page.ywx-hero-off > main {
	padding-top: 110px;
}

body.case-list-page .ywx-case-core-section {
	padding: 2.5rem 0 3rem;
	background: #f8fafc;
}

body.case-list-page .ywx-case-list-toolbar {
	margin: 1.5rem 0 2rem;
}

body.case-list-page .ywx-case-filter {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem 0.65rem;
}

body.case-list-page .ywx-case-filter .btn,
body.case-list-page .ywx-case-filter .ywx-case-filter-btn {
	display: inline-block;
	border: 1px solid var(--ywx-inner-border);
	background: #fff !important;
	color: var(--ywx-inner-text) !important;
	text-transform: none;
	letter-spacing: 0;
	border-radius: 999px;
	padding: 0.4rem 1.1rem;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
	box-shadow: none;
}

body.case-list-page .ywx-case-filter .btn:hover,
body.case-list-page .ywx-case-filter .ywx-case-filter-btn:hover {
	color: var(--ywx-inner-accent) !important;
	border-color: var(--ywx-inner-accent);
	background: #fff !important;
}

body.case-list-page .ywx-case-filter .btn.active,
body.case-list-page .ywx-case-filter .ywx-case-filter-btn.active {
	color: #fff !important;
	background: var(--ywx-inner-accent) !important;
	border-color: var(--ywx-inner-accent) !important;
}

body.case-list-page .ywx-case-card-grid {
	display: flex;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
	width: auto;
}

body.case-list-page .ywx-case-card-grid.row,
body.case-list-page div[ywx-variable="case-list"].row {
	display: flex !important;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
}

body.case-list-page .ywx-case-card-wrap {
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
	margin: 0 12px 20px;
	box-sizing: border-box;
}

@media (min-width: 768px) {
	body.case-list-page .ywx-case-card-wrap {
		flex: 0 0 calc(50% - 24px);
		max-width: calc(50% - 24px);
		width: auto;
	}
}

@media (min-width: 992px) {
	body.case-list-page .ywx-case-card-wrap {
		flex: 0 0 calc(33.333% - 24px);
		max-width: calc(33.333% - 24px);
	}
}

body.case-list-page .ywx-case-card {
	background: #fff;
	border: 1px solid var(--ywx-inner-border);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
	transition: box-shadow 0.28s ease, transform 0.28s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
}

body.case-list-page .ywx-case-card:hover {
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.1);
	transform: translateY(-4px);
}

body.case-list-page .ywx-case-card-media {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #f3f4f6;
}

body.case-list-page .ywx-case-card-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.35s ease;
}

body.case-list-page .ywx-case-card:hover .ywx-case-card-media img {
	transform: scale(1.04);
}

body.case-list-page .ywx-case-card-body {
	padding: 1rem 1.1rem 1.15rem;
	flex: 1;
	display: flex;
	flex-direction: column;
}

body.case-list-page .ywx-case-card-title {
	margin: 0 0 0.5rem;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.35;
}

body.case-list-page .ywx-case-card-tag {
	display: inline-block;
	padding: 0.15rem 0.65rem;
	margin-bottom: 0.5rem;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	background: rgba(15, 76, 129, 0.08);
	color: var(--ywx-inner-accent, #0f4c81);
}

body.case-list-page .ywx-case-card-excerpt {
	margin: 0 0 0.85rem;
	font-size: 14px;
	line-height: 1.55;
	color: #64748b;
	flex: 1;
}

body.case-list-page .ywx-case-card-btn {
	display: inline-block;
	align-self: flex-start;
	padding: 0.45rem 1rem;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 600;
	color: #fff !important;
	text-decoration: none !important;
}

@media (max-width: 767px) {
	body.case-list-page .ywx-case-core-section {
		padding: 1.75rem 0 2rem;
	}

	body.case-list-page .ywx-case-core-section > .container {
		padding-left: 16px;
		padding-right: 16px;
	}

	body.case-list-page .ywx-solution-section-head {
		margin-bottom: 0.5rem;
	}

	body.case-list-page .ywx-solution-section-title {
		font-size: 1.35rem;
		line-height: 1.35;
	}

	body.case-list-page .ywx-solution-section-desc {
		font-size: 14px;
		line-height: 1.6;
	}

	body.case-list-page .ywx-case-list-toolbar {
		margin: 1rem 0 1.25rem;
	}

	body.case-list-page .ywx-case-filter {
		justify-content: flex-start;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding-bottom: 4px;
		margin-left: -4px;
		margin-right: -4px;
	}

	body.case-list-page .ywx-case-filter::-webkit-scrollbar {
		display: none;
	}

	body.case-list-page .ywx-case-filter .ywx-case-filter-btn {
		flex: 0 0 auto;
		white-space: nowrap;
		font-size: 13px;
		padding: 0.35rem 0.95rem;
	}

	body.case-list-page .ywx-case-card-grid,
	body.case-list-page div[ywx-variable="case-list"] {
		margin-left: 0;
		margin-right: 0;
	}

	body.case-list-page .ywx-case-card-wrap {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 16px;
	}

	body.case-list-page .ywx-case-card-title {
		font-size: 1rem;
		line-height: 1.4;
	}

	body.case-list-page .ywx-case-card-excerpt {
		font-size: 14px;
		line-height: 1.65;
		-webkit-line-clamp: 4;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	body.case-list-page .ywx-case-card-body {
		padding: 0.9rem 1rem 1rem;
	}
}

body.case-list-page .ywx-case-hub-faq-section {
	padding: 2.5rem 0;
	background: #fff;
}

body.case-list-page .ywx-case-list-cta {
	padding: 2.75rem 0;
}

body.case-list-page .ywx-case-list-cta-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
}

body.case-list-page .ywx-case-list-cta-title {
	margin: 0 0 0.65rem;
	font-size: 1.35rem;
	font-weight: 700;
	color: #fff;
}

body.case-list-page .ywx-case-list-cta-text,
body.case-list-page .ywx-case-list-cta-phone {
	margin: 0 0 0.35rem;
	color: rgba(255, 255, 255, 0.92);
}

body.case-list-page .ywx-case-list-cta-btn {
	display: inline-block;
	padding: 0.65rem 1.35rem;
	border-radius: 4px;
	background: #fff;
	color: var(--ywx-inner-accent, #0f4c81) !important;
	font-weight: 700;
	text-decoration: none !important;
}

/* ========== 视频列表：筛选 + 卡片网格（对齐案例/方案列表） ========== */
body.video-list-page .ywx-video-list-main {
	display: block;
}

body.video-list-page .ywx-video-core-section {
	padding: 2.5rem 0 3rem;
	background: #f8fafc;
}

body.video-list-page .ywx-video-list-toolbar {
	margin: 1.5rem 0 2rem;
}

body.video-list-page .ywx-video-filter {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem 0.65rem;
}

body.video-list-page .ywx-video-filter-btn {
	display: inline-block;
	border: 1px solid var(--ywx-inner-border);
	background: #fff !important;
	color: var(--ywx-inner-text) !important;
	text-transform: none;
	letter-spacing: 0;
	border-radius: 999px;
	padding: 0.4rem 1.1rem;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
	box-shadow: none;
}

body.video-list-page .ywx-video-filter-btn:hover {
	color: var(--ywx-inner-accent) !important;
	border-color: var(--ywx-inner-accent);
	background: #fff !important;
}

body.video-list-page .ywx-video-filter-btn.active {
	color: #fff !important;
	background: var(--ywx-inner-accent) !important;
	border-color: var(--ywx-inner-accent) !important;
}

body.video-list-page .ywx-video-card-grid {
	display: flex;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
	width: auto;
}

body.video-list-page .ywx-video-card-grid.row,
body.video-list-page div[ywx-variable="video-list"].row {
	display: flex !important;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
}

body.video-list-page .ywx-video-card-wrap {
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
	margin: 0 12px 20px;
	box-sizing: border-box;
}

@media (min-width: 768px) {
	body.video-list-page .ywx-video-card-wrap {
		flex: 0 0 calc(50% - 24px);
		max-width: calc(50% - 24px);
		width: auto;
	}
}

@media (min-width: 992px) {
	body.video-list-page .ywx-video-card-wrap {
		flex: 0 0 calc(33.333% - 24px);
		max-width: calc(33.333% - 24px);
	}
}

body.video-list-page .ywx-video-card {
	background: #fff;
	border: 1px solid var(--ywx-inner-border);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
	transition: box-shadow 0.28s ease, transform 0.28s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
}

body.video-list-page .ywx-video-card:hover {
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.1);
	transform: translateY(-3px);
}

body.video-list-page .ywx-video-card-media {
	display: block;
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background: #0f172a;
}

body.video-list-page .ywx-video-card-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.35s ease, opacity 0.35s ease;
}

body.video-list-page .ywx-video-card:hover .ywx-video-card-media img {
	transform: scale(1.04);
	opacity: 0.92;
}

body.video-list-page .ywx-video-card-play,
body.video-detail-page .ywx-video-card-play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: rgba(158, 7, 7, 0.92);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
	transition: transform 0.25s ease, background 0.25s ease;
	pointer-events: none;
}

body.video-list-page .ywx-video-card-play i,
body.video-detail-page .ywx-video-card-play i {
	margin-left: 3px;
}

body.video-list-page .ywx-video-card:hover .ywx-video-card-play,
body.video-detail-page .ywx-video-related-card:hover .ywx-video-card-play {
	transform: translate(-50%, -50%) scale(1.08);
	background: var(--ywx-inner-accent);
}

body.video-list-page .ywx-video-card-body {
	padding: 1rem 1.1rem 1.15rem;
	display: flex;
	flex-direction: column;
	flex: 1;
}

body.video-list-page .ywx-video-card-title {
	margin: 0 0 0.45rem;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.35;
	color: var(--ywx-inner-text);
}

body.video-list-page .ywx-video-card-tag {
	display: inline-block;
	align-self: flex-start;
	margin-bottom: 0.55rem;
	padding: 0.15rem 0.55rem;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	color: var(--ywx-inner-accent);
	background: rgba(158, 7, 7, 0.08);
}

body.video-list-page .ywx-video-card-excerpt {
	margin: 0 0 0.85rem;
	font-size: 14px;
	line-height: 1.55;
	color: #64748b;
	flex: 1;
}

body.video-list-page .ywx-video-card-btn {
	display: inline-block;
	align-self: flex-start;
	padding: 0.45rem 1rem;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 600;
	color: #fff !important;
	text-decoration: none !important;
	white-space: nowrap;
}

@media (max-width: 767px) {
	body.video-list-page .ywx-video-core-section {
		padding: 1.75rem 0 2rem;
	}

	body.video-list-page .ywx-video-core-section > .container {
		padding-left: 16px;
		padding-right: 16px;
	}

	body.video-list-page .ywx-video-list-toolbar {
		margin: 1rem 0 1.25rem;
	}

	body.video-list-page .ywx-video-filter {
		justify-content: flex-start;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding-bottom: 4px;
	}

	body.video-list-page .ywx-video-filter::-webkit-scrollbar {
		display: none;
	}

	body.video-list-page .ywx-video-filter-btn {
		flex: 0 0 auto;
		white-space: nowrap;
		font-size: 13px;
		padding: 0.35rem 0.95rem;
	}

	body.video-list-page .ywx-video-card-grid,
	body.video-list-page div[ywx-variable="video-list"] {
		margin-left: 0;
		margin-right: 0;
	}

	body.video-list-page .ywx-video-card-wrap {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 16px;
	}

	body.video-list-page .ywx-video-card-title {
		font-size: 1rem;
		line-height: 1.4;
	}

	body.video-list-page .ywx-video-card-excerpt {
		font-size: 14px;
		line-height: 1.65;
	}

	body.video-list-page .ywx-video-card-body {
		padding: 0.9rem 1rem 1rem;
	}
}

body.video-list-page .ywx-video-hub-faq-section,
body.video-type-page .ywx-video-hub-faq-section {
	padding: 2.5rem 0;
	background: #fff;
}

body.video-list-page .ywx-video-hub-related-products-section,
body.video-type-page .ywx-video-hub-related-products-section {
	padding: 2.5rem 0 3rem;
	background: #f8fafc;
	border-top: 1px solid var(--ywx-inner-border);
}

body.video-list-page .ywx-video-hub-related-product-grid,
body.video-type-page .ywx-video-hub-related-product-grid {
	display: flex;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
}

body.video-list-page .ywx-video-hub-related-product-wrap,
body.video-type-page .ywx-video-hub-related-product-wrap {
	padding: 0 12px 24px;
}

body.video-list-page .ywx-video-hub-related-product-card,
body.video-type-page .ywx-video-hub-related-product-card {
	background: #fff;
	border: 1px solid var(--ywx-inner-border);
	border-radius: 8px;
	overflow: hidden;
	height: 100%;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
	transition: box-shadow 0.28s ease, transform 0.28s ease;
}

body.video-list-page .ywx-video-hub-related-product-card:hover,
body.video-type-page .ywx-video-hub-related-product-card:hover {
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.1);
	transform: translateY(-3px);
}

body.video-list-page .ywx-video-hub-related-product-media,
body.video-type-page .ywx-video-hub-related-product-media {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #f3f4f6;
}

body.video-list-page .ywx-video-hub-related-product-media img,
body.video-type-page .ywx-video-hub-related-product-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.video-list-page .ywx-video-hub-related-product-body,
body.video-type-page .ywx-video-hub-related-product-body {
	padding: 0.85rem 1rem 1rem;
}

body.video-list-page .ywx-video-hub-related-product-title,
body.video-type-page .ywx-video-hub-related-product-title {
	margin: 0 0 0.35rem;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
}

body.video-list-page .ywx-video-hub-related-product-title a,
body.video-type-page .ywx-video-hub-related-product-title a {
	color: var(--ywx-inner-text);
	text-decoration: none !important;
}

body.video-list-page .ywx-video-hub-related-product-title a:hover,
body.video-type-page .ywx-video-hub-related-product-title a:hover {
	color: var(--ywx-inner-accent);
}

body.video-list-page .ywx-video-hub-related-product-excerpt,
body.video-type-page .ywx-video-hub-related-product-excerpt {
	margin: 0;
	font-size: 13px;
	line-height: 1.55;
	color: #64748b;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

body.video-type-page .ywx-video-type-crumb {
	padding: 0.85rem 0 !important;
	background: #f8fafc;
	border-bottom: 1px solid var(--ywx-inner-border);
	margin-bottom: 0 !important;
}

body.video-list-page .ywx-video-list-cta {
	padding: 2.75rem 0;
}

body.video-type-page .ywx-video-list-cta {
	padding: 2.75rem 0;
}

body.video-list-page .ywx-video-list-cta-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
}

body.video-list-page .ywx-video-list-cta-title {
	margin: 0 0 0.65rem;
	font-size: 1.35rem;
	font-weight: 700;
	color: #fff;
}

body.video-list-page .ywx-video-list-cta-text,
body.video-list-page .ywx-video-list-cta-phone {
	margin: 0 0 0.35rem;
	color: rgba(255, 255, 255, 0.92);
}

body.video-list-page .ywx-video-list-cta-btn {
	display: inline-block;
	padding: 0.65rem 1.35rem;
	border-radius: 4px;
	background: #fff;
	color: var(--ywx-inner-accent, #0f4c81) !important;
	font-weight: 700;
	text-decoration: none !important;
}

/* ========== 视频详情页 ========== */
body.video-detail-page .ywx-video-detail-main {
	display: block;
	padding-top: 110px;
}

body.video-detail-page .ywx-video-detail-crumb {
	padding: 0.85rem 0 !important;
	background: #f8fafc;
	border-bottom: 1px solid var(--ywx-inner-border);
	margin-bottom: 0 !important;
}

body.video-detail-page ol.breadcrumbs.cm-nav,
body.video-detail-page .ywx-video-detail-crumb .breadcrumbs {
	list-style: none;
	max-width: var(--ywx-inner-page-width, 1308px);
	width: 100%;
	padding: 0.2rem 15px;
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

body.video-detail-page .breadcrumbs-wrapper.ywx-video-detail-crumb {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 2.25rem;
	width: 100%;
}

body.video-detail-page .ywx-video-detail-crumb .breadcrumbs li {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
}

body.video-detail-page .ywx-video-detail-crumb .breadcrumbs li:last-child span {
	display: inline-block;
	max-width: min(36vw, 420px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}

body.video-detail-page .ywx-video-detail-crumb .breadcrumbs li a {
	font-size: 14px;
	color: var(--ywx-inner-muted);
	text-decoration: none;
	transition: color 0.2s ease;
}

body.video-detail-page .ywx-video-detail-crumb .breadcrumbs li a:hover {
	color: var(--ywx-inner-accent);
}

body.video-detail-page .ywx-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

body.video-detail-page .ywx-video-detail-row {
	align-items: flex-start;
}

body.video-detail-page .ywx-video-detail-player-block {
	margin-bottom: 1.75rem;
}

body.video-detail-page .ywx-video-detail-player-block .ywx-video-player-wrap {
	max-width: none;
	margin: 0;
}

body.video-detail-page .ywx-video-player {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #000;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 8px 28px rgba(15, 23, 42, 0.14);
}

body.video-detail-page .ywx-video-player iframe,
body.video-detail-page .ywx-video-player video,
body.video-detail-page .ywx-video-native-player {
	width: 100% !important;
	height: 100% !important;
	display: block;
	border: 0;
	object-fit: contain;
	background: #000;
}

body.video-detail-page .ywx-video-detail-content-section {
	padding: 2rem 0 2.5rem;
	background: #fff;
}

body.video-detail-page .ywx-video-detail-title {
	margin: 0 0 0.75rem;
	font-size: clamp(1.35rem, 2.5vw, 1.85rem);
	font-weight: 700;
	line-height: 1.3;
}

body.video-detail-page .ywx-video-detail-lead {
	margin: 0 0 1.25rem;
	font-size: 1.05rem;
	line-height: 1.65;
	color: var(--ywx-inner-muted);
}

body.video-detail-page .ywx-video-detail-desc {
	font-size: 16px;
	line-height: 1.75;
	color: var(--ywx-inner-text);
}

body.video-detail-page .ywx-video-detail-desc p:last-child {
	margin-bottom: 0;
}

body.video-detail-page .ywx-video-detail-share.ywx-blog-share,
body.video-detail-page .ywx-video-detail-share.bg-share {
	margin-top: 2rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--ywx-inner-border);
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	background: transparent;
	text-align: left;
}

body.video-detail-page .ywx-video-detail-share .ywx-blog-share-heading {
	margin: 0 0 1rem;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.06em;
	color: var(--ywx-inner-text);
}

body.video-detail-page .ywx-video-detail-share .ywx-blog-share-platform,
body.video-detail-page .ywx-video-detail-share .share-platform {
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	display: flex;
	justify-content: flex-start;
	background: transparent;
}

body.video-detail-page .ywx-video-detail-share .ywx-blog-share-list,
body.video-detail-page .ywx-video-detail-share .share-platform ul {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 0.65rem;
	width: auto;
	max-width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0 !important;
	border-radius: 0;
	background: transparent;
	overflow: visible;
	line-height: 1;
}

body.video-detail-page .ywx-video-detail-share .ywx-blog-share-list li,
body.video-detail-page .ywx-video-detail-share .share-platform ul li {
	display: inline-flex;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	border: 0 !important;
}

body.video-detail-page .ywx-video-detail-share .ywx-blog-share-list li a,
body.video-detail-page .ywx-video-detail-share .share-platform ul li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: #f1f5f9;
	color: #64748b;
	font-size: 18px;
	line-height: 1;
	text-decoration: none;
	box-shadow: none;
	transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

body.video-detail-page .ywx-video-detail-share .ywx-blog-share-list li a i,
body.video-detail-page .ywx-video-detail-share .share-platform ul li a i {
	font-size: 18px;
	line-height: 1;
}

body.video-detail-page .ywx-video-detail-share .ywx-blog-share-list li a:hover,
body.video-detail-page .ywx-video-detail-share .ywx-blog-share-list li a:focus-visible,
body.video-detail-page .ywx-video-detail-share .share-platform ul li a:hover,
body.video-detail-page .ywx-video-detail-share .share-platform ul li a:focus-visible {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14);
	outline: none;
}

body.video-detail-page .ywx-video-detail-share .social-linkedin a:hover,
body.video-detail-page .ywx-video-detail-share .social-linkedin a:focus-visible {
	background-color: #0a66c2;
}

body.video-detail-page .ywx-video-detail-share .social-facebook a:hover,
body.video-detail-page .ywx-video-detail-share .social-facebook a:focus-visible {
	background-color: #1877f2;
}

body.video-detail-page .ywx-video-detail-share .social-twitter a:hover,
body.video-detail-page .ywx-video-detail-share .social-twitter a:focus-visible {
	background-color: #1d9bf0;
}

body.video-detail-page .ywx-video-detail-share .social-pinterest a:hover,
body.video-detail-page .ywx-video-detail-share .social-pinterest a:focus-visible {
	background-color: #e60023;
}

body.video-detail-page .ywx-video-detail-share .social-whatsapp a:hover,
body.video-detail-page .ywx-video-detail-share .social-whatsapp a:focus-visible {
	background-color: #25d366;
}

body.video-detail-page .ywx-video-detail-share .social-mail a:hover,
body.video-detail-page .ywx-video-detail-share .social-mail a:focus-visible {
	background-color: #6b7280;
}

body.video-detail-page .ywx-video-detail-share .social-copy a:hover,
body.video-detail-page .ywx-video-detail-share .social-copy a:focus-visible,
body.video-detail-page .ywx-video-detail-share .social-native a:hover,
body.video-detail-page .ywx-video-detail-share .social-native a:focus-visible {
	background-color: #475569;
}

body.video-detail-page .ywx-video-detail-share .social-wechat a:hover,
body.video-detail-page .ywx-video-detail-share .social-wechat a:focus-visible {
	background-color: #07c160;
}

body.video-detail-page .ywx-video-detail-share .ywx-blog-share-feedback {
	margin: 0.75rem 0 0;
	font-size: 13px;
	color: var(--ywx-inner-accent);
}

@media (max-width: 767px) {
	body.video-detail-page .ywx-video-detail-share .ywx-blog-share-list,
	body.video-detail-page .ywx-video-detail-share .share-platform ul {
		gap: 0.5rem;
	}

	body.video-detail-page .ywx-video-detail-share .ywx-blog-share-list li a,
	body.video-detail-page .ywx-video-detail-share .share-platform ul li a {
		width: 2.45rem;
		height: 2.45rem;
		font-size: 16px;
	}
}

html[lang=en] body.video-detail-page .ywx-share-wechat-only {
	display: none !important;
}

html[lang^=zh] body.video-detail-page .ywx-share-wechat-only {
	display: inline-flex;
}

body.video-detail-page .ywx-video-detail-sidebar-col {
	display: flex;
	flex-direction: column;
}

body.video-detail-page .ywx-video-detail-sidebar {
	position: sticky;
	top: 120px;
	flex: 1;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 1.25rem;
	border: 1px solid var(--ywx-inner-border);
	border-radius: 8px;
	background: #f8fafc;
}

body.video-detail-page .ywx-video-detail-sidebar-title {
	margin: 0 0 1rem;
	font-size: 1.1rem;
	font-weight: 700;
}

body.video-detail-page .ywx-video-related-product-list {
	flex: 1;
}

@media (min-width: 992px) {
	body.video-detail-page .ywx-video-detail-row {
		align-items: stretch;
	}
}

body.video-detail-page .ywx-video-related-product-item {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--ywx-inner-border);
}

body.video-detail-page .ywx-video-related-product-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

body.video-detail-page .ywx-video-related-product-item a {
	display: flex;
	gap: 0.85rem;
	text-decoration: none !important;
	color: var(--ywx-inner-text) !important;
}

body.video-detail-page .ywx-video-related-product-item a:hover h4 {
	color: var(--ywx-inner-accent) !important;
}

body.video-detail-page .ywx-video-related-product-thumb {
	flex: 0 0 72px;
	width: 72px;
	height: 72px;
	border-radius: 6px;
	overflow: hidden;
	background: #e2e8f0;
}

body.video-detail-page .ywx-video-related-product-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.video-detail-page .ywx-video-related-product-copy h4 {
	margin: 0 0 0.35rem;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.35;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

body.video-detail-page .ywx-video-related-product-copy p {
	margin: 0;
	font-size: 13px;
	line-height: 1.5;
	color: #64748b;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

body.video-detail-page .ywx-video-detail-faq-section {
	margin-top: 2.5rem;
	padding-top: 2rem;
	border-top: 1px solid var(--ywx-inner-border);
}

body.video-detail-page .ywx-video-detail-faq-title {
	margin: 0 0 1.25rem;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.3;
}

body.video-detail-page .ywx-video-detail-faq-list {
	max-width: 100%;
}

body.video-detail-page .ywx-video-detail-faq-item {
	border: 1px solid var(--ywx-inner-border);
	border-radius: 8px;
	margin-bottom: 10px;
	background: #fff;
	overflow: hidden;
}

body.video-detail-page .ywx-video-detail-faq-q {
	padding: 0.85rem 1rem;
	font-weight: 600;
	cursor: pointer;
	list-style: none;
}

body.video-detail-page .ywx-video-detail-faq-q::-webkit-details-marker {
	display: none;
}

body.video-detail-page .ywx-video-detail-faq-a {
	padding: 0 1rem 1rem;
	font-size: 14px;
	line-height: 1.65;
	color: var(--ywx-inner-muted);
}

body.video-detail-page .ywx-video-detail-related-section {
	padding: 2.5rem 0 3rem;
	background: #f8fafc;
}

body.video-detail-page .ywx-video-related-grid {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}

body.video-detail-page .ywx-video-related-card-wrap {
	flex: 0 0 calc(25% - 20px);
	max-width: calc(25% - 20px);
	margin: 0 10px 24px;
}

body.video-detail-page .ywx-video-related-card {
	background: #fff;
	border: 1px solid var(--ywx-inner-border);
	border-radius: 8px;
	overflow: hidden;
	height: 100%;
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}

body.video-detail-page .ywx-video-related-card:hover {
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
	transform: translateY(-2px);
}

body.video-detail-page .ywx-video-related-card-media {
	display: block;
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #0f172a;
}

body.video-detail-page .ywx-video-related-card-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

body.video-detail-page .ywx-video-related-card-body {
	padding: 0.85rem 0.95rem 1rem;
}

body.video-detail-page .ywx-video-related-card-title {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
}

body.video-detail-page .ywx-video-related-card-title a {
	color: var(--ywx-inner-text);
	text-decoration: none !important;
}

body.video-detail-page .ywx-video-related-card-title a:hover {
	color: var(--ywx-inner-accent);
}

body.video-detail-page .ywx-video-detail-cta {
	padding: 2.5rem 0;
	color: #fff;
}

body.video-detail-page .ywx-video-detail-cta-inner h3 {
	margin: 0 0 0.65rem;
	font-size: 1.35rem;
	font-weight: 700;
	color: #fff;
}

body.video-detail-page .ywx-video-detail-cta-inner p {
	margin: 0 0 1.25rem;
	color: rgba(255, 255, 255, 0.92);
}

body.video-detail-page .ywx-video-detail-cta-btn {
	display: inline-block;
	padding: 0.65rem 1.35rem;
	border-radius: 4px;
	background: #fff;
	color: var(--ywx-inner-accent) !important;
	font-weight: 700;
	text-decoration: none !important;
}

body.case-detail-page .ywx-case-detail-crumb {
	padding: 0.85rem 0;
	background: #f8fafc;
	border-bottom: 1px solid var(--ywx-inner-border);
}

body.case-detail-page .ywx-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

body.case-detail-page ol.breadcrumbs.cm-nav,
body.case-detail-page .ywx-case-detail-crumb .breadcrumbs {
	list-style: none;
	max-width: var(--ywx-inner-page-width, 1308px);
	width: 100%;
	padding: 0.2rem 15px;
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

body.case-detail-page .breadcrumbs-wrapper.ywx-case-detail-crumb {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 2.25rem;
	margin-bottom: 0 !important;
	width: 100%;
}

body.case-detail-page .ywx-case-detail-crumb .breadcrumbs li {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
}

body.case-detail-page .ywx-case-detail-crumb .breadcrumbs li#case_breadcrumb_current {
	min-width: 0;
}

body.case-detail-page .ywx-case-detail-crumb .breadcrumbs li#case_breadcrumb_current span {
	display: inline-block;
	max-width: min(36vw, 420px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: bottom;
}

body.case-detail-page .ywx-case-detail-crumb .breadcrumbs li a {
	font-size: 14px;
	color: var(--ywx-inner-muted);
	transition: color 0.2s ease;
}

body.case-detail-page .ywx-case-detail-crumb .breadcrumbs li a:hover {
	color: var(--ywx-inner-accent);
}

body.case-detail-page .ywx-case-detail-header {
	margin-bottom: 2rem;
	text-align: center;
}

/* —— 首屏 Banner（参考稿：全宽图 + 渐变遮罩 + 标题） —— */
body.case-detail-page #slide_one.banner1,
body.case-detail-page header.ywx-case-detail-banner#slide_one {
	position: relative;
	padding-top: 0 !important;
	margin: 0;
	height: 45vh;
	min-height: 360px;
	max-height: 520px;
	overflow: hidden;
}

body.case-detail-page .ywx-case-detail-banner-media,
body.case-detail-page #slide_one.banner1 .banner1-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100% !important;
	margin: 0;
	padding: 0;
}

body.case-detail-page .ywx-case-detail-banner-media img,
body.case-detail-page #slide_one.banner1 .banner1-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

body.case-detail-page .ywx-case-detail-banner-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem 0;
	background: linear-gradient(
		180deg,
		rgba(15, 23, 42, 0.45) 0%,
		rgba(15, 23, 42, 0.72) 100%
	);
}

body.case-detail-page .ywx-case-detail-banner-copy {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	color: #fff;
}

body.case-detail-page .ywx-case-detail-title {
	margin: 0 0 0.85rem;
	padding-bottom: 0;
	font-size: clamp(1.65rem, 3.2vw, 2.35rem);
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.02em;
	color: #fff !important;
}

body.case-detail-page .ywx-case-detail-banner .ywx-case-detail-title::after,
body.case-detail-page header.ywx-case-detail-banner .ywx-case-detail-title::after {
	content: "";
	display: block;
	width: 3rem;
	height: 3px;
	margin: 0.85rem auto 0;
	background: rgba(255, 255, 255, 0.85);
	border-radius: 2px;
}

body.case-detail-page .ywx-case-detail-hero-section {
	padding: 2.5rem 0 1.5rem;
	background: #fff;
}

body.case-detail-page .ywx-case-detail-hero-section .ywx-case-detail-title {
	color: inherit !important;
}

body.case-detail-page .ywx-case-detail-hero-section .ywx-case-detail-title::after {
	background: var(--ywx-inner-accent);
}

body.case-detail-page .ywx-case-detail-subtitle {
	margin: 0 auto 1rem;
	max-width: 720px;
	font-size: clamp(1rem, 1.6vw, 1.15rem);
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.92);
}

body.case-detail-page .ywx-case-detail-hero-section .ywx-case-detail-subtitle {
	color: var(--ywx-inner-muted);
}

body.case-detail-page .ywx-case-detail-tags {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.45rem;
	margin-top: 0.5rem;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

body.case-detail-page .ywx-case-detail-tag {
	display: inline-block;
	padding: 0.25rem 0.8rem;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	background: rgba(255, 255, 255, 0.16);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.28);
	backdrop-filter: blur(4px);
}

body.case-detail-page .ywx-case-detail-hero-section .ywx-case-detail-tag {
	background: rgba(15, 76, 129, 0.08);
	color: var(--ywx-inner-accent);
	border: none;
	backdrop-filter: none;
}

body.case-detail-page .ywx-case-detail-main-section {
	padding: 3rem 0;
	background: #fff;
}

body.case-detail-page .ywx-case-detail-main-row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

body.case-detail-page .ywx-case-detail-info-col {
	margin-bottom: 0;
}

@media (min-width: 992px) {
	body.case-detail-page .ywx-case-detail-main-row {
		flex-wrap: nowrap;
	}

	body.case-detail-page .ywx-case-detail-info-col {
		align-self: stretch;
		display: flex;
		flex-direction: column;
	}

	body.case-detail-page .ywx-case-detail-overview-col {
		flex: 1 1 0;
		min-width: 0;
	}
}

body.case-detail-page .ywx-case-detail-sidebar {
	position: sticky;
	top: 88px;
	align-self: flex-start;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

body.case-detail-page .ywx-case-detail-info-panel,
body.case-detail-page .ywx-case-detail-chapter-nav {
	background: #eceff3;
	border: 1px solid #d0d5dd;
	border-radius: 12px;
	padding: 1.35rem 1rem 1.15rem;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 6px 22px rgba(15, 23, 42, 0.07);
	margin-bottom: 0;
}

body.case-detail-page .ywx-case-detail-info-panel {
	position: static;
}

body.case-detail-page .ywx-case-detail-consult-panel {
	background: #fff;
	border: 1px solid var(--ywx-inner-border);
	border-radius: 10px;
	padding: 1.35rem 1.15rem;
	box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06);
	margin-bottom: 0;
}

body.case-detail-page .ywx-case-detail-chapter-nav {
	margin-bottom: 0;
}

body.case-detail-page .ywx-case-detail-chapter-nav-title,
body.case-detail-page .ywx-case-detail-info-title {
	margin: 0 0 1rem;
	padding: 0 0 0.55rem;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.3;
	border-bottom: 2px solid color-mix(in srgb, var(--ywx-inner-accent) 22%, #d0d5dd);
	color: var(--ywx-inner-accent);
}

body.case-detail-page .ywx-case-detail-info-list {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

body.case-detail-page .ywx-case-detail-chapter-nav-list {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 0.45rem;
	list-style: none;
	padding: 0;
	margin: 0;
	justify-content: flex-start;
}

body.case-detail-page .ywx-case-detail-chapter-nav-list li a {
	display: block;
	padding: 0.7rem 1rem 0.7rem 0.85rem;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	border-radius: 8px;
	border: 1px solid color-mix(in srgb, var(--ywx-inner-accent) 16%, #d0d5dd);
	border-left: 3px solid var(--ywx-inner-accent);
	background: #fff;
	color: #2c3e50;
	text-decoration: none;
	white-space: normal;
	word-break: break-word;
	box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body.case-detail-page .ywx-case-detail-chapter-nav-list li a:hover {
	background: color-mix(in srgb, var(--ywx-inner-accent) 9%, #fff);
	border-color: color-mix(in srgb, var(--ywx-inner-accent) 35%, #d0d5dd);
	color: var(--ywx-inner-accent);
}

body.case-detail-page .ywx-case-detail-chapter-nav-list li a.is-active,
body.case-detail-page .ywx-case-detail-chapter-nav-list li a.is-active:hover {
	color: #fff;
	background: var(--ywx-inner-accent);
	border-color: var(--ywx-inner-accent);
	box-shadow: 0 4px 14px color-mix(in srgb, var(--ywx-inner-accent) 38%, transparent);
}

body.case-detail-page .ywx-case-detail-consult-title {
	margin: 0 0 0.85rem;
	padding-bottom: 0.75rem;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.35;
	border-bottom: 1px solid var(--ywx-inner-border);
}

body.case-detail-page .ywx-case-detail-consult-text {
	margin: 0 0 0.85rem;
	font-size: 14px;
	line-height: 1.6;
	color: var(--ywx-inner-muted);
}

body.case-detail-page .ywx-case-detail-consult-phone {
	margin: 0 0 1rem;
	font-size: 14px;
	line-height: 1.55;
	color: var(--ywx-inner-text);
}

body.case-detail-page .ywx-case-detail-consult-phone .fa {
	color: var(--ywx-inner-accent);
	margin-right: 0.35rem;
}

body.case-detail-page .ywx-case-detail-consult-cta {
	display: block;
	padding: 0.6rem 1rem;
	border-radius: 4px;
	text-align: center;
	color: #fff !important;
	text-decoration: none !important;
	font-size: 14px;
	font-weight: 600;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

body.case-detail-page .ywx-case-detail-consult-cta:hover {
	opacity: 0.92;
	transform: translateY(-1px);
}

body.case-detail-page .ywx-case-detail-chapter {
	scroll-margin-top: 6rem;
	margin-bottom: 2rem;
	padding: 1.75rem 1.5rem;
	background: #fff;
	border: 1px solid var(--ywx-inner-border);
	border-radius: 10px;
	box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
}

body.case-detail-page .ywx-case-detail-chapter:last-child {
	margin-bottom: 0;
}

body.case-detail-page .ywx-case-detail-section-title {
	margin: 0 0 1.15rem;
	padding-bottom: 0.75rem;
	font-size: clamp(1.25rem, 2vw, 1.5rem);
	font-weight: 700;
	border-bottom: 2px solid var(--ywx-inner-accent);
}

body.case-detail-page .ywx-case-detail-prose {
	max-width: none;
	font-size: 16px;
	line-height: 1.8;
	color: var(--ywx-inner-text);
}

body.case-detail-page .ywx-case-detail-prose p {
	margin-bottom: 1rem;
}

body.case-detail-page .ywx-case-detail-prose h3 {
	margin: 1.35rem 0 0.75rem;
	font-size: 1.1rem;
	font-weight: 700;
	color: #1a1a1a;
}

body.case-detail-page .ywx-case-detail-prose ul,
body.case-detail-page .ywx-case-detail-prose ol {
	margin: 0.75rem 0 1rem;
	padding-left: 1.35em;
}

body.case-detail-page .ywx-case-detail-prose li + li {
	margin-top: 0.4em;
}

body.case-detail-page .ywx-case-detail-info-row {
	margin: 0;
	padding: 0.75rem 1rem 0.75rem 0.85rem;
	font-size: 14px;
	line-height: 1.55;
	color: #2c3e50;
	background: #fff;
	border: 1px solid color-mix(in srgb, var(--ywx-inner-accent) 16%, #d0d5dd);
	border-left: 3px solid var(--ywx-inner-accent);
	border-radius: 8px;
	box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
}

body.case-detail-page .ywx-case-detail-info-row strong {
	color: var(--ywx-inner-accent);
}

body.case-detail-page .ywx-case-detail-info-row .fa {
	color: var(--ywx-inner-accent);
	margin-right: 0.35rem;
}

body.case-detail-page .ywx-case-detail-info-cta {
	display: block;
	margin-top: 1.25rem;
	padding: 0.55rem 1rem;
	border-radius: 4px;
	text-align: center;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 600;
}

body.case-detail-page .ywx-case-detail-overview-col--full {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	float: none;
}

body.case-detail-page .ywx-case-detail-gallery-section,
body.case-detail-page .ywx-case-detail-process-section,
body.case-detail-page .ywx-case-detail-related-section,
body.case-detail-page .ywx-case-detail-faq-section {
	padding: 3.5rem 0;
}

body.case-detail-page .ywx-case-detail-gallery-section {
	background: #f8fafc;
}

body.case-detail-page .ywx-case-detail-process-section {
	background: #fff;
}

body.case-detail-page .ywx-case-detail-process-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem 0.75rem;
	margin-left: 0;
	margin-right: 0;
}

body.case-detail-page .ywx-case-detail-process-grid::before,
body.case-detail-page .ywx-case-detail-process-grid::after {
	display: none;
}

body.case-detail-page .ywx-case-detail-process-grid > .ywx-case-detail-step {
	float: none;
	flex: 1 1 160px;
	max-width: 220px;
	padding: 1.25rem 0.85rem;
	background: #f8fafc;
	border: 1px solid var(--ywx-inner-border);
	border-radius: 10px;
}

body.case-detail-page .ywx-case-detail-gallery-card {
	background: #fff;
	border: 1px solid var(--ywx-inner-border);
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 24px;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
	transition: transform 0.28s ease, box-shadow 0.28s ease;
}

body.case-detail-page .ywx-case-detail-gallery-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
}

body.case-detail-page .ywx-case-detail-gallery-card a {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #f3f4f6;
}

body.case-detail-page .ywx-case-detail-gallery-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.case-detail-page .ywx-case-detail-gallery-caption {
	padding: 0.75rem 1rem;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
}

body.case-detail-page .ywx-case-detail-step {
	text-align: center;
	margin-bottom: 0;
}

body.case-detail-page .ywx-case-detail-step-num {
	width: 44px;
	height: 44px;
	line-height: 44px;
	border-radius: 50%;
	background: var(--ywx-inner-accent);
	color: #fff;
	font-weight: 700;
	margin: 0 auto 0.75rem;
	font-size: 15px;
}

body.case-detail-page .ywx-case-detail-step-title {
	margin: 0 0 0.35rem;
	font-size: 15px;
	font-weight: 700;
}

body.case-detail-page .ywx-case-detail-step-desc {
	margin: 0;
	font-size: 13px;
	color: var(--ywx-inner-muted);
	line-height: 1.55;
}

body.case-detail-page .ywx-case-detail-related-section {
	background: #f8fafc;
}

body.case-detail-page .ywx-case-detail-faq-section {
	background: #fff;
}

body.case-detail-page .ywx-case-detail-faq-list {
	max-width: 900px;
	margin: 0 auto;
}

body.case-detail-page .ywx-case-detail-faq-item {
	border: 1px solid var(--ywx-inner-border);
	border-radius: 8px;
	margin-bottom: 10px;
	background: #fff;
	overflow: hidden;
}

body.case-detail-page .ywx-case-detail-faq-q {
	padding: 0.85rem 1rem;
	font-weight: 600;
	cursor: pointer;
	list-style: none;
}

body.case-detail-page .ywx-case-detail-faq-q::-webkit-details-marker {
	display: none;
}

body.case-detail-page .ywx-case-detail-faq-a {
	padding: 0 1rem 1rem;
	font-size: 14px;
	line-height: 1.65;
	color: var(--ywx-inner-muted);
}

body.case-detail-page .ywx-case-detail-cta {
	padding: 3.25rem 0;
	color: #fff;
	position: relative;
	overflow: hidden;
}

body.case-detail-page .ywx-case-detail-cta::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		135deg,
		rgba(0, 0, 0, 0.08) 0%,
		rgba(0, 0, 0, 0.2) 100%
	);
	pointer-events: none;
}

body.case-detail-page .ywx-case-detail-cta > .container {
	position: relative;
	z-index: 1;
}

body.case-detail-page .ywx-case-detail-cta .ywx-case-list-cta-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem 2rem;
}

body.case-detail-page .ywx-case-detail-cta .ywx-case-list-cta-copy {
	flex: 1 1 320px;
	min-width: 0;
	max-width: 760px;
}

body.case-detail-page .ywx-case-detail-cta .ywx-case-list-cta-title,
body.case-detail-page .ywx-case-detail-cta .ywx-case-list-cta-title.ywxcss-this-innertitle_color {
	margin: 0 0 0.65rem;
	font-size: clamp(1.2rem, 2.2vw, 1.55rem);
	font-weight: 700;
	line-height: 1.4;
	color: #fff !important;
}

body.case-detail-page .ywx-case-detail-cta .ywx-case-list-cta-text {
	margin: 0 0 0.5rem;
	font-size: 15px;
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.92) !important;
	max-width: 640px;
}

body.case-detail-page .ywx-case-detail-cta .ywx-case-list-cta-phone {
	margin: 0.85rem 0 0;
	font-size: 15px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.95) !important;
}

body.case-detail-page .ywx-case-detail-cta .ywx-case-list-cta-phone i {
	margin-right: 0.4rem;
	opacity: 0.9;
}

body.case-detail-page .ywx-case-detail-cta .ywx-case-list-cta-action {
	flex-shrink: 0;
}

body.case-detail-page .ywx-case-detail-cta .ywx-case-list-cta-btn,
body.case-detail-page .ywx-case-detail-cta a[ywx-variable="case-detail-cta-button"] {
	display: inline-block;
	padding: 0.75rem 1.85rem;
	border-radius: 6px;
	background: #fff !important;
	color: #1a1a1a !important;
	font-weight: 700;
	font-size: 15px;
	line-height: 1.2;
	text-decoration: none !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
	white-space: nowrap;
}

body.case-detail-page .ywx-case-detail-cta .ywx-case-list-cta-btn:hover,
body.case-detail-page .ywx-case-detail-cta a[ywx-variable="case-detail-cta-button"]:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
	background: #f8fafc !important;
	color: #1a1a1a !important;
}

@media (max-width: 767px) {
	body.case-detail-page .ywx-case-detail-cta {
		padding: 2.5rem 0;
		text-align: center;
	}

	body.case-detail-page .ywx-case-detail-cta .ywx-case-list-cta-inner {
		justify-content: center;
	}

	body.case-detail-page .ywx-case-detail-cta .ywx-case-list-cta-copy {
		max-width: none;
	}

	body.case-detail-page .ywx-case-detail-cta .ywx-case-list-cta-text {
		max-width: none;
	}

	body.case-detail-page .ywx-case-detail-cta .ywx-case-list-cta-action {
		width: 100%;
	}

	body.case-detail-page .ywx-case-detail-cta .ywx-case-list-cta-btn {
		width: 100%;
		max-width: 280px;
	}
}

/* 案例详情：PDF + 关联产品/方案 */
body.case-detail-page .ywx-case-detail-pdf-block {
	margin-top: 1.25rem;
	padding-top: 0;
	border-top: none;
}

body.case-detail-page .ywx-case-detail-pdf-title {
	margin: 0 0 0.75rem;
	font-size: 1rem;
	font-weight: 700;
	color: var(--ywx-inner-accent);
}

body.case-detail-page .ywx-case-detail-pdf-list {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

body.case-detail-page .ywx-case-detail-pdf-link {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.75rem 1rem 0.75rem 0.85rem;
	border-radius: 8px;
	border: 1px solid color-mix(in srgb, var(--ywx-inner-accent) 16%, #d0d5dd);
	border-left: 3px solid var(--ywx-inner-accent);
	background: #fff;
	color: #2c3e50 !important;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none !important;
	box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body.case-detail-page .ywx-case-detail-pdf-link:hover {
	background: color-mix(in srgb, var(--ywx-inner-accent) 9%, #fff);
	border-color: color-mix(in srgb, var(--ywx-inner-accent) 35%, #d0d5dd);
	color: var(--ywx-inner-accent) !important;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

body.case-detail-page .ywx-case-detail-pdf-link .fa {
	color: #c0392b;
}

body.case-detail-page .ywx-case-detail-pdf-size {
	font-weight: 400;
	color: var(--ywx-inner-muted);
	font-size: 12px;
}

body.case-detail-page .ywx-case-detail-related-products-section {
	padding: 3.5rem 0;
	background: #f8fafc;
}

body.case-detail-page .ywx-case-detail-related-solutions-section {
	padding: 3.5rem 0;
	background: #fff;
}

body.case-detail-page .ywx-case-detail-related-product-grid,
body.case-detail-page .ywx-case-detail-related-solution-grid {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}

body.case-detail-page .ywx-case-detail-related-product-wrap,
body.case-detail-page .ywx-case-detail-related-solution-wrap {
	float: none;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

body.case-detail-page .ywx-case-detail-related-product-card,
body.case-detail-page .ywx-case-detail-related-solution-card {
	height: 100%;
	background: #fff;
	border: 1px solid var(--ywx-inner-border);
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

body.case-detail-page .ywx-case-detail-related-product-card:hover,
body.case-detail-page .ywx-case-detail-related-solution-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
}

body.case-detail-page .ywx-case-detail-related-product-media,
body.case-detail-page .ywx-case-detail-related-solution-media {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #f3f4f6;
}

body.case-detail-page .ywx-case-detail-related-product-media img,
body.case-detail-page .ywx-case-detail-related-solution-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.case-detail-page .ywx-case-detail-related-product-body,
body.case-detail-page .ywx-case-detail-related-solution-body {
	padding: 1rem 1.1rem 1.15rem;
}

body.case-detail-page .ywx-case-detail-related-product-title,
body.case-detail-page .ywx-case-detail-related-solution-title {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
}

body.case-detail-page .ywx-case-detail-related-product-title a,
body.case-detail-page .ywx-case-detail-related-solution-title a {
	color: inherit;
	text-decoration: none;
}

body.case-detail-page .ywx-case-detail-related-solution-excerpt {
	margin: 0.5rem 0 0;
	font-size: 13px;
	line-height: 1.55;
	color: var(--ywx-inner-muted);
}

@media (max-width: 991px) {
	body.case-detail-page .ywx-case-detail-sidebar {
		position: static;
		max-height: none;
		overflow: visible;
		margin-bottom: 1.75rem;
	}

	body.case-detail-page .ywx-case-detail-chapter-nav-list li a {
		min-height: 52px;
		padding: 0.95rem 1rem;
	}

	body.case-detail-page .ywx-case-detail-process-grid > .ywx-case-detail-step {
		flex: 1 1 calc(50% - 0.75rem);
		max-width: none;
	}
}

@media (max-width: 767px) {
	body.case-detail-page #slide_one.banner1,
	body.case-detail-page header.ywx-case-detail-banner#slide_one {
		min-height: 300px;
		height: 38vh;
	}

	body.case-detail-page .ywx-case-detail-chapter {
		padding: 1.25rem 1rem;
	}

	body.case-detail-page .ywx-case-detail-process-grid > .ywx-case-detail-step {
		flex: 1 1 100%;
	}
}

/* Legacy generated pages: banner1 → crumb → hero-section（无 overlay 节点） */
body.case-detail-page .ywx-case-detail-main {
	display: flex;
	flex-direction: column;
}

body.case-detail-page .ywx-case-detail-main > .ywx-case-detail-crumb {
	order: 1;
}

body.case-detail-page .ywx-case-detail-main > .banner1#slide_one:not(.ywx-case-detail-banner) {
	order: 2;
}

body.case-detail-page .ywx-case-detail-main > header.ywx-case-detail-banner#slide_one {
	order: 2;
}

body.case-detail-page .ywx-case-detail-main > .ywx-case-detail-hero-section {
	order: 3;
	margin-top: calc(-1 * clamp(300px, 45vh, 520px));
	padding: clamp(4rem, 12vh, 6rem) 0 2rem;
	background: transparent;
	position: relative;
	z-index: 2;
}

body.case-detail-page .ywx-case-detail-main > .ywx-case-detail-hero-section .ywx-case-detail-title {
	color: #fff !important;
}

body.case-detail-page .ywx-case-detail-main > .ywx-case-detail-hero-section .ywx-case-detail-title::after {
	background: rgba(255, 255, 255, 0.85);
}

body.case-detail-page .ywx-case-detail-main > .ywx-case-detail-hero-section .ywx-case-detail-subtitle {
	color: rgba(255, 255, 255, 0.92);
}

body.case-detail-page .ywx-case-detail-main > .ywx-case-detail-hero-section .ywx-case-detail-tag {
	background: rgba(255, 255, 255, 0.16);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.28);
}

body.case-detail-page .ywx-case-detail-main > .banner1#slide_one:not(.ywx-case-detail-banner)::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(15, 23, 42, 0.45) 0%,
		rgba(15, 23, 42, 0.72) 100%
	);
	pointer-events: none;
	z-index: 1;
}

body.case-detail-page .ywx-case-detail-main > .ywx-case-detail-main-section {
	order: 4;
}

/* 各区块单独 order，避免新增 section 默认 order:0 跑到 Banner 上方 */
body.case-detail-page .ywx-case-detail-main > .ywx-case-detail-gallery-section {
	order: 5;
}

body.case-detail-page .ywx-case-detail-main > .ywx-case-detail-process-section {
	order: 6;
}

body.case-detail-page .ywx-case-detail-main > .ywx-case-detail-related-products-section {
	order: 7;
}

body.case-detail-page .ywx-case-detail-main > .ywx-case-detail-related-solutions-section {
	order: 8;
}

body.case-detail-page .ywx-case-detail-main > .ywx-case-detail-related-section {
	order: 9;
}

body.case-detail-page .ywx-case-detail-main > .ywx-case-detail-faq-section {
	order: 10;
}

body.case-detail-page .ywx-case-detail-main > .ywx-case-detail-cta {
	order: 11;
}

body.case-detail-page .ywx-case-detail-main-section.pageMain {
	padding-top: 2.5rem;
}

/* ========== 案例列表：分类栏 + 网格卡片（旧模板兼容） ========== */
body.case-list-page .page-title {
	padding: 2rem 0 0.5rem;
	background: #fff;
	border-bottom: 1px solid var(--ywx-inner-border);
}

body.case-list-page .page-title .row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

body.case-list-page #filters {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	justify-content: flex-end;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.case-list-page #filters .filters-li a {
	display: inline-block;
	padding: 0.45rem 1rem;
	font-size: 14px;
	font-weight: 600;
	border-radius: 4px;
	transition: background 0.2s ease, color 0.2s ease;
}

body.case-list-page section.pageMain {
	padding: 2.5rem 0 4rem;
}

body.case-list-page div[ywx-variable="case-list"] {
	display: flex;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
}

body.case-list-page .gallery-item {
	float: none;
	width: auto;
	flex: 0 0 calc(25% - 24px);
	max-width: calc(25% - 24px);
	margin: 0 12px 28px;
	padding: 0;
	background: #fff;
	border: 1px solid var(--ywx-inner-border);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
	transition: box-shadow 0.28s ease, transform 0.28s ease;
}

body.case-list-page .gallery-item:hover {
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.1);
	transform: translateY(-4px);
}

body.case-list-page .gallery-item .pro-a {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #f3f4f6;
}

body.case-list-page .gallery-item .pro-a img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	transition: transform 0.35s ease;
}

body.case-list-page .gallery-item:hover .pro-a img {
	transform: scale(1.04);
}

body.case-list-page .gallery-item .pro_name {
	padding: 1rem 1.1rem 1.15rem;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.45;
	color: #1a1a1a;
	text-align: center;
	white-space: normal;
	overflow: visible;
	text-overflow: unset;
}

/* ========== 案例 / 方案详情 ========== */
body.case-detail-page section.pageMain,
body.solution-detail-page section.pageMain {
	padding: 2.5rem 0 4rem;
}

body.solution-detail-page #solutionBtnList {
	margin-bottom: 0;
	float: none;
	width: 100%;
}

/* 覆盖 style.css 旧版 #solutionBtnList 四列灰底浮动布局（仅 legacy pageMain 结构） */
body.solution-detail-page section.pageMain #solutionBtnList ul,
body.solution-detail-page section.pageMain #solution-nav-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	list-style: none;
	padding: 0;
	margin: 0;
	justify-content: flex-start;
	width: 100%;
}

body.solution-detail-page section.pageMain #solutionBtnList ul::before,
body.solution-detail-page section.pageMain #solutionBtnList ul::after,
body.solution-detail-page section.pageMain #solution-nav-list::before,
body.solution-detail-page section.pageMain #solution-nav-list::after {
	display: none;
}

body.solution-detail-page section.pageMain #solutionBtnList ul li,
body.solution-detail-page section.pageMain #solution-nav-list li {
	float: none;
	width: auto;
	height: auto;
	line-height: normal;
	background: transparent;
	position: static;
	text-align: left;
	list-style: none;
}

body.solution-detail-page section.pageMain #solutionBtnList ul li a,
body.solution-detail-page section.pageMain #solution-nav-list li a {
	display: inline-block;
	padding: 0.4rem 0.85rem;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	border-radius: 999px;
	border: 1px solid var(--ywx-inner-border);
	background: #fff;
	color: var(--ywx-inner-text);
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

body.solution-detail-page section.pageMain #solutionBtnList ul li a:link,
body.solution-detail-page section.pageMain #solutionBtnList ul li a:visited,
body.solution-detail-page section.pageMain #solution-nav-list li a:link,
body.solution-detail-page section.pageMain #solution-nav-list li a:visited {
	color: var(--ywx-inner-text);
}

body.solution-detail-page section.pageMain #solutionBtnList ul li a:hover,
body.solution-detail-page section.pageMain #solution-nav-list li a:hover {
	color: #fff;
	background: var(--ywx-inner-accent);
	border-color: var(--ywx-inner-accent);
}

body.solution-detail-page section.pageMain .solutionPageContent {
	margin-bottom: var(--ywx-inner-section-gap);
	padding-bottom: 2rem;
	border-bottom: 1px solid var(--ywx-inner-border);
}

body.solution-detail-page section.pageMain .solutionPageContent:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

body.solution-detail-page section.pageMain .solutionContentTitle h3 {
	margin: 0 0 1.25rem;
	font-size: clamp(1.25rem, 2vw, 1.5rem);
	font-weight: 700;
	text-align: center;
	padding-bottom: 0.75rem;
	border-bottom: 2px solid var(--ywx-inner-accent);
}

body.solution-detail-page .solution-desc {
	max-width: var(--ywx-inner-max-read);
	font-size: 16px;
	line-height: 1.75;
	color: var(--ywx-inner-text);
}

body.solution-detail-page .solution-desc p {
	margin-bottom: 1rem;
}

body.solution-detail-page .solution-desc img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 1rem 0;
	display: block;
}

body.case-detail-page div[ywx-variable="case-desc"],
body.solution-detail-page div[ywx-variable="solution-desc"] {
	max-width: var(--ywx-inner-max-read);
	margin: 0 0 2rem;
	font-size: 16px;
	line-height: 1.75;
	color: var(--ywx-inner-text);
}

body.case-detail-page div[ywx-variable="case-desc"] p,
body.solution-detail-page div[ywx-variable="solution-desc"] p {
	margin-bottom: 1rem;
}

body.case-detail-page div[ywx-variable="case-img-list"],
body.solution-detail-page div[ywx-variable="solution-img-list"] {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}

body.case-detail-page div[ywx-variable="case-img-list"] > div,
body.solution-detail-page div[ywx-variable="solution-img-list"] > div {
	float: none;
	flex: 0 0 calc(33.333% - 20px);
	max-width: calc(33.333% - 20px);
	margin: 0 10px 20px;
	padding: 0;
}

body.case-detail-page div[ywx-variable="case-img-list"] a,
body.solution-detail-page div[ywx-variable="solution-img-list"] a {
	display: block;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid var(--ywx-inner-border);
	background: #f3f4f6;
	aspect-ratio: 4 / 3;
}

body.case-detail-page div[ywx-variable="case-img-list"] img,
body.solution-detail-page div[ywx-variable="solution-img-list"] img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}

/* ========== 博客列表 ========== */
body.blog-list-page section.content-wrapper {
	padding: 2.5rem 0 4rem;
}

/* 侧栏：约 25% 宽，色块导航（非表格式边框） */
body.blog-list-page section.content-wrapper > .container > .row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

body.blog-list-page aside.sidebar.col-md-3,
body.blog-list-page aside.sidebar.col-md-4,
body.blog-list-page aside.sidebar.col-md-2,
body.blog-list-page aside.sidebar {
	flex: 0 0 25%;
	max-width: 25%;
	width: 25%;
	padding-left: 15px;
	padding-right: 12px;
}

body.blog-list-page #blog_content.content.col-md-9,
body.blog-list-page #blog_content.content.col-md-8,
body.blog-list-page #blog_content.content.col-md-10,
body.blog-list-page #blog_content.content {
	flex: 0 0 75%;
	max-width: 75%;
	width: 75%;
}

body.blog-list-page .ywx-blog-sidebar-panel {
	background: #f4f5f7;
	border-radius: 10px;
	padding: 1.35rem 1rem 1.1rem;
	box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06);
}

body.blog-list-page .ywx-blog-sidebar-title {
	margin: 0 0 1rem;
	padding: 0;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.3;
	color: #1a2a44;
	text-align: left;
}

body.blog-list-page .sidebar .category-menu,
body.blog-list-page .sidebar .ywx-blog-category-blocks {
	list-style: none;
	padding: 0;
	margin: 0;
	border: none !important;
	border-radius: 0;
	overflow: visible;
	background: transparent;
}

body.blog-list-page .sidebar .category-menu > li,
body.blog-list-page .sidebar .ywx-blog-category-blocks > li {
	float: none;
	display: block;
	margin: 0 0 0.45rem;
	padding: 0;
	border: none !important;
	background: transparent !important;
}

body.blog-list-page .sidebar .category-menu > li:last-child,
body.blog-list-page .sidebar .ywx-blog-category-blocks > li:last-child {
	margin-bottom: 0;
}

body.blog-list-page .sidebar .category-menu > li > a,
body.blog-list-page .sidebar .ywx-blog-category-blocks > li > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.65rem;
	padding: 0.7rem 1rem;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	color: #2c3e50;
	border: none !important;
	border-bottom: none !important;
	border-radius: 8px;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
	word-break: break-word;
	background: transparent !important;
}

body.blog-list-page .sidebar .category-menu > li:not(.active) > a:hover,
body.blog-list-page .sidebar .ywx-blog-category-blocks > li:not(.active) > a:hover {
	background: rgba(138, 13, 13, 0.08) !important;
	color: var(--ywx-inner-accent) !important;
}

body.blog-list-page .sidebar .category-menu > li.active > a,
body.blog-list-page .sidebar .ywx-blog-category-blocks > li.active > a,
body.blog-list-page .sidebar .category-menu > li.active > a:hover,
body.blog-list-page .sidebar .ywx-blog-category-blocks > li.active > a:hover {
	background: var(--ywx-inner-accent) !important;
	color: #fff !important;
}

body.blog-list-page .sidebar .ywx-cat-count {
	flex-shrink: 0;
	min-width: 1.5rem;
	padding: 0.12rem 0.5rem;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	color: #6b7280;
	background: transparent;
}

body.blog-list-page .sidebar .category-menu > li.active .ywx-cat-count,
body.blog-list-page .sidebar .ywx-blog-category-blocks > li.active .ywx-cat-count {
	color: #fff;
	background: rgba(255, 255, 255, 0.22);
}

body.blog-list-page .blog-list .blog-item {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid var(--ywx-inner-border);
	background: transparent;
}

@media (min-width: 768px) {
	body.blog-list-page .blog-list .blog-item {
		flex-direction: row;
		align-items: flex-start;
	}
}

body.blog-list-page .blog-list .blog-item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* 代表图：移动端全宽堆叠，平板及以上横向 16:9 */
body.blog-list-page .blog-item .img,
body.blog-list-page .blog-list .blog-item .img {
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	height: auto !important;
	max-height: none !important;
	margin: 0 0 1rem 0;
	border-radius: 8px;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background: #f3f4f6;
}

@media (min-width: 768px) {
	body.blog-list-page .blog-item .img,
	body.blog-list-page .blog-list .blog-item .img {
		flex: 0 0 280px;
		max-width: 280px;
		width: 280px;
		margin: 0 1.25rem 0 0;
	}
}

@media (min-width: 992px) {
	body.blog-list-page .blog-item .img,
	body.blog-list-page .blog-list .blog-item .img {
		flex: 0 0 300px;
		max-width: 300px;
		width: 300px;
		margin: 0 1.5rem 0 0;
	}
}

body.blog-list-page .blog-list .blog-item .img a {
	display: block;
	width: 100%;
	height: 100%;
}

body.blog-list-page .blog-list .blog-item .img img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center;
	display: block !important;
}

body.blog-list-page .blog-list .blog-item .blog-text {
	flex: 1 1 0;
	min-width: 0;
	padding: 0.5rem 0 !important;
	background: transparent !important;
}

body.blog-list-page .blog-list .blog-item .blog-text p {
	white-space: normal !important;
	overflow: hidden;
	text-overflow: unset;
}

body.blog-list-page .blog-list .blog-item h2,
body.blog-list-page .blog-list .blog-item h5 {
	margin: 0 0 0.65rem;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.35;
	white-space: normal !important;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: unset;
}

body.blog-list-page .blog-list .blog-item .blog-intro1 {
	font-size: 15px;
	line-height: 1.7;
	color: var(--ywx-inner-muted);
	margin-bottom: 0.85rem;
	white-space: normal !important;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: unset;
}

body.blog-list-page .blog-list .blog-item .bottom-blog {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	font-size: 13px;
	color: var(--ywx-inner-muted);
	width: 100%;
}

body.blog-list-page .blog-list .blog-item .bottom-blog .date,
body.blog-list-page .blog-list .blog-item .bottom-blog .read-more {
	float: none !important;
	width: auto;
	white-space: normal;
	word-break: normal;
}

body.blog-list-page .blog-list .blog-item .read-more {
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-size: 12px;
	color: var(--ywx-inner-accent);
}

body.blog-list-page .article-list-hub-faq .faq-block h3.faq-question,
body.blog-list-page .article-category-hub-faq .faq-block h3.faq-question {
	font-size: 1.05rem;
	font-weight: 600;
	margin: 0;
	color: inherit;
	line-height: 1.45;
}

body.blog-list-page details.faq-block.faq-block--accordion {
	margin-bottom: 8px;
}

body.blog-list-page details.faq-block .faq-block-summary {
	cursor: pointer;
	list-style: none;
	position: relative;
	padding-right: 1.25rem;
}

body.blog-list-page details.faq-block .faq-block-summary::-webkit-details-marker {
	display: none;
}

body.blog-list-page details.faq-block .faq-block-summary::after {
	width: 5px;
	height: 5px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	font: normal normal normal 12px/12px FontAwesome;
	color: #333;
	content: '\f078';
}

body.blog-list-page details.faq-block[open] .faq-block-summary::after {
	content: '\f077';
}

body.blog-list-page details.faq-block .faq-answer {
	display: block;
	background: #f8f8f8;
	padding: 16px 20px;
	margin: 10px 0 0;
	font-size: 0.95rem;
	line-height: 1.65;
}

/* ========== 博客详情 ========== */
body.blog-detail-page {
	--ywx-inner-title-gap: 0.65rem;
	--ywx-blog-page-width: var(--ywx-inner-page-width, 1308px);
}

body.blog-detail-page .breadcrumbs-wrapper .breadcrumbs {
	max-width: var(--ywx-inner-page-width, 1308px);
}

@media (min-width: 1340px) {
	body.blog-detail-page main.ywx-blog-detail-main > section .container {
		width: var(--ywx-blog-page-width);
		max-width: 100%;
	}

	body.blog-detail-page .breadcrumbs-wrapper .breadcrumbs {
		max-width: var(--ywx-blog-page-width);
	}
}

body.blog-detail-page section.content-wrapper {
	padding: 1rem 0 4rem;
}

body.blog-detail-page .title {
	margin: 0 !important;
}

body.blog-detail-page .title h1.bg-title,
body.blog-detail-page .title h2.bg-title {
	text-align: center;
	text-transform: none !important;
	overflow: visible !important;
	height: auto !important;
	min-height: 0;
	white-space: normal;
	word-break: break-word;
	line-height: 1.35 !important;
	margin: 0 0 0.4rem !important;
	padding-top: 0 !important;
	padding-bottom: 0.35rem;
}

body.blog-detail-page .title h1.bg-title::after,
body.blog-detail-page .title h2.bg-title::after {
	margin-top: 0.35rem;
}

body.blog-detail-page .title .av-vertical-delimiter {
	display: none !important;
}

body.blog-detail-page .ywx-blog-detail-header {
	margin-bottom: 0.15rem;
	overflow: visible;
}

body.blog-detail-page .ywx-blog-detail-meta.post-meta-infos {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: baseline;
	gap: 0.35rem 1.75rem;
	width: 100%;
	margin: 0.1rem 0 0.5rem;
	padding: 0;
	border: 0;
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
	color: var(--ywx-inner-muted);
	text-transform: none;
	font-family: inherit;
	clear: both;
}

body.blog-detail-page .ywx-blog-meta-item {
	display: inline-flex;
	align-items: baseline;
	gap: 0.35rem;
	white-space: nowrap;
}

body.blog-detail-page .ywx-blog-meta-label {
	color: var(--ywx-inner-muted);
}

body.blog-detail-page .ywx-blog-meta-value {
	color: var(--ywx-inner-text);
	font-weight: 500;
}

body.blog-detail-page .ywx-blog-share-row {
	margin-top: 1.25rem;
}

body.blog-detail-page .ywx-blog-share.bg-share {
	margin-top: 0;
	text-align: center;
}

body.blog-detail-page .ywx-blog-share-heading {
	margin: 0 0 0.45rem;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.02em;
	color: var(--ywx-inner-muted);
	text-transform: none;
}

body.blog-detail-page .ywx-blog-share-platform {
	width: auto;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
}

body.blog-detail-page .ywx-blog-share-list {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.4rem;
	width: auto;
	max-width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	border-radius: 0;
	background: transparent;
	overflow: visible;
	table-layout: auto;
	line-height: 1;
}

body.blog-detail-page .ywx-blog-share-list li {
	display: inline-flex;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
}

body.blog-detail-page .ywx-blog-share-list li:first-child {
	border: 0;
}

body.blog-detail-page .ywx-blog-share-list li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 1px solid var(--ywx-inner-border);
	border-radius: 999px;
	background: #fff;
	color: #7a8490;
	font-size: 13px;
	line-height: 1;
	text-decoration: none;
	transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

body.blog-detail-page .ywx-blog-share-list li a i {
	font-size: 14px;
	line-height: 1;
}

body.blog-detail-page .ywx-blog-share-list li a:hover,
body.blog-detail-page .ywx-blog-share-list li a:focus-visible {
	color: #fff;
	border-color: transparent;
	transform: translateY(-1px);
	outline: none;
}

body.blog-detail-page .ywx-blog-share-list .social-linkedin a:hover,
body.blog-detail-page .ywx-blog-share-list .social-linkedin a:focus-visible {
	background-color: #0a66c2;
}

body.blog-detail-page .ywx-blog-share-list .social-facebook a:hover,
body.blog-detail-page .ywx-blog-share-list .social-facebook a:focus-visible {
	background-color: #1877f2;
}

body.blog-detail-page .ywx-blog-share-list .social-twitter a:hover,
body.blog-detail-page .ywx-blog-share-list .social-twitter a:focus-visible {
	background-color: #1d9bf0;
}

body.blog-detail-page .ywx-blog-share-list .social-pinterest a:hover,
body.blog-detail-page .ywx-blog-share-list .social-pinterest a:focus-visible {
	background-color: #e60023;
}

body.blog-detail-page .ywx-blog-share-list .social-whatsapp a:hover,
body.blog-detail-page .ywx-blog-share-list .social-whatsapp a:focus-visible {
	background-color: #25d366;
}

body.blog-detail-page .ywx-blog-share-list .social-mail a:hover,
body.blog-detail-page .ywx-blog-share-list .social-mail a:focus-visible {
	background-color: #6b7280;
}

body.blog-detail-page .ywx-blog-share-list .social-copy a:hover,
body.blog-detail-page .ywx-blog-share-list .social-copy a:focus-visible,
body.blog-detail-page .ywx-blog-share-list .social-native a:hover,
body.blog-detail-page .ywx-blog-share-list .social-native a:focus-visible {
	background-color: #5c6570;
}

body.blog-detail-page .ywx-blog-share-list .social-wechat a:hover,
body.blog-detail-page .ywx-blog-share-list .social-wechat a:focus-visible {
	background-color: #07c160;
}

body.blog-detail-page .ywx-blog-share-feedback {
	margin: 0.45rem 0 0;
	font-size: 12px;
	color: var(--ywx-inner-accent);
}

html[lang=en] body.blog-detail-page .ywx-share-wechat-only {
	display: none !important;
}

html[lang^=zh] body.blog-detail-page .ywx-share-wechat-only {
	display: inline-flex;
}

@media (max-width: 767px) {
	body.blog-detail-page .ywx-blog-share-list {
		gap: 0.35rem;
	}

	body.blog-detail-page .ywx-blog-share-list li a {
		width: 1.85rem;
		height: 1.85rem;
	}

	body.blog-detail-page .ywx-blog-share-list li a i {
		font-size: 13px;
	}
}

body.blog-detail-page #bloginner_content {
	max-width: var(--ywx-inner-max-read);
	margin: 0 auto;
}

body.blog-detail-page .entry-content,
body.blog-detail-page #blog_content {
	font-size: 16px;
	line-height: 1.75;
	color: var(--ywx-inner-text);
}

body.blog-detail-page .entry-content p,
body.blog-detail-page #blog_content p {
	margin-bottom: 1.1rem;
}

body.blog-detail-page .entry-content img,
body.blog-detail-page #blog_content img,
body.blog-detail-page .pd-img {
	max-width: 100%;
	height: auto;
	border-radius: 6px;
}

body.blog-detail-page .ywx-blog-detail-prose .entry-content > :first-child,
body.blog-detail-page .ywx-blog-detail-prose #blog_content > :first-child {
	margin-top: 0 !important;
}

body.blog-detail-page .breadcrumbs li#back_blog_current span,
body.blog-detail-page .breadcrumbs li span[aria-current="page"] {
	font-size: 14px;
	color: var(--ywx-inner-text);
	font-weight: 500;
}

body.blog-detail-page #bloginner_content.ywx-blog-detail-prose,
body.blog-detail-page .ywx-blog-detail-prose .entry-content,
body.blog-detail-page .ywx-blog-detail-prose #blog_content,
body.blog-detail-page .ywx-blog-detail-prose [ywx-variable="blog-content"] {
	max-width: 100%;
	box-sizing: border-box;
	overflow-x: auto;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
}

body.blog-detail-page .ywx-blog-detail-prose .entry-content > div,
body.blog-detail-page .ywx-blog-detail-prose #blog_content > div,
body.blog-detail-page .ywx-blog-detail-prose .entry-content > section,
body.blog-detail-page .ywx-blog-detail-prose #blog_content > section {
	max-width: 100%;
}

body.blog-detail-page .ywx-blog-detail-prose .entry-content h1,
body.blog-detail-page .ywx-blog-detail-prose #blog_content h1 {
	margin: 0.65rem 0 0.85rem;
	font-size: clamp(1.5rem, 2.2vw, 1.875rem);
	font-weight: 700;
	line-height: 1.3;
	color: #1a1a1a;
}

body.blog-detail-page .ywx-blog-detail-prose .entry-content h2,
body.blog-detail-page .ywx-blog-detail-prose #blog_content h2,
body.blog-detail-page .ywx-blog-detail-prose .entry-content h3,
body.blog-detail-page .ywx-blog-detail-prose #blog_content h3 {
	margin: 1.5rem 0 0.85rem;
	font-size: clamp(1.25rem, 1.8vw, 1.5rem);
	font-weight: 600;
	line-height: 1.35;
	color: #1a1a1a;
}

body.blog-detail-page .ywx-blog-detail-prose .entry-content h4,
body.blog-detail-page .ywx-blog-detail-prose #blog_content h4,
body.blog-detail-page .ywx-blog-detail-prose .entry-content h5,
body.blog-detail-page .ywx-blog-detail-prose #blog_content h5,
body.blog-detail-page .ywx-blog-detail-prose .entry-content h6,
body.blog-detail-page .ywx-blog-detail-prose #blog_content h6 {
	margin: 1.25rem 0 0.65rem;
	font-size: 1.05rem;
	font-weight: 600;
	line-height: 1.4;
	color: #1a1a1a;
}

body.blog-detail-page .ywx-blog-detail-prose .entry-content ul,
body.blog-detail-page .ywx-blog-detail-prose #blog_content ul,
body.blog-detail-page .ywx-blog-detail-prose .entry-content ol,
body.blog-detail-page .ywx-blog-detail-prose #blog_content ol {
	margin: 0.75rem 0 1.1rem;
	padding-left: 1.35em;
	list-style-position: outside;
}

body.blog-detail-page .ywx-blog-detail-prose .entry-content ul,
body.blog-detail-page .ywx-blog-detail-prose #blog_content ul {
	list-style-type: disc;
}

body.blog-detail-page .ywx-blog-detail-prose .entry-content ol,
body.blog-detail-page .ywx-blog-detail-prose #blog_content ol {
	list-style-type: decimal;
}

body.blog-detail-page .ywx-blog-detail-prose .entry-content li + li,
body.blog-detail-page .ywx-blog-detail-prose #blog_content li + li {
	margin-top: 0.35em;
}

body.blog-detail-page .ywx-blog-detail-prose .entry-content blockquote,
body.blog-detail-page .ywx-blog-detail-prose #blog_content blockquote {
	margin: 1.25rem 0;
	padding: 0.75rem 1rem;
	border-left: 4px solid var(--ywx-inner-border);
	background: #fafafa;
	color: var(--ywx-inner-muted);
}

body.blog-detail-page .ywx-blog-detail-prose .entry-content pre,
body.blog-detail-page .ywx-blog-detail-prose #blog_content pre {
	margin: 1.1rem 0;
	padding: 0.85rem 1rem;
	overflow-x: auto;
	background: #f5f7fa;
	border: 1px solid var(--ywx-inner-border);
	border-radius: 4px;
	font-size: 14px;
	line-height: 1.6;
}

body.blog-detail-page .ywx-blog-detail-prose .entry-content code,
body.blog-detail-page .ywx-blog-detail-prose #blog_content code {
	font-size: 0.92em;
}

body.blog-detail-page .ywx-blog-detail-prose .entry-content table,
body.blog-detail-page .ywx-blog-detail-prose #blog_content table {
	width: 100%;
	max-width: 100%;
	margin: 1.25rem 0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 15px;
	line-height: 1.6;
	table-layout: auto;
}

body.blog-detail-page .ywx-blog-detail-prose .entry-content table td,
body.blog-detail-page .ywx-blog-detail-prose #blog_content table td,
body.blog-detail-page .ywx-blog-detail-prose .entry-content table th,
body.blog-detail-page .ywx-blog-detail-prose #blog_content table th {
	padding: 0.55rem 0.75rem;
	border: 1px solid var(--ywx-inner-border);
	vertical-align: top;
	text-align: left;
	word-break: break-word;
}

body.blog-detail-page .ywx-blog-detail-prose .entry-content table th,
body.blog-detail-page .ywx-blog-detail-prose #blog_content table th {
	background: #f5f7fa;
	font-weight: 600;
	color: #1a1a1a;
}

body.blog-detail-page .ywx-blog-detail-prose .entry-content img,
body.blog-detail-page .ywx-blog-detail-prose #blog_content img,
body.blog-detail-page .ywx-blog-detail-prose .entry-content video,
body.blog-detail-page .ywx-blog-detail-prose #blog_content video,
body.blog-detail-page .ywx-blog-detail-prose .entry-content iframe,
body.blog-detail-page .ywx-blog-detail-prose #blog_content iframe {
	max-width: 100% !important;
	height: auto !important;
}

body.blog-detail-page .ywx-blog-detail-prose .entry-content iframe,
body.blog-detail-page .ywx-blog-detail-prose #blog_content iframe {
	min-height: 200px;
	aspect-ratio: 16 / 9;
}

body.blog-detail-page .ywx-blog-detail-prose .entry-content a,
body.blog-detail-page .ywx-blog-detail-prose #blog_content a {
	color: var(--ywx-inner-accent);
	text-decoration: underline;
	text-underline-offset: 2px;
}

body.blog-detail-page .ywx-blog-detail-prose .entry-content hr,
body.blog-detail-page .ywx-blog-detail-prose #blog_content hr {
	margin: 1.5rem 0;
	border: 0;
	border-top: 1px solid var(--ywx-inner-border);
}

/* ========== 联系页：团队卡片（与 about 页一致） ========== */
body.contacts-page .breadcrumbs-wrapper,
body.contacts-page .ywx-contact-crumb {
	margin-bottom: 0;
	background-color: #fafafa;
	border-bottom: 1px solid var(--ywx-inner-border);
	padding: 0.25rem 0 !important;
	min-height: 0;
	line-height: 1.3;
}

body.contacts-page .ywx-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

body.contacts-page:has(.ywx-home-hero) .ywx-contact-page-title,
body.contacts-page:has(.ywx-channel-hero-root) .ywx-contact-page-title {
	display: none;
}

body.contacts-page .ywx-contact-main {
	display: block;
}

body.contacts-page {
	--ywx-about-band-white: var(--ywx-surface-bg, #fff);
	--ywx-about-band-gray: var(--ywx-neutral-color, #f9fafb);
}

body.contacts-page section.ywx-contact-page,
body.contacts-page section[ywx-variable="about-container"].ywx-contact-page {
	padding: 0 0 4rem;
	max-width: none;
	margin: 0;
}

body.contacts-page section.ywx-contact-page.ywx-contact-page-modules {
	max-width: none;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/* 模块 band 背景（与公司介绍页机制一致） */
body.contacts-page .ywx-contact-main .ywx-about-band-root {
	position: relative;
	width: 100%;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	box-sizing: border-box;
	background-color: var(--ywx-about-band-bg, transparent) !important;
}

body.contacts-page .ywx-contact-main .ywx-about-band-root:first-child {
	padding-top: var(--ywx-contact-first-pt, 24px);
}

body.contacts-page .ywx-contact-main .ywx-about-band-root:last-child {
	padding-bottom: var(--ywx-contact-section-gap, 32px);
}

body.contacts-page .ywx-contact-main .ywx-about-band-root + .ywx-about-band-root {
	padding-top: var(--ywx-contact-section-gap, 32px);
	border-top: 1px solid var(--ywx-inner-border, #e8eaed);
}

/*
 * 地图底 / 详细介绍顶之间的多余白条：
 * 仅去掉地图 band 底部留白 + 详细介绍 margin-top（会露出父级白底），
 * 模块顶部的 padding-top 仍由上方 + .ywx-about-band-root 规则保留。
 */
body.contacts-page .ywx-contact-main .ywx-about-band-root.ywx-contact-map-section {
	margin-bottom: 0;
	padding-bottom: 0;
}

body.contacts-page .ywx-contact-main .ywx-about-band-root.ywx-contact-imagetext {
	margin-top: 0;
}

body.contacts-page .ywx-contact-main #ywx-contact-band-advantages .ywx-contact-advantages {
	margin-bottom: 0;
	padding-top: 0;
	border-top: 0;
}

/* 联系页核心优势：section 不再铺 #f7f8fa，由优势卡片白底承担层次 */
body.contacts-page #ywx-contact-band-advantages .ywx-channel-advantages-section.ywx-contact-advantages,
body.contacts-page .ywx-contact-advantages.ywx-channel-advantages-section {
	background: transparent !important;
	border-top: 0;
	padding-top: 0;
	padding-bottom: 0;
}

body.contacts-page .ywx-contact-main .ywx-about-band-inner.container {
	max-width: var(--ywx-inner-page-width, 1308px);
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}

body.contacts-page .ywx-contact-main .ywx-about-band--white {
	--ywx-about-band-bg: var(--ywx-about-band-white);
}

body.contacts-page .ywx-contact-main .ywx-about-band--gray {
	--ywx-about-band-bg: var(--ywx-about-band-gray);
}

body.contacts-page .ywx-contact-main .ywx-about-band--custom {
	--ywx-about-band-bg: var(--ywx-about-custom-bg, #8a0d0d);
}

body.contacts-page .ywx-contact-main .ywx-about-band--custom.ywx-about-band--on-dark {
	color: #fff;
}

body.contacts-page .ywx-contact-main .ywx-about-band--custom.ywx-about-band--on-dark .ywx-contact-info-card {
	background: #fff;
	color: var(--ywx-inner-text, #333);
}

body.contacts-page .ywx-contact-main .ywx-about-band--custom.ywx-about-band--on-dark .ywx-contact-form-card {
	background: #fff;
	color: var(--ywx-inner-text, #333);
}

body.contacts-page .ywx-contact-page-inner {
	max-width: var(--ywx-inner-page-width, 1308px);
}

/* 大屏统一放宽 Bootstrap .container（默认 1170px → 1308px） */
@media (min-width: 1340px) {
	body.about-page #about_main_content .ywx-about-band-inner.container,
	body.about-page div[ywx-variable="imagetext-list"] .avia-section.ywx-about-band-root .container,
	body.contacts-page .ywx-contact-main .ywx-about-band-inner.container,
	body.contacts-page .ywx-contact-page-inner.container,
	body.blog-detail-page main.ywx-blog-detail-main > section .container,
	body.blog-list-page section.content-wrapper > .container,
	body.solution-detail-page main.ywx-solution-detail-main > section .container,
	body.solution-detail-page main.ywx-solution-detail-main > section.ywx-solution-detail-footer .container,
	body.solution-list-page section.content-wrapper > .container,
	body.case-list-page section.content-wrapper > .container,
	body.case-detail-page section.content-wrapper > .container,
	body.video-list-page section.content-wrapper > .container,
	body.video-detail-page section.content-wrapper > .container,
	body.faq-hub-page .content-wrapper .container,
	body.product-detail-page .ywx-pro-detail-main > .container,
	body.product-detail-page #detail > .container,
	body.product-detail-page #related_products > .container,
	body.product-detail-page #contact > .container {
		width: var(--ywx-inner-page-width, 1308px);
		max-width: 100%;
	}

	body.about-page .breadcrumbs-wrapper .breadcrumbs,
	body.contacts-page .breadcrumbs-wrapper .breadcrumbs,
	body.contacts-page .ywx-contact-crumb .breadcrumbs,
	body.blog-detail-page .breadcrumbs-wrapper .breadcrumbs,
	body.blog-list-page .breadcrumbs-wrapper .breadcrumbs,
	body.solution-detail-page .breadcrumbs-wrapper .breadcrumbs,
	body.solution-list-page .breadcrumbs-wrapper .breadcrumbs,
	body.case-detail-page .ywx-case-detail-crumb .breadcrumbs,
	body.case-list-page .breadcrumbs-wrapper .breadcrumbs,
	body.video-detail-page .ywx-video-detail-crumb .breadcrumbs,
	body.faq-hub-page .breadcrumbs-wrapper .breadcrumbs,
	body.product-detail-page .ywx-pro-detail-crumb .breadcrumbs {
		max-width: var(--ywx-inner-page-width, 1308px);
	}
}

body.contacts-page .breadcrumbs-wrapper .breadcrumbs,
body.contacts-page .ywx-contact-crumb .breadcrumbs {
	max-width: var(--ywx-inner-page-width, 1308px);
	width: 100%;
	padding: 0.2rem 15px;
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
}

/* 左栏/右栏区块标题：左对齐，沿用站点「内页大标题字体」 */
body.contacts-page .ywx-contact-info-col > .ywx-contact-section-title,
body.contacts-page .ywx-contact-inline-team > .ywx-contact-section-title,
body.contacts-page .ywx-contact-form-col .ywx-contact-form-title {
	margin: 0 0 var(--ywx-contact-title-gap, 20px) !important;
	padding-bottom: 0.75rem;
	font-size: clamp(1.375rem, 2.2vw, 1.625rem);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.01em;
	text-align: left !important;
	text-transform: none;
	width: 100%;
	position: relative;
}

body.contacts-page .ywx-contact-info-col > .ywx-contact-section-title::after,
body.contacts-page .ywx-contact-inline-team > .ywx-contact-section-title::after,
body.contacts-page .ywx-contact-form-col .ywx-contact-form-title::after {
	content: "";
	display: block;
	width: 2.5rem;
	height: 3px;
	margin: 0.65rem 0 0 !important;
	background: var(--ywx-inner-accent);
	border-radius: 2px;
}

/* 全宽模块标题：居中（地图 / FAQ / 图文等） */
body.contacts-page .ywx-contact-map-section > .ywx-contact-section-title,
body.contacts-page .ywx-contact-faq-section .ywx-contact-section-title,
body.contacts-page .ywx-contact-advantages > .ywx-contact-section-title,
body.contacts-page .ywx-contact-imagetext > .ywx-contact-section-title {
	margin: 0 0 var(--ywx-contact-title-gap, 20px) !important;
	padding-bottom: 0.85rem;
	font-size: clamp(1.5rem, 2.4vw, 1.875rem);
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.02em;
	text-align: center;
	text-transform: none;
	width: 100%;
	position: relative;
}

body.contacts-page .ywx-contact-map-section > .ywx-contact-section-title::after,
body.contacts-page .ywx-contact-faq-section .ywx-contact-section-title::after,
body.contacts-page .ywx-contact-advantages > .ywx-contact-section-title::after {
	content: "";
	display: block;
	width: 3rem;
	height: 3px;
	margin: 0.85rem auto 0;
	background: var(--ywx-inner-accent);
	border-radius: 2px;
}

/* 覆盖内页通用 h2 居中规则（仅作用于联系页双栏区） */
body.contacts-page .ywx-contact-info-col h2.ywxfonts-innertitle_font,
body.contacts-page .ywx-contact-form-col h2.ywxfonts-innertitle_font {
	text-align: left !important;
}

body.contacts-page .ywx-contact-info-col h2.ywxfonts-innertitle_font::after,
body.contacts-page .ywx-contact-form-col h2.ywxfonts-innertitle_font::after {
	margin-left: 0 !important;
	margin-right: auto !important;
}

body.contacts-page .ywx-contact-page-title {
	margin: 2rem 0 1.5rem;
	text-align: center;
}

body.contacts-page .ywx-contact-core-section {
	max-width: 820px;
	margin: 0 auto 2.5rem;
	text-align: center;
}

body.contacts-page .ywx-contact-core-desc {
	margin: 0;
	font-size: var(--ywx-contact-body-size, 1rem);
	line-height: 1.75;
	color: var(--ywx-contact-muted);
}

body.contacts-page .ywx-contact-advantages {
	margin-bottom: var(--ywx-contact-section-gap, 32px);
	padding: var(--ywx-contact-section-gap, 32px) 0 0;
	border-top: 1px solid var(--ywx-inner-border, #e8eaed);
}

body.contacts-page #ywx-contact-band-advantages .ywx-contact-advantages,
body.contacts-page .ywx-contact-main #ywx-contact-band-advantages .ywx-contact-advantages {
	margin-bottom: 0;
	padding-top: 0;
	border-top: 0;
}

body.contacts-page .ywx-contact-section-title {
	margin: 0 0 var(--ywx-contact-title-gap, 20px);
	font-size: clamp(1.5rem, 2.4vw, 1.875rem);
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.02em;
	text-transform: none;
}

body.contacts-page .ywx-contact-section-desc {
	margin: 0 auto 1.5rem;
	max-width: 920px;
	font-size: var(--ywx-contact-lead-size, 1.0625rem);
	line-height: 1.75;
	color: var(--ywx-contact-muted);
}

body.contacts-page .ywx-contact-primary {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	padding-top: 0;
	margin-bottom: var(--ywx-contact-section-gap, 32px);
	gap: 0;
}

body.contacts-page .ywx-contact-primary > [class*="col-"] {
	float: none;
	width: 100%;
	max-width: 100%;
}

body.contacts-page .ywx-contact-info-col {
	font-size: var(--ywx-contact-body-size, 1rem);
	line-height: 1.75;
	color: var(--ywx-inner-text);
}

body.contacts-page .ywx-contact-info-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	float: none;
}

body.contacts-page .ywx-contact-info-grid::before,
body.contacts-page .ywx-contact-info-grid::after {
	display: none;
}

body.contacts-page .ywx-contact-info-card {
	float: none;
	width: auto;
	height: auto;
	margin: 0;
	padding: 1.35rem 1.4rem 1.25rem;
	background: #fff;
	border: 1px solid var(--ywx-inner-border, #e8eaed);
	border-radius: 10px;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
}

body.contacts-page .ywx-contact-info-card::before {
	display: none;
}

body.contacts-page .ywx-contact-info-label,
body.contacts-page .ywx-contact-info-card h5 {
	margin: 0 0 0.5rem;
	font-family: inherit;
	font-size: var(--ywx-contact-label-size, 0.8125rem);
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: none;
	line-height: 1.4;
}

/* 字段标签不用「内页大标题字体」，沿用站点正文字体 */
body.contacts-page .ywx-contact-info-card h5.ywxfonts-innertitle_font {
	font-family: inherit !important;
}

body.contacts-page .ywx-contact-info-card p {
	margin: 0;
	font-size: var(--ywx-contact-body-size, 1rem);
	line-height: 1.75;
	color: var(--ywx-inner-text);
}

body.contacts-page .ywx-contact-info-card a {
	color: inherit;
	word-break: break-word;
	text-decoration: none;
}

body.contacts-page .ywx-contact-info-card a:hover {
	color: var(--ywx-inner-accent, #8a0d0d);
	text-decoration: underline;
}

body.contacts-page .ywx-contact-info-lead {
	margin: 0 0 1.25rem;
	font-size: var(--ywx-contact-lead-size, 1.0625rem);
	line-height: 1.75;
	color: var(--ywx-contact-muted);
	text-align: left;
}

body.contacts-page .ywx-contact-info-lead p {
	margin: 0 0 0.75rem;
	text-wrap: pretty;
}

body.contacts-page .ywx-contact-info-lead p:last-child {
	margin-bottom: 0;
}

body.contacts-page .ywx-contact-info-grid--stacked {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

body.contacts-page .ywx-contact-info-card--full {
	width: 100%;
}

body.contacts-page .ywx-contact-info-card--combo {
	display: flex;
	flex-wrap: wrap;
	gap: 24px 40px;
	align-items: flex-start;
}

body.contacts-page .ywx-contact-info-combo-block {
	flex: 1 1 220px;
	min-width: 0;
}

body.contacts-page .ywx-contact-info-card--social {
	flex-wrap: nowrap;
	gap: 24px 32px;
}

body.contacts-page .ywx-contact-info-card--social .ywx-contact-info-combo-block {
	flex: 1 1 0;
}

body.contacts-page .ywx-contact-info-combo-email .ywx-contact-info-website-line {
	margin: 0.35rem 0 0;
}

body.contacts-page .ywx-contact-form-desc {
	margin: -0.25rem 0 1.25rem;
	font-size: var(--ywx-contact-lead-size, 1.0625rem);
	line-height: 1.75;
	color: var(--ywx-contact-muted);
	text-align: left;
}

body.contacts-page .ywx-contact-form-desc p {
	margin: 0;
	text-wrap: pretty;
}

body.contacts-page .ywx-contact-inline-team {
	margin-top: 2rem;
	padding-top: 0.5rem;
}

body.contacts-page .ywx-contact-inline-team-intro {
	margin: 0 0 1.25rem;
	font-size: var(--ywx-contact-lead-size, 1.0625rem);
	line-height: 1.75;
	color: var(--ywx-contact-muted);
	text-align: left;
}

body.contacts-page .ywx-contact-inline-team-grid {
	display: flex;
	flex-wrap: nowrap;
	gap: 16px;
	margin: 0;
	float: none;
}

body.contacts-page .ywx-contact-inline-team-grid::before,
body.contacts-page .ywx-contact-inline-team-grid::after {
	display: none;
}

body.contacts-page .ywx-contact-inline-team-grid > article {
	flex: 1 1 0;
	min-width: 0;
	max-width: none;
	width: auto;
	padding: 0;
	margin: 0;
	float: none;
}

/* 2 人：保持现有宽松间距 */
body.contacts-page .ywx-contact-inline-team-grid--count-2 {
	gap: 16px;
}

/* 3 人：卡片略宽、间距更密，IM 按钮单行 */
body.contacts-page .ywx-contact-inline-team-grid--count-3 {
	gap: 8px;
}

body.contacts-page .ywx-contact-inline-team-grid--count-3 .ywx-contact-team-im-actions {
	flex-wrap: nowrap;
	gap: 8px;
	justify-content: stretch;
	align-items: stretch;
}

body.contacts-page .ywx-contact-inline-team-grid--count-3 .ywx-contact-team-im-pop {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	position: relative;
}

body.contacts-page .ywx-contact-inline-team-grid--count-3 .ywx-contact-team-im-btn {
	min-width: 0 !important;
	width: 100% !important;
	padding: 0.45rem 0.75rem !important;
	font-size: 12px !important;
	gap: 6px !important;
	min-height: 40px !important;
	white-space: nowrap;
	border-radius: 8px !important;
	box-sizing: border-box;
}

body.contacts-page .ywx-contact-inline-team-grid--count-3 .ywx-contact-team-im-btn i {
	font-size: 13px;
	flex-shrink: 0;
}

@media (min-width: 992px) {
	body.contacts-page .ywx-contact-inline-team-grid--count-3 {
		margin-left: -4px;
		margin-right: -4px;
		width: calc(100% + 8px);
	}

	body.contacts-page .ywx-contact-inline-team-grid--count-3 .team-text {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	body.contacts-page .ywx-contact-inline-team-grid--count-3 > article {
		flex: 1 1 0;
		min-width: 0;
		max-width: none;
	}
}

body.contacts-page .ywx-contact-inline-team-grid .ywx-home-team-card-inner,
body.contacts-page .ywx-contact-inline-team-grid .ywx-contact-team-card-inner {
	display: flex;
	flex-direction: column;
	height: auto;
	min-height: 0;
	background: transparent;
	border: 0;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
}

body.contacts-page .ywx-contact-inline-team-grid .team-item .img,
body.contacts-page .ywx-contact-inline-team-grid .ywx-home-team-card .img,
body.contacts-page .ywx-contact-inline-team-grid .ywx-contact-team-img-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 16px !important;
	background: #e9ecef;
	border-radius: 0 !important;
	overflow: hidden !important;
	box-sizing: border-box;
	flex-shrink: 0;
}

body.contacts-page .ywx-contact-inline-team-grid .team-item .img img,
body.contacts-page .ywx-contact-inline-team-grid .ywx-home-team-card .img img,
body.contacts-page .ywx-contact-team-card--enhanced .ywx-contact-team-img-wrap img {
	display: block;
	width: 140px !important;
	height: 140px !important;
	min-width: 140px !important;
	min-height: 140px !important;
	max-width: 140px !important;
	max-height: 140px !important;
	margin: 0 auto !important;
	border: 4px solid #fff !important;
	border-radius: 50% !important;
	object-fit: cover;
	object-position: center top;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.12);
	flex-grow: 0 !important;
	flex-shrink: 0;
}

body.contacts-page .ywx-contact-inline-team-grid .team-text {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	align-items: center;
	padding: 16px 16px 18px !important;
	text-align: center !important;
	background: #fff;
	border: 0 !important;
}

body.contacts-page .ywx-contact-inline-team-grid .ywx-contact-team-skill-intro {
	text-align: center;
	align-items: center;
}

body.contacts-page .ywx-contact-inline-team-grid .ywx-contact-team-lines {
	text-align: center;
	width: 100%;
}

body.contacts-page .ywx-contact-inline-team-grid .ywx-contact-team-im-actions {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	justify-content: stretch;
	align-items: stretch;
}

body.contacts-page .ywx-contact-inline-team-grid .ywx-contact-team-im-pop {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	position: relative;
}

body.contacts-page .ywx-contact-inline-team-grid .team-text h4 {
	margin: 0 0 10px;
	font-size: 20px;
	font-weight: 700;
	color: #111827 !important;
}

body.contacts-page .ywx-contact-inline-team-grid .team-text h4 {
	margin: 0 0 10px;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.35;
	color: #111827 !important;
}

body.contacts-page .ywx-contact-inline-team-grid .ywx-home-team-lines,
body.contacts-page .ywx-contact-inline-team-grid .ywx-contact-team-lines {
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
	flex: 0 0 auto;
}

body.contacts-page .ywx-contact-inline-team-grid .ywx-home-team-line,
body.contacts-page .ywx-contact-inline-team-grid .ywx-contact-team-line {
	margin: 0 0 6px;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: #374151;
	word-break: break-word;
}

body.contacts-page .ywx-contact-inline-team-grid .ywx-home-team-line-label,
body.contacts-page .ywx-contact-inline-team-grid .ywx-contact-team-line-label {
	color: #6b7280;
	margin-right: 4px;
}

body.contacts-page .ywx-contact-inline-team-grid .ywx-home-team-line a,
body.contacts-page .ywx-contact-inline-team-grid .ywx-contact-team-line a {
	color: #111827;
	text-decoration: none;
}

body.contacts-page .ywx-contact-inline-team-grid .ywx-home-team-wa-btn,
body.contacts-page .ywx-contact-inline-team-grid .ywx-contact-team-wa-btn,
body.contacts-page .ywx-contact-inline-team-grid .ywx-contact-team-im-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 44px;
	margin-top: 0;
	padding: 0 16px;
	border-radius: 8px;
	background: var(--ywx-inner-accent, #8a0d0d) !important;
	color: #fff !important;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none !important;
	transition: background-color 0.2s ease, opacity 0.2s ease;
}

body.contacts-page .ywx-contact-inline-team-grid .ywx-home-team-wa-btn:hover,
body.contacts-page .ywx-contact-inline-team-grid .ywx-contact-team-wa-btn:hover,
body.contacts-page .ywx-contact-inline-team-grid .ywx-contact-team-im-btn:hover {
	opacity: 0.92;
	color: #fff !important;
}

/* 团队成员增强：职位悬停头像、专长简介、二维码、社交图标 */
body.contacts-page .ywx-contact-team-img-wrap {
	position: relative;
}

body.contacts-page .ywx-contact-team-post-overlay {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px 12px;
	background: rgba(15, 23, 42, 0.82);
	color: #fff;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
	pointer-events: none;
	z-index: 2;
}

body.contacts-page .ywx-contact-inline-team-grid .ywx-contact-team-img-wrap .ywx-contact-team-post-overlay {
	left: 50%;
	right: auto;
	bottom: 16px;
	width: 140px;
	max-width: 140px;
	transform: translateX(-50%) translateY(6px);
	border-radius: 0 0 999px 999px;
}

body.contacts-page .ywx-contact-team-img-wrap:hover .ywx-contact-team-post-overlay,
body.contacts-page .ywx-contact-team-img-wrap:focus-within .ywx-contact-team-post-overlay {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

body.contacts-page .ywx-contact-inline-team-grid .ywx-contact-team-img-wrap:hover .ywx-contact-team-post-overlay,
body.contacts-page .ywx-contact-inline-team-grid .ywx-contact-team-img-wrap:focus-within .ywx-contact-team-post-overlay {
	transform: translateX(-50%) translateY(0);
}

body.contacts-page .ywx-contact-team-skill-intro {
	margin: 0 0 0.75rem;
	min-height: 5.5rem;
	max-height: 5.5rem;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 4px;
	text-align: left;
}

body.contacts-page #sale_team .ywx-contact-team-skill-intro {
	text-align: center;
	align-items: center;
}

body.contacts-page .ywx-contact-team-skill-text {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.45;
	color: var(--ywx-inner-accent, #8a0d0d);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	min-height: 2.55rem;
	max-height: 2.55rem;
}

body.contacts-page .ywx-contact-team-intro-text {
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.55;
	color: #64748b;
	word-break: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	min-height: 2.5rem;
	max-height: 2.5rem;
}

body.contacts-page .ywx-contact-team-skill-placeholder,
body.contacts-page .ywx-contact-team-intro-placeholder {
	visibility: hidden;
}

body.contacts-page .ywx-contact-team-phone-pop,
body.contacts-page .ywx-contact-team-im-pop,
body.contacts-page .ywx-contact-team-social-pop {
	position: relative;
	display: inline-block;
}

body.contacts-page .ywx-contact-team-social-pop-wrap {
	position: relative;
	display: inline-block;
}

body.contacts-page .ywx-contact-team-social-pop:hover .ywx-contact-team-qr-pop,
body.contacts-page .ywx-contact-team-social-pop:focus-within .ywx-contact-team-qr-pop {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

body.contacts-page .ywx-contact-team-qr-pop {
	position: absolute;
	left: 50%;
	bottom: calc(100% + 10px);
	transform: translateX(-50%) translateY(6px);
	padding: 8px;
	background: #fff;
	border: 1px solid var(--ywx-inner-border, #e5e7eb);
	border-radius: 10px;
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.16);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
	pointer-events: none;
	z-index: 12;
	white-space: nowrap;
}

body.contacts-page .ywx-contact-team-qr-pop img {
	display: block;
	width: 132px;
	height: 132px;
	object-fit: contain;
	border-radius: 6px;
}

body.contacts-page .ywx-contact-team-phone-pop:hover .ywx-contact-team-qr-pop,
body.contacts-page .ywx-contact-team-phone-pop:focus-within .ywx-contact-team-qr-pop,
body.contacts-page .ywx-contact-team-im-pop:hover .ywx-contact-team-qr-pop,
body.contacts-page .ywx-contact-team-im-pop:focus-within .ywx-contact-team-qr-pop {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

body.contacts-page .ywx-contact-team-im-actions {
	margin-top: auto;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	align-items: center;
}

body.contacts-page .ywx-contact-team-im-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 44px;
	padding: 0 16px;
	border-radius: 8px;
	background: var(--ywx-inner-accent, #8a0d0d) !important;
	color: #fff !important;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none !important;
	transition: background-color 0.2s ease, opacity 0.2s ease;
}

body.contacts-page .ywx-contact-team-im-btn:hover {
	opacity: 0.92;
	color: #fff !important;
}

body.contacts-page #sale_team:not(.ywx-contact-inline-team-grid) .ywx-contact-team-im-btn {
	display: inline-flex;
	width: auto;
	min-width: 118px;
	border-radius: 999px;
	font-size: 13px;
	min-height: 38px;
	padding: 0.55rem 1rem;
}

/* 联系页内联团队：同排 IM 按钮等宽、左右留白（覆盖 #sale_team 默认 pill 样式） */
body.contacts-page #sale_team.ywx-contact-inline-team-grid .ywx-contact-team-im-btn {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	min-width: 0 !important;
	border-radius: 8px !important;
	padding: 0.5rem 1rem !important;
	font-size: 13px !important;
	min-height: 40px !important;
	gap: 6px !important;
	white-space: nowrap;
	box-sizing: border-box;
}

body.contacts-page #sale_team.ywx-contact-inline-team-grid--count-3 .ywx-contact-team-im-btn {
	padding: 0.45rem 0.75rem !important;
	font-size: 12px !important;
}

body.contacts-page .ywx-contact-team-im-btn--wechat {
	background: #07c160 !important;
}

body.contacts-page .ywx-contact-team-im-btn--wecom {
	background: #2f7deb !important;
}

body.contacts-page .ywx-contact-team-social-wrap {
	width: 100%;
	margin-top: 4px;
	display: flex;
	justify-content: center;
}

body.contacts-page .ywx-contact-team-social {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
	max-width: 100%;
}

body.contacts-page .ywx-contact-team-social-item a,
body.contacts-page .ywx-contact-team-social-more-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #f3f4f6;
	color: #9ca3af;
	font-size: 12px;
	text-decoration: none !important;
	border: 0;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

body.contacts-page .ywx-contact-team-social-glyph {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
}

body.contacts-page .ywx-contact-team-social-item a:hover,
body.contacts-page .ywx-contact-team-social-item a:focus-visible {
	transform: translateY(-1px);
	box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
}

body.contacts-page .ywx-contact-team-social-qq a:hover,
body.contacts-page .ywx-contact-team-social-qq a:focus-visible {
	background: #12b7f5;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-alibaba a:hover,
body.contacts-page .ywx-contact-team-social-alibaba a:focus-visible {
	background: #ff6a00;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-weibo a:hover,
body.contacts-page .ywx-contact-team-social-weibo a:focus-visible {
	background: #e6162d;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-douyin a:hover,
body.contacts-page .ywx-contact-team-social-douyin a:focus-visible {
	background: #111827;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-xiaohongshu a:hover,
body.contacts-page .ywx-contact-team-social-xiaohongshu a:focus-visible {
	background: #ff2442;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-linkedin a:hover,
body.contacts-page .ywx-contact-team-social-linkedin a:focus-visible {
	background: #0077b5;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-facebook a:hover,
body.contacts-page .ywx-contact-team-social-facebook a:focus-visible {
	background: #1877f2;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-twitter a:hover,
body.contacts-page .ywx-contact-team-social-twitter a:focus-visible {
	background: #1da1f2;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-pinterest a:hover,
body.contacts-page .ywx-contact-team-social-pinterest a:focus-visible {
	background: #bd081c;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-tumblr a:hover,
body.contacts-page .ywx-contact-team-social-tumblr a:focus-visible {
	background: #36465d;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-vk a:hover,
body.contacts-page .ywx-contact-team-social-vk a:focus-visible {
	background: #4a76a8;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-instagram a:hover,
body.contacts-page .ywx-contact-team-social-instagram a:focus-visible {
	background: #e4405f;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-youtube a:hover,
body.contacts-page .ywx-contact-team-social-youtube a:focus-visible {
	background: #ff0000;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-reddit a:hover,
body.contacts-page .ywx-contact-team-social-reddit a:focus-visible {
	background: #ff4500;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-more {
	position: relative;
}

body.contacts-page .ywx-contact-team-social-more-btn {
	cursor: pointer;
	padding: 0;
}

body.contacts-page .ywx-contact-team-social-more-btn:hover,
body.contacts-page .ywx-contact-team-social-more:focus-within .ywx-contact-team-social-more-btn {
	background: #e5e7eb;
	color: #6b7280;
}

body.contacts-page .ywx-contact-team-social-dropdown {
	position: absolute;
	left: 50%;
	bottom: calc(100% + 8px);
	transform: translateX(-50%) translateY(6px);
	padding: 10px;
	background: #fff;
	border: 1px solid var(--ywx-inner-border, #e5e7eb);
	border-radius: 12px;
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.14);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
	pointer-events: none;
	z-index: 24;
}

body.contacts-page .ywx-contact-team-social-more:hover .ywx-contact-team-social-dropdown,
body.contacts-page .ywx-contact-team-social-more:focus-within .ywx-contact-team-social-dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
	pointer-events: auto;
}

body.contacts-page .ywx-contact-team-social-dropdown-grid {
	display: grid;
	grid-template-columns: repeat(4, 28px);
	gap: 8px;
	justify-content: center;
}

body.contacts-page .ywx-contact-team-social-dropdown-cell {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #f3f4f6;
	color: #9ca3af;
	font-size: 12px;
	text-decoration: none !important;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

body.contacts-page .ywx-contact-team-social-dropdown-cell:hover,
body.contacts-page .ywx-contact-team-social-dropdown-cell:focus-visible {
	transform: translateY(-1px);
	box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);
}

body.contacts-page .ywx-contact-team-social-dropdown-qq:hover,
body.contacts-page .ywx-contact-team-social-dropdown-qq:focus-visible {
	background: #12b7f5;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-dropdown-alibaba:hover,
body.contacts-page .ywx-contact-team-social-dropdown-alibaba:focus-visible {
	background: #ff6a00;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-dropdown-weibo:hover,
body.contacts-page .ywx-contact-team-social-dropdown-weibo:focus-visible {
	background: #e6162d;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-dropdown-douyin:hover,
body.contacts-page .ywx-contact-team-social-dropdown-douyin:focus-visible {
	background: #111827;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-dropdown-xiaohongshu:hover,
body.contacts-page .ywx-contact-team-social-dropdown-xiaohongshu:focus-visible {
	background: #ff2442;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-dropdown-linkedin:hover,
body.contacts-page .ywx-contact-team-social-dropdown-linkedin:focus-visible {
	background: #0077b5;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-dropdown-facebook:hover,
body.contacts-page .ywx-contact-team-social-dropdown-facebook:focus-visible {
	background: #1877f2;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-dropdown-twitter:hover,
body.contacts-page .ywx-contact-team-social-dropdown-twitter:focus-visible {
	background: #1da1f2;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-dropdown-pinterest:hover,
body.contacts-page .ywx-contact-team-social-dropdown-pinterest:focus-visible {
	background: #bd081c;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-dropdown-tumblr:hover,
body.contacts-page .ywx-contact-team-social-dropdown-tumblr:focus-visible {
	background: #36465d;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-dropdown-vk:hover,
body.contacts-page .ywx-contact-team-social-dropdown-vk:focus-visible {
	background: #4a76a8;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-dropdown-instagram:hover,
body.contacts-page .ywx-contact-team-social-dropdown-instagram:focus-visible {
	background: #e4405f;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-dropdown-youtube:hover,
body.contacts-page .ywx-contact-team-social-dropdown-youtube:focus-visible {
	background: #ff0000;
	color: #fff;
}

body.contacts-page .ywx-contact-team-social-dropdown-reddit:hover,
body.contacts-page .ywx-contact-team-social-dropdown-reddit:focus-visible {
	background: #ff4500;
	color: #fff;
}

body.contacts-page .ywx-contact-intro {
	margin-top: 1.25rem;
	font-size: var(--ywx-contact-body-size, 1rem);
	line-height: 1.75;
	color: var(--ywx-contact-muted);
}

body.contacts-page .ywx-contact-form-col {
	display: flex;
	align-items: flex-start;
	font-size: var(--ywx-contact-body-size, 1rem);
	line-height: 1.75;
}

@media (min-width: 992px) {
	body.contacts-page .ywx-contact-form-card {
		position: sticky;
		top: 110px;
	}

	body.contacts-page .ywx-contact-primary > .ywx-contact-info-col {
		flex: 0 0 65%;
		max-width: 65%;
		width: 65%;
		padding-right: 2rem;
	}

	body.contacts-page .ywx-contact-primary > .ywx-contact-form-col {
		flex: 0 0 35%;
		max-width: 35%;
		width: 35%;
		padding-left: 0.5rem;
	}
}

body.contacts-page .ywx-contact-form-card {
	width: 100%;
	padding: 1.75rem 1.65rem 1.5rem;
	background: #fff;
	border: 1px solid var(--ywx-inner-border, #e8eaed);
	border-radius: 12px;
	box-shadow: 0 12px 36px rgba(15, 23, 42, 0.08);
}

body.contacts-page .ywx-contact-form-title {
	margin: 0 0 var(--ywx-contact-title-gap, 20px);
	font-size: clamp(1.375rem, 2.2vw, 1.625rem);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.01em;
	text-transform: none;
}

body.contacts-page .ywx-contact-team-section {
	margin-bottom: 3rem;
	padding-top: 2.5rem;
	border-top: 1px solid var(--ywx-inner-border, #e5e7eb);
}

body.contacts-page .contact-sale-team-intro {
	max-width: 820px;
	margin: 0 auto 1.5rem;
	font-size: 15px;
	line-height: 1.75;
	color: #475569;
}

body.contacts-page .ywx-contact-map-section:not(.ywx-about-band-root) {
	margin-bottom: var(--ywx-contact-section-gap, 32px);
	padding-top: var(--ywx-contact-section-gap, 32px);
	padding-bottom: var(--ywx-contact-section-gap, 32px);
	border-top: 1px solid var(--ywx-inner-border, #e8eaed);
}

body.contacts-page .ywx-contact-map-section > .ywx-contact-section-title {
	margin-bottom: 0 !important;
}

body.contacts-page .ywx-contact-map-intro {
	margin: 0 auto;
	max-width: 920px;
	font-size: var(--ywx-contact-lead-size, 1.0625rem);
	line-height: 1.75;
	color: var(--ywx-contact-muted);
	text-align: center;
}

body.contacts-page .ywx-contact-map-intro:empty {
	display: none;
	margin: 0;
	padding: 0;
}

body.contacts-page .ywx-contact-map-intro:not(:empty) {
	margin-bottom: 1rem;
}

body.contacts-page .ywx-contact-map-frame {
	margin-top: 0;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid var(--ywx-inner-border, #e5e7eb);
	box-shadow: 0 8px 28px rgba(15, 23, 42, 0.08);
	background: #f8fafc;
}

body.contacts-page .ywx-contact-map-frame #map_div,
body.contacts-page .ywx-contact-map-frame .ywx-contact-map {
	margin-top: 0;
	border: 0;
	border-radius: 0;
}

body.contacts-page .ywx-contact-map,
body.contacts-page #map_div.ywx-contact-map {
	min-height: 320px;
	width: 100%;
}

body.contacts-page .ywx-contact-map iframe {
	width: 100%;
	min-height: 320px;
	border: 0;
	display: block;
}

body.contacts-page .ywx-contact-faq-section:not(.ywx-about-band-root) {
	padding-top: var(--ywx-contact-section-gap, 32px);
	border-top: 1px solid var(--ywx-inner-border, #e8eaed);
}

body.contacts-page .ywx-contact-faq-list {
	max-width: 920px;
	margin: 0 auto;
}

body.contacts-page .ywx-contact-faq-item {
	margin-bottom: 0.75rem;
	border: 1px solid var(--ywx-inner-border, #e8eaed);
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
}

body.contacts-page .ywx-contact-faq-q {
	padding: 0.9rem 1.1rem;
	font-size: var(--ywx-contact-body-size, 1rem);
	font-weight: 600;
	line-height: 1.5;
	cursor: pointer;
	list-style: none;
}

body.contacts-page .ywx-contact-faq-q::-webkit-details-marker {
	display: none;
}

body.contacts-page .ywx-contact-faq-a {
	padding: 0 1.1rem 1.1rem;
	font-size: var(--ywx-contact-body-size, 1rem);
	line-height: 1.75;
	color: var(--ywx-contact-muted);
}

body.contacts-page .ywx-contact-imagetext {
	font-size: var(--ywx-contact-body-size, 1rem);
	line-height: 1.75;
	color: var(--ywx-inner-text);
}

body.contacts-page .ywx-contact-imagetext:not(.ywx-about-band-root) {
	margin-top: var(--ywx-contact-section-gap, 32px);
	padding-top: var(--ywx-contact-section-gap, 32px);
	border-top: 1px solid var(--ywx-inner-border, #e8eaed);
}

body.contacts-page .ywx-contact-imagetext-intro {
	margin: 0 auto 1.25rem;
	max-width: 920px;
	font-size: var(--ywx-contact-lead-size, 1.0625rem);
	line-height: 1.75;
	color: var(--ywx-contact-muted);
	text-align: center;
}

body.contacts-page .ywx-contact-imagetext p {
	margin: 0 0 1.125rem;
	text-wrap: pretty;
}

body.contacts-page .ywx-contact-imagetext img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

body.contacts-page #sale_team.row,
body.contacts-page div[ywx-variable="team-list"].row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin-left: -12px;
	margin-right: -12px;
}

body.contacts-page #sale_team .team-item,
body.contacts-page div[ywx-variable="team-list"] .team-item {
	display: flex;
	flex-direction: column;
	float: none;
	height: 100%;
	margin-bottom: 24px;
	padding-left: 12px;
	padding-right: 12px;
	background: transparent;
	border: 0;
	border-radius: 0;
	overflow: visible;
	box-shadow: none;
	transition: none;
}

body.contacts-page #sale_team .team-item:hover .ywx-contact-team-card-inner,
body.contacts-page div[ywx-variable="team-list"] .team-item:hover .ywx-contact-team-card-inner {
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.12);
	transform: translateY(-4px);
}

body.contacts-page #sale_team .team-item .img,
body.contacts-page #sale_team .ywx-contact-team-img-wrap {
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	margin: 0 !important;
	border-radius: 0 !important;
	overflow: hidden;
	aspect-ratio: auto;
	background: #e9ecef;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px !important;
	box-sizing: border-box;
}

body.contacts-page #sale_team .team-item .img img,
body.contacts-page #sale_team .ywx-contact-team-img-wrap img {
	width: 140px !important;
	height: 140px !important;
	min-width: 140px !important;
	min-height: 140px !important;
	max-width: 140px !important;
	max-height: 140px !important;
	border: 4px solid #fff !important;
	border-radius: 50% !important;
	object-fit: cover;
	object-position: center top;
	display: block;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.12);
}

body.contacts-page #sale_team .team-text {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 1.25rem 1.25rem 1.35rem !important;
	margin: 0 !important;
	min-height: 168px;
	background: #fff;
}

body.contacts-page #sale_team .team-text h4 {
	font-size: 1.125rem;
	font-weight: 700;
	margin: 0 0 0.35rem;
	color: #1a1a1a;
}

body.contacts-page #sale_team .team-text .spec {
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ywx-inner-accent);
	margin: 0 0 0.65rem;
}

body.contacts-page #sale_team .team-text p {
	font-size: 14px;
	line-height: 1.6;
	color: var(--ywx-inner-muted);
	margin: 0 0 0.75rem;
}

body.contacts-page .ywx-contact-team-card-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	background: transparent;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06);
	transition: box-shadow 0.28s ease, transform 0.28s ease;
}

body.contacts-page .ywx-contact-team-post {
	margin: 0 0 0.75rem;
	font-size: 13px;
	color: #64748b;
}

body.contacts-page .ywx-contact-team-lines {
	list-style: none;
	margin: 0 0 1rem;
	padding: 0;
	width: 100%;
	text-align: left;
}

body.contacts-page .ywx-contact-team-line {
	margin: 0 0 0.35rem;
	font-size: 14px;
	line-height: 1.55;
	color: #334155;
}

body.contacts-page .ywx-contact-team-line-label {
	font-weight: 600;
	color: #64748b;
	margin-right: 0.25rem;
}

body.contacts-page .ywx-contact-team-line a {
	color: inherit;
	text-decoration: none;
}

body.contacts-page .ywx-contact-team-line a:hover {
	color: var(--ywx-inner-accent, #8a0d0d);
}

body.contacts-page .ywx-contact-team-wa-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	margin-top: auto;
	padding: 0.55rem 1rem;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	color: #fff !important;
	text-decoration: none !important;
}

body.contacts-page .ywx-contact-team-wa-btn:hover {
	opacity: 0.92;
	color: #fff !important;
}

/* ========== 联系信息 / 表单 / 地图 ========== */
body.contacts-page #contact_info,
body.contacts-page .contact-info-list {
	font-size: 15px;
	line-height: 1.75;
}

body.contacts-page #map_div {
	margin-top: 2rem;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid var(--ywx-inner-border);
}

body.contacts-page #map_div iframe {
	display: block;
	width: 100%;
	min-height: 360px;
	border: none;
}

body.contacts-page form[id*="inquiry"],
body.contacts-page .contact-form-wrap,
body.contacts-page .ywx-contact-form-card form {
	margin-top: 0;
}

body.contacts-page form[id*="inquiry"] input,
body.contacts-page form[id*="inquiry"] textarea,
body.contacts-page .contact-form-wrap input,
body.contacts-page .contact-form-wrap textarea {
	border-radius: 4px;
	border: 1px solid #d1d5db;
	padding: 0.65rem 0.85rem;
	font-size: 15px;
}

body.contacts-page form[id*="inquiry"] button,
body.contacts-page form[id*="inquiry"] input[type="submit"],
body.contacts-page .contact-form-wrap button {
	padding: 0.7rem 1.75rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	border-radius: 4px;
}

/* ========== 联系页响应式（PC / 平板 / 手机） ========== */

/* 中等桌面：双栏保留，内联团队按人数适配 */
@media (min-width: 992px) and (max-width: 1279px) {
	body.contacts-page .ywx-contact-inline-team-grid--count-2 {
		flex-wrap: nowrap;
		justify-content: stretch;
	}

	body.contacts-page .ywx-contact-inline-team-grid--count-2 > article {
		flex: 1 1 0;
		min-width: 0;
		max-width: none;
	}

	body.contacts-page .ywx-contact-inline-team-grid--count-3 {
		flex-wrap: nowrap;
		justify-content: stretch;
	}

	body.contacts-page .ywx-contact-inline-team-grid--count-3 > article {
		flex: 1 1 0;
		min-width: 0;
		max-width: none;
	}
}

@media (max-width: 991px) {
	body.contacts-page {
		--ywx-contact-section-gap: 24px;
		--ywx-contact-title-gap: 16px;
		--ywx-contact-first-pt: 16px;
	}

	body.contacts-page .ywx-contact-main .ywx-about-band-root:first-child {
		padding-top: var(--ywx-contact-first-pt, 16px);
	}

	body.contacts-page .ywx-contact-main .ywx-about-band-root + .ywx-about-band-root {
		padding-top: var(--ywx-contact-section-gap, 24px);
	}

	body.contacts-page .ywx-contact-main .ywx-about-band-root:last-child {
		padding-bottom: var(--ywx-contact-section-gap, 24px);
	}

	body.contacts-page .ywx-contact-primary.row {
		margin-left: 0;
		margin-right: 0;
	}

	body.contacts-page .ywx-contact-primary > .ywx-contact-info-col,
	body.contacts-page .ywx-contact-primary > .ywx-contact-form-col {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body.contacts-page .ywx-contact-form-col {
		margin-top: 1.25rem;
	}

	body.contacts-page .ywx-contact-form-card {
		position: static;
		top: auto;
	}

	body.contacts-page .ywx-contact-info-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	body.contacts-page .ywx-contact-info-card--combo {
		flex-direction: column;
		gap: 16px;
	}

	body.contacts-page .ywx-contact-info-card--combo:not(.ywx-contact-info-card--social) {
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 16px 20px;
		align-items: flex-start;
	}

	body.contacts-page .ywx-contact-info-card--social {
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 20px 24px;
	}

	body.contacts-page .ywx-contact-info-card--combo:not(.ywx-contact-info-card--social) .ywx-contact-info-combo-block,
	body.contacts-page .ywx-contact-info-card--social .ywx-contact-info-combo-block {
		flex: 1 1 0;
		min-width: 0;
	}

	body.contacts-page .ywx-contact-info-combo-block {
		flex: 1 1 100%;
		min-width: 0;
	}

	body.contacts-page .ywx-contact-info-combo-block .ct-phones,
	body.contacts-page .ywx-contact-info-combo-block .ct-emails,
	body.contacts-page .ywx-contact-info-combo-block .ywx-contact-info-website-line {
		word-break: break-word;
		overflow-wrap: anywhere;
	}

	body.contacts-page .ywx-contact-inline-team-grid {
		flex-wrap: wrap;
		gap: 14px;
	}

	body.contacts-page .ywx-contact-inline-team-grid > article {
		flex: 1 1 calc(50% - 7px);
		min-width: min(100%, 260px);
		max-width: 100%;
	}

	body.contacts-page .ywx-contact-map-section:not(.ywx-about-band-root),
	body.contacts-page .ywx-contact-faq-section:not(.ywx-about-band-root),
	body.contacts-page .ywx-contact-imagetext:not(.ywx-about-band-root) {
		padding-top: var(--ywx-contact-section-gap, 24px);
	}

	body.contacts-page .ywx-contact-map,
	body.contacts-page #map_div.ywx-contact-map,
	body.contacts-page #map_div {
		min-height: 260px;
		margin-top: 0;
	}

	body.contacts-page #map_div iframe {
		min-height: 260px;
	}

	body.contacts-page #sale_team .team-item,
	body.contacts-page div[ywx-variable="team-list"] .team-item {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (max-width: 767px) {
	body.contacts-page {
		--ywx-contact-section-gap: 20px;
		--ywx-contact-title-gap: 14px;
		--ywx-contact-body-size: 0.9375rem;
		font-size: 15px;
	}

	body.contacts-page .ywx-contact-main .ywx-about-band-inner.container {
		padding-left: 12px;
		padding-right: 12px;
	}

	body.contacts-page .ywx-contact-page-title {
		margin: 1.25rem 0 1rem;
	}

	body.contacts-page .ywx-contact-core-section {
		margin-bottom: 1.75rem;
	}

	body.contacts-page .ywx-contact-primary {
		margin-bottom: var(--ywx-contact-section-gap, 20px);
	}

	body.contacts-page .ywx-contact-info-card {
		padding: 1.1rem 1.15rem 1rem;
	}

	body.contacts-page .ywx-contact-form-card {
		padding: 1.25rem 1.1rem 1.1rem;
		border-radius: 10px;
		box-shadow: 0 8px 24px rgba(15, 23, 42, 0.07);
	}

	body.contacts-page .ywx-contact-inline-team {
		margin-top: 1rem;
	}

	body.contacts-page .ywx-contact-inline-team-grid > article {
		flex: 1 1 100%;
		min-width: 0;
	}

	body.contacts-page .ywx-contact-inline-team-grid .ywx-contact-team-img-wrap img,
	body.contacts-page .ywx-contact-inline-team-grid .team-item .img img {
		width: 120px !important;
		height: 120px !important;
		min-width: 120px !important;
		min-height: 120px !important;
		max-width: 120px !important;
		max-height: 120px !important;
	}

	body.contacts-page .ywx-contact-inline-team-grid .ywx-contact-team-img-wrap .ywx-contact-team-post-overlay {
		width: 120px;
		max-width: 120px;
	}

	body.contacts-page .ywx-contact-team-skill-intro {
		min-height: 5rem;
		max-height: 5rem;
	}

	body.contacts-page .ywx-contact-team-im-btn {
		min-height: 42px;
		font-size: 14px;
	}

	body.contacts-page .ywx-contact-map,
	body.contacts-page #map_div.ywx-contact-map,
	body.contacts-page #map_div {
		min-height: 220px;
	}

	body.contacts-page #map_div iframe {
		min-height: 220px;
	}

	body.contacts-page .ywx-contact-faq-q {
		padding: 0.8rem 1rem;
		font-size: 0.9375rem;
	}

	body.contacts-page .ywx-contact-faq-a {
		padding: 0 1rem 1rem;
		font-size: 0.9375rem;
	}

	/* 二维码 / 更多社交：小屏改为向下弹出，避免裁切 */
	body.contacts-page .ywx-contact-team-qr-pop {
		left: 50%;
		right: auto;
		bottom: auto;
		top: calc(100% + 8px);
		transform: translateX(-50%) translateY(4px);
	}

	body.contacts-page .ywx-contact-team-phone-pop:hover .ywx-contact-team-qr-pop,
	body.contacts-page .ywx-contact-team-phone-pop:focus-within .ywx-contact-team-qr-pop,
	body.contacts-page .ywx-contact-team-im-pop:hover .ywx-contact-team-qr-pop,
	body.contacts-page .ywx-contact-team-im-pop:focus-within .ywx-contact-team-qr-pop,
	body.contacts-page .ywx-contact-team-social-pop:hover .ywx-contact-team-qr-pop,
	body.contacts-page .ywx-contact-team-social-pop:focus-within .ywx-contact-team-qr-pop {
		transform: translateX(-50%) translateY(0);
	}

	body.contacts-page .ywx-contact-team-social-dropdown {
		left: 50%;
		right: auto;
		bottom: auto;
		top: calc(100% + 8px);
		transform: translateX(-50%) translateY(4px);
	}

	body.contacts-page .ywx-contact-team-social-more:hover .ywx-contact-team-social-dropdown,
	body.contacts-page .ywx-contact-team-social-more:focus-within .ywx-contact-team-social-dropdown {
		transform: translateX(-50%) translateY(0);
	}

	body.contacts-page form[id*="inquiry"] input,
	body.contacts-page form[id*="inquiry"] textarea,
	body.contacts-page form[id*="inquiry"] select,
	body.contacts-page .contact-form-wrap input,
	body.contacts-page .contact-form-wrap textarea,
	body.contacts-page .contact-form-wrap select,
	body.contacts-page .ywx-contact-form-card input,
	body.contacts-page .ywx-contact-form-card textarea,
	body.contacts-page .ywx-contact-form-card select {
		font-size: 16px !important;
	}
}

@media (max-width: 479px) {
	body.contacts-page {
		--ywx-contact-section-gap: 18px;
	}

	body.contacts-page .ywx-contact-main .ywx-about-band-inner.container {
		padding-left: 10px;
		padding-right: 10px;
	}

	body.contacts-page .ywx-contact-section-title,
	body.contacts-page .ywx-contact-info-col > .ywx-contact-section-title,
	body.contacts-page .ywx-contact-form-col .ywx-contact-form-title {
		font-size: 1.25rem !important;
	}

	body.contacts-page .ywx-contact-team-skill-intro {
		min-height: auto;
		max-height: none;
	}

	body.contacts-page .ywx-contact-team-skill-text,
	body.contacts-page .ywx-contact-team-intro-text {
		min-height: 0;
		max-height: none;
		-webkit-line-clamp: 3;
	}

	body.contacts-page .ywx-contact-advantages {
		padding-top: var(--ywx-contact-section-gap, 18px);
	}

	body.contacts-page #ywx-contact-band-advantages .ywx-contact-advantages {
		padding-top: 0;
	}
}

@media (min-width: 1280px) {
	body.contacts-page .ywx-contact-primary {
		gap: 0;
	}

	body.contacts-page .ywx-contact-inline-team-grid > article {
		min-width: 0;
	}
}

/* ========== 分页 ========== */
body.case-list-page .pagination,
body.solution-list-page .pagination,
body.blog-list-page .pagination {
	margin-top: 2rem;
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0.25rem;
	justify-content: center;
}

body.case-list-page .pagination > li > a,
body.solution-list-page .pagination > li > a,
body.blog-list-page .pagination > li > a,
body.case-list-page .pagination > li > span,
body.solution-list-page .pagination > li > span,
body.blog-list-page .pagination > li > span {
	border-radius: 4px;
	padding: 0.5rem 0.85rem;
	font-size: 14px;
	font-weight: 600;
	transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

body.case-list-page .pagination > li > a:hover,
body.solution-list-page .pagination > li > a:hover,
body.blog-list-page .pagination > li > a:hover,
body.case-list-page .pagination > li > a:focus,
body.solution-list-page .pagination > li > a:focus,
body.blog-list-page .pagination > li > a:focus {
	color: var(--ywx-inner-accent) !important;
	border-color: var(--ywx-inner-accent);
	background: #fff;
}

body.case-list-page .pagination > .active > a,
body.solution-list-page .pagination > .active > a,
body.blog-list-page .pagination > .active > a,
body.case-list-page .pagination > .active > span,
body.solution-list-page .pagination > .active > span,
body.blog-list-page .pagination > .active > span,
body.case-list-page .pagination > .active > a:hover,
body.solution-list-page .pagination > .active > a:hover,
body.blog-list-page .pagination > .active > a:hover,
body.case-list-page .pagination > .active > a:focus,
body.solution-list-page .pagination > .active > a:focus,
body.blog-list-page .pagination > .active > a:focus {
	z-index: 2;
	color: #fff !important;
	background: var(--ywx-inner-accent) !important;
	border-color: var(--ywx-inner-accent) !important;
}

/* ========== 响应式 ========== */
@media (max-width: 991px) {
	body.case-list-page .gallery-item {
		flex: 0 0 calc(33.333% - 24px);
		max-width: calc(33.333% - 24px);
	}

	body.case-detail-page div[ywx-variable="case-img-list"] > div,
	body.solution-detail-page div[ywx-variable="solution-img-list"] > div {
		flex: 0 0 calc(50% - 20px);
		max-width: calc(50% - 20px);
	}

	body.blog-list-page aside.sidebar.col-md-3,
	body.blog-list-page aside.sidebar.col-md-4,
	body.blog-list-page aside.sidebar.col-md-2,
	body.blog-list-page aside.sidebar {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		margin-bottom: 1.25rem;
	}

	body.blog-list-page #blog_content.content.col-md-9,
	body.blog-list-page #blog_content.content.col-md-8,
	body.blog-list-page #blog_content.content.col-md-10,
	body.blog-list-page #blog_content.content {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}
}

@media (max-width: 767px) {
	body.case-list-page .page-title h2 {
		text-align: center;
		margin-bottom: 1rem !important;
	}

	body.case-list-page #filters {
		justify-content: center;
	}

	body.case-list-page .gallery-item {
		flex: 0 0 calc(50% - 24px);
		max-width: calc(50% - 24px);
	}

	body.case-detail-page div[ywx-variable="case-img-list"] > div,
	body.solution-detail-page div[ywx-variable="solution-img-list"] > div {
		flex: 0 0 calc(100% - 20px);
		max-width: calc(100% - 20px);
	}

	body.contacts-page #sale_team .team-item {
		flex: 0 0 100%;
		max-width: 100%;
	}

	body.blog-detail-page .ywx-blog-detail-crumb .breadcrumbs {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		row-gap: 0;
		scrollbar-width: none;
	}

	body.blog-detail-page .ywx-blog-detail-crumb .breadcrumbs::-webkit-scrollbar {
		display: none;
	}

	body.blog-detail-page .ywx-blog-detail-crumb .breadcrumbs li {
		display: inline-flex;
		flex-shrink: 0;
		margin-right: 0;
		margin-bottom: 0;
		padding: 0;
	}

	body.blog-detail-page .ywx-blog-detail-crumb .breadcrumbs li::after {
		display: inline;
		content: '>';
		margin: 0 0.35rem;
		color: var(--ywx-inner-muted);
	}

	body.blog-detail-page .ywx-blog-detail-crumb .breadcrumbs li#back_blog_current {
		display: none;
	}

	body.blog-detail-page .ywx-blog-detail-crumb .breadcrumbs li:last-child::after {
		display: none;
	}
}

/* ========== 文章详情：左右分栏 + 目录 + 作者卡 + 侧栏 ========== */
body.blog-detail-page .ywx-blog-detail-body-section {
	padding: 0 0 2.5rem;
}

body.blog-detail-page .ywx-blog-detail-body-row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

body.blog-detail-page .ywx-blog-detail-main-col {
	min-width: 0;
}

body.blog-detail-page .ywx-blog-detail-sidebar-col {
	min-width: 0;
}

@media (min-width: 992px) {
	body.blog-detail-page .ywx-blog-detail-body-row {
		flex-wrap: nowrap;
	}

	body.blog-detail-page .ywx-blog-detail-row--with-sidebar .ywx-blog-detail-main-col {
		flex: 0 0 77%;
		max-width: 77%;
		width: 77%;
	}

	body.blog-detail-page .ywx-blog-detail-row--with-sidebar .ywx-blog-detail-sidebar-col {
		flex: 0 0 23%;
		max-width: 23%;
		width: 23%;
		align-self: stretch;
	}

	body.blog-detail-page .ywx-blog-detail-row--single .ywx-blog-detail-main-col,
	body.blog-detail-page .ywx-blog-detail-main-col--full {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}
}

body.blog-detail-page .ywx-blog-detail-sidebar {
	position: sticky;
	top: calc(88px + env(safe-area-inset-top, 0px));
	align-self: flex-start;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

body.blog-detail-page .ywx-blog-detail-sidebar-panel {
	background: var(--el-fill-color-blank, #fff);
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 12px;
	padding: 1rem 1.1rem;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

body.blog-detail-page .ywx-blog-detail-sidebar-title {
	margin: 0 0 0.75rem;
	font-size: 1.05rem;
	line-height: 1.35;
}

body.blog-detail-page .ywx-blog-detail-chapter-nav {
	margin: 0 0 1.25rem;
	padding: 1rem 1.1rem;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 12px;
	background: var(--el-fill-color-light, #f8fafc);
}

body.blog-detail-page .ywx-blog-detail-chapter-nav-title {
	margin: 0 0 0.65rem;
	font-size: 1rem;
	font-weight: 600;
}

body.blog-detail-page .ywx-blog-detail-chapter-nav-list {
	margin: 0;
	padding: 0;
	list-style: none;
	max-height: 320px;
	overflow-y: auto;
}

body.blog-detail-page .ywx-blog-detail-chapter-nav-list li {
	margin: 0;
	padding: 0;
}

body.blog-detail-page .ywx-blog-detail-chapter-nav-list li.is-sub {
	padding-left: 1rem;
}

body.blog-detail-page .ywx-blog-detail-chapter-nav-list li a {
	display: block;
	padding: 0.35rem 0;
	color: inherit;
	text-decoration: none;
	font-size: 0.92rem;
	line-height: 1.45;
	border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

body.blog-detail-page .ywx-blog-detail-chapter-nav-list li:last-child a {
	border-bottom: none;
}

body.blog-detail-page .ywx-blog-detail-chapter-nav-list li a:hover,
body.blog-detail-page .ywx-blog-detail-chapter-nav-list li a.is-active {
	color: var(--ywx-theme-color, #2563eb);
}

body.blog-detail-page .ywx-blog-related-articles-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.blog-detail-page .ywx-blog-related-articles-list li + li {
	margin-top: 0.55rem;
}

body.blog-detail-page .ywx-blog-related-articles-list a {
	display: block;
	color: inherit;
	text-decoration: none;
	font-size: 0.92rem;
	line-height: 1.45;
}

body.blog-detail-page .ywx-blog-related-articles-list a:hover {
	color: var(--ywx-theme-color, #2563eb);
}

body.blog-detail-page .ywx-blog-related-product-list {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

body.blog-detail-page .ywx-blog-related-product-item a {
	display: flex;
	gap: 0.75rem;
	align-items: center;
	color: inherit;
	text-decoration: none;
}

body.blog-detail-page .ywx-blog-related-product-thumb {
	flex: 0 0 64px;
	width: 64px;
	height: 64px;
	border-radius: 8px;
	overflow: hidden;
	background: #f1f5f9;
}

body.blog-detail-page .ywx-blog-related-product-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

body.blog-detail-page .ywx-blog-related-product-copy h4 {
	margin: 0;
	font-size: 0.92rem;
	line-height: 1.4;
	font-weight: 600;
}

body.blog-detail-page .ywx-blog-detail-consult-title {
	margin: 0 0 0.5rem;
	font-size: 1rem;
	font-weight: 600;
}

body.blog-detail-page .ywx-blog-detail-consult-text {
	margin: 0 0 0.75rem;
	font-size: 0.88rem;
	line-height: 1.5;
	color: rgba(15, 23, 42, 0.72);
}

body.blog-detail-page .ywx-blog-detail-consult-phone {
	margin: 0 0 0.75rem;
	font-size: 0.9rem;
}

body.blog-detail-page .ywx-blog-detail-author-card {
	margin: 1.5rem 0 1rem;
	padding: 1.1rem 1.2rem;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 12px;
	background: var(--el-fill-color-light, #f8fafc);
}

body.blog-detail-page .ywx-blog-detail-author-inner {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
}

body.blog-detail-page .ywx-blog-detail-author-avatar {
	flex: 0 0 72px;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	overflow: hidden;
	background: #e2e8f0;
}

body.blog-detail-page .ywx-blog-detail-author-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

body.blog-detail-page .ywx-blog-detail-author-headline {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.2rem 0.45rem;
	margin: 0 0 0.45rem;
}

body.blog-detail-page .ywx-blog-detail-author-name {
	margin: 0;
	font-size: clamp(1.05rem, 1.6vw, 1.2rem);
	font-weight: 600;
	line-height: 1.35;
}

body.blog-detail-page .ywx-blog-detail-author-title {
	margin: 0;
	font-size: 0.82rem;
	line-height: 1.4;
	font-weight: 500;
	color: rgba(15, 23, 42, 0.62);
}

body.blog-detail-page .ywx-blog-detail-author-headline .ywx-blog-detail-author-title:not(:empty)::before {
	content: "·";
	margin-right: 0.45rem;
	color: rgba(15, 23, 42, 0.35);
}

body.blog-detail-page .ywx-blog-detail-author-bio,
body.blog-detail-page .ywx-blog-detail-author-credentials {
	margin: 0 0 0.45rem;
	font-size: 0.9rem;
	line-height: 1.55;
	color: rgba(15, 23, 42, 0.78);
}

body.blog-detail-page .ywx-blog-detail-author-social {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
}

body.blog-detail-page .ywx-blog-detail-author-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.1);
	color: inherit;
	text-decoration: none;
}

@media (max-width: 991px) {
	body.blog-detail-page .ywx-blog-detail-sidebar {
		position: static;
		margin-top: 1.5rem;
	}
}

@media (max-width: 479px) {
	body.case-list-page .gallery-item {
		flex: 0 0 calc(100% - 24px);
		max-width: calc(100% - 24px);
	}
}

/* ========== 方案详情（新）：Banner overlay + 侧栏 + 章节 + 扩展区块 ========== */
body.solution-detail-page .ywx-solution-detail-main {
	display: flex;
	flex-direction: column;
}

body.solution-detail-page #slide_one.banner1,
body.solution-detail-page header.ywx-solution-detail-banner#slide_one,
body.solution-detail-page div.ywx-channel-hero-root#slide_one {
	position: relative;
	padding-top: 0 !important;
	margin: 0;
	height: 45vh;
	min-height: 360px;
	max-height: 520px;
	overflow: hidden;
}

body.solution-detail-page .ywx-solution-detail-banner-media,
body.solution-detail-page #slide_one.banner1 .banner1-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100% !important;
	margin: 0;
	padding: 0;
}

body.solution-detail-page .ywx-solution-detail-banner-media img,
body.solution-detail-page #slide_one.banner1 .banner1-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

body.solution-detail-page .ywx-solution-detail-banner-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem 0;
	background: linear-gradient(
		180deg,
		rgba(15, 23, 42, 0.45) 0%,
		rgba(15, 23, 42, 0.72) 100%
	);
	z-index: 2;
}

body.solution-detail-page .ywx-solution-detail-banner-copy {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	color: #fff;
}

body.solution-detail-page .ywx-solution-detail-title {
	margin: 0 0 0.85rem;
	padding-bottom: 0;
	font-size: clamp(1.65rem, 3.2vw, 2.35rem);
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.02em;
	color: #fff !important;
}

body.solution-detail-page .ywx-solution-detail-banner .ywx-solution-detail-title::after,
body.solution-detail-page header.ywx-solution-detail-banner .ywx-solution-detail-title::after {
	content: "";
	display: block;
	width: 3rem;
	height: 3px;
	margin: 0.85rem auto 0;
	background: rgba(255, 255, 255, 0.85);
	border-radius: 2px;
}

body.solution-detail-page .ywx-solution-detail-subtitle {
	margin: 0 auto 1rem;
	max-width: 720px;
	font-size: clamp(1rem, 1.6vw, 1.15rem);
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.92);
}

body.solution-detail-page .ywx-solution-detail-tags {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.45rem;
	margin-top: 0.5rem;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

body.solution-detail-page .ywx-solution-detail-tag {
	display: inline-block;
	padding: 0.25rem 0.8rem;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	background: rgba(255, 255, 255, 0.16);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.28);
	backdrop-filter: blur(4px);
}

body.solution-detail-page .ywx-solution-detail-main-section,
body.solution-detail-page .ywx-solution-detail-body-section {
	padding: 3rem 0;
	background: #fff;
}

body.solution-detail-page .ywx-solution-detail-main-row,
body.solution-detail-page .ywx-solution-detail-body-row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

body.solution-detail-page .ywx-solution-detail-info-col,
body.solution-detail-page .ywx-solution-detail-content-col {
	margin-top: 0;
}

body.solution-detail-page #solutionContentList {
	margin-top: 0;
	padding-top: 0;
}

@media (min-width: 992px) {
	body.solution-detail-page .ywx-solution-detail-main-row,
	body.solution-detail-page .ywx-solution-detail-body-row {
		flex-wrap: nowrap;
	}

	body.solution-detail-page .ywx-solution-detail-info-col {
		flex: 0 0 var(--ywx-solution-sidebar-width);
		width: var(--ywx-solution-sidebar-width);
		max-width: var(--ywx-solution-sidebar-width);
		align-self: stretch;
	}

	body.solution-detail-page .ywx-solution-detail-content-col {
		flex: 1 1 0;
		width: auto;
		max-width: none;
		min-width: 0;
	}
}

body.solution-detail-page .ywx-solution-detail-info-col {
	margin-bottom: 0;
}

body.solution-detail-page .ywx-solution-detail-sidebar {
	position: sticky;
	top: 88px;
	align-self: flex-start;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
}

@media (min-width: 992px) {
	body.solution-detail-page .ywx-solution-detail-info-col {
		display: flex;
		flex-direction: column;
	}
}

body.solution-detail-page .ywx-solution-detail-info-panel,
body.solution-detail-page .ywx-solution-detail-chapter-nav {
	background: #eceff3;
	border: 1px solid #d0d5dd;
	border-radius: 12px;
	padding: 1.35rem 1rem 1.15rem;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 6px 22px rgba(15, 23, 42, 0.07);
	margin-bottom: 0;
}

body.solution-detail-page .ywx-solution-detail-info-panel {
	position: static;
}

body.solution-detail-page .ywx-solution-detail-consult-panel {
	background: #fff;
	border: 1px solid var(--ywx-inner-border);
	border-radius: 10px;
	padding: 1.35rem 1.15rem;
	box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06);
	margin-bottom: 0;
}

body.solution-detail-page .ywx-solution-detail-consult-title {
	margin: 0 0 0.85rem;
	padding-bottom: 0.75rem;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.35;
	border-bottom: 1px solid var(--ywx-inner-border);
}

body.solution-detail-page .ywx-solution-detail-consult-text {
	margin: 0 0 0.85rem;
	font-size: var(--ywx-solution-sidebar-font-size, 14px);
	line-height: 1.6;
	color: var(--ywx-inner-muted);
}

body.solution-detail-page .ywx-solution-detail-consult-phone {
	margin: 0 0 1rem;
	font-size: var(--ywx-solution-sidebar-font-size, 14px);
	line-height: 1.55;
	color: var(--ywx-inner-text);
}

body.solution-detail-page .ywx-solution-detail-consult-phone .fa {
	color: var(--ywx-inner-accent);
	margin-right: 0.35rem;
}

body.solution-detail-page .ywx-solution-detail-consult-cta {
	display: block;
	padding: 0.6rem 1rem;
	border-radius: 4px;
	text-align: center;
	color: #fff !important;
	text-decoration: none !important;
	font-size: var(--ywx-solution-sidebar-font-size, 14px);
	font-weight: 600;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

body.solution-detail-page .ywx-solution-detail-consult-cta:hover {
	opacity: 0.92;
	transform: translateY(-1px);
}

body.solution-detail-page .ywx-solution-detail-info-title {
	margin: 0 0 1rem;
	padding: 0 0 0.55rem;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.3;
	border-bottom: 2px solid color-mix(in srgb, var(--ywx-inner-accent) 22%, #d0d5dd);
	color: var(--ywx-inner-accent);
}

body.solution-detail-page .ywx-solution-detail-info-list {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

body.solution-detail-page .ywx-solution-detail-info-row {
	margin: 0;
	padding: 0.75rem 1rem 0.75rem 0.85rem;
	font-size: var(--ywx-solution-sidebar-font-size, 14px);
	line-height: 1.55;
	color: #2c3e50;
	background: #fff;
	border: 1px solid color-mix(in srgb, var(--ywx-inner-accent) 16%, #d0d5dd);
	border-left: 3px solid var(--ywx-inner-accent);
	border-radius: 8px;
	box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
}

body.solution-detail-page .ywx-solution-detail-info-row strong {
	color: var(--ywx-inner-accent);
}

body.solution-detail-page .ywx-solution-detail-info-row .fa {
	color: var(--ywx-inner-accent);
	margin-right: 0.35rem;
}

body.solution-detail-page .ywx-solution-detail-info-cta {
	display: block;
	margin-top: 1.25rem;
	padding: 0.55rem 1rem;
	border-radius: 4px;
	text-align: center;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 600;
}

body.solution-detail-page .ywx-solution-detail-pdf-block {
	margin-top: 1.25rem;
	padding-top: 0;
	border-top: none;
}

body.solution-detail-page .ywx-solution-detail-pdf-title {
	margin: 0 0 0.75rem;
	font-size: 1rem;
	font-weight: 700;
	color: var(--ywx-inner-accent);
}

body.solution-detail-page .ywx-solution-detail-pdf-list {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

body.solution-detail-page .ywx-solution-detail-pdf-link {
	display: flex;
	align-items: flex-start;
	gap: 0.35rem;
	padding: 0.75rem 1rem 0.75rem 0.85rem;
	border-radius: 8px;
	border: 1px solid color-mix(in srgb, var(--ywx-inner-accent) 16%, #d0d5dd);
	border-left: 3px solid var(--ywx-inner-accent);
	background: #fff;
	color: #2c3e50 !important;
	font-size: var(--ywx-solution-sidebar-font-size, 14px);
	line-height: 1.45;
	word-break: break-word;
	font-weight: 600;
	text-decoration: none !important;
	box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body.solution-detail-page .ywx-solution-detail-pdf-link:hover {
	background: color-mix(in srgb, var(--ywx-inner-accent) 9%, #fff);
	border-color: color-mix(in srgb, var(--ywx-inner-accent) 35%, #d0d5dd);
	color: var(--ywx-inner-accent) !important;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

body.solution-detail-page .ywx-solution-detail-pdf-link .fa {
	color: #c0392b;
}

body.solution-detail-page .ywx-solution-detail-pdf-size {
	font-weight: 400;
	color: var(--ywx-inner-muted);
	font-size: 12px;
}

body.solution-detail-page .ywx-solution-detail-content-col--full {
	width: 100%;
	max-width: min(var(--ywx-inner-page-width, 1308px), 100%);
	margin: 0 auto;
	float: none;
}

body.solution-detail-page .ywx-solution-detail-chapter-nav {
	margin-bottom: 0;
}

body.solution-detail-page .ywx-solution-detail-chapter-nav-title {
	margin: 0 0 1rem;
	padding: 0 0 0.55rem;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.3;
	border-bottom: 2px solid color-mix(in srgb, var(--ywx-inner-accent) 22%, #d0d5dd);
	color: var(--ywx-inner-accent);
}

body.solution-detail-page .ywx-solution-detail-chapter-nav-list {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 0.45rem;
	list-style: none;
	padding: 0;
	margin: 0;
}

body.solution-detail-page .ywx-solution-detail-chapter-nav-list li a {
	display: block;
	padding: 0.7rem 1rem 0.7rem 0.85rem;
	font-size: var(--ywx-solution-nav-font-size, 14px);
	font-weight: 600;
	line-height: 1.35;
	border-radius: 8px;
	border: 1px solid color-mix(in srgb, var(--ywx-inner-accent) 16%, #d0d5dd);
	border-left: 3px solid var(--ywx-inner-accent);
	background: #fff;
	color: #2c3e50;
	text-decoration: none;
	white-space: normal;
	word-break: break-word;
	box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body.solution-detail-page .ywx-solution-detail-chapter-nav-list li a:hover {
	background: color-mix(in srgb, var(--ywx-inner-accent) 9%, #fff);
	border-color: color-mix(in srgb, var(--ywx-inner-accent) 35%, #d0d5dd);
	color: var(--ywx-inner-accent);
}

body.solution-detail-page .ywx-solution-detail-chapter-nav-list li a.is-active,
body.solution-detail-page .ywx-solution-detail-chapter-nav-list li a.is-active:hover {
	color: #fff;
	background: var(--ywx-inner-accent);
	border-color: var(--ywx-inner-accent);
	box-shadow: 0 4px 14px color-mix(in srgb, var(--ywx-inner-accent) 38%, transparent);
}

body.solution-detail-page .solutionPageContent {
	scroll-margin-top: 6rem;
	margin-top: 0;
	margin-bottom: 2rem;
	padding: 1.75rem 1.5rem;
	background: #fff;
	border: 1px solid var(--ywx-inner-border);
	border-radius: 10px;
	box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
}

body.solution-detail-page .solutionPageContent:last-child {
	margin-bottom: 0;
}

body.solution-detail-page .solutionPageContent .solutionContentTitle {
	margin-bottom: 1.15rem;
	padding-bottom: 0.75rem;
	border-left: none;
	border-bottom: 2px solid var(--ywx-inner-accent);
}

body.solution-detail-page .solutionPageContent .solutionContentTitle h2 {
	margin: 0;
	padding-left: 0;
	padding-bottom: 0;
	border-bottom: none;
	font-size: clamp(1.25rem, 2vw, 1.5rem);
	font-weight: 700;
	text-align: left;
}

body.solution-detail-page .solutionPageContent--prose .ywx-solution-detail-prose p {
	margin-bottom: 1rem;
}

body.solution-detail-page .solutionPageContent--prose .ywx-solution-detail-prose h3 {
	margin: 1.35rem 0 0.75rem;
	font-size: 1.1rem;
	font-weight: 700;
	color: #1a1a1a;
}

body.solution-detail-page .solutionPageContent--prose .ywx-solution-detail-prose ul,
body.solution-detail-page .solutionPageContent--prose .ywx-solution-detail-prose ol {
	margin: 0.75rem 0 1rem;
	padding-left: 1.35em;
}

body.solution-detail-page .ywx-solution-read-progress {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1200;
	height: 3px;
	width: 0;
	background: var(--ywx-inner-accent, #dc2626);
	pointer-events: none;
}

body.solution-detail-page .ywx-solution-detail-prose table,
body.solution-detail-page .solution-mashup-body table {
	display: block;
	width: 100%;
	overflow-x: auto;
	margin: 1rem 0 1.25rem;
	border-collapse: collapse;
}

body.solution-detail-page .ywx-solution-detail-prose table caption,
body.solution-detail-page .solution-mashup-body table caption {
	caption-side: top;
	text-align: left;
	font-weight: 700;
	padding: 0 0 0.5rem;
	color: #1a1a1a;
}

body.solution-detail-page .ywx-solution-detail-prose table th,
body.solution-detail-page .ywx-solution-detail-prose table td,
body.solution-detail-page .solution-mashup-body table th,
body.solution-detail-page .solution-mashup-body table td {
	border: 1px solid var(--ywx-inner-border, #e5e7eb);
	padding: 0.55rem 0.75rem;
	vertical-align: top;
}

body.solution-detail-page .solutionPageContent--gallery {
	padding-bottom: 1.25rem;
}

body.solution-detail-page .solutionPageContent--gallery .solution-detail-gallery {
	margin-top: 0;
}

body.solution-detail-page .solutionPageContent--mashup .solutionContentTitle {
	margin-bottom: 1.25rem;
}

body.solution-detail-page .ywx-solution-detail-advantages-section,
body.solution-detail-page .ywx-solution-detail-process-section,
body.solution-detail-page .ywx-solution-detail-related-products-section,
body.solution-detail-page .ywx-solution-detail-related-cases-section,
body.solution-detail-page .ywx-solution-detail-faq-section {
	padding: 3.5rem 0;
}

body.solution-detail-page .ywx-solution-detail-advantages-section {
	background: #f8fafc;
}

body.solution-detail-page .ywx-solution-detail-process-section {
	background: #fff;
}

body.solution-detail-page .ywx-solution-detail-related-products-section {
	background: #f8fafc;
}

body.solution-detail-page .ywx-solution-detail-related-cases-section {
	background: #fff;
}

body.solution-detail-page .ywx-solution-detail-faq-section {
	background: #f8fafc;
}

body.solution-detail-page .ywx-solution-section-head {
	margin-bottom: 2rem;
}

body.solution-detail-page .ywx-solution-section-title {
	margin: 0 0 1rem;
	font-size: clamp(1.75rem, 2.6vw, 2.2rem);
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.02em;
}

body.solution-detail-page .ywx-solution-section-desc {
	max-width: 760px;
	margin: 0 auto;
	color: var(--ywx-inner-muted);
	font-size: 1.05rem;
	line-height: 1.75;
}

body.solution-detail-page .ywx-solution-detail-process-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem 0.75rem;
	margin-left: 0;
	margin-right: 0;
}

body.solution-detail-page .ywx-solution-detail-process-grid::before,
body.solution-detail-page .ywx-solution-detail-process-grid::after {
	display: none;
}

body.solution-detail-page .ywx-solution-detail-process-grid > .ywx-solution-detail-step {
	float: none;
	flex: 1 1 160px;
	max-width: 220px;
	padding: 1.25rem 0.85rem;
	background: #f8fafc;
	border: 1px solid var(--ywx-inner-border);
	border-radius: 10px;
	text-align: center;
}

body.solution-detail-page .ywx-solution-detail-step-num {
	width: 44px;
	height: 44px;
	line-height: 44px;
	border-radius: 50%;
	background: var(--ywx-inner-accent);
	color: #fff;
	font-weight: 700;
	margin: 0 auto 0.75rem;
	font-size: 15px;
}

body.solution-detail-page .ywx-solution-detail-step-title {
	margin: 0 0 0.35rem;
	font-size: 15px;
	font-weight: 700;
}

body.solution-detail-page .ywx-solution-detail-step-desc {
	margin: 0;
	font-size: 13px;
	color: var(--ywx-inner-muted);
	line-height: 1.55;
}

body.solution-detail-page .ywx-solution-detail-related-product-grid,
body.solution-detail-page .ywx-solution-detail-related-case-grid {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}

body.solution-detail-page .ywx-solution-detail-related-product-wrap,
body.solution-detail-page .ywx-solution-detail-related-case-wrap {
	float: none;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

body.solution-detail-page .ywx-solution-detail-related-product-card,
body.solution-detail-page .ywx-solution-detail-related-case-card {
	height: 100%;
	background: #fff;
	border: 1px solid var(--ywx-inner-border);
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

body.solution-detail-page .ywx-solution-detail-related-product-card:hover,
body.solution-detail-page .ywx-solution-detail-related-case-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
}

body.solution-detail-page .ywx-solution-detail-related-product-media,
body.solution-detail-page .ywx-solution-detail-related-case-media {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #f3f4f6;
}

body.solution-detail-page .ywx-solution-detail-related-product-media img,
body.solution-detail-page .ywx-solution-detail-related-case-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.solution-detail-page .ywx-solution-detail-related-product-body,
body.solution-detail-page .ywx-solution-detail-related-case-body {
	padding: 1rem 1.1rem 1.15rem;
}

body.solution-detail-page .ywx-solution-detail-related-product-title,
body.solution-detail-page .ywx-solution-detail-related-case-title {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
}

body.solution-detail-page .ywx-solution-detail-related-product-title a,
body.solution-detail-page .ywx-solution-detail-related-case-title a {
	color: inherit;
	text-decoration: none;
}

body.solution-detail-page .ywx-solution-detail-faq-list {
	max-width: 900px;
	margin: 0 auto;
}

body.solution-detail-page .ywx-solution-detail-faq-item {
	border: 1px solid var(--ywx-inner-border);
	border-radius: 8px;
	margin-bottom: 10px;
	background: #fff;
	overflow: hidden;
}

body.solution-detail-page .ywx-solution-detail-faq-q {
	padding: 0.85rem 1rem;
	font-weight: 600;
	cursor: pointer;
	list-style: none;
}

body.solution-detail-page .ywx-solution-detail-faq-q::-webkit-details-marker {
	display: none;
}

body.solution-detail-page .ywx-solution-detail-faq-a {
	padding: 0 1rem 1rem;
	font-size: 14px;
	line-height: 1.65;
	color: var(--ywx-inner-muted);
}

body.solution-detail-page section.ywx-solution-detail-cta {
	padding: 3.25rem 0;
	color: #fff;
	position: relative;
	overflow: hidden;
}

body.solution-detail-page section.ywx-solution-detail-cta::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		135deg,
		rgba(0, 0, 0, 0.08) 0%,
		rgba(0, 0, 0, 0.2) 100%
	);
	pointer-events: none;
}

body.solution-detail-page section.ywx-solution-detail-cta > .container {
	position: relative;
	z-index: 1;
}

body.solution-detail-page .ywx-solution-detail-cta-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem 2rem;
}

body.solution-detail-page .ywx-solution-detail-cta-copy {
	flex: 1 1 320px;
	min-width: 0;
	max-width: 760px;
}

body.solution-detail-page section.ywx-solution-detail-cta .ywx-solution-detail-cta-title {
	margin: 0 0 0.65rem;
	font-size: clamp(1.2rem, 2.2vw, 1.55rem);
	font-weight: 700;
	line-height: 1.4;
	color: #fff !important;
	text-align: left;
	padding: 0;
	border: none;
	background: transparent;
}

body.solution-detail-page section.ywx-solution-detail-cta .ywx-solution-detail-cta-text {
	margin: 0;
	font-size: 15px;
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.92) !important;
	max-width: 640px;
	text-align: left;
}

body.solution-detail-page .ywx-solution-detail-cta-action {
	flex-shrink: 0;
}

body.solution-detail-page section.ywx-solution-detail-cta .ywx-solution-detail-cta-btn,
body.solution-detail-page section.ywx-solution-detail-cta a[ywx-variable="solution-cta-button"] {
	display: inline-block;
	padding: 0.75rem 1.85rem;
	border-radius: 6px;
	background: #fff !important;
	color: #1a1a1a !important;
	font-weight: 700;
	font-size: 15px;
	line-height: 1.2;
	text-decoration: none !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
	white-space: nowrap;
}

body.solution-detail-page section.ywx-solution-detail-cta .ywx-solution-detail-cta-btn:hover,
body.solution-detail-page section.ywx-solution-detail-cta a[ywx-variable="solution-cta-button"]:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
	background: #f8fafc !important;
	color: #1a1a1a !important;
	opacity: 1;
}

body.solution-detail-page section.ywx-solution-detail-footer {
	padding: 2rem 0 3rem;
	background: #fff;
	border-top: 0;
}

body.solution-detail-page section.ywx-solution-detail-footer .ywx-solution-detail-share.ywx-blog-share {
	margin-top: 0;
}

/* flex order：各区块单独 order，避免新增 section 默认 order:0 跑到 Banner 上方 */
body.solution-detail-page .ywx-solution-detail-main > .ywx-solution-detail-crumb,
body.solution-detail-page .ywx-solution-detail-main > nav.ywx-solution-detail-crumb {
	order: 1;
}

body.solution-detail-page .ywx-solution-detail-main > .banner1#slide_one:not(.ywx-solution-detail-banner) {
	order: 2;
}

body.solution-detail-page .ywx-solution-detail-main > header.ywx-solution-detail-banner#slide_one,
body.solution-detail-page .ywx-solution-detail-main > div.ywx-channel-hero-root#slide_one {
	order: 2;
}

body.solution-detail-page .ywx-solution-detail-main > .ywx-solution-detail-main-section,
body.solution-detail-page .ywx-solution-detail-main > .ywx-solution-detail-body-section {
	order: 3;
}

body.solution-detail-page .ywx-solution-detail-main > .ywx-solution-detail-advantages-section {
	order: 4;
}

body.solution-detail-page .ywx-solution-detail-main > .ywx-solution-detail-process-section {
	order: 5;
}

body.solution-detail-page .ywx-solution-detail-main > .ywx-solution-detail-related-products-section {
	order: 6;
}

body.solution-detail-page .ywx-solution-detail-main > .ywx-solution-detail-related-cases-section {
	order: 7;
}

body.solution-detail-page .ywx-solution-detail-main > .ywx-solution-detail-faq-section {
	order: 8;
}

body.solution-detail-page .ywx-solution-detail-main > section.ywx-solution-detail-cta {
	order: 9;
}

body.solution-detail-page .ywx-solution-detail-main > section.ywx-solution-detail-footer {
	order: 10;
}

@media (max-width: 991px) {
	body.solution-detail-page .ywx-solution-detail-sidebar {
		position: static;
		max-height: none;
		overflow: visible;
		margin-bottom: 1.75rem;
	}

	body.solution-detail-page .ywx-solution-detail-info-panel {
		margin-bottom: 0;
	}

	body.solution-detail-page .ywx-solution-detail-chapter-nav-list li a {
		min-height: 52px;
		padding: 0.95rem 1rem;
		font-size: 14px;
	}

	body.solution-detail-page .ywx-solution-detail-process-grid > .ywx-solution-detail-step {
		flex: 1 1 calc(50% - 0.75rem);
		max-width: none;
	}
}

@media (max-width: 767px) {
	body.solution-detail-page #slide_one.banner1,
	body.solution-detail-page header.ywx-solution-detail-banner#slide_one,
	body.solution-detail-page div.ywx-channel-hero-root#slide_one {
		min-height: 300px;
		height: 38vh;
	}

	body.solution-detail-page .solutionPageContent {
		padding: 1.25rem 1rem;
	}

	body.solution-detail-page .ywx-solution-detail-process-grid > .ywx-solution-detail-step {
		flex: 1 1 100%;
	}

	body.solution-detail-page section.ywx-solution-detail-cta {
		padding: 2.5rem 0;
		text-align: center;
	}

	body.solution-detail-page .ywx-solution-detail-cta-inner {
		justify-content: center;
	}

	body.solution-detail-page .ywx-solution-detail-cta-copy {
		max-width: none;
	}

	body.solution-detail-page section.ywx-solution-detail-cta .ywx-solution-detail-cta-title,
	body.solution-detail-page section.ywx-solution-detail-cta .ywx-solution-detail-cta-text {
		text-align: center;
		max-width: none;
	}

	body.solution-detail-page .ywx-solution-detail-cta-action {
		width: 100%;
	}

	body.solution-detail-page section.ywx-solution-detail-cta .ywx-solution-detail-cta-btn {
		width: 100%;
		max-width: 280px;
	}
}

/* ------------------------------------------------------------------ */
/* FAQ Help Center — ljvogues faqlist 布局：主栏 Q/A 边框列表 + 侧栏分类 */
/* 配色沿用 --ywx-inner-accent / DIY 主题色，不写死品牌色 */
/* ------------------------------------------------------------------ */

/* 无频道 Hero：面包屑为固定顶栏预留空间；有 Hero 时见下方 :has 覆盖 */
body.faq-hub-page .breadcrumbs-wrapper,
body.faq-hub-page .breadcrumbs-wrapper.ywx-faq-hub-crumb {
	margin-bottom: 0;
	background-color: #fafafa;
	border-bottom: 1px solid var(--ywx-inner-border, #e8eaed);
	padding: 110px 0 0.25rem 0 !important;
	min-height: 0;
	line-height: 1.3;
}

/* 有频道 Hero：Hero 已在顶栏下铺满，面包屑紧贴 Hero（与 about / contacts 一致） */
body.faq-hub-page:has(.ywx-channel-hero-root) .breadcrumbs-wrapper,
body.faq-hub-page:has(.ywx-channel-hero-root) .breadcrumbs-wrapper.ywx-faq-hub-crumb {
	padding: 0.25rem 0 !important;
}

/* 方案 A：显式关闭 Hero 时 body 带 ywx-hero-off，同样保留顶栏占位 */
body.faq-hub-page.ywx-hero-off .breadcrumbs-wrapper,
body.faq-hub-page.ywx-hero-off .breadcrumbs-wrapper.ywx-faq-hub-crumb {
	padding: 110px 0 0.25rem 0 !important;
}

body.faq-hub-page .breadcrumbs-wrapper .breadcrumbs {
	max-width: var(--ywx-inner-page-width, 1308px);
	width: 100%;
	padding: 0.2rem 15px;
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
}

body.faq-hub-page .breadcrumbs li {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
	min-width: 0;
}

body.faq-hub-page .breadcrumbs li a {
	font-size: 14px;
	color: var(--ywx-inner-muted, #5c6570);
	text-decoration: none;
	transition: color 0.2s ease;
	line-height: 1.4;
}

body.faq-hub-page .breadcrumbs li a:hover {
	color: var(--ywx-inner-accent, var(--ywx-theme-color, #8a0d0d));
}

body.faq-hub-page .breadcrumbs li span[aria-current="page"] {
	font-size: 14px;
	color: var(--ywx-inner-text, #333);
	max-width: min(48vw, 520px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.faq-hub-page .breadcrumbs li:after {
	color: #bbb;
}

@media (max-width: 767px) {
	body.faq-hub-page .breadcrumbs-wrapper,
	body.faq-hub-page .breadcrumbs-wrapper.ywx-faq-hub-crumb {
		padding-top: 96px !important;
	}

	body.faq-hub-page:has(.ywx-channel-hero-root) .breadcrumbs-wrapper,
	body.faq-hub-page:has(.ywx-channel-hero-root) .breadcrumbs-wrapper.ywx-faq-hub-crumb {
		padding-top: 0.25rem !important;
	}

	body.faq-hub-page.ywx-hero-off .breadcrumbs-wrapper,
	body.faq-hub-page.ywx-hero-off .breadcrumbs-wrapper.ywx-faq-hub-crumb {
		padding-top: 96px !important;
	}

	body.faq-hub-page .breadcrumbs li span[aria-current="page"] {
		max-width: min(56vw, 280px);
	}
}

body.faq-hub-page .content-wrapper#about_main_content {
	padding-top: 1.5rem;
	padding-bottom: 3.5rem;
}

body.faq-hub-page .ywx-faq-hub-page-title {
	margin: 0 0 1.25rem;
	font-size: clamp(1.35rem, 2.4vw, 1.75rem);
	font-weight: 700;
	line-height: 1.35;
}

body.faq-hub-page .ywx-faq-hub-intro {
	margin: 0 0 1.75rem;
	font-size: 15px;
	line-height: 1.75;
	color: var(--ywx-inner-muted, #475569);
}

body.faq-hub-page .ywx-faq-hub-layout {
	margin-left: -15px;
	margin-right: -15px;
}

body.faq-hub-page .ywx-faq-hub-main {
	padding-right: 2rem;
}

body.faq-hub-page .ywx-faq-hub-category-section {
	margin-bottom: 2.5rem;
}

body.faq-hub-page .ywx-faq-hub-category-section:last-child {
	margin-bottom: 0;
}

body.faq-hub-page .ywx-faq-hub-cat-title {
	margin: 0 0 1.15rem;
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.35;
}

body.faq-hub-page .ywx-faq-hub-cat-title a {
	color: inherit;
	text-decoration: none;
}

body.faq-hub-page .ywx-faq-hub-cat-title a:hover {
	color: var(--ywx-inner-accent);
}

body.faq-hub-page .ywx-faq-hub-faq-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

body.faq-hub-page .ywx-faq-hub-faq-item {
	border: 1px solid var(--ywx-inner-border, #e5e7eb);
	margin-bottom: 1.25rem;
	padding: 1rem 1.25rem;
	background: #fff;
	border-radius: 8px;
}

body.faq-hub-page .ywx-faq-hub-faq-item:last-child {
	margin-bottom: 0;
}

body.faq-hub-page .ywx-faq-hub-faq-q {
	position: relative;
	margin: 0;
	padding: 0 0 0 2rem;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	color: var(--ywx-inner-text, #333);
}

body.faq-hub-page .ywx-faq-hub-faq-q-icon,
body.faq-hub-page .ywx-faq-hub-faq-a-icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 1.35rem;
	text-align: center;
}

body.faq-hub-page .ywx-faq-hub-faq-q-icon i,
body.faq-hub-page .ywx-faq-hub-faq-a-icon i {
	font-style: italic;
	font-weight: 700;
	font-size: 15px;
	line-height: 1.5;
	color: var(--ywx-inner-accent, var(--ywx-theme-color, #9e0707));
}

body.faq-hub-page .ywx-faq-hub-faq-a {
	position: relative;
	margin: 0.75rem 0 0;
	padding: 0 0 0 2rem;
	font-size: 15px;
	line-height: 1.65;
	color: var(--ywx-inner-muted, #475569);
	word-break: break-word;
}

body.faq-hub-page .ywx-faq-hub-sidebar-block {
	margin-bottom: 1.75rem;
	padding: 1.25rem 1.1rem;
	border: 1px solid var(--ywx-inner-border, #e5e7eb);
	border-radius: 8px;
	background: #fff;
}

body.faq-hub-page .ywx-faq-hub-sidebar-categories {
	background: var(--ywx-surface-bg, #f8fafc);
}

body.faq-hub-page .ywx-faq-hub-sidebar-block h3 {
	margin: 0 0 0.85rem;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.35;
	padding-bottom: 0.65rem;
	border-bottom: 2px solid var(--ywx-inner-accent, var(--ywx-theme-color, #9e0707));
}

body.faq-hub-page .ywx-faq-hub-cat-list,
body.faq-hub-page .ywx-faq-hub-product-list,
body.faq-hub-page .ywx-faq-hub-article-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

body.faq-hub-page .ywx-faq-hub-cat-list li,
body.faq-hub-page .ywx-faq-hub-product-list li,
body.faq-hub-page .ywx-faq-hub-article-list li {
	margin: 0;
	padding: 0;
}

body.faq-hub-page .ywx-faq-hub-cat-list a,
body.faq-hub-page .ywx-faq-hub-product-list a,
body.faq-hub-page .ywx-faq-hub-article-list a {
	display: block;
	padding: 0.45rem 0.55rem;
	font-size: 14px;
	line-height: 1.45;
	color: var(--ywx-inner-text, #333);
	text-decoration: none;
	border-radius: 4px;
	transition: color 0.15s ease, background 0.15s ease;
}

body.faq-hub-page .ywx-faq-hub-cat-list a:hover,
body.faq-hub-page .ywx-faq-hub-product-list a:hover,
body.faq-hub-page .ywx-faq-hub-article-list a:hover {
	color: var(--ywx-inner-accent, var(--ywx-theme-color, #9e0707));
	background: color-mix(in srgb, var(--ywx-inner-accent, var(--ywx-theme-color, #9e0707)) 8%, transparent);
}

body.faq-hub-page .ywx-faq-hub-cat-list li.is-active a {
	color: var(--ywx-inner-accent, var(--ywx-theme-color, #9e0707));
	font-weight: 600;
	background: color-mix(in srgb, var(--ywx-inner-accent, var(--ywx-theme-color, #9e0707)) 12%, transparent);
}

body.faq-hub-page .ywx-faq-hub-sidebar-cta {
	text-align: center;
	background: var(--ywx-surface-bg, #f8fafc);
}

body.faq-hub-page .ywx-faq-hub-sidebar-cta h3 {
	border-bottom: 0;
	padding-bottom: 0;
}

body.faq-hub-page .ywx-faq-hub-cta-btn {
	margin-top: 0.5rem;
	min-width: 160px;
	border-radius: 6px;
	background-color: var(--ywx-inner-accent, var(--ywx-theme-color, #9e0707)) !important;
	border-color: var(--ywx-inner-accent, var(--ywx-theme-color, #9e0707)) !important;
}

body.faq-hub-page .ywx-faq-hub-cta-btn:hover,
body.faq-hub-page .ywx-faq-hub-cta-btn:focus {
	background-color: color-mix(in srgb, var(--ywx-inner-accent, var(--ywx-theme-color, #9e0707)) 85%, #000) !important;
	border-color: color-mix(in srgb, var(--ywx-inner-accent, var(--ywx-theme-color, #9e0707)) 85%, #000) !important;
}

@media (max-width: 991px) {
	body.faq-hub-page .ywx-faq-hub-main {
		padding-right: 15px;
		margin-bottom: 0.5rem;
	}

	body.faq-hub-page .ywx-faq-hub-sidebar {
		margin-top: 0.5rem;
	}
}

body.faq-hub-page .ywx-faq-hub-paging-wrap {
	margin: 2rem 0 0.5rem;
	text-align: center;
}

body.faq-hub-page .ywx-faq-hub-paging {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

body.faq-hub-page .ywx-faq-hub-paging li {
	margin: 0;
}

body.faq-hub-page .ywx-faq-hub-paging li a,
body.faq-hub-page .ywx-faq-hub-paging li span {
	display: inline-block;
	min-width: 2rem;
	padding: 0.35rem 0.55rem;
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	color: var(--ywx-inner-muted, #64748b);
	border: 1px solid var(--ywx-inner-border, #e5e7eb);
	border-radius: 4px;
	background: #fff;
}

body.faq-hub-page .ywx-faq-hub-paging li a:hover {
	color: var(--ywx-inner-accent, var(--ywx-theme-color, #9e0707));
	border-color: var(--ywx-inner-accent, var(--ywx-theme-color, #9e0707));
}

body.faq-hub-page .ywx-faq-hub-paging li.ellipsis span {
	cursor: default;
	color: var(--ywx-inner-muted, #94a3b8);
	border: none;
	background: transparent;
	min-width: auto;
	padding: 0 0.15rem;
}

/* 搜索框 */
body.faq-hub-page .ywx-faq-hub-search {
	margin: 0 0 1.25rem;
}

body.faq-hub-page .ywx-faq-hub-search input[type="search"] {
	width: 100%;
	max-width: 100%;
	padding: 0.65rem 0.85rem;
	border: 1px solid var(--ywx-inner-border, #e8eaed);
	border-radius: 6px;
	font-size: 15px;
	box-sizing: border-box;
}

body.faq-hub-page .ywx-faq-hub-search-results {
	margin-top: 0.5rem;
	border: 1px solid var(--ywx-inner-border, #e8eaed);
	border-radius: 6px;
	background: #fff;
}

body.faq-hub-page .ywx-faq-hub-search-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

body.faq-hub-page .ywx-faq-hub-search-list a {
	display: block;
	padding: 0.55rem 0.75rem;
	color: var(--ywx-inner-text, #333);
	text-decoration: none;
	border-bottom: 1px solid var(--ywx-inner-border, #e8eaed);
	font-size: 14px;
	line-height: 1.45;
}

body.faq-hub-page .ywx-faq-hub-search-list li:last-child a {
	border-bottom: 0;
}

body.faq-hub-page .ywx-faq-hub-search-list a:hover {
	background: var(--ywx-surface-bg, #f8fafc);
	color: var(--ywx-inner-accent, var(--ywx-theme-color, #9e0707));
}

body.faq-hub-page .ywx-faq-hub-search-cat {
	font-size: 12px;
	color: var(--ywx-inner-muted, #64748b);
}

/* 移动端分类 chips */
body.faq-hub-page .ywx-faq-hub-cat-chips {
	display: none;
	flex-wrap: nowrap;
	overflow-x: auto;
	gap: 0.5rem;
	margin: 0 0 1rem;
	padding-bottom: 0.25rem;
	-webkit-overflow-scrolling: touch;
}

body.faq-hub-page .ywx-faq-hub-cat-chip {
	flex: 0 0 auto;
	display: inline-block;
	padding: 0.35rem 0.75rem;
	border-radius: 999px;
	border: 1px solid var(--ywx-inner-border, #e8eaed);
	background: #fff;
	color: var(--ywx-inner-text, #333);
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
}

body.faq-hub-page .ywx-faq-hub-cat-chip.is-active,
body.faq-hub-page .ywx-faq-hub-cat-chip:hover {
	border-color: var(--ywx-inner-accent, var(--ywx-theme-color, #9e0707));
	color: var(--ywx-inner-accent, var(--ywx-theme-color, #9e0707));
}

@media (max-width: 991px) {
	body.faq-hub-page .ywx-faq-hub-cat-chips {
		display: flex;
	}
}

/* 分类标签 / 作者 / 延伸阅读 */
body.faq-hub-page .ywx-faq-hub-faq-cat-tag {
	margin: 0 0 0.35rem;
	font-size: 12px;
}

body.faq-hub-page .ywx-faq-hub-faq-cat-tag a {
	color: var(--ywx-inner-accent, var(--ywx-theme-color, #9e0707));
	text-decoration: none;
	font-weight: 600;
}

body.faq-hub-page .ywx-faq-hub-faq-a-body {
	flex: 1;
	min-width: 0;
}

body.faq-hub-page .ywx-faq-hub-faq-a-body ul,
body.faq-hub-page .ywx-faq-hub-faq-a-body ol {
	margin: 0.35rem 0 0.35rem 1.25rem;
	padding: 0;
}

body.faq-hub-page .ywx-faq-hub-faq-a-body p {
	margin: 0 0 0.5rem;
}

body.faq-hub-page .ywx-faq-hub-faq-meta {
	margin-top: 0.65rem;
	font-size: 12px;
	color: var(--ywx-inner-muted, #64748b);
}

body.faq-hub-page .ywx-faq-hub-faq-related {
	margin-top: 0.75rem;
	font-size: 13px;
}

body.faq-hub-page .ywx-faq-hub-faq-related ul {
	list-style: none;
	margin: 0.35rem 0 0;
	padding: 0;
}

body.faq-hub-page .ywx-faq-hub-faq-related li {
	margin: 0.2rem 0;
}

body.faq-hub-page .ywx-faq-hub-faq-related a {
	color: var(--ywx-inner-accent, var(--ywx-theme-color, #9e0707));
	text-decoration: none;
}

body.faq-hub-page .ywx-faq-hub-faq-related-label {
	font-weight: 600;
	color: var(--ywx-inner-muted, #64748b);
	margin-right: 0.35rem;
}

body.faq-hub-page .ywx-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

body.faq-hub-page .ywx-faq-hub-paging li.active span {
	color: #fff;
	background: var(--ywx-inner-accent, var(--ywx-theme-color, #9e0707));
	border-color: var(--ywx-inner-accent, var(--ywx-theme-color, #9e0707));
}