/* ########################################################
   表一 · 学院党委（职务 / 姓名 / 分管）
   ######################################################## */

.tbl-leader {
  --t1-navy: #00329a;
  --t1-line: #d5e2ef;
  --t1-line-soft: #e8eff7;
  --t1-post-bg: #f4f8fd;
  --t1-hover: #fdf7ef;
  --t1-accent: #f08300;

  width: 100%;
  border: 0.01rem solid var(--t1-line) !important;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  background: transparent;
  color: #333c44;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 0.2rem;
  line-height: 1.75;
  word-break: normal;
}

/* --- 表头 --- */
.tbl-leader thead th {
  padding: 0.14rem 0.18rem;
  border: none;
  background: var(--t1-navy);
  color: #fff;
  font-size: 0.2rem;
  font-weight: 700;
  letter-spacing: 0.04rem;
  text-align: center;
  white-space: nowrap;
  word-break: normal;
}

.tbl-leader thead th + th {
  border-left: 0.01rem solid rgba(255, 255, 255, 0.22);
}

/* --- 列宽：表头与单元格必须同步，否则 table-layout:fixed 下会错位 --- */
.tbl-leader thead th:nth-child(1),
.tbl-leader tbody td:nth-child(1) {
  width: 1.4rem;
}

.tbl-leader thead th:nth-child(2),
.tbl-leader tbody td:nth-child(2) {
  width: 1.1rem;
}

/* --- 单元格 ---
   不用 text-align:justify：中文长句会被拉开字距、行末留大空隙，
   视觉上忽宽忽窄。改为左对齐 + 行高收紧。 */
.tbl-leader tbody td {
  padding: 0.16rem 0.2rem !important;
  border: 0.01rem solid var(--t1-line-soft) !important;
  background: transparent;
  vertical-align: middle;
  line-height: 1.75;
  text-align: left;
  word-break: normal;
}

/* --- 职务列 --- */
.tbl-leader tbody td.tbl-l-post {
 
  color: #2b3238;
  font-weight: 600;
  letter-spacing: 0.02rem;
  text-align: center;
  white-space: nowrap;
}

/* --- 姓名列 --- */
.tbl-leader tbody td.tbl-l-name {
  color: var(--t1-navy);
  font-weight: 600;
  letter-spacing: 0.06rem;
  text-align: center;
  white-space: nowrap;
}

/* --- 分管列内的关键词高亮 --- */
.tbl-leader .tbl-l-hl {
  color: var(--t1-accent);
  font-weight: 600;
  font-size:0.2rem !important;
}

/* --- 悬停 --- */
.tbl-leader tbody tr:hover td {
  background: var(--t1-hover);
}

.tbl-leader tbody tr:hover td.tbl-l-post {
  background: #fbeedc;
  color: var(--t1-accent);
}

.tbl-leader tbody tr:hover td.tbl-l-name {
  color: #00246b;
}



/* --- 表一响应式 --- */
@media only screen and (max-width: 1024px) {
  /* 反制 jjy.vsb.css 的 display:block / nowrap 劫持 */
  #vsb_content_4 .tbl-leader,
  .tbl-leader {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
    overflow: visible !important;
    white-space: normal !important;
    word-break: normal !important;
  }
}

@media only screen and (max-width: 768px) {
  .tbl-leader,
  .tbl-leader tbody,
  .tbl-leader tr,
  .tbl-leader tbody td {
    display: block;
    width: 100% !important;
  }

  .tbl-leader thead {
    display: none;
  }

  .tbl-leader tr {
    margin-bottom: 0.14rem;
    border: 0.01rem solid var(--t1-line);
    background: #fff;
  }

  .tbl-leader tbody td {
    border-right: none !important;
    border-bottom: 0.01rem dashed var(--t1-line-soft) !important;
    padding: 0.1rem 0.16rem;
    line-height: 1.7;
    text-align: left !important;
    white-space: normal !important;
  }

 

  /* 卡片内字段名，用 attr 读取 data-label */
  .tbl-leader tbody td::before {
    content: attr(data-label) "：";
    margin-right: 0.04rem;
    color: #7a8899;
    font-size: 0.16rem;
    font-weight: 400;
  }

  .tbl-leader tbody td.tbl-l-post,
  .tbl-leader tbody td.tbl-l-name {
    text-align: left !important;
  }

  .tbl-leader tbody tr:hover td {
    background: var(--t1-post-bg);
  }
}

@media print {
  .tbl-leader tbody tr:hover td {
    background: transparent;
  }
  .tbl-leader tbody td.tbl-l-post {
    background: var(--t1-post-bg) !important;
  }
}


/* ########################################################
   表二 · 纪委（姓名 / 职务）
   列序与表一相反，且只有两列，样式独立成套
   ######################################################## */

