/* ===== Members page (scoped by .members-page) ===== */

/* 外层容器：把原来的 .description-bg 样式迁移并作用域化 */
.members-page {
  background-color: #f8d683; /* 深一点的黄 */
  padding: 20px;
  border-radius: 20px;
}

/* 网格行距（只影响本页） */
.members-page .row.mt-4 { row-gap: 18px; }

/* 分类栏外框（加宽圆角背景） */
.members-page .role-tabs {
  display: flex;
  justify-content: center;
  gap: 18px;
  margin: 12px auto 0;
  padding: 14px 18px;
  width: 100%;
  border: 3px solid #8B5E3C;
  border-radius: 18px;
  background: #E6EBEF; /* 与标题栏接近的浅灰蓝 */
  box-shadow: 0 2px 0 #8B5E3C inset;
}

/* 分类按钮（手绘风） */
.members-page .role-tab {
  min-width: 150px;
  border: 2px solid #8B5E3C;
  background: #F9E3B2;
  padding: 10px 16px;
  border-radius: 12px;
  font-weight: 700;
  color: #5A3B1A;
  cursor: pointer;
  transition: transform .1s ease, box-shadow .2s ease, background .2s ease;
}
.members-page .role-tab:hover { transform: translateY(-1px); }
.members-page .role-tab.active {
  background: #FFD98E;
  box-shadow: 0 2px 0 #8B5E3C inset;
}

/* 人员卡片（三列布局由 Bootstrap col-md-4 负责） */
.members-page .member-card {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  border: 2px solid #8B5E3C;
  background: #FFF8E7;
  border-radius: 16px;
  padding: 14px;
  height: 100%;
  transition: transform .18s ease, box-shadow .18s ease;
}

/* 悬浮动效（仅本页启用） */
.members-page .hover-float:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 22px rgba(90,59,26,.18), 0 4px 0 #8B5E3C inset;
}

/* 头像与信息 */
.members-page .member-img img {
  width: 108px;
  height: 108px;
  object-fit: cover;
  border: 2px solid #8B5E3C;
  border-radius: 16px;
  background: #F7E3B0;
}
.members-page .member-info { flex: 1; }
.members-page .member-name {
  font-size: 1.15rem;
  margin: 2px 0 4px;
  color: #5A3B1A;
}
.members-page .member-role {
  font-weight: 700;
  color: #8B5E3C;
  margin-bottom: 6px;
}
.members-page .member-desc {
  font-size: 0.95rem;
  line-height: 1.55;
  color: #4b3a2c;
}

/* 整个卡片：头像+基本信息在上，介绍在下 */
.members-page .member-card {
  display: flex;
  flex-direction: column;  /* 主轴竖直排列 */
  gap: 10px;
  border: 2px solid #8B5E3C;
  background: #FFF8E7;
  border-radius: 16px;
  padding: 16px;
  height: 100%;
  transition: transform .18s ease, box-shadow .18s ease;
}

/* 顶部行：头像 + 基本信息 */
.members-page .member-header {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* 头像放大 */
.members-page .member-img img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border: 2px solid #8B5E3C;
  border-radius: 16px;
  background: #F7E3B0;
}

/* 基本信息：名字在上，角色在下 */
.members-page .member-info {
  display: flex;
  flex-direction: column; /* 竖排 */
  justify-content: center;
}

.members-page .member-name {
  font-size: 1.2rem;
  font-weight: 700;
  color: #5A3B1A;
  margin: 0 0 4px;
}

.members-page .member-role {
  font-weight: 600;
  color: #8B5E3C;
  margin: 0;
}

/* 描述单独一块 */
.members-page .member-desc {
  font-size: 0.95rem;
  line-height: 1.55;
  color: #4b3a2c;
  margin-top: 8px;
}