/* screen - member page */

.stark_lab_member {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  /* 固定高度會把內容切掉，改成自動長高 */
  /* height: 3604px; */
  min-height: 100vh;
  width: 1440px;
  box-sizing: border-box;
}

.stark_lab_member .overlap-group18 {
  height: 76px;
  margin-top: 60px;
  position: relative;
  width: 1440px;
}

.stark_lab_member .navigation-bar {
  align-items: center;
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 0px 100px;
  position: absolute;
  top: 0;
  width: 1440px;
}

.stark_lab_member .navbar {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 40px;
  justify-content: center;
  position: relative;
}

.stark_lab_member .line-31 {
  height: 2px;
  left: 1140px;
  position: absolute;
  top: 58px;
  width: 81px;
}

.stark_lab_member .overlap-group21 {
  border-radius: 65px;
  height: 600px;
  margin-right: 1.0px;
  margin-top: 70px;
  position: relative;
  width: 1339px;
}

.stark_lab_member .group-14 {
  align-items: flex-start;
  background-color: var(--white);
  border: 2px solid var(--black);
  border-radius: 65px;
  box-shadow: 0px 5px 0px #000000;
  display: flex;
  height: 624px;
  justify-content: flex-end;
  left: 0;
  min-width: 1339px;
  padding: 105px 66px;
  position: absolute;
  top: 0;
}

.stark_lab_member .content-2 {
  display: flex;
  gap: 28px;
  position: relative;
  width: 488px;
}

.stark_lab_member .person-1 { width: 458px; }

.stark_lab_member .picture-and-name {
  align-items: flex-end;
  display: flex;
  flex: 1;
  gap: 20px;
  padding: 0 76px 0 0;
  position: relative;
}

.stark_lab_member .name-2 {
  height: 195px;
  margin-right: -106.00px;
  position: relative;
  width: 488px;
}

.stark_lab_member .text-47 {
  color: var(--black);
  font-family: var(--font-family-noto_sans_tc);
  font-size: 96px;
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 0;
}

.stark_lab_member .assistant-professor {
  color: var(--black);
  font-family: var(--font-family-space_grotesk);
  font-size: 40px;
  font-weight: 400;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 144px;
  width: 484px;
}

.stark_lab_member .line-3 {
  height: 1px;
  object-fit: cover;
  position: relative;
  width: 317px;
}