.tbl-disc {
  --t2-navy: #00329a;
  --t2-line: #d5e2ef;
  --t2-line-soft: #e8eff7;
  --t2-post-bg: #f4f8fd;
  --t2-hover: #fdf7ef;

  width: 100%;
  border: 0.01rem solid var(--t2-line) !important;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  background: transparent;
  color: #333c44;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 0.2rem;
  line-height: 1.75;
  word-break: normal;
}

.tbl-disc thead th {
  padding: 0.14rem 0.18rem;
  border: none;
  background: var(--t2-navy);
  color: #fff;
  font-size: 0.2rem;
  font-weight: 700;
  letter-spacing: 0.04rem;
  text-align: center;
  white-space: nowrap;
  word-break: normal;
}

.tbl-disc thead th + th {
  border-left: 0.01rem solid rgba(255, 255, 255, 0.22);
}

/* 姓名 1.6rem / 职务 1.8rm（容纳「纪委书记」四字不折行） */
.tbl-disc thead th:nth-child(1),
.tbl-disc tbody td:nth-child(1) {
  width: 1.6rem;
}

.tbl-disc thead th:nth-child(2),
.tbl-disc tbody td:nth-child(2) {
  width: 1.8rem;
}

.tbl-disc tbody td {
  padding: 0.16rem 0.2rem !important;
  border: 0.01rem solid var(--t2-line-soft) !important;
  background: transparent;
  vertical-align: middle;
  line-height: 1.75;
  text-align: left;
  word-break: normal;
}

.tbl-disc tbody td.tbl-d-name {
  color: var(--t2-navy);
  font-weight: 600;
  letter-spacing: 0.06rem;
  text-align: center;
  white-space: nowrap;
}

.tbl-disc tbody td.tbl-d-post {
  
  color: #2b3238;
  font-weight: 600;
  letter-spacing: 0.02rem;
  text-align: center;
  white-space: nowrap;
}

.tbl-disc tbody tr:hover td {
  background: var(--t2-hover);
}

.tbl-disc tbody tr:hover td.tbl-d-post {
  background: #fbeedc;
  color: #f08300;
}

.tbl-disc tbody tr:hover td.tbl-d-name {
  color: #00246b;
}



/* --- 表二响应式 --- */
@media only screen and (max-width: 1024px) {
  #vsb_content_4 .tbl-disc,
  .tbl-disc {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
    overflow: visible !important;
    white-space: normal !important;
    word-break: normal !important;
  }
}

@media only screen and (max-width: 768px) {
  .tbl-disc,
  .tbl-disc tbody,
  .tbl-disc tr,
  .tbl-disc tbody td {
    display: block;
    width: 100% !important;
  }

  .tbl-disc thead {
    display: none;
  }

  .tbl-disc tr {
    margin-bottom: 0.14rem;
    border: 0.01rem solid var(--t2-line);
    background: #fff;
  }

  .tbl-disc tbody td {
    border-right: none !important;
    border-bottom: 0.01rem dashed var(--t2-line-soft) !important;
    padding: 0.1rem 0.16rem;
    line-height: 1.7;
    text-align: left !important;
    white-space: normal !important;
  }

  .tbl-disc tbody tr:last-child td {
    border-bottom: none !important;
  }

  .tbl-disc tbody td::before {
    content: attr(data-label) "：";
    margin-right: 0.04rem;
    color: #7a8899;
    font-size: 0.16rem;
    font-weight: 400;
  }

  .tbl-disc tbody td.tbl-d-name,
  .tbl-disc tbody td.tbl-d-post {
    text-align: left !important;
  }

  .tbl-disc tbody tr:hover td {
    background: var(--t2-post-bg);
  }
}

@media print {
  .tbl-disc tbody tr:hover td {
    background: transparent;
  }
  .tbl-disc tbody td.tbl-d-post {
    background: var(--t2-post-bg) !important;
  }
}


/* ########################################################
   表三 · 教职工分会（姓名 / 分工 / 邮箱）
   邮箱为连续英文字符，处理与中文表完全不同：
   等宽字体 + 左对齐，绝不用 justify，否则地址会被拉散变形
   ######################################################## */

.tbl-union {
  --t3-navy: #00329a;
  --t3-line: #d5e2ef;
  --t3-line-soft: #e8eff7;
  --t3-post-bg: #f4f8fd;
  --t3-hover: #fdf7ef;

  width: 100%;
  border: 0.01rem solid var(--t3-line) !important;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  background: transparent;
  color: #333c44;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 0.2rem;
  line-height: 1.75;
  word-break: normal;
}

.tbl-union thead th {
  padding: 0.14rem 0.18rem;
  border: none;
  background: var(--t3-navy);
  color: #fff;
  font-size: 0.2rem;
  font-weight: 700;
  letter-spacing: 0.04rem;
  text-align: center;
  white-space: nowrap;
  word-break: normal;
}

