/* 教师网格布局样式 - 保持原有样式 */
.teacher-grid-container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin: 0 -15px;
	padding: 20px 0;
	position: relative;
	z-index: 4; /* 确保在遮罩层之上 */
}

.teacher-grid-item {
	/* 保持原有样式，不添加额外样式 */
	position: relative;
	z-index: 5; /* 确保可以点击 */
}

/* 保持原有的teacher样式不变 */
.teacher-grid-item .teacher {
	/* 原有样式通过内联样式保持 */
}

.teacher-grid-item .img_t {
	/* 原有样式通过内联样式保持 */
}

.teacher-grid-item .text_t {
	/* 原有样式通过内联样式保持 */
}

/* 平板端响应式 - 每行3个 */
@media (max-width: 1199px) {
	.teacher-grid-container {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
}

/* 移动端响应式 - 每行1个，保持原有样式 */
@media (max-width: 768px) {
	.teacher-grid-container {
		grid-template-columns: 1fr !important;
		gap: 20px;
		margin: 0 -10px;
		padding: 15px 0;
		position: relative;
		z-index: 4; /* 确保在遮罩层之上 */
	}
	
	/* 保持原有的移动端样式 */
	.teacher-grid-item .teacher{ 
		margin-top:0 !important; 
		margin-left:4em !important; 
		position:relative;
		padding:1em !important; 
	}
	.teacher-grid-item .teacher .img_t{
		position:absolute; 
		width:8em !important; 
		height:8em !important;  
		margin-top:-4em !important; 
		left:-4em; 
		top:50%
	}
	.teacher-grid-item .teacher .text_t{
		padding-left:4em !important; 
		line-height:1.8 !important;
	}
}

/* 小屏幕移动端 - 每行1个 */
@media (max-width: 480px) {
	.teacher-grid-container {
		grid-template-columns: 1fr !important;
		gap: 15px;
		margin: 0 -5px;
		padding: 15px 0;
	}
}