/* 等高仅作用于：相关产品、带侧栏的产品/列表网格。首页 sidebar_none 保持线上自然样式。 */

/* ---------- 首页 / 无侧栏：对齐线上（自然图高、完整标题） ---------- */
.l-canvas.sidebar_none .w-blog.layout_classic.type_grid .w-blog-list{
	display:block !important;
	font-size:0 !important;
	width:100% !important;
	box-sizing:border-box !important;
}
.l-canvas.sidebar_none .w-blog.layout_classic.type_grid .w-blog-post{
	float:none !important;
	display:inline-block !important;
	vertical-align:top !important;
	box-sizing:border-box !important;
	margin:0 !important;
	padding:10px !important;
	font-size:14px !important;
}
.l-canvas.sidebar_none .w-blog.layout_classic.type_grid.cols_4 .w-blog-post{
	width:25% !important;
}
.l-canvas.sidebar_none .w-blog.layout_classic.type_grid.cols_3 .w-blog-post{
	width:33.3333% !important;
}
.l-canvas.sidebar_none .w-blog.layout_classic.type_grid .w-blog-post-h{
	display:block !important;
	height:auto !important;
	width:100% !important;
}
.l-canvas.sidebar_none .w-blog.layout_classic.type_grid .w-blog-post-preview{
	position:relative !important;
	width:100% !important;
	height:auto !important;
	aspect-ratio:auto !important;
	padding-bottom:0 !important;
	overflow:hidden !important;
	line-height:0 !important;
	background:transparent !important;
}
.l-canvas.sidebar_none .w-blog.layout_classic.type_grid .w-blog-post-preview > a{
	display:block !important;
	position:static !important;
}
.l-canvas.sidebar_none .w-blog.layout_classic.type_grid .w-blog-post-preview img,
.l-canvas.sidebar_none .l-content .w-blog-post-preview img,
.l-canvas.sidebar_none .l-section-h .w-blog-post-preview img{
	position:static !important;
	width:100% !important;
	height:auto !important;
	max-width:100% !important;
	object-fit:unset !important;
	display:block !important;
}
.l-canvas.sidebar_none .w-blog.layout_classic.type_grid .w-blog-post-body{
	display:block !important;
	height:38px !important;
	min-height:38px !important;
	max-height:38px !important;
	flex:none !important;
	padding:8px 6px !important;
	overflow:hidden !important;
	line-height:22px !important;
	font-size:15px !important;
	box-sizing:border-box !important;
}
.l-canvas.sidebar_none .w-blog.layout_classic.type_grid .w-blog-post-title,
.l-canvas.sidebar_none .w-blog.layout_classic.type_grid h2.w-blog-post-title{
	margin:0 !important;
	padding:0 !important;
	height:22px !important;
	max-height:22px !important;
	font-size:15px !important;
	font-weight:300 !important;
	line-height:22px !important;
	overflow:hidden !important;
	text-align:center !important;
}
.l-canvas.sidebar_none .w-blog.layout_classic.type_grid .w-blog-post-title a,
.l-canvas.sidebar_none .w-blog.layout_classic.type_grid .w-blog-post-title a.entry-title{
	display:block !important;
	height:22px !important;
	max-height:22px !important;
	overflow:hidden !important;
	text-overflow:ellipsis !important;
	white-space:nowrap !important;
	font-size:15px !important;
	line-height:22px !important;
	color:#444 !important;
	text-align:center !important;
}

@media only screen and (max-width:900px){
	.l-canvas.sidebar_none .w-blog.layout_classic.type_grid.cols_4 .w-blog-post,
	.l-canvas.sidebar_none .w-blog.layout_classic.type_grid.cols_3 .w-blog-post{
		width:50% !important;
	}
}