.tbl-union thead th + th {
  border-left: 0.01rem solid rgba(255, 255, 255, 0.22);
}

/* 姓名 / 分工 1.5rem，邮箱 3.4rem（容最长地址不断行） */
.tbl-union thead th:nth-child(1),
.tbl-union tbody td:nth-child(1) {
  width: 1.5rem;
}

.tbl-union thead th:nth-child(2),
.tbl-union tbody td:nth-child(2) {
  width: 1.5rem;
}

.tbl-union thead th:nth-child(3),
.tbl-union tbody td:nth-child(3) {
  width: 3.4rem;
}

.tbl-union tbody td {
  padding: 0.16rem 0.2rem !important;
  border: 0.01rem solid var(--t3-line-soft) !important;
  background: transparent;
  vertical-align: middle;
  line-height: 1.75;
  text-align: left;
  word-break: normal;
}

.tbl-union tbody td.tbl-u-name {
  color: var(--t3-navy);
  font-weight: 600;
  letter-spacing: 0.06rem;
  text-align: center;
  white-space: nowrap;
}

/* 分工：无淡蓝底，视觉锚点交给邮箱列 */
.tbl-union tbody td.tbl-u-duty {
  color: #2b3238;
  font-weight: 600;
  letter-spacing: 0.02rem;
  text-align: center;
  white-space: nowrap;
}

/* 邮箱：等宽字体 + 左对齐 + 允许断行 */
.tbl-union tbody td.tbl-u-mail {
  color: var(--t3-navy);
  font-family: Consolas, "Courier New", monospace;
  font-size: 0.17rem;
  letter-spacing: 0;
  text-align: left;
  word-break: break-all;
  white-space: normal;
}

.tbl-union tbody tr:hover td {
  background: var(--t3-hover);
}

.tbl-union tbody tr:hover td.tbl-u-mail {
  color: #00246b;
}



/* --- 表三响应式 --- */
@media only screen and (max-width: 1024px) {
  #vsb_content_4 .tbl-union,
  .tbl-union {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
    overflow: visible !important;
    white-space: normal !important;
    word-break: normal !important;
  }
}

@media only screen and (max-width: 768px) {
  .tbl-union,
  .tbl-union tbody,
  .tbl-union tr,
  .tbl-union tbody td {
    display: block;
    width: 100% !important;
  }

  .tbl-union thead {
    display: none;
  }

  .tbl-union tr {
    margin-bottom: 0.14rem;
    border: 0.01rem solid var(--t3-line);
    background: #fff;
  }

  .tbl-union tbody td {
    border-right: none !important;
    border-bottom: 0.01rem dashed var(--t3-line-soft) !important;
    padding: 0.1rem 0.16rem;
    line-height: 1.7;
    text-align: left !important;
    white-space: normal !important;
  }

  .tbl-union tbody tr:last-child td {
    border-bottom: none !important;
  }

  .tbl-union tbody td::before {
    content: attr(data-label) "：";
    margin-right: 0.04rem;
    color: #7a8899;
    font-size: 0.16rem;
    font-weight: 400;
  }

  /* 卡片内三个字段全部左对齐 */
  .tbl-union tbody td.tbl-u-name,
  .tbl-union tbody td.tbl-u-duty,
  .tbl-union tbody td.tbl-u-mail {
    text-align: left !important;
  }

  /* 手机上邮箱抬到与正文同档，便于阅读 */
  .tbl-union tbody td.tbl-u-mail {
    font-size: 0.2rem !important;
  }

  .tbl-union tbody tr:hover td {
    background: var(--t3-post-bg);
  }
}

@media print {
  .tbl-union tbody tr:hover td {
    background: transparent;
  }
}


/* ########################################################
   表四 · 理事会（姓名 / 职务 / 职责）
   列序与表一相反（姓名前置），字段短小，列宽自成一套
   ######################################################## */

.tbl-council {
  --t4-navy: #00329a;
  --t4-line: #d5e2ef;
  --t4-line-soft: #e8eff7;
  --t4-hover: #fdf7ef;

  width: 100%;
  border: 0.01rem solid var(--t4-line) !important;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  background: transparent;
  color: #333c44;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 0.2rem;
  line-height: 1.75;
  word-break: normal;
}

.tbl-council thead th {
  padding: 0.14rem 0.18rem;
  border: none;
  background: var(--t4-navy);
  color: #fff;
  font-size: 0.2rem;
  font-weight: 700;
  letter-spacing: 0.04rem;
  text-align: center;
  white-space: nowrap;
  word-break: normal;
}

.tbl-council thead th + th {
  border-left: 0.01rem solid rgba(255, 255, 255, 0.22);
}

