/* ==========================================================================
   XZK — 大词专题页（Google Ads 落地页）样式
   作用域：.xzk-lp 及其子级，全部使用 xzk-lp- / lp- 前缀，避免影响现有页面
   版本：glass-lp v1.0
   ========================================================================== */

/* ---------- 1. Hero ---------- */
.xzk-lp {
	--lp-ink: #1d1d1f;
	--lp-body: #46464a;
	--lp-line: #e4e4e6;
	--lp-soft: #f6f6f7;
}

.xzk-lp-hero {
	position: relative;
	min-height: 560px;
	display: flex;
	align-items: center;
	background: var(--black-bg, #312f35);
	overflow: hidden;
}

.xzk-lp-hero-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.xzk-lp-hero-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .34;
}

.xzk-lp-hero-inner {
	position: relative;
	z-index: 2;
	width: 95%;
	max-width: var(--max-width, 1440px);
	margin: 0 auto;
	padding: 112px 0 76px;
}

.xzk-lp-hero-copy {
	max-width: 780px;
}

.xzk-lp-kicker {
	display: inline-block;
	font-size: 13px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #ff8a8a;
	margin-bottom: 14px;
	font-weight: 600;
}

.xzk-lp-h1 {
	font-size: 46px;
	line-height: 1.15;
	color: #fff;
	margin: 0 0 18px;
	font-weight: 700;
}

.xzk-lp-sub {
	font-size: 17px;
	line-height: 1.7;
	color: rgba(255, 255, 255, .85);
	margin: 0 0 28px;
	max-width: 680px;
}

.xzk-lp-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 36px;
}

.xzk-lp-cta a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 0 26px;
	border-radius: 4px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: all .25s ease;
	text-decoration: none;
}

