/* ============================================================
   解决方案列表 v2（case_v2.css · sol2-* 自包含）
   大厂官网风：2列大卡 + 图标徽章悬浮 + 悬停蓝化
   ============================================================ */
.sol2-sec{ padding:80px 0 30px; background:#fff; }

.sol2-head{
	margin-bottom:48px;
}
.sol2-head-l .sol2-en{
	display:block;
	font-size:13px;
	letter-spacing:3px;
	color:var(--main-color);
	text-transform:uppercase;
	font-weight:600;
	margin-bottom:10px;
}
.sol2-head-l h2{
	margin:0;
	font-size:38px;
	font-weight:700;
	color:var(--iv-ink,#1c2b45);
	line-height:1.25;
}
.sol2-head-r{
	font-size:15px;
	line-height:1.9;
	color:#5b6b80;
	max-width:420px;
	text-align:justify;
}

/* ---------- 卡片网格 ---------- */
.sol2-grid{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:36px;
}
.sol2-card{
	position:relative;
	background:#fff;
	border:1px solid #e6ecf2;
	border-radius:16px;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.sol2-card:hover{
	transform:translateY(-8px);
	box-shadow:0 24px 56px rgba(12,96,180,.16);
	border-color:rgba(12,96,180,.35);
}

/* 图片区 */
.sol2-pic{
	position:relative;
	aspect-ratio:16/9;
	overflow:hidden;
	background:#f5f8fa;
}
.sol2-pic img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	transition:transform .5s ease;
}
.sol2-card:hover .sol2-pic img{ transform:scale(1.05); }
/* 图片底部品牌蓝渐变压边 */
.sol2-pic::after{
	content:"";
	position:absolute;
	left:0; right:0; bottom:0;
	height:44%;
	background:linear-gradient(180deg, rgba(12,96,180,0) 0%, rgba(13,31,74,.34) 100%);
	pointer-events:none;
}

/* 图标徽章（标题左侧内联） */
.sol2-trow{
	display:flex;
	align-items:center;
	gap:14px;
	margin-bottom:14px;
}
.sol2-badge{
	flex:0 0 auto;
	width:46px;
	height:46px;
	border-radius:12px;
	background:#f0f6fc;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:background .35s ease, box-shadow .35s ease;
}
.sol2-badge img{
	width:28px;
	height:28px;
	object-fit:contain;
	transition:filter .3s ease;
}
.sol2-card:hover .sol2-badge{
	background:linear-gradient(135deg,#0C60B4,#0088D8);
	box-shadow:0 10px 22px rgba(12,96,180,.35);
}
.sol2-card:hover .sol2-badge img{ filter:brightness(0) invert(1); }

/* 文本区 */
.sol2-txt{
	padding:26px 30px 28px;
	display:flex;
	flex-direction:column;
	flex:1;
}
.sol2-t{
	margin:0 0 12px;
	font-size:22px;
	font-weight:700;
	color:#1c2b45;
	transition:color .3s ease;
}
.sol2-card:hover .sol2-t{ color:var(--main-color); }
.sol2-p{
	margin:0;
	font-size:14.5px;
	line-height:1.9;
	color:#5b6b80;
	text-align:justify;
	/* 最多3行 */
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.sol2-more{
	margin-top:auto;
	padding-top:22px;
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:14px;
	font-weight:600;
	color:var(--main-color);
}
.sol2-more em{
	font-style:normal;
	display:inline-flex;
	align-items:center;
	gap:8px;
}
.sol2-more .arr{
	display:inline-block;
	width:22px;
	height:22px;
	border-radius:50%;
	border:1px solid var(--main-color);
	position:relative;
	transition:background .3s ease, transform .3s ease;
}
.sol2-more .arr::after{
	content:"";
	position:absolute;
	left:7px;
	top:6px;
	width:6px;
	height:6px;
	border-top:1.6px solid var(--main-color);
	border-right:1.6px solid var(--main-color);
	transform:rotate(45deg);
	transition:border-color .3s ease;
}
.sol2-card:hover .sol2-more .arr{
	background:var(--main-color);
	transform:translateX(4px);
}
.sol2-card:hover .sol2-more .arr::after{ border-color:#fff; }

/* ---------- 分页上下留白 ---------- */
.sol2-sec .pages{ margin:56px 0 24px; }
.sol2-sec .pages .pagination a,
.sol2-sec .pages .pagination span{ box-shadow:0 2px 10px rgba(12,96,180,.04); }

/* ---------- 响应式 ---------- */
@media (max-width:1200px){
	.sol2-sec{ padding:64px 0 24px; }
	.sol2-head-l h2{ font-size:30px; }
	.sol2-grid{ gap:26px; }
}
@media (max-width:768px){
	.sol2-sec{ padding:48px 0 16px; }
	.sol2-head{ margin-bottom:32px; }
	.sol2-head-l h2{ font-size:26px; }
	.sol2-grid{ grid-template-columns:1fr; gap:22px; }
	.sol2-txt{ padding:22px 20px 22px; }
	.sol2-t{ font-size:19px; }
}