/* 列宽：姓名 1.5rem / 职务 1.6rem / 职责 2.9rem
   职责列需容「负责全面工作」六字不折行 */
.tbl-council thead th:nth-child(1),
.tbl-council tbody td:nth-child(1) {
  width: 1.5rem;
}

.tbl-council thead th:nth-child(2),
.tbl-council tbody td:nth-child(2) {
  width: 1.6rem;
}

.tbl-council thead th:nth-child(3),
.tbl-council tbody td:nth-child(3) {
  width: 2.9rem;
}

.tbl-council tbody td {
  padding: 0.16rem 0.2rem !important;
  border: 0.01rem solid var(--t4-line-soft) !important;
  background: transparent;
  vertical-align: middle;
  line-height: 1.75;
  text-align: left;
  word-break: normal;
}

.tbl-council tbody td.tbl-c-name {
  color: var(--t4-navy);
  font-weight: 600;
  letter-spacing: 0.06rem;
  text-align: center;
  white-space: nowrap;
}

.tbl-council tbody td.tbl-c-post {
  color: #2b3238;
  font-weight: 600;
  letter-spacing: 0.02rem;
  text-align: center;
  white-space: nowrap;
}

.tbl-council tbody td.tbl-c-duty {
  color: #333c44;
  letter-spacing: 0;
  text-align: left;
}

.tbl-council tbody tr:hover td {
  background: var(--t4-hover);
}

.tbl-council tbody tr:hover td.tbl-c-post {
  background: #fbeedc;
  color: #f08300;
}

.tbl-council tbody tr:hover td.tbl-c-name {
  color: #00246b;
}



/* --- 表四响应式 --- */
@media only screen and (max-width: 1024px) {
  #vsb_content_4 .tbl-council,
  .tbl-council {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
    overflow: visible !important;
    white-space: normal !important;
    word-break: normal !important;
  }
}

@media only screen and (max-width: 768px) {
  .tbl-council,
  .tbl-council tbody,
  .tbl-council tr,
  .tbl-council tbody td {
    display: block;
    width: 100% !important;
  }

  .tbl-council thead {
    display: none;
  }

  .tbl-council tr {
    margin-bottom: 0.14rem;
    border: 0.01rem solid var(--t4-line);
    background: #fff;
  }

  .tbl-council tbody td {
    border-right: none !important;
    border-bottom: 0.01rem dashed var(--t4-line-soft) !important;
    padding: 0.1rem 0.16rem;
    line-height: 1.7;
    text-align: left !important;
    white-space: normal !important;
  }

  .tbl-council tbody td::before {
    content: attr(data-label) "：";
    margin-right: 0.04rem;
    color: #7a8899;
    font-size: 0.16rem;
    font-weight: 400;
  }

  /* 三个字段全部左对齐 */
  .tbl-council tbody td.tbl-c-name,
  .tbl-council tbody td.tbl-c-post,
  .tbl-council tbody td.tbl-c-duty {
    text-align: left !important;
  }

  .tbl-council tbody tr:hover td {
    background: #f4f8fd;
  }
}

@media print {
  .tbl-council tbody tr:hover td {
    background: transparent;
  }
}


/* ########################################################
   表五 · 人员岗位（人员 / 岗位职责 / 联系方式）
   联系方式为电话号码（纯数字），与表三的邮箱列不同：
   数字等宽、右对齐，避免长短不一时视觉跳动
   ######################################################## */

.tbl-staff {
  --t5-navy: #00329a;
  --t5-line: #d5e2ef;
  --t5-line-soft: #e8eff7;
  --t5-hover: #fdf7ef;

  width: 100%;
  border: 0.01rem solid var(--t5-line) !important;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  background: transparent;
  color: #333c44;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 0.2rem;
  line-height: 1.75;
  word-break: normal;
}

.tbl-staff thead th {
  padding: 0.14rem 0.18rem;
  border: none;
  background: var(--t5-navy);
  color: #fff;
  font-size: 0.2rem;
  font-weight: 700;
  letter-spacing: 0.04rem;
  text-align: center;
  white-space: nowrap;
  word-break: normal;
}

.tbl-staff thead th + th {
  border-left: 0.01rem solid rgba(255, 255, 255, 0.22);
}

/* 列宽：人员 1.5rem / 岗位职责 2.8rem / 联系方式 1.8rem
   岗位职责需容「学院办公室副主任」七字不折行 */
.tbl-staff thead th:nth-child(1),
.tbl-staff tbody td:nth-child(1) {
  width: 1.5rem;
}

.tbl-staff thead th:nth-child(2),
.tbl-staff tbody td:nth-child(2) {
  width: 2.8rem;
}

.tbl-staff thead th:nth-child(3),
.tbl-staff tbody td:nth-child(3) {
  width: 1.8rem;
}

