/*!
 * AAGS Related Cards — 关联产品 / 关联案例 四列网格
 * 独立于「文章模板覆盖」：外贸主题 single.php 与插件模板均需加载。
 * 含 flex 兜底，兼容部分 WebView / 微信内置浏览器对 CSS Grid 的异常。
 */
.aags-related-tech-solutions,
.aags-related-applied-cases{
	display:block!important;
	clear:both!important;
	width:100%!important;
	max-width:100%!important;
	float:none!important;
	margin:24px 0 16px!important;
	padding:0!important;
	box-sizing:border-box!important
}
.aags-related-tech-solutions__title,
.aags-related-applied-cases__title{
	font-size:26px!important;
	font-weight:700!important;
	line-height:1.3!important;
	margin:0 0 16px!important;
	padding:0 0 0 12px!important;
	color:#0b1726!important;
	text-align:left!important;
	border:0!important;
	border-left:4px solid #2563eb!important;
	display:block!important
}
.aags-related-tech-solutions__grid,
.aags-related-applied-cases__grid{
	display:-webkit-box!important;
	display:-webkit-flex!important;
	display:-ms-flexbox!important;
	display:flex!important;
	-webkit-flex-wrap:wrap!important;
	-ms-flex-wrap:wrap!important;
	flex-wrap:wrap!important;
	-webkit-box-align:stretch!important;
	-webkit-align-items:stretch!important;
	-ms-flex-align:stretch!important;
	align-items:stretch!important;
	gap:18px!important;
	width:100%!important;
	max-width:100%!important;
	margin:0!important;
	padding:0!important;
	box-sizing:border-box!important
}
@supports (display:grid){
	.aags-related-tech-solutions__grid,
	.aags-related-applied-cases__grid{
		display:grid!important;
		grid-template-columns:repeat(4,minmax(0,1fr))!important;
		gap:18px!important
	}
}
/* flex 兜底：无 gap 支持时用负 margin 近似 */
.aags-related-tech-solutions__item,
.aags-related-applied-cases__item{
	-webkit-box-flex:0!important;
	-webkit-flex:0 0 calc(25% - 14px)!important;
	-ms-flex:0 0 calc(25% - 14px)!important;
	flex:0 0 calc(25% - 14px)!important;
	width:calc(25% - 14px)!important;
	max-width:calc(25% - 14px)!important;
	min-width:0!important;
	margin:0!important;
	padding:0!important;
	background:#fff!important;
	border:1px solid #e5e7eb!important;
	border-radius:10px!important;
	overflow:hidden!important;
	display:-webkit-box!important;
	display:-webkit-flex!important;
	display:-ms-flexbox!important;
	display:flex!important;
	-webkit-box-orient:vertical!important;
	-webkit-box-direction:normal!important;
	-webkit-flex-direction:column!important;
	-ms-flex-direction:column!important;
	flex-direction:column!important;
	float:none!important;
	box-sizing:border-box!important
}
@supports (display:grid){
	.aags-related-tech-solutions__item,
	.aags-related-applied-cases__item{
		width:auto!important;
		max-width:none!important;
		-webkit-flex:initial!important;
		-ms-flex:initial!important;
		flex:initial!important
	}
}
.aags-related-tech-solutions__item > meta,
.aags-related-tech-solutions__item > link,
.aags-related-applied-cases__item > meta,
.aags-related-applied-cases__item > link{display:none!important}
.aags-related-tech-solutions__media,
.aags-related-applied-cases__media{
	display:block!important;
	width:100%!important;
	aspect-ratio:1/1!important;
	overflow:hidden!important;
	background:#f8fafc!important;
	margin:0!important;
	padding:0!important;
	line-height:0!important
}
.aags-related-tech-solutions__media img,
.aags-related-applied-cases__media img{
	width:100%!important;
	height:100%!important;
	max-width:none!important;
	object-fit:cover!important;
	display:block!important;
	margin:0!important;
	padding:0!important;
	border:0!important
}
.aags-related-tech-solutions__caption,
.aags-related-applied-cases__caption{
	display:block!important;
	padding:12px 14px 14px!important;
	margin:0!important;
	-webkit-box-flex:1!important;
	-webkit-flex:1 1 auto!important;
	-ms-flex:1 1 auto!important;
	flex:1 1 auto!important
}
.aags-related-tech-solutions__link,
.aags-related-applied-cases__link{
	display:block!important;
	font-size:14px!important;
	font-weight:600!important;
	line-height:1.4!important;
	color:#0f172a!important;
	text-decoration:none!important
}
.aags-related-tech-solutions__link:hover,
.aags-related-applied-cases__link:hover{color:#2563eb!important}
.aags-related-tech-solutions__desc,
.aags-related-applied-cases__desc{display:none!important}

@media (max-width:1024px){
	@supports (display:grid){
		.aags-related-tech-solutions__grid,
		.aags-related-applied-cases__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
	}
	.aags-related-tech-solutions__item,
	.aags-related-applied-cases__item{
		-webkit-flex:0 0 calc(33.333% - 12px)!important;
		-ms-flex:0 0 calc(33.333% - 12px)!important;
		flex:0 0 calc(33.333% - 12px)!important;
		width:calc(33.333% - 12px)!important;
		max-width:calc(33.333% - 12px)!important
	}
	@supports (display:grid){
		.aags-related-tech-solutions__item,
		.aags-related-applied-cases__item{width:auto!important;max-width:none!important;flex:initial!important}
	}
}
@media (max-width:768px){
	@supports (display:grid){
		.aags-related-tech-solutions__grid,
		.aags-related-applied-cases__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
	}
	.aags-related-tech-solutions__item,
	.aags-related-applied-cases__item{
		-webkit-flex:0 0 calc(50% - 9px)!important;
		-ms-flex:0 0 calc(50% - 9px)!important;
		flex:0 0 calc(50% - 9px)!important;
		width:calc(50% - 9px)!important;
		max-width:calc(50% - 9px)!important
	}
	@supports (display:grid){
		.aags-related-tech-solutions__item,
		.aags-related-applied-cases__item{width:auto!important;max-width:none!important;flex:initial!important}
	}
}
@media (max-width:480px){
	@supports (display:grid){
		.aags-related-tech-solutions__grid,
		.aags-related-applied-cases__grid{grid-template-columns:1fr!important}
	}
	.aags-related-tech-solutions__item,
	.aags-related-applied-cases__item{
		-webkit-flex:0 0 100%!important;
		-ms-flex:0 0 100%!important;
		flex:0 0 100%!important;
		width:100%!important;
		max-width:100%!important
	}
	@supports (display:grid){
		.aags-related-tech-solutions__item,
		.aags-related-applied-cases__item{width:auto!important;max-width:none!important;flex:initial!important}
	}
}