.stark_lab_member .p4 {
  align-self: stretch;
  color: transparent;
  font-family: var(--font-family-noto_sans_tc);
  font-size: var(--font-size-xl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 40px;
  position: relative;
}
.stark_lab_member .span0 { color: var(--navy-blue); }
.stark_lab_member .span1 { color: var(--black); }
.stark_lab_member .span2 { color: var(--black); text-decoration: underline; }

.stark_lab_member .rectangle-80 {
  height: 468px;
  left: 131px;
  object-fit: contain;
  position: absolute;
  top: 75px;
  width: 468px;
}

.stark_lab_member .group-17 {
  align-items: flex-start;
  align-self: flex-start;
  display: flex;
  margin-left: 98px;
  margin-top: 250px;
  min-width: 176px;
}

.stark_lab_member .overlap-group {
  align-items: center;
  background-color: var(--navy-blue);
  border-radius: 9px;
  display: flex;
  height: 62px;
  min-width: 174px;
  padding: 0 33px;
}

.stark_lab_member .text { letter-spacing: 0; line-height: normal; min-height: 46px; min-width: 108px; }

/* ====== 列容器（可換行、置中、同寬） ====== */
.stark_lab_member .group-container,
.stark_lab_member .group-container-1 {
  display: flex;
  flex-wrap: wrap;
  column-gap: 50px;
  row-gap: 50px;
  max-width: 1339px;
  width: 100%;
  margin: 70px auto 0;
  align-items: flex-start;
}
.stark_lab_member .group-container-1 { margin: 20px auto 0; }

/* ====== 卡片（保留黑框 + 三等分欄寬） ====== */
.stark_lab_member .group {
  align-items: flex-start;
  background-color: var(--white);
  border: 2px solid #000;          /* ← 保證黑色框 */
  border-radius: 65px;
  box-shadow: 0 5px 0 #000;
  display: flex;
  height: 500px;
  justify-content: flex-end;
  padding: 34.8px 47.8px;

  box-sizing: border-box;
  flex: 0 0 calc((100% - 100px) / 3);  /* 三等分（扣兩個 gap=50*2） */
  width: calc((100% - 100px) / 3);
}

.stark_lab_member .overlap-group-1 { height: 400px; position: relative; width: 317px; }

.stark_lab_member .content { display: inline-flex; gap: 23px; left: 0; position: absolute; top: 0; }

.stark_lab_member .person { align-self: stretch; width: 100%; }

.stark_lab_member .picture { height: 102.82px; position: relative; width: 102.82px; }

.stark_lab_member .overlap-group-2 { height: 500px; position: relative; width: 103px; }

.stark_lab_member .vector { height: 98px; left: 5px; position: absolute; top: 5px; width: 98px; }

.stark_lab_member .mask-group { height: 98px; left: 0; position: absolute; top: 0; width: 98px; }

.stark_lab_member .name { height: 49.18px; margin-right: -80.00px; position: relative; width: 198.18px; }

.stark_lab_member .name-1 { left: 0; letter-spacing: 0; line-height: normal; position: absolute; top: 0; }

.stark_lab_member .director-of-operations {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 26px;
  width: 194px;
}

.stark_lab_member .social-icon {
  background-color: var(--navy-blue);
  border-radius: 17px;
  height: 34px;
  margin-left: -67px;
  position: relative;
  width: 34px;
}

.stark_lab_member .text-1 { letter-spacing: 0; line-height: 30px; position: relative; width: 317px; }


.stark_lab_member .link { left: 282px; top: 0; }
.stark_lab_member .group .overlap-group-1 { position: relative; }  /* 這行對圖示無效 */





.stark_lab_member .overlap-group2 {
  background-color: var(--white);
  border: 2px solid var(--black);
  border-radius: 65px;
  box-shadow: 0 5px 0 #000;
  height: 339px;
  position: relative;
  width: 413px;
}

.stark_lab_member .content-1 { display: inline-flex; gap: 23px; left: 48px; position: absolute; top: 44px; }

.stark_lab_member .link-1 { left: 330px; top: 44px; }

/* ====== 大學部標題置中，與卡片齊寬 ====== */
.stark_lab_member .group-25 {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1339px;
  margin: 100px auto 0;
  align-self: auto;
}

/* ====== Footer 外層改為自動高度 ====== */
.stark_lab_member .overlap-group19 {
  position: relative;
  width: 100%;
  max-width: 1378px;
  margin: 80px auto 0;
  height: auto;   /* 取代固定 277px，避免被切或留空白 */
}

.stark_lab_member .navigation-and-contacts {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 66px;
  height: 157px;
  position: relative;
}

.stark_lab_member .frame-26 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 120px;
  margin-bottom: -52.00px;
  position: relative;
}

.stark_lab_member .label {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 7px;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 0 7px;
  position: relative;
}

.stark_lab_member .label-1 { letter-spacing: 0; line-height: normal; margin-top: -1.00px; width: fit-content; position: relative; }

.stark_lab_member .info { align-items: flex-start; display: inline-flex; flex-direction: column; gap: 20px; position: relative; }

.stark_lab_member .address-100 { letter-spacing: 0; line-height: normal; position: relative; width: 497px; }

.stark_lab_member .group-30 { height: 30px; left: 1152px; position: absolute; top: 197px; width: 114px; }

.stark_lab_member .content-3 { align-items: flex-start; flex-direction: column; }

.stark_lab_member .link-2 { height: 35px; position: absolute; width: 35px; }
/* 固定連結圖示在卡片右上角 */
.stark_lab_member .group .link-2 {
  position: absolute;
  top: 10px;      /* 距離卡片上邊緣 */
  right: 10px;    /* 距離卡片右邊緣 */
  width: 50px;    /* 圖示大小 */
  height: 50px;
  z-index: 10;    /* 確保在最上層 */
  cursor: pointer;
}





.stark_lab_member .navbar-link-text {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 28px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.stark_lab_member .person-2 { align-items: flex-start; display: flex; flex: 0 0 auto; position: relative; }

/*（需要 RWD 時再補 media query，現在先對齊桌面版 1440 設計）*/




/* 讓整張卡片成為定位基準 */
.stark_lab_member .group{
  position: relative;
  overflow: visible; /* 防止圖示被圓角裁切 */
}

/* 清掉舊的 left/top 以免衝突 */
.stark_lab_member .group .link{
  left: auto !important;
  top: auto !important;
}

/* 用 <a> 當定位目標，擴大可點區域 */
.stark_lab_member .group > a{
  position: absolute;
  top: 12px;
  right: 12px;
  width: 28px;
  height: 28px;
  display: block;
  z-index: 20;       /* 壓在最上層 */
  pointer-events: auto;
}

/* 讓圖示填滿 <a> 區域 */
.stark_lab_member .group > a > img{
  display: block;
  width: 100%;
  height: 100%;
}

/* 若 SVG 太淡或是白色，可先反相或加濃（視需求保留/移除） */
/* .stark_lab_member .group > a > img.link-2{ filter: invert(30%); } */