.tbl-staff tbody td {
  padding: 0.16rem 0.2rem !important;
  border: 0.01rem solid var(--t5-line-soft) !important;
  background: transparent;
  vertical-align: middle;
  line-height: 1.75;
  text-align: left;
  word-break: normal;
}

.tbl-staff tbody td.tbl-s-name {
  color: var(--t5-navy);
  font-weight: 600;
  letter-spacing: 0.06rem;
  text-align: center;
  white-space: nowrap;
}

.tbl-staff tbody td.tbl-s-duty {
  color: #2b3238;
  font-weight: 600;
  letter-spacing: 0.02rem;
  text-align: center;
  white-space: nowrap;
}

/* 电话号码：等宽字体 + 居中，数字纵向对齐更整齐 */
.tbl-staff tbody td.tbl-s-tel {
  color: var(--t5-navy);
  font-family: Consolas, "Courier New", monospace;
  font-size: 0.18rem;
  letter-spacing: 0.02rem;
  text-align: center;
  word-break: normal;
  white-space: nowrap;
}

.tbl-staff tbody tr:hover td {
  background: var(--t5-hover);
}

.tbl-staff tbody tr:hover td.tbl-s-tel {
  color: #00246b;
}



/* --- 表五响应式 --- */
@media only screen and (max-width: 1024px) {
  #vsb_content_4 .tbl-staff,
  .tbl-staff {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
    overflow: visible !important;
    white-space: normal !important;
    word-break: normal !important;
  }
}

@media only screen and (max-width: 768px) {
  .tbl-staff,
  .tbl-staff tbody,
  .tbl-staff tr,
  .tbl-staff tbody td {
    display: block;
    width: 100% !important;
  }

  .tbl-staff thead {
    display: none;
  }

  .tbl-staff tr {
    margin-bottom: 0.14rem;
    border: 0.01rem solid var(--t5-line);
    background: #fff;
  }

  .tbl-staff tbody td {
    border-right: none !important;
    border-bottom: 0.01rem dashed var(--t5-line-soft) !important;
    padding: 0.1rem 0.16rem;
    line-height: 1.7;
    text-align: left !important;
    white-space: normal !important;
  }

  .tbl-staff tbody td::before {
    content: attr(data-label) "：";
    margin-right: 0.04rem;
    color: #7a8899;
    font-size: 0.16rem;
    font-weight: 400;
  }

  /* 三个字段全部左对齐；电话在卡片内不折行 */
  .tbl-staff tbody td.tbl-s-name,
  .tbl-staff tbody td.tbl-s-duty,
  .tbl-staff tbody td.tbl-s-tel {
    text-align: left !important;
  }

  /* 手机上电话抬到与正文同档，便于阅读 */
  .tbl-staff tbody td.tbl-s-tel {
    font-size: 0.2rem !important;
  }

  .tbl-staff tbody tr:hover td {
    background: #f4f8fd;
  }
}

@media print {
  .tbl-staff tbody tr:hover td {
    background: transparent;
  }
}


/* ########################################################
   表六 · 教务科人员（人员 / 职责 / 联系方式）
   结构与表五相同（人员 / 职责 / 联系方式），
   按"每表独立成套"的约定单独书写，互不影响。
   若后续还有同构的岗位表，可直接复用 .tbl-staff 类，无需再新增。
   ######################################################## */

.tbl-edu {
  --t6-navy: #00329a;
  --t6-line: #d5e2ef;
  --t6-line-soft: #e8eff7;
  --t6-hover: #fdf7ef;

  width: 100%;
  border: 0.01rem solid var(--t6-line) !important;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  background: transparent;
  color: #333c44;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 0.2rem;
  line-height: 1.75;
  word-break: normal;
}

.tbl-edu thead th {
  padding: 0.14rem 0.18rem;
  border: none;
  background: var(--t6-navy);
  color: #fff;
  font-size: 0.2rem;
  font-weight: 700;
  letter-spacing: 0.04rem;
  text-align: center;
  white-space: nowrap;
  word-break: normal;
}

.tbl-edu thead th + th {
  border-left: 0.01rem solid rgba(255, 255, 255, 0.22);
}

/* 列宽：人员 1.5rem / 职责 2.6rem / 联系方式 1.8rem
   职责列最宽为「教务科负责人」六字，2.6rem 足够 */
.tbl-edu thead th:nth-child(1),
.tbl-edu tbody td:nth-child(1) {
  width: 1.5rem;
}

.tbl-edu thead th:nth-child(2),
.tbl-edu tbody td:nth-child(2) {
  width: 2.6rem;
}

.tbl-edu thead th:nth-child(3),
.tbl-edu tbody td:nth-child(3) {
  width: 1.8rem;
}

