/* .html_list_people */
/* 依赖 main.css */

.teacher-category-title { background: #fdfdfd; border-left: 4px solid var(--primary-red); padding-left: 15px; font-size: 16px; font-weight: 700; color: #333; margin: 30px 0 20px 0; line-height: 1.2; }
.teacher-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.teacher-card { cursor: pointer; display: flex; background: #f8f8f8; border-radius: 2px; overflow: hidden; transition: all .3s; }
.teacher-card:hover { background: var(--primary-red); color: #fff; box-shadow: 0 5px 15px rgba(152, 27, 30, .3); transform: translateY(-2px); }
.teacher-card:hover .teacher-name { color: #fff; }
.teacher-card:hover .teacher-detail { color: rgba(255, 255, 255, .9); }
.teacher-img { /*width: 120px; */ height: 240px; object-fit: cover; flex-shrink: 0; background: #ccc; }
.teacher-info { flex: 1; padding: 15px; display: flex; flex-direction: column; justify-content: center; }
.teacher-name { font-size: 18px; font-weight: 700; color: #333; margin-bottom: 10px; }
.teacher-detail { font-size: 12px; color: #666; line-height: 1.8; }

@media (max-width: 768px) {
    .teacher-grid { grid-template-columns: 1fr; }
    .teacher-card { padding: 0; }
    .teacher-img { width: 100px; height: 130px; }
}