.xzk-lp-cta .btn-primary {
	background: var(--red, #c90101);
	color: #fff;
	border: 1px solid var(--red, #c90101);
}

.xzk-lp-cta .btn-primary:hover {
	background: var(--deep-red, #820004);
	border-color: var(--deep-red, #820004);
}

.xzk-lp-cta .btn-ghost {
	background: rgba(255, 255, 255, .08);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .34);
}

.xzk-lp-cta .btn-ghost:hover {
	background: rgba(255, 255, 255, .18);
	border-color: rgba(255, 255, 255, .6);
}

.xzk-lp-badges {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1px;
	background: rgba(255, 255, 255, .14);
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 6px;
	overflow: hidden;
	max-width: 780px;
}

.xzk-lp-badge {
	background: rgba(0, 0, 0, .32);
	padding: 16px 14px;
	text-align: center;
}

.xzk-lp-badge b {
	display: block;
	font-size: 20px;
	color: #fff;
	line-height: 1.3;
}

.xzk-lp-badge span {
	display: block;
	font-size: 12px;
	color: rgba(255, 255, 255, .68);
	margin-top: 4px;
	line-height: 1.45;
}

/* ---------- 2. 锚点导航 ---------- */
.xzk-lp-anchor {
	position: sticky;
	top: 0;
	z-index: 90;
	background: #fff;
	border-bottom: 1px solid var(--lp-line);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
}

.xzk-lp-anchor-inner {
	width: 95%;
	max-width: var(--max-width, 1440px);
	margin: 0 auto;
	display: flex;
	gap: 4px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.xzk-lp-anchor-inner::-webkit-scrollbar {
	display: none;
}

.xzk-lp-anchor-inner a {
	flex: 0 0 auto;
	display: block;
	padding: 15px 16px;
	font-size: 14px;
	color: var(--lp-body);
	text-decoration: none;
	border-bottom: 3px solid transparent;
	white-space: nowrap;
	transition: color .2s, border-color .2s;
}

.xzk-lp-anchor-inner a:hover {
	color: var(--red, #c90101);
	border-bottom-color: var(--red, #c90101);
}

/* ---------- 3. 正文排版 ---------- */
.xzk-lp-body {
	background: #fff;
	padding: 56px 0 64px;
}

.xzk-lp-prose {
	width: 95%;
	max-width: var(--max-width, 1440px);
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.78;
	color: var(--lp-body);
}

.xzk-lp-prose > *:first-child {
	margin-top: 0;
}

.xzk-lp-prose h2 {
	position: relative;
	font-size: 28px;
	line-height: 1.35;
	color: var(--lp-ink);
	margin: 56px 0 20px;
	padding-left: 18px;
	font-weight: 700;
	scroll-margin-top: 80px;
}

.xzk-lp-prose h2::before {
	content: "";
	position: absolute;
	left: 0;
	top: .18em;
	bottom: .18em;
	width: 5px;
	background: var(--red, #c90101);
	border-radius: 2px;
}

.xzk-lp-prose h2:first-child {
	margin-top: 0;
}

.xzk-lp-prose h3 {
	font-size: 20px;
	line-height: 1.45;
	color: var(--lp-ink);
	margin: 34px 0 12px;
	font-weight: 600;
}

.xzk-lp-prose h4 {
	font-size: 17px;
	color: var(--lp-ink);
	margin: 24px 0 10px;
	font-weight: 600;
}

.xzk-lp-prose p {
	margin: 0 0 18px;
}

.xzk-lp-prose strong {
	color: var(--lp-ink);
	font-weight: 600;
}

.xzk-lp-prose ul,
.xzk-lp-prose ol {
	margin: 0 0 20px;
	padding-left: 22px;
}

.xzk-lp-prose li {
	margin-bottom: 9px;
}

.xzk-lp-prose a {
	color: var(--red, #c90101);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.xzk-lp-prose a:hover {
	color: var(--deep-red, #820004);
}

/* 导语 */
.xzk-lp-prose .lp-lead {
	font-size: 18px;
	line-height: 1.8;
	color: var(--lp-ink);
	border-left: 4px solid var(--red, #c90101);
	background: var(--lp-soft);
	padding: 20px 24px;
	border-radius: 0 6px 6px 0;
	margin: 0 0 30px;
}

/* ---------- 表格（含移动端横向滚动） ---------- */
.xzk-lp-prose table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 12px;
	font-size: 14.5px;
	background: #fff;
}

.xzk-lp-prose th,
.xzk-lp-prose td {
	border: 1px solid #dcdcdc;
	padding: 11px 13px;
	text-align: left;
	vertical-align: top;
}

.xzk-lp-prose thead th {
	background: var(--black-bg, #312f35);
	color: #fff;
	font-weight: 600;
	white-space: nowrap;
}

.xzk-lp-prose tbody tr:nth-child(even) {
	background: #fafafa;
}

.xzk-lp-prose tbody td:first-child {
	color: var(--lp-ink);
	font-weight: 500;
}

/* 表格外层滚动容器（配合脚本/编辑器包裹使用） */
.lp-table-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid var(--lp-line);
	border-radius: 6px;
	margin: 0 0 24px;
}

.lp-table-scroll table {
	margin: 0;
	min-width: 620px;
	border: 0;
}

.lp-table-scroll th:first-child,
.lp-table-scroll td:first-child {
	border-left: 0;
}

.lp-table-scroll th:last-child,
.lp-table-scroll td:last-child {
	border-right: 0;
}

.lp-spec-note {
	font-size: 13px;
	color: #7a7a80;
	margin: -6px 0 26px;
}

/* ---------- 卡片网格 ---------- */
.xzk-lp-prose .lp-grid-2,
.xzk-lp-prose .lp-grid-3,
.xzk-lp-prose .lp-grid-4 {
	display: grid;
	gap: 18px;
	margin: 0 0 26px;
}

.xzk-lp-prose .lp-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.xzk-lp-prose .lp-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.xzk-lp-prose .lp-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.lp-card {
	border: 1px solid var(--lp-line);
	border-radius: 8px;
	padding: 20px;
	background: #fff;
	transition: border-color .25s, box-shadow .25s;
}

.lp-card:hover {
	border-color: #c9c9cd;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .06);
}

.lp-card h3,
.lp-card h4 {
	margin: 0 0 10px !important;
	font-size: 16.5px !important;
	color: var(--lp-ink);
}

.lp-card p {
	margin: 0 0 10px;
	font-size: 14.5px;
	line-height: 1.7;
}

.lp-card p:last-child {
	margin-bottom: 0;
}

.lp-card .lp-tag {
	display: inline-block;
	font-size: 12px;
	color: var(--red, #c90101);
	background: #fdecec;
	border-radius: 3px;
	padding: 3px 9px;
	margin-bottom: 10px;
	font-weight: 600;
}

.lp-card .lp-grade {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 13px;
	color: #6b6b70;
	background: var(--lp-soft);
	border-radius: 3px;
	padding: 3px 8px;
	display: inline-block;
	margin-bottom: 10px;
}

/* ---------- 窑炉部位卡 ---------- */
.lp-zone {
	border: 1px solid var(--lp-line);
	border-left: 4px solid var(--red, #c90101);
	border-radius: 0 8px 8px 0;
	padding: 18px 20px;
	background: #fff;
	margin-bottom: 14px;
}

.lp-zone h4 {
	margin: 0 0 8px !important;
	font-size: 16px !important;
	color: var(--lp-ink);
}

.lp-zone p {
	margin: 0 0 8px;
	font-size: 14.5px;
}

.lp-zone p:last-child {
	margin-bottom: 0;
}

.lp-zone .lp-zone-grades {
	font-size: 13.5px;
	color: #6b6b70;
}

/* ---------- 损毁机理 → 解法 ---------- */
.lp-solve {
	border: 1px solid var(--lp-line);
	border-radius: 8px;
	overflow: hidden;
	margin: 0 0 18px;
}

.lp-solve-head {
	background: var(--black-bg, #312f35);
	color: #fff;
	padding: 12px 18px;
	font-size: 15.5px;
	font-weight: 600;
}

.lp-solve-body {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lp-solve-col {
	padding: 16px 18px;
	font-size: 14.5px;
	line-height: 1.7;
}

.lp-solve-col:first-child {
	background: #fdf4f4;
	border-right: 1px solid var(--lp-line);
}

.lp-solve-col:last-child {
	background: #f3f8f4;
}

.lp-solve-col .lp-solve-label {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	margin-bottom: 7px;
}

.lp-solve-col:first-child .lp-solve-label { color: var(--deep-red, #820004); }
.lp-solve-col:last-child .lp-solve-label { color: var(--green, #015927); }

/* ---------- FAQ ---------- */
.xzk-lp-prose .lp-faq {
	margin: 0 0 26px;
}

.lp-faq details {
	border: 1px solid var(--lp-line);
	border-radius: 8px;
	margin-bottom: 10px;
	background: #fff;
	overflow: hidden;
}

.lp-faq details[open] {
	border-color: #c9c9cd;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .05);
}

.lp-faq summary {
	cursor: pointer;
	padding: 16px 44px 16px 18px;
	font-size: 16px;
	font-weight: 600;
	color: var(--lp-ink);
	position: relative;
	list-style: none;
	line-height: 1.5;
}

.lp-faq summary::-webkit-details-marker {
	display: none;
}

.lp-faq summary::after {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	width: 9px;
	height: 9px;
	border-right: 2px solid #9a9a9f;
	border-bottom: 2px solid #9a9a9f;
	transform: translateY(-70%) rotate(45deg);
	transition: transform .25s;
}

.lp-faq details[open] summary::after {
	transform: translateY(-30%) rotate(-135deg);
}

.lp-faq details > p,
.lp-faq details > div {
	padding: 0 18px 17px;
	margin: 0;
	font-size: 15px;
	line-height: 1.78;
	color: var(--lp-body);
}

/* ---------- 页内 CTA ---------- */
.lp-cta-box {
	background: var(--black-bg, #312f35);
	border-radius: 10px;
	padding: 34px 30px;
	margin: 34px 0;
	text-align: center;
}

.lp-cta-box h3 {
	color: #fff !important;
	margin: 0 0 10px !important;
	font-size: 22px !important;
}

.lp-cta-box p {
	color: rgba(255, 255, 255, .78);
	margin: 0 auto 20px;
	max-width: 640px;
	font-size: 15px;
}

.lp-cta-box .lp-cta-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
}

.lp-cta-box .lp-cta-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 46px;
	padding: 0 24px;
	border-radius: 4px;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
}

.lp-cta-box .lp-cta-actions a:first-child {
	background: var(--red, #c90101);
	color: #fff;
}

.lp-cta-box .lp-cta-actions a:first-child:hover {
	background: var(--deep-red, #820004);
}

.lp-cta-box .lp-cta-actions a:not(:first-child) {
	background: transparent;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .38);
}

.lp-cta-box .lp-cta-actions a:not(:first-child):hover {
	background: rgba(255, 255, 255, .14);
}

/* ---------- 信任/认证条 ---------- */
.lp-trust {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin: 0 0 26px;
}

.lp-trust-item {
	border: 1px solid var(--lp-line);
	border-radius: 8px;
	padding: 16px;
	text-align: center;
	background: var(--lp-soft);
}

.lp-trust-item b {
	display: block;
	font-size: 17px;
	color: var(--lp-ink);
	margin-bottom: 4px;
}

.lp-trust-item span {
	font-size: 13px;
	color: #6b6b70;
	line-height: 1.5;
}

/* ==========================================================================
   4. 移动端修复（产品页 / 列表页通用）
   ========================================================================== */

/* 规格表溢出的通用兜底：正文内表格在窄屏可横向滚动 */
@media (max-width: 768px) {
	.product-detail-content .detail-box,
	.product-description .detail-box,
	.product-technical-data .detail-box {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.product-detail-content .detail-box table,
	.product-technical-data .detail-box table {
		min-width: 560px;
	}

	/* 长链接 / 长模型号不撑破容器 */
	.xzk-lp-prose,
	.product-detail-content,
	.product-list,
	.product-contents {
		overflow-wrap: break-word;
		word-break: break-word;
	}

	/* 专题页移动端适配 */
	.xzk-lp-hero {
		min-height: auto;
	}

	.xzk-lp-hero-inner {
		padding: 44px 0;
	}

	.xzk-lp-h1 {
		font-size: 30px;
	}

	.xzk-lp-sub {
		font-size: 15px;
	}

	.xzk-lp-cta a {
		flex: 1 1 100%;
	}

	.xzk-lp-badges {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.xzk-lp-badge b {
		font-size: 17px;
	}

	.xzk-lp-anchor-inner a {
		padding: 13px 12px;
		font-size: 13px;
	}

	.xzk-lp-body {
		padding: 36px 0 44px;
	}

	.xzk-lp-prose {
		font-size: 15.5px;
	}

	.xzk-lp-prose h2 {
		font-size: 22px;
		margin: 40px 0 16px;
		padding-left: 14px;
		scroll-margin-top: 70px;
	}

	.xzk-lp-prose h3 {
		font-size: 18px;
	}

	.xzk-lp-prose .lp-lead {
		font-size: 16px;
		padding: 16px 18px;
	}

	.xzk-lp-prose .lp-grid-2,
	.xzk-lp-prose .lp-grid-3,
	.xzk-lp-prose .lp-grid-4 {
		grid-template-columns: 1fr;
	}

	.lp-solve-body {
		grid-template-columns: 1fr;
	}

	.lp-solve-col:first-child {
		border-right: 0;
		border-bottom: 1px solid var(--lp-line);
	}

	.lp-trust {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.lp-cta-box {
		padding: 26px 20px;
	}

	.lp-cta-box .lp-cta-actions a {
		flex: 1 1 100%;
	}
}

@media (max-width: 480px) {
	.xzk-lp-h1 {
		font-size: 26px;
	}

	.xzk-lp-badges {
		grid-template-columns: 1fr;
	}

	.xzk-lp-prose h2 {
		font-size: 20px;
	}
}

/* ==========================================================================
   5. 产品详情页正文排版（the_content 输出在 .product-description .detail-box 内）
   说明：产品页模板已有 H2「XXX Overview」包裹正文，故正文内采用 H3/H4 层级。
   ========================================================================== */

.product-description .detail-box {
	font-size: 16px;
	line-height: 1.78;
	color: #46464a;
}

.product-description .detail-box h3 {
	position: relative;
	font-size: 22px;
	line-height: 1.4;
	color: #1d1d1f;
	margin: 42px 0 16px;
	padding-left: 16px;
	font-weight: 700;
}

.product-description .detail-box h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: .2em;
	bottom: .2em;
	width: 4px;
	background: var(--red, #c90101);
	border-radius: 2px;
}

.product-description .detail-box h3:first-child {
	margin-top: 0;
}

.product-description .detail-box h4 {
	font-size: 17px;
	color: #1d1d1f;
	margin: 26px 0 10px;
	font-weight: 600;
}

.product-description .detail-box p {
	margin: 0 0 17px;
}

.product-description .detail-box strong {
	color: #1d1d1f;
	font-weight: 600;
}

.product-description .detail-box ul,
.product-description .detail-box ol {
	margin: 0 0 20px;
	padding-left: 22px;
}

.product-description .detail-box li {
	margin-bottom: 10px;
}

.product-description .detail-box a {
	color: var(--red, #c90101);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.product-description .detail-box a:hover {
	color: var(--deep-red, #820004);
}

.product-description .detail-box table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 22px;
	font-size: 14.5px;
}

.product-description .detail-box th,
.product-description .detail-box td {
	border: 1px solid #dcdcdc;
	padding: 11px 13px;
	text-align: left;
	vertical-align: top;
}

.product-description .detail-box thead th {
	background: var(--black-bg, #312f35);
	color: #fff;
	font-weight: 600;
	white-space: nowrap;
}

.product-description .detail-box tbody tr:nth-child(even) {
	background: #fafafa;
}

.product-description .detail-box tbody td:first-child {
	color: #1d1d1f;
	font-weight: 500;
}

@media (max-width: 768px) {
	.product-description .detail-box {
		font-size: 15.5px;
	}

	.product-description .detail-box h3 {
		font-size: 19px;
		margin: 34px 0 14px;
		padding-left: 13px;
	}

	/* 规格表在窄屏改为可滚动，并解除固定列宽（原数据含 width="208" 硬编码） */
	.product-description .detail-box table th,
	.product-description .detail-box table td,
	.product-technical-data .detail-box table th,
	.product-technical-data .detail-box table td {
		width: auto !important;
		min-width: 0;
		white-space: normal;
	}

	.product-description .detail-box table,
	.product-technical-data .detail-box table {
		font-size: 13.5px;
	}
}

/* ==========================================================================
   6. 专题页配图组件
   --------------------------------------------------------------------------
   图片比例说明（2026-09-11）
     产品相册图的原生尺寸统一为 660x564。
     · 产品图容器一律用 aspect-ratio: 660 / 564 —— 与原图完全一致，零裁切
     · 场景类图（施工图 / 生产图 / 检测图 / 案例图）比例不固定，
       改用 height: auto 保留图片自身比例，避免被固定比例框裁掉主体
   说明：图片位置当前使用占位图（data URI SVG），
        美工上传正式图后，在后台编辑页面替换对应 img 的 src 即可。
   ========================================================================== */

/* 并排图组（施工图 / 生产场景图 / 检测图） */
.xzk-lp-prose .lp-figures {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	margin: 4px 0 30px;
}

.xzk-lp-prose figure.lp-figure {
	margin: 0;
}

.xzk-lp-prose figure.lp-figure img {
	display: block;
	width: 100%;
	height: auto;   /* 保留图片自身比例：不裁切、不变形 */
	border-radius: 8px;
	background: #f1efec;
	border: 1px solid var(--lp-line);
}

.xzk-lp-prose figure.lp-figure figcaption {
	font-size: 13px;
	line-height: 1.6;
	color: #7a7a80;
	margin-top: 9px;
	padding-left: 2px;
}

/* 子型号卡内的产品图（出血到卡片边缘） */
.xzk-lp-prose .lp-card .lp-card-img {
	margin: -20px -20px 16px;
	border-radius: 7px 7px 0 0;
	overflow: hidden;
	background: #f1efec;
}

.xzk-lp-prose .lp-card .lp-card-img img {
	display: block;
	width: 100%;
	/* 产品图原生尺寸为 660x564，按原比例设容器即可零裁切 */
	aspect-ratio: 660 / 564;
	object-fit: cover;
}

/* 部位区块配图 */
.xzk-lp-prose .lp-zone-figure {
	margin: 6px 0 18px;
}

.xzk-lp-prose .lp-zone-figure img {
	display: block;
	width: 100%;
	height: auto;   /* 保留图片自身比例：不裁切、不变形 */
	border-radius: 8px;
	background: #f1efec;
	border: 1px solid var(--lp-line);
}

@media (max-width: 768px) {
	.xzk-lp-prose .lp-figures {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	/* 图组在窄屏改单列后仍按图片自身比例显示，故不再覆盖 aspect-ratio */

	.xzk-lp-prose .lp-card .lp-card-img {
		margin: -16px -16px 14px;
	}
}

/* TDS 下载按钮（带图标） */
.xzk-lp-cta a.btn-tds {
	gap: 8px;
}

.xzk-lp-cta a.btn-tds svg {
	flex: 0 0 auto;
	opacity: .9;
}

@media (max-width: 768px) {
	.xzk-lp-cta a.btn-tds {
		justify-content: center;
	}
}

/* ==========================================================================
   7. 窑炉解决方案页 —— 剖面图 + 部位热点 + 配置卡片 + 案例网格
   ========================================================================== */

.fz-section {
	background: #fff;
	padding: 56px 0 10px;
	border-bottom: 1px solid var(--lp-line);
}

.fz-head {
	max-width: 860px;
	margin: 0 auto 30px;
	text-align: center;
}

.fz-head h2 {
	font-size: 27px;
	color: var(--lp-ink);
	margin: 0 0 12px;
	font-weight: 700;
}

.fz-head p {
	font-size: 15.5px;
	line-height: 1.75;
	color: var(--lp-body);
	margin: 0;
}

.fz-wrap {
	margin-bottom: 34px;
}

.fz-figure {
	background: #fbfaf8;
	border: 1px solid var(--lp-line);
	border-radius: 10px;
	padding: 18px 14px 8px;
}

.fz-svg {
	display: block;
	width: 100%;
	height: auto;
}

.fz-hint {
	text-align: center;
	font-size: 13.5px;
	color: #7a7a80;
	margin: 12px 0 0;
}

/* 热点 */
.fz-hot {
	cursor: pointer;
}

.fz-hot circle:first-child {
	transition: transform .2s ease, fill .2s ease;
	transform-origin: center;
	transform-box: fill-box;
}

.fz-hot:hover circle:first-child {
	fill: var(--deep-red, #820004);
	transform: scale(1.16);
}

.fz-hot:hover circle:nth-child(2) {
	opacity: .8;
}

/* ---------- 部位配置卡 ---------- */
.xzk-fs .xzk-lp-prose h2 {
	scroll-margin-top: 90px;
}

.fs-zone {
	border: 1px solid var(--lp-line);
	border-radius: 10px;
	margin: 0 0 26px;
	overflow: hidden;
	scroll-margin-top: 96px;
}

.fs-zone:nth-of-type(odd) {
	background: #fff;
}

.fs-zone-head {
	display: flex;
	align-items: center;
	gap: 14px;
	background: var(--black-bg, #312f35);
	padding: 16px 22px;
}

.fs-zone-num {
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--red, #c90101);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fs-zone-head h3 {
	color: #fff;
	font-size: 19px;
	margin: 0;
	font-weight: 600;
	line-height: 1.4;
}

.fs-zone-head .fs-zone-cn {
	display: block;
	font-size: 13px;
	color: rgba(255, 255, 255, .6);
	font-weight: 400;
	margin-top: 3px;
	letter-spacing: .04em;
}

.fs-zone-body {
	padding: 22px;
}

.fs-zone-duty {
	background: var(--lp-soft);
	border-left: 4px solid var(--red, #c90101);
	border-radius: 0 6px 6px 0;
	padding: 15px 18px;
	margin-bottom: 20px;
}

.fs-zone-duty h4 {
	margin: 0 0 7px !important;
	font-size: 13px !important;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--deep-red, #820004);
	font-weight: 700;
}

.fs-zone-duty p {
	margin: 0;
	font-size: 14.5px;
	line-height: 1.72;
	color: var(--lp-body);
}

.fs-zone-materials {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.fs-mat {
	border: 1px solid var(--lp-line);
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: #fff;
	transition: border-color .22s, box-shadow .22s;
}

.fs-mat:hover {
	border-color: #c9c9cd;
	box-shadow: 0 5px 16px rgba(0, 0, 0, .06);
}

/* 产品图：取自该产品详情页相册首图，点击进入产品页 */
.fs-mat .fs-mat-img {
	display: block;
	/* 产品图原生尺寸为 660x564，按原比例设容器即可零裁切 */
	aspect-ratio: 660 / 564;
	background: #f1efec;
	overflow: hidden;
	border-bottom: 1px solid var(--lp-line);
}

.fs-mat .fs-mat-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}

.fs-mat:hover .fs-mat-img img {
	transform: scale(1.04);
}

/* 无图时保留同样占位高度，避免卡片高低参差 */
.fs-mat .fs-mat-img.is-empty {
	background: linear-gradient(135deg, #f4f3f1 0%, #eceae7 100%);
}

.fs-mat-body {
	padding: 15px;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.fs-mat-name {
	font-size: 15px;
	font-weight: 600;
	color: var(--lp-ink);
	line-height: 1.4;
	margin-bottom: 6px;
}

.fs-mat-grade {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 12.5px;
	color: #6b6b70;
	background: var(--lp-soft);
	border-radius: 3px;
	padding: 3px 8px;
	display: inline-block;
	margin-bottom: 9px;
	align-self: flex-start;
}

.fs-mat-spec {
	font-size: 13px;
	color: #6b6b70;
	line-height: 1.62;
	margin-bottom: 13px;
	flex: 1 1 auto;
}

.fs-mat-actions {
	display: flex;
	gap: 8px;
}

.fs-mat-actions a {
	flex: 1 1 0;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	padding: 9px 10px;
	border-radius: 4px;
	text-decoration: none;
	cursor: pointer;
	transition: all .2s;
}

.fs-mat-actions .fs-view {
	background: var(--lp-soft);
	color: var(--lp-ink);
	border: 1px solid var(--lp-line);
}

.fs-mat-actions .fs-view:hover {
	background: #ececee;
}

.fs-mat-actions .fs-ask {
	background: var(--red, #c90101);
	color: #fff;
	border: 1px solid var(--red, #c90101);
}

.fs-mat-actions .fs-ask:hover {
	background: var(--deep-red, #820004);
	border-color: var(--deep-red, #820004);
}

/* ---------- 案例网格 ---------- */
.fs-cases {
	background: var(--lp-soft);
	padding: 58px 0 62px;
	border-top: 1px solid var(--lp-line);
}

.fs-cases .common-title {
	text-align: center;
	margin-bottom: 12px;
}

.fs-cases .common-title .title {
	font-size: 27px;
	color: var(--lp-ink);
	font-weight: 700;
}

.fs-cases .title-line {
	justify-content: center;
	display: flex;
	gap: 6px;
	margin-top: 12px;
}

.fs-cases .title-line span {
	display: block;
	height: 3px;
	width: 40px;
	background: var(--red, #c90101);
}

.fs-cases-intro {
	max-width: 720px;
	margin: 0 auto 32px;
	text-align: center;
	font-size: 15px;
	line-height: 1.75;
	color: var(--lp-body);
}

.fs-case-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.fs-case-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--lp-line);
	border-radius: 9px;
	overflow: hidden;
	text-decoration: none;
	transition: box-shadow .25s, transform .25s;
}

.fs-case-card:hover {
	box-shadow: 0 10px 26px rgba(0, 0, 0, .1);
	transform: translateY(-3px);
}

.fs-case-img {
	background: #ecebe8;
	overflow: hidden;
}

.fs-case-img img {
	width: 100%;
	height: auto;   /* 案例图比例不固定，保留原比例 */
	display: block;
}

.fs-case-body {
	padding: 15px 16px 17px;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.fs-case-body h3 {
	font-size: 15.5px;
	color: var(--lp-ink);
	margin: 0 0 11px;
	font-weight: 600;
	line-height: 1.45;
}

.fs-case-meta {
	list-style: none;
	margin: 0 0 13px;
	padding: 0;
	flex: 1 1 auto;
}

.fs-case-meta li {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	font-size: 12.5px;
	color: #7a7a80;
	padding: 5px 0;
	border-bottom: 1px dashed #ececee;
}

.fs-case-meta li:last-child {
	border-bottom: 0;
}

.fs-case-meta b {
	color: var(--lp-ink);
	font-weight: 500;
	text-align: right;
}

.fs-case-more {
	font-size: 13px;
	font-weight: 600;
	color: var(--red, #c90101);
}

@media (max-width: 1100px) {
	.fs-zone-materials {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.fs-case-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.fz-section {
		padding: 38px 0 6px;
	}

	.fz-head h2 {
		font-size: 21px;
	}

	.fz-figure {
		padding: 10px 6px 6px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	/* 窄屏下剖面图保持可读宽度，容器内横向滚动 */
	.fz-svg {
		min-width: 760px;
	}

	.fs-zone-head {
		padding: 14px 16px;
		gap: 11px;
	}

	.fs-zone-head h3 {
		font-size: 16px;
	}

	.fs-zone-body {
		padding: 16px;
	}

	.fs-zone-materials {
		grid-template-columns: 1fr;
	}

	.fs-cases {
		padding: 40px 0 44px;
	}

	.fs-case-grid {
		grid-template-columns: 1fr;
	}
}


/* ==========================================================================
   转化确认页（/thank-you/）  —  XZK Conversion Page
   由 inc/template-conversion.php 跳转进入，模板 pages/page-thank-you.php
   ========================================================================== */

.xzk-ty {
	background: #fff;
	color: #333;
}

.xzk-ty h2 {
	font-size: 26px;
	line-height: 1.3;
	margin: 0 0 22px;
	color: #312f35;
}

/* ---------- 确认区 ---------- */
.xzk-ty-hero {
	background: #312f35;
	color: #fff;
	padding: 64px 0 58px;
}

.xzk-ty-hero-inner {
	text-align: center;
	max-width: 780px;
}

.xzk-ty-tick {
	color: #4bbf7a;
	margin-bottom: 18px;
}

.xzk-ty-tick svg {
	display: inline-block;
}

.xzk-ty-hero h1 {
	font-size: 38px;
	line-height: 1.2;
	margin: 0 0 18px;
	font-weight: 600;
	color: #fff;
}

.xzk-ty-lead {
	font-size: 17px;
	line-height: 1.75;
	color: rgba(255, 255, 255, .84);
	margin: 0 0 14px;
}

.xzk-ty-lead b {
	color: #fff;
}

.xzk-ty-ref {
	font-size: 13px;
	color: rgba(255, 255, 255, .48);
	margin: 0;
}

/* ---------- 下一步 ---------- */
.xzk-ty-steps {
	padding: 56px 0 8px;
}

.xzk-ty-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}

.xzk-ty-card {
	position: relative;
	border: 1px solid #e6e3de;
	border-radius: 4px;
	padding: 28px 24px 24px;
	background: #fbfaf9;
}

.xzk-ty-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #c90101;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 14px;
}

.xzk-ty-card h3 {
	font-size: 17px;
	margin: 0 0 10px;
	color: #312f35;
}

.xzk-ty-card p {
	font-size: 14px;
	line-height: 1.7;
	color: #6b6b6b;
	margin: 0;
}

/* ---------- 即时通道 ---------- */
.xzk-ty-now {
	padding: 48px 0;
}

.xzk-ty-now-intro {
	font-size: 15px;
	line-height: 1.75;
	color: #6b6b6b;
	max-width: 780px;
	margin: 0 0 24px;
}

.xzk-ty-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.xzk-ty-actions a {
	display: inline-block;
	padding: 13px 26px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	line-height: 1;
}

.xzk-ty-actions .btn-primary {
	background: #c90101;
	color: #fff;
}

.xzk-ty-actions .btn-primary:hover {
	background: #a50101;
}

.xzk-ty-actions .btn-ghost {
	border: 1px solid #d5d2cc;
	color: #312f35;
	background: #fff;
}

.xzk-ty-actions .btn-ghost:hover {
	border-color: #312f35;
}

/* ---------- 等待期内链 ---------- */
.xzk-ty-more {
	background: #f6f5f3;
	padding: 52px 0 58px;
}

.xzk-ty-links {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin-bottom: 26px;
}

.xzk-ty-links a {
	display: block;
	background: #fff;
	border: 1px solid #e6e3de;
	border-radius: 4px;
	padding: 18px 18px 16px;
	text-decoration: none;
	transition: border-color .18s, transform .18s;
}

.xzk-ty-links a:hover {
	border-color: #c90101;
	transform: translateY(-2px);
}

.xzk-ty-links b {
	display: block;
	font-size: 15px;
	color: #312f35;
	margin-bottom: 7px;
}

.xzk-ty-links span {
	display: block;
	font-size: 13px;
	line-height: 1.6;
	color: #7b7b7b;
}

.xzk-ty-fallback {
	font-size: 14px;
	line-height: 1.8;
	color: #6b6b6b;
	border-top: 1px solid #e6e3de;
	padding-top: 22px;
	margin: 0;
}

.xzk-ty-fallback a {
	color: #c90101;
	font-weight: 600;
}

/* ---------- 移动端 ---------- */
@media (max-width: 1024px) {
	.xzk-ty-grid {
		grid-template-columns: 1fr;
	}

	.xzk-ty-links {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.xzk-ty-hero {
		padding: 44px 0 40px;
	}

	.xzk-ty-hero h1 {
		font-size: 26px;
	}

	.xzk-ty-lead {
		font-size: 15px;
	}

	.xzk-ty h2 {
		font-size: 21px;
	}

	.xzk-ty-steps,
	.xzk-ty-now {
		padding: 38px 0 6px;
	}

	.xzk-ty-more {
		padding: 38px 0 42px;
	}

	.xzk-ty-links {
		grid-template-columns: 1fr;
	}

	.xzk-ty-actions {
		gap: 10px;
	}

	.xzk-ty-actions a {
		width: 100%;
		text-align: center;
	}
}


/* ==========================================================================
   落地页配图：窑炉结构图区块 + 真实施工图图组
   由 glass/content/site_gallery.py 生成，插在专题页正文中
   ========================================================================== */

/* ---------- 1. 窑炉结构配置图（两张，各占满宽，保证标注可读） ---------- */
.lp-diagrams {
	display: grid;
	grid-template-columns: 1fr;
	gap: 26px;
	margin: 4px 0 10px;
}

.lp-diagram {
	margin: 0;
	background: #fff;
	border: 1px solid #e6e3de;
	border-radius: 5px;
	padding: 18px;
}

.lp-diagram > img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 3px;
	background: #fff;
}

.lp-diagram figcaption {
	margin-top: 15px;
	font-size: 14px;
	line-height: 1.75;
	color: #5c5c5c;
}

.lp-diagram figcaption b {
	display: block;
	font-size: 16.5px;
	color: #312f35;
	margin-bottom: 6px;
}

.lp-diagram figcaption span {
	display: block;
}

.lp-diagram-btn {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin-top: 15px;
	padding: 12px 24px;
	background: #c90101;
	color: #fff !important;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1;
	border-radius: 3px;
	text-decoration: none;
	transition: background .18s;
}

.lp-diagram-btn:hover {
	background: #a50101;
}

.lp-diagram-btn span {
	font-size: 15px;
	line-height: 1;
}

/* ---------- 2. 真实施工图图组 ---------- */
.lp-gallery {
	display: grid;
	gap: 22px 16px;
	margin: 4px 0 6px;
}

.lp-gallery.lp-cols-4 { grid-template-columns: repeat(4, 1fr); }
.lp-gallery.lp-cols-3 { grid-template-columns: repeat(3, 1fr); }
.lp-gallery.lp-cols-2 { grid-template-columns: repeat(2, 1fr); }

.lp-shot {
	margin: 0;
	display: flex;
	flex-direction: column;
}

.lp-shot img {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	border-radius: 3px;
	background: #f1efec;
}

.lp-shot figcaption {
	margin-top: 10px;
	font-size: 12.5px;
	line-height: 1.68;
	color: #6b6b6b;
}

/* ---------- 3. 响应式 ---------- */
@media (max-width: 1100px) {
	.lp-gallery.lp-cols-4 { grid-template-columns: repeat(2, 1fr); }
	.lp-gallery.lp-cols-3 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
	.lp-diagram {
		padding: 14px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	/* 窄屏下结构图保持最小可读宽度，容器内横向滚动（与窑炉剖面图同一策略） */
	.lp-diagram > img {
		min-width: 720px;
		width: 720px;
	}
}

@media (max-width: 640px) {
	.lp-gallery.lp-cols-4,
	.lp-gallery.lp-cols-3,
	.lp-gallery.lp-cols-2 {
		grid-template-columns: 1fr;
	}

	.lp-gallery { gap: 18px; }

	.lp-shot figcaption { font-size: 13px; }
}