.tbl-edu tbody td {
  padding: 0.16rem 0.2rem !important;
  border: 0.01rem solid var(--t6-line-soft) !important;
  background: transparent;
  vertical-align: middle;
  line-height: 1.75;
  text-align: left;
  word-break: normal;
}

.tbl-edu tbody td.tbl-e-name {
  color: var(--t6-navy);
  font-weight: 600;
  letter-spacing: 0.06rem;
  text-align: center;
  white-space: nowrap;
}

.tbl-edu tbody td.tbl-e-duty {
  color: #2b3238;
  font-weight: 600;
  letter-spacing: 0.02rem;
  text-align: center;
  white-space: nowrap;
}

/* 电话号码：等宽字体 + 居中，数字纵向对齐更整齐 */
.tbl-edu tbody td.tbl-e-tel {
  color: var(--t6-navy);
  font-family: Consolas, "Courier New", monospace;
  font-size: 0.18rem;
  letter-spacing: 0.02rem;
  text-align: center;
  word-break: normal;
  white-space: nowrap;
}

.tbl-edu tbody tr:hover td {
  background: var(--t6-hover);
}

.tbl-edu tbody tr:hover td.tbl-e-tel {
  color: #00246b;
}



/* --- 表六响应式 --- */
@media only screen and (max-width: 1024px) {
  #vsb_content_4 .tbl-edu,
  .tbl-edu {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
    overflow: visible !important;
    white-space: normal !important;
    word-break: normal !important;
  }
}

@media only screen and (max-width: 768px) {
  .tbl-edu,
  .tbl-edu tbody,
  .tbl-edu tr,
  .tbl-edu tbody td {
    display: block;
    width: 100% !important;
  }

  .tbl-edu thead {
    display: none;
  }

  .tbl-edu tr {
    margin-bottom: 0.14rem;
    border: 0.01rem solid var(--t6-line);
    background: #fff;
  }

  .tbl-edu tbody td {
    border-right: none !important;
    border-bottom: 0.01rem dashed var(--t6-line-soft) !important;
    padding: 0.1rem 0.16rem;
    line-height: 1.7;
    text-align: left !important;
    white-space: normal !important;
  }

  .tbl-edu tbody td::before {
    content: attr(data-label) "：";
    margin-right: 0.04rem;
    color: #7a8899;
    font-size: 0.16rem;
    font-weight: 400;
  }

  /* 三个字段全部左对齐；电话在卡片内不折行 */
  .tbl-edu tbody td.tbl-e-name,
  .tbl-edu tbody td.tbl-e-duty,
  .tbl-edu tbody td.tbl-e-tel {
    text-align: left !important;
  }

  /* 手机上电话抬到与正文同档，便于阅读 */
  .tbl-edu tbody td.tbl-e-tel {
    font-size: 0.2rem !important;
  }

  .tbl-edu tbody tr:hover td {
    background: #f4f8fd;
  }
}

@media print {
  .tbl-edu tbody tr:hover td {
    background: transparent;
  }
}


/* ########################################################
   表七 · 学生工作办公室（人员 / 职责 / 联系电话）
   与表五、六同构，但职责为长句（"主要负责研究生学生事务、党建工作等"），
   故职责列显著加宽，其余处理一致。
   ######################################################## */

.tbl-sao {
  --t7-navy: #00329a;
  --t7-line: #d5e2ef;
  --t7-line-soft: #e8eff7;
  --t7-hover: #fdf7ef;

  width: 100%;
  border: 0.01rem solid var(--t7-line) !important;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  background: transparent;
  color: #333c44;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 0.2rem;
  line-height: 1.75;
  word-break: normal;
}

.tbl-sao thead th {
  padding: 0.14rem 0.18rem;
  border: none;
  background: var(--t7-navy);
  color: #fff;
  font-size: 0.2rem;
  font-weight: 700;
  letter-spacing: 0.04rem;
  text-align: center;
  white-space: nowrap;
  word-break: normal;
}

.tbl-sao thead th + th {
  border-left: 0.01rem solid rgba(255, 255, 255, 0.22);
}

/* 列宽：人员 1.5rem / 职责 4.2rem / 联系电话 1.8rem
   职责为长句，需 4.2rem 才能容纳「主要负责研究生学生事务、党建工作等」十余字 */
.tbl-sao thead th:nth-child(1),
.tbl-sao tbody td:nth-child(1) {
  width: 1.5rem;
}

.tbl-sao thead th:nth-child(2),
.tbl-sao tbody td:nth-child(2) {
  width: 4.2rem;
}

.tbl-sao thead th:nth-child(3),
.tbl-sao tbody td:nth-child(3) {
  width: 1.8rem;
}

.tbl-sao tbody td {
  padding: 0.16rem 0.2rem !important;
  border: 0.01rem solid var(--t7-line-soft) !important;
  background: transparent;
  vertical-align: middle;
  line-height: 1.75;
  text-align: left;
  word-break: normal;
}

