.resource-card {
	/* 布局与盒模型 */
	display: flex;
	align-items: stretch; /* 关键：强制子元素高度填满容器，实现齐高 */
	align-items: center;
	height: 85px;
	padding: 3px 10px 3px 3px !important;
	box-sizing: border-box !important;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 1px;

	/* 视觉背景 */
	background: #fff;
	text-decoration: none !important;
	border-radius: 0;

	/* 边框设置：上方为浅色实线 */
	border-top: 1px solid #eee;
	border-bottom: none;
	border-left: none;
	border-right: none;

	/* 初始阴影：只有下方有自然扩散，无水平位移 */
	/* 逻辑：0(水平) 4px(下移) 8px(模糊) -2px(收缩) 颜色 */
	box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.2);

	/* 动画过渡 */
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}


.resource-card:hover {
	/* 逻辑：第一个阴影负责下方加深，第二个阴影负责上方微弱透出 */
	box-shadow:
			0 8px 16px -2px rgba(0, 0, 0, 0.15),
			0 -2px 6px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow:
			0 8px 16px -2px rgba(0, 0, 0, 0.15),
			0 -2px 6px rgba(0, 0, 0, 0.05);

	/* 配合轻微位移让阴影更生动（可选） */



}

/* 严格约束图片尺寸为 96x72 */
.resource-img-box {
	width: 96px;
	height: 72px;
	flex-shrink: 0; /* 防止图片被压缩 */
	overflow: hidden;
	background: #f0f0f0;
}

.resource-img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 保证图片不变形地填充 */
	oject-position: top; /* 图片顶部对齐 */
	aspect-ratio: 1.333333333333333;
}

/* 右侧文字间距 */
.resource-info {
	margin-left: 5px;
	margin-right:5px;
	/*flex-grow: 1;*/
}




.resource-type {
	width: 100%;
	font-size: 12px;
	font-weight: 500;
	color: #000;
	margin-bottom: 0px;
	margin-top: 2px;
	white-space: nowrap;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow-wrap: break-word;
	text-decoration: none !important;

}

.resource-title {



	width: 100%;
	font-size: 12px;
	font-weight: 350;
	margin: 0;
	color: black;
	text-decoration: none !important;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow-wrap: break-word;
	height: 50px;
	width: 100%;
	font-size: 12px;
	font-weight: 350;
	margin: 0;
	color: black;
	text-decoration: none !important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	line-height: 1.3;
	height: 3.9em;

}
.resource-title:hover, .resource-type:hover {
	text-decoration: none !important;
}