/* 图标卡片/轮播媒体区域 */
.swiper-media { padding: 60px 0; background: var(--brutal-bg-secondary); }
.icon-cards-container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; list-style: none; margin: 0; padding: 0; }
.icon-card {
	position: relative; background: #fff; border: 3px solid #0A0A0A;
	padding: 28px 24px 20px; box-shadow: 6px 6px 0 #E8E6E3;
	transition: box-shadow .2s, transform .2s;
}
.icon-card:hover { box-shadow: 8px 8px 0 #E8E6E3; transform: translate(-2px, -2px); }
.icon-card::before {
	content: ''; position: absolute; top: 0; left: 16px;
	background: #0A0A0A; color: #fff;
	font-family: 'Space Mono', monospace; font-size: 10px; font-weight: 700;
	letter-spacing: .15em; text-transform: uppercase; padding: 5px 14px;
	transform: translateY(-50%); z-index: 1;
}
.icon-card-body { background: #0A0A0A; padding: 20px 16px; display: flex; align-items: center; gap: 16px; }
.icon-card-icon { width: 52px; height: 52px; min-width: 52px; display: flex; align-items: center; justify-content: center; font-size: 24px; color: var(--brutal-accent-red); }
.icon-card-info { display: flex; flex-direction: column; }
.icon-card-title { font-family: 'Fraunces', serif; font-weight: 800; font-size: 17px; color: #FFFFFF; }
.icon-card-subtitle { font-family: 'Space Mono', monospace; font-size: 12px; color: #999; margin-top: 4px; }

@media (max-width: 992px) { .icon-cards-container { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 576px) { .icon-cards-container { grid-template-columns: 1fr; } }