.tbl-sao tbody td.tbl-a-name {
  color: var(--t7-navy);
  font-weight: 600;
  letter-spacing: 0.06rem;
  text-align: center;
  white-space: nowrap;
}

/* 职责：长句，左对齐，行高略放宽以容纳两行 */
.tbl-sao tbody td.tbl-a-duty {
  color: #2b3238;
  letter-spacing: 0;
  line-height: 1.8;
  text-align: left;
}

/* 联系电话：等宽字体 + 居中，数字纵向对齐更整齐 */
.tbl-sao tbody td.tbl-a-tel {
  color: var(--t7-navy);
  font-family: Consolas, "Courier New", monospace;
  font-size: 0.18rem;
  letter-spacing: 0.02rem;
  text-align: center;
  word-break: normal;
  white-space: nowrap;
}

.tbl-sao tbody tr:hover td {
  background: var(--t7-hover);
}

.tbl-sao tbody tr:hover td.tbl-a-tel {
  color: #00246b;
}



/* --- 表七响应式 --- */
@media only screen and (max-width: 1024px) {
  #vsb_content_4 .tbl-sao,
  .tbl-sao {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
    overflow: visible !important;
    white-space: normal !important;
    word-break: normal !important;
  }
}

@media only screen and (max-width: 768px) {
  .tbl-sao,
  .tbl-sao tbody,
  .tbl-sao tr,
  .tbl-sao tbody td {
    display: block;
    width: 100% !important;
  }

  .tbl-sao thead {
    display: none;
  }

  .tbl-sao tr {
    margin-bottom: 0.14rem;
    border: 0.01rem solid var(--t7-line);
    background: #fff;
  }

  .tbl-sao tbody td {
    border-right: none !important;
    border-bottom: 0.01rem dashed var(--t7-line-soft) !important;
    padding: 0.1rem 0.16rem;
    line-height: 1.7;
    text-align: left !important;
    white-space: normal !important;
  }

  .tbl-sao tbody td::before {
    content: attr(data-label) "：";
    margin-right: 0.04rem;
    color: #7a8899;
    font-size: 0.16rem;
    font-weight: 400;
  }

  /* 三个字段全部左对齐；电话在卡片内不折行 */
  .tbl-sao tbody td.tbl-a-name,
  .tbl-sao tbody td.tbl-a-duty,
  .tbl-sao tbody td.tbl-a-tel {
    text-align: left !important;
  }

  /* 手机上电话抬到与正文同档，便于阅读 */
  .tbl-sao tbody td.tbl-a-tel {
    font-size: 0.2rem !important;
  }

  .tbl-sao tbody tr:hover td {
    background: #f4f8fd;
  }
}

@media print {
  .tbl-sao tbody tr:hover td {
    background: transparent;
  }
}


/* ########################################################
   表格小标题与表间距（七表共用，仅排版，不含字段样式）
   ######################################################## */

.tbl-title {
  margin: 0 0 0.16rem;
  padding-left: 0.12rem;
  border-left: 0.04rem solid #00329a;
  color: #2b3238;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 0.22rem;
  font-weight: 700;
  letter-spacing: 0.02rem;
  line-height: 1.5;
}

.tbl-group {
  margin-bottom: 0.36rem;
}

.tbl-group:last-child {
  margin-bottom: 0;
}


/* ########################################################
   表八 · 理事会成员名单（序号 / 姓名 / 工作单位及职务 / 理事会职务）
   本表特征：
   1) 四列表头（序号 / 姓名 / 工作单位及职务 / 理事会职务），
      注意源数据第25 行起第四列表头写作「参会情况」，
      实际该列内容统一为「理事」，属源数据表头笔误，HTML 中已统一为「理事会职务」
   2) 姓名为两行结构（姓名 + 括号年级），年级字号更小、颜色更淡
   3) 「工作单位及职务」为长文本且含换行，需明显加宽并保持左对齐
   4) 34 行数据，行数多，故减弱悬停反馈的强度
   ######################################################## */

.tbl-board {
  --t8-navy: #00329a;
  --t8-line: #d5e2ef;
  --t8-line-soft: #e8eff7;
  --t8-hover: #fdf7ef;
  --t8-sub: #7a8899;

  width: 100%;
  border: 0.01rem solid var(--t8-line) !important;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  background: transparent;
  color: #333c44;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 0.2rem;
  line-height: 1.75;
  word-break: normal;
}

.tbl-board thead th {
  padding: 0.14rem 0.16rem;
  border: none;
  background: var(--t8-navy);
  color: #fff;
  font-size: 0.2rem;
  font-weight: 700;
  letter-spacing: 0.03rem;
  text-align: center;
  white-space: nowrap;
  word-break: normal;
}