/* ---------- 产品页 / 相关产品：等高 + 方图 + 标题单行省略 ---------- */
.for_related .w-blog.layout_classic.type_grid .w-blog-list,
.l-canvas.sidebar_left .w-blog.layout_classic.type_grid .w-blog-list,
.l-canvas.sidebar_right .w-blog.layout_classic.type_grid .w-blog-list,
section.for_related .w-blog-list{
	display:grid !important;
	grid-template-columns:repeat(3,minmax(0,1fr)) !important;
	align-items:stretch !important;
	width:100% !important;
	box-sizing:border-box !important;
	font-size:0 !important;
}
.for_related .w-blog.layout_classic.type_grid.cols_4 .w-blog-list,
.l-canvas.sidebar_left .w-blog.layout_classic.type_grid.cols_4 .w-blog-list{
	grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.for_related .w-blog .w-blog-post,
.l-canvas.sidebar_left .w-blog.layout_classic.type_grid .w-blog-post,
.l-canvas.sidebar_right .w-blog.layout_classic.type_grid .w-blog-post,
section.for_related .w-blog-post{
	float:none !important;
	display:flex !important;
	flex-direction:column !important;
	width:100% !important;
	max-width:100% !important;
	margin:0 !important;
	padding:8px !important;
	box-sizing:border-box !important;
	font-size:14px !important;
}
.for_related .w-blog-post-h,
.l-canvas.sidebar_left .w-blog.layout_classic.type_grid .w-blog-post-h,
section.for_related .w-blog-post-h{
	display:flex !important;
	flex-direction:column !important;
	flex:1 1 auto !important;
	height:100% !important;
	width:100% !important;
	box-sizing:border-box !important;
}
.for_related .w-blog-post-preview,
.l-canvas.sidebar_left .w-blog.layout_classic.type_grid .w-blog-post-preview,
section.for_related .w-blog-post-preview{
	position:relative !important;
	width:100% !important;
	height:auto !important;
	aspect-ratio:1 / 1 !important;
	padding-bottom:0 !important;
	overflow:hidden !important;
	flex:0 0 auto !important;
	line-height:0 !important;
	background:#f5f5f5 !important;
}
.for_related .w-blog-post-preview > a,
.l-canvas.sidebar_left .w-blog.layout_classic.type_grid .w-blog-post-preview > a,
section.for_related .w-blog-post-preview > a{
	display:block !important;
	position:absolute !important;
	top:0 !important;
	right:0 !important;
	bottom:0 !important;
	left:0 !important;
}
.for_related .w-blog-post-preview img,
.l-canvas.sidebar_left .w-blog.layout_classic.type_grid .w-blog-post-preview img,
section.for_related .w-blog-post-preview img,
.l-canvas.sidebar_left .l-content .w-blog-post-preview img{
	position:absolute !important;
	top:0 !important;
	left:0 !important;
	width:100% !important;
	height:100% !important;
	max-width:none !important;
	object-fit:cover !important;
	display:block !important;
}
.for_related .w-blog-post-body,
.l-canvas.sidebar_left .w-blog.layout_classic.type_grid .w-blog-post-body,
.l-canvas.sidebar_right .w-blog.layout_classic.type_grid .w-blog-post-body,
section.for_related .w-blog-post-body{
	flex:0 0 40px !important;
	height:40px !important;
	min-height:40px !important;
	max-height:40px !important;
	padding:8px 8px 6px !important;
	margin:0 !important;
	box-sizing:border-box !important;
	width:100% !important;
	overflow:hidden !important;
	display:block !important;
	line-height:24px !important;
	font-size:15px !important;
}
.for_related .w-blog-post-title,
.for_related h2.w-blog-post-title,
.l-canvas.sidebar_left .w-blog.layout_classic.type_grid .w-blog-post-title,
.l-canvas.sidebar_left .w-blog.layout_classic.type_grid h2.w-blog-post-title,
.l-canvas.sidebar_left .w-blog-list .w-blog-post-title,
.l-canvas.sidebar_right .w-blog.layout_classic.type_grid .w-blog-post-title,
section.for_related .w-blog-post-title{
	margin:0 !important;
	padding:0 !important;
	padding-top:0 !important;
	margin-bottom:0 !important;
	width:100% !important;
	height:24px !important;
	max-height:24px !important;
	font-size:15px !important;
	font-weight:300 !important;
	line-height:24px !important;
	overflow:hidden !important;
	text-align:center !important;
}
.for_related .w-blog-post-title a,
.for_related .w-blog-post-title a.entry-title,
.l-canvas.sidebar_left .w-blog.layout_classic.type_grid .w-blog-post-title a,
.l-canvas.sidebar_left .w-blog.layout_classic.type_grid .w-blog-post-title a.entry-title,
.l-canvas.sidebar_left .w-blog-list .w-blog-post-title a,
.l-canvas.sidebar_right .w-blog.layout_classic.type_grid .w-blog-post-title a,
section.for_related .w-blog-post-title a{
	display:block !important;
	-webkit-line-clamp:1 !important;
	line-clamp:1 !important;
	overflow:hidden !important;
	text-overflow:ellipsis !important;
	width:100% !important;
	max-width:100% !important;
	height:24px !important;
	max-height:24px !important;
	margin:0 !important;
	padding:0 !important;
	font-size:15px !important;
	font-weight:300 !important;
	line-height:24px !important;
	color:#444 !important;
	white-space:nowrap !important;
	word-break:keep-all !important;
	text-align:center !important;
}

@media only screen and (max-width:900px){
	.for_related .w-blog.layout_classic.type_grid .w-blog-list,
	.l-canvas.sidebar_left .w-blog.layout_classic.type_grid .w-blog-list,
	section.for_related .w-blog-list,
	.for_related .w-blog.layout_classic.type_grid.cols_4 .w-blog-list,
	.l-canvas.sidebar_left .w-blog.layout_classic.type_grid.cols_4 .w-blog-list{
		grid-template-columns:repeat(2,minmax(0,1fr)) !important;
	}
}