.article-body{
	background:#fff;
}
.article-body h2{
	font-size:22px;
	color:var(--gray-1);
	font-weight:700;
	margin:40px 0 18px;
	display:flex;
	align-items:center;
	gap:12px;
	line-height:1.4;
}
.article-body h2:first-child{margin-top:0;}
.article-body h2::before{
	content:"";width:4px;height:20px;
	background:var(--red);border-radius:2px;flex-shrink:0;
}
.article-body h3{
	font-size:17px;
	color:var(--gray-1);
	font-weight:700;
	margin:26px 0 12px;
	line-height:1.5;
}
.article-body p{
	font-size:15px;
	color:var(--gray-2);
	line-height:1.95;
	margin-bottom:16px;
}
.article-body strong{
	color:var(--gray-1);
	font-weight:700;
}

/* 首段摘要 */
.article-lead{
	font-size:16px;
	color:var(--gray-1);
	line-height:1.95;
	padding:22px 24px;
	background:var(--bg-soft);
	border-left:4px solid var(--red);
	border-radius:0 8px 8px 0;
	margin-bottom:32px;
}

/* 痛点卡片 */
.pain-grid{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:18px;
	margin:26px 0;
}
.pain-card{
	background:#fff;
	border:1px solid var(--border);
	padding:22px 20px;
	transition:all .25s;
	position:relative;
}
.pain-card:hover{
	border-color:#ddd;
	transform:translateY(-3px);
}
.pain-card .pain-icon{
	width:44px;height:44px;
	border-radius:12px;
	background:var(--red-soft);
	color:var(--red);
	display:flex;align-items:center;justify-content:center;
	font-size:19px;
	margin-bottom:12px;
}
.pain-card h4{
	font-size:15px;
	color:var(--gray-1);
	font-weight:700;
	margin-bottom:6px;
}
.pain-card p{
	font-size:13.5px;
	color:var(--gray-3);
	line-height:1.75;
	margin:0;
}

/* 解决方案要点 */
.solution-list{
	display:flex;
	flex-direction:column;
	gap:16px;
	margin:22px 0;
}
.solution-item{
	display:flex;
	gap:16px;
	padding:20px 22px;
	background:#fff;
	border:1px solid var(--border);
	transition:all .25s;
}
.solution-item:hover{
	border-color:#ddd;
	transform:translateX(4px);
}
.solution-num{
	width:36px;height:36px;
	border-radius:50%;
	background:var(--red);
	color:#fff;
	display:flex;align-items:center;justify-content:center;
	font-size:15px;
	font-weight:700;
	flex-shrink:0;
}
.solution-item h4{
	font-size:15.5px;
	color:var(--gray-1);
	font-weight:700;
	margin-bottom:6px;
}
.solution-item p{
	font-size:13.5px;
	color:var(--gray-3);
	line-height:1.8;
	margin:0;
}

/* 核心设备表格 */
.equip-table{
	width:100%;
	border-collapse:separate;
	border-spacing:0;
	border:1px solid var(--border);
	overflow:hidden;
	margin:24px 0;
	font-size:14px;
}
.equip-table thead{
	background:var(--bg-soft);
}
.equip-table th{
	padding:14px 18px;
	text-align:left;
	font-size:13.5px;
	font-weight:700;
	color:var(--gray-1);
	border-bottom:1px solid var(--border);
	white-space:nowrap;
}
.equip-table td{
	padding:14px 18px;
	color:var(--gray-2);
	border-bottom:1px solid var(--border);
	line-height:1.7;
}
.equip-table tbody tr:last-child td{border-bottom:none;}
.equip-table tbody tr:hover{background:#fcfcfc;}
.equip-table td strong{color:var(--gray-1);font-weight:700;}

/* 应用场景（真实图片） */
.scene-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:18px;
	margin:24px 0;
}
.scene-card{
	overflow:hidden;
	background:#fff;
	border:1px solid var(--border);
	transition:all .28s;
}
.scene-card:hover{
	transform:translateY(-4px);
	border-color:#ddd;
}
.scene-img-app{
	height:240px;
	overflow:hidden;
	background:#eef1f4;
	position:relative;
}
.scene-img-app img{
	width:100%!important;
	height:100%!important;
	object-fit:cover;
	transition:transform .45s ease;
	margin:0;
	border-radius:0;
}
.scene-card:hover .scene-img img{transform:scale(1.06);}
.scene-body{
	padding:18px 18px 20px;
}
.scene-body h4{
	font-size:15px;
	color:var(--gray-1);
	font-weight:700;
	margin-bottom:6px;
}
.scene-body p{
	font-size:13px;
	color:var(--gray-3);
	line-height:1.75;
	margin:0;
}

