/* 教辅人员页主体与 Figma 画布保持 1440 像素内容宽度，页面不再显示左侧系所筛选。 */
.teacher-assistant-page .teacher-main {
  width: 1440px;
  margin: 0 auto;
  padding: 60px 0 126px;
  display: block;
}

/* 教辅人员页只保留右侧三级分类，列表直接占满内容区。 */
.teacher-assistant-page .teacher-departments { display: none; }
.teacher-assistant-page .teacher-directory-content { width: 1440px; margin: 0; }
.teacher-assistant-page .teacher-filters {
  width: 1440px;
  height: 60px;
  margin: 0;
  background: #f5f5f5;
  grid-template-columns: 960px 160px 160px 160px;
}
.teacher-assistant-page .teacher-filters a:first-child {
  grid-column: 2;
  width: 160px;
  transform: none;
}
.teacher-assistant-page .teacher-filters a {
  font-size: 18px;
}
/* 当前分类与悬停分类使用相同的固定像素斜切角。 */
.teacher-assistant-page .teacher-filters a.is-active {
  clip-path: polygon(28px 0, 100% 0, calc(100% - 28px) 100%, 0 100%);
}

/* 名单按八列和 80 像素行距排布，每个可视条目高度为 40 像素。 */
.teacher-assistant-page .teacher-grid {
  width: 1440px;
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(8, 180px);
  grid-auto-rows: 80px;
}
.teacher-assistant-page .teacher-name {
  height: 40px;
  min-height: 40px;
  padding: 0 16px 0 24px;
  align-items: center;
  font-size: 18px;
}
.teacher-assistant-page .teacher-name::before {
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background: #d9d9d9;
}
.teacher-assistant-page .teacher-name::after {
  position: absolute;
  top: 20px;
  left: 4px;
  width: 10px;
  height: 1px;
  content: "";
  background: #d9d9d9;
}
.teacher-assistant-page .teacher-name.is-featured {
  padding-left: 56px;
}
.teacher-assistant-page .teacher-name.is-featured::before {
  background: var(--blue);
}
.teacher-assistant-page .teacher-name.is-featured::after {
  top: 0;
  left: 4px;
  width: 42px;
  height: 40px;
  background: url("../images/teacher-list-active-icon.png") center / contain no-repeat;
}
.teacher-assistant-page .teacher-name:hover,
.teacher-assistant-page .teacher-name:focus-visible {
  padding-left: 56px;
  color: var(--blue);
}
.teacher-assistant-page .teacher-name:hover::before,
.teacher-assistant-page .teacher-name:focus-visible::before { background: var(--blue); }
.teacher-assistant-page .teacher-name:hover::after,
.teacher-assistant-page .teacher-name:focus-visible::after {
  top: 0;
  left: 4px;
  width: 42px;
  height: 40px;
  background: url("../images/teacher-list-active-icon.png") center / contain no-repeat;
}

/* 手机端取消固定桌面宽度，分类与名单按纵向阅读顺序排列。 */
html.is-mobile .teacher-assistant-page .teacher-main {
  width: auto;
  margin: 0 16px;
  padding: 40px 0 56px;
}
html.is-mobile .teacher-assistant-page .teacher-directory-content { width: 100%; }
html.is-mobile .teacher-assistant-page .teacher-filters {
  width: 100%;
  height: 56px;
  display: flex;
  overflow-x: auto;
}
html.is-mobile .teacher-assistant-page .teacher-filters a,
html.is-mobile .teacher-assistant-page .teacher-filters a:first-child {
  width: 110px;
  min-width: 110px;
  height: 56px;
  flex: 0 0 110px;
  grid-column: auto;
  font-size: 15px;
  transform: none;
}
html.is-mobile .teacher-assistant-page .teacher-grid {
  width: 100%;
  margin-top: 28px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 58px;
}
html.is-mobile .teacher-assistant-page .teacher-name {
  height: 40px;
  min-height: 40px;
  padding: 0 12px 0 18px;
  font-size: 16px;
}
html.is-mobile .teacher-assistant-page .teacher-name.is-featured,
html.is-mobile .teacher-assistant-page .teacher-name:hover,
html.is-mobile .teacher-assistant-page .teacher-name:focus-visible { padding-left: 48px; }
html.is-mobile .teacher-assistant-page .teacher-name::before { top: 0; bottom: 0; }
html.is-mobile .teacher-assistant-page .teacher-name::after {
  top: 20px;
  width: 8px;
}
html.is-mobile .teacher-assistant-page .teacher-name.is-featured::after,
html.is-mobile .teacher-assistant-page .teacher-name:hover::after,
html.is-mobile .teacher-assistant-page .teacher-name:focus-visible::after {
  top: 0;
  left: 4px;
  width: 36px;
  height: 40px;
}