@charset "UTF-8";
/* skin/nstyle_teacher.css — 超級名師 teacher 頁「專屬」CSS
   共用層在 css/nstyle_base.css（banner、.nstyle_page、.nstyle_section__head/__title/__deco）。
   路徑基準：css/skin/ → 圖片為 ../../images/ */

/* banner 換圖 */
.nstyle_pagebanner--teacher {
  background-image: url(../../images/page_title_teacher_pc.jpg);
}
@media (max-width: 767.98px) {
  .nstyle_pagebanner--teacher {
    background-image: url(../../images/page_title_teacher_mo.jpg);
  }
}

/* 名師卡（col-md-6 col-lg-4 三欄等高）*/
.nstyle_teacher__card {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #fff;
  border: 1px solid #f4e3cf;
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(146, 88, 20, 0.08);
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.nstyle_teacher__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 26px rgba(146, 88, 20, 0.16);
}
.nstyle_teacher__head {
  position: relative;
}
.nstyle_teacher__img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9; /* 照片皆 16:9，統一裁切 */
  object-fit: cover;
}

/* ≥768：改左圖右文（一列一位由 col-12 決定；手機以下維持上圖下文）*/
@media (min-width: 768px) {
  .nstyle_teacher__card {
    flex-direction: row;
  }
  .nstyle_teacher__head {
    flex: 0 0 34%;
    align-self: flex-start; /* 圖靠上，不隨長經歷拉高變形 */
  }
  .nstyle_teacher__body {
    padding: 24px 28px;
  }
}
.nstyle_teacher__ribbon {
  position: absolute;
  top: 14px;
  left: 0;
  padding: 5px 16px;
  background: #f67e11;
  color: #fff;
  font-size: var(--nstyle_font-caption);
  font-weight: 700;
  letter-spacing: 0.06em;
  border-radius: 0 999px 999px 0;
  box-shadow: 0 4px 10px rgba(246, 126, 17, 0.32);
}
.nstyle_teacher__body {
  flex: 1;
  padding: 20px 22px 24px;
}
.nstyle_teacher__name {
  margin: 0 0 12px;
  font-size: var(--nstyle_font-title-sm);
  font-weight: 800;
  color: #161a22;
}
.nstyle_teacher__meta {
  margin: 0;
}
.nstyle_teacher__meta-row {
  margin: 0 0 8px;
  font-size: var(--nstyle_font-body-sm);
  line-height: 1.7;
  letter-spacing: 0.01em;
  color: #4a3a2b;
}
.nstyle_teacher__meta-row:last-child {
  margin-bottom: 0;
}
.nstyle_teacher__meta-label {
  font-weight: 700;
  color: #d96a00;
}