/* 客户收益 */
.benefit-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:16px;
	margin:24px 0;
}
.benefit-card{
	text-align:center;
	padding:24px 16px;
	background:var(--bg-soft);
	transition:all .25s;
}
.benefit-card:hover{
	background:#fff;
	transform:translateY(-3px);
}
.benefit-card em{
	font-size:26px;
	color:var(--red);
	margin-bottom:12px;
	display:block;
}
.benefit-card h4{
	font-size:14.5px;
	color:var(--gray-1);
	font-weight:700;
	margin-bottom:6px;
}
.benefit-card p{
	font-size:12.5px;
	color:var(--gray-3);
	line-height:1.7;
	margin:0;
	text-align:center!important;
}

/* ============ 响应式 ============ */
@media (max-width:1024px){
	.detail-layout{grid-template-columns:1fr;}
	.detail-sidebar{
		position:static;
		display:grid;
		grid-template-columns:repeat(2,1fr);
		gap:20px;
	}
	.scene-grid{grid-template-columns:repeat(2,1fr);}
	.benefit-grid{grid-template-columns:repeat(2,1fr);}
	.inline-products{grid-template-columns:repeat(2,1fr);}
	.case-grid{grid-template-columns:repeat(2,1fr);}
}

@media (max-width:860px){
	.detail-banner h1{font-size:26px;}
	.pain-grid{grid-template-columns:1fr;}
	.scene-grid{grid-template-columns:1fr;}
	.benefit-grid{grid-template-columns:1fr;}
	.inline-products{grid-template-columns:1fr;}
	.case-grid{grid-template-columns:1fr;}
	.detail-sidebar{grid-template-columns:1fr;}
	.post-nav{grid-template-columns:1fr;}
	.post-nav-item.next{text-align:left;}
	.post-nav-item.next .pn-label{justify-content:flex-start;}
	.cta-box{flex-direction:column;align-items:flex-start;}
	.cta-actions{width:100%;}
	.cta-actions .btn-primary,
	.cta-actions .btn-outline{width:100%;justify-content:center;}
}

@media (max-width:600px){
	.container{padding:0 15px;}
	.sec-title{font-size:19px;margin:40px 0 18px;}
	.sec-title small{display:none;}
	.detail-banner{padding:38px 0 34px;}
	.detail-banner h1{font-size:21px;}
	.detail-banner .banner-desc{font-size:14px;}
	.banner-meta{gap:14px;font-size:12px;}
	.detail-layout{padding-top:32px;gap:28px;}

	.article-body h2{font-size:18px;margin:32px 0 14px;}
	.article-body h3{font-size:16px;}
	.article-body p{font-size:14px;}
	.article-lead{font-size:14.5px;padding:18px 18px;}

	.equip-table{font-size:13px;}
	.equip-table th,
	.equip-table td{padding:11px 12px;}

	.scene-img{height:160px;}

	.article-cta{padding:24px 20px;}
	.article-cta h3{font-size:17px;}
	.article-cta p{font-size:13px;}
	.article-cta-actions .btn-white,
	.article-cta-actions .btn-ghost{width:100%;justify-content:center;}

	.case-body{padding:18px 18px 20px;}
	.case-body h3{font-size:14.5px;}

	.cta-section{padding:36px 0;margin-top:44px;}
	.cta-left h2{font-size:18px;}
	.cta-left p{font-size:13px;}
}