/* 实验室队伍页复用公共头尾，仅补充本栏目横幅标题的位置。 */
.laboratory-team-page .inner-banner-copy { top: 238px; }

/* 本页增加实验室建设入口，十项一级导航继续使用公共交互。 */
html.is-pc .laboratory-team-page .inner-site-nav { width: 1100px; }
html.is-pc .laboratory-team-page .inner-site-nav .nav-list { grid-template-columns: repeat(10, 1fr); column-gap: 0; }

/* 四项栏目与主体共用 1620 像素内容宽度，对齐设计稿左侧 150 像素边距。 */
.laboratory-team-page .inner-subnav-inner { width: 1620px; }
.laboratory-team-main { width: 1620px; margin: 0 auto; padding: 60px 0 100px; }
.laboratory-team-grid { display: grid; grid-template-columns: repeat(2, 780px); gap: 40px 60px; }

/* 人员卡片保留独立图文结构，便于后续直接转换为 FreeMarker 列表循环。 */
.laboratory-team-card { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 30px; min-height: 280px; padding: 19px 0 19px 19px; border: 1px solid var(--line); background: #fff; }
.laboratory-team-photo { width: 180px; height: 240px; object-fit: cover; }
/* 桌面鼠标悬停时卡片上浮并加深柔和阴影，照片轻微放大；移出后平滑复原。 */
@media (hover: hover) and (pointer: fine) {
  html.is-pc .laboratory-team-card { transition: transform .25s ease, box-shadow .25s ease; }
  html.is-pc .laboratory-team-photo { transition: transform .25s ease; }
  html.is-pc .laboratory-team-card:hover { transform: translateY(-6px); box-shadow: 0 12px 28px rgba(22, 92, 145, .14); }
  html.is-pc .laboratory-team-card:hover .laboratory-team-photo { transform: scale(1.03); }
}
/* 系统设置减少动态效果时，取消位移、照片缩放和过渡，仅保留阴影反馈。 */
@media (prefers-reduced-motion: reduce) {
  html.is-pc .laboratory-team-card, html.is-pc .laboratory-team-photo { transition: none; }
  html.is-pc .laboratory-team-card:hover, html.is-pc .laboratory-team-card:hover .laboratory-team-photo { transform: none; }
}
.laboratory-team-info { min-width: 0; }
.laboratory-team-info h2 { height: 80px; margin: 0; padding: 15px 0 31px; border-bottom: 4px solid var(--blue); font-size: 20px; font-weight: 400; line-height: 30px; }
.laboratory-team-info h2 span { font-size: 18px; }
.laboratory-team-role { margin: 18px 0 16px; font-size: 18px; line-height: 30px; }
.laboratory-team-contact { color: var(--muted); font-size: 18px; line-height: 30px; }
.laboratory-team-contact p { margin: 0; }
/* Word 中的职务与仪器名称较长，预留右侧间距并允许完整换行，卡片随内容自然增高。 */
.laboratory-team-role, .laboratory-team-contact { padding-right: 20px; overflow-wrap: anywhere; }
.laboratory-team-page .site-footer { border-top: 6px solid var(--blue); }

/* 手机端人员卡片纵向排列，二级栏目复用公共横向滚动导航。 */
html.is-mobile .laboratory-team-page .inner-banner-copy { top: 138px; }
html.is-mobile .laboratory-team-main { width: auto; margin: 0 16px; padding: 32px 0 48px; }
html.is-mobile .laboratory-team-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
html.is-mobile .laboratory-team-card { display: block; min-height: 0; padding: 20px; border-radius: 12px; }
html.is-mobile .laboratory-team-photo { margin: 0 auto; }
html.is-mobile .laboratory-team-info h2 { height: auto; padding: 20px 0 14px; font-size: 20px; border-bottom-width: 2px; }
html.is-mobile .laboratory-team-info h2 span { font-size: 16px; }
html.is-mobile .laboratory-team-role { margin: 16px 0 12px; font-size: 16px; line-height: 28px; }
html.is-mobile .laboratory-team-contact { font-size: 15px; line-height: 28px; overflow-wrap: anywhere; }
/* 手机端已有卡片内边距，长文本直接使用完整内容宽度。 */
html.is-mobile .laboratory-team-role, html.is-mobile .laboratory-team-contact { padding-right: 0; }
html.is-mobile .laboratory-team-page .site-footer { border-top-width: 4px; }