.tbl-board thead th + th {
  border-left: 0.01rem solid rgba(255, 255, 255, 0.22);
}

/* 列宽：序号 0.7rem / 姓名 1.9rem / 单位职务 4.4rem / 职务 1.3rem
   单位职务列含「深圳市朗润投资有限公司董事长」等长文本，需最宽 */
.tbl-board thead th:nth-child(1),
.tbl-board tbody td:nth-child(1) {
  width: 0.7rem;
}

.tbl-board thead th:nth-child(2),
.tbl-board tbody td:nth-child(2) {
  width: 1.9rem;
}

.tbl-board thead th:nth-child(3),
.tbl-board tbody td:nth-child(3) {
  width: 4.4rem;
}

.tbl-board thead th:nth-child(4),
.tbl-board tbody td:nth-child(4) {
  width: 1.3rem;
}

.tbl-board tbody td {
  padding: 0.14rem 0.16rem !important;
  border: 0.01rem solid var(--t8-line-soft) !important;
  background: transparent;
  vertical-align: middle;
  line-height: 1.7;
  text-align: left;
  word-break: normal;
}

/* 序号：小字、居中、颜色淡，仅作定位用 */
.tbl-board tbody td.tbl-b-idx {
  color: var(--t8-sub);
  font-size: 0.18rem;
  font-weight: 400;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
}

/* 姓名：主蓝加粗居中 */
.tbl-board tbody td.tbl-b-name {
  color: var(--t8-navy);
  font-weight: 600;
  letter-spacing: 0.04rem;
  text-align: center;
  white-space: nowrap;
}

/* 年级：独立行，小字淡色，不与姓名争视觉权重 */
.tbl-board .tbl-b-year {
  display: block;
  margin-top: 0.02rem;
  color: var(--t8-sub);
  font-size: 0.16rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.3;
  white-space: nowrap;
}

/* 工作单位及职务：长文本，左对齐 */
.tbl-board tbody td.tbl-b-org {
  color: #333c44;
  letter-spacing: 0;
  line-height: 1.7;
  text-align: left;
}

/* 理事会职务：居中 */
.tbl-board tbody td.tbl-b-duty {
  color: #2b3238;
  font-weight: 600;
  letter-spacing: 0.02rem;
  text-align: center;
  white-space: nowrap;
}

/* 行数多，悬停反馈减弱，仅用极浅的暖调 */
.tbl-board tbody tr:hover td {
  background: var(--t8-hover);
}

.tbl-board tbody tr:hover td.tbl-b-name {
  color: #00246b;
}



/* --- 表八响应式 --- */
@media only screen and (max-width: 1024px) {
  #vsb_content_4 .tbl-board,
  .tbl-board {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
    overflow: visible !important;
    white-space: normal !important;
    word-break: normal !important;
  }
}

@media only screen and (max-width: 768px) {
  .tbl-board,
  .tbl-board tbody,
  .tbl-board tr,
  .tbl-board tbody td {
    display: block;
    width: 100% !important;
  }

  .tbl-board thead {
    display: none;
  }

  .tbl-board tr {
    margin-bottom: 0.14rem;
    border: 0.01rem solid var(--t8-line);
    background: #fff;
  }

  .tbl-board tbody td {
    border-right: none !important;
    border-bottom: 0.01rem dashed var(--t8-line-soft) !important;
    padding: 0.08rem 0.14rem;
    line-height: 1.6;
    text-align: left !important;
    white-space: normal !important;
  }

  /* 卡片内序号与姓名同一行显示，省略年份括号 */
  .tbl-board tbody td.tbl-b-idx {
    display: inline-block;
    width: auto !important;
    margin-right: 0.1rem;
    font-size: 0.18rem;
    vertical-align: middle;
  }

  .tbl-board tbody td.tbl-b-idx::after {
    content: "、";
    color: #7a8899;
  }

  .tbl-board tbody td::before {
    content: attr(data-label) "：";
    margin-right: 0.04rem;
    color: #7a8899;
    font-size: 0.16rem;
    font-weight: 400;
  }

  /* 序号不显示字段名前缀 */
  .tbl-board tbody td.tbl-b-idx::before {
    content: none;
  }

  /* 年级在卡片内转为普通文字，不单独占行 */
  .tbl-board .tbl-b-year {
    display: inline;
    margin-top: 0;
    font-size: 0.16rem;
  }

  .tbl-board tbody td.tbl-b-name,
  .tbl-board tbody td.tbl-b-org,
  .tbl-board tbody td.tbl-b-duty {
    text-align: left !important;
  }

  .tbl-board tbody tr:hover td {
    background: #f4f8fd;
  }
}

@media print {
  .tbl-board tbody tr:hover td {
    background: transparent;
  }
}