* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: "PingFang";
  src: url("../fonts/PingFang-Bold.ttf");
}

html {
  font-size: calc(100vw / 19.2);
  /* 设置最小和最大字体大小，避免极端情况 */
  /* 最小：移动端320px时，font-size约为16.67px (320/19.2) */
  /* 最大：超大屏3840px时，font-size为200px (3840/19.2)，限制为10rem避免过大 */
  font-size: clamp(0.5rem, calc(100vw / 19.2), 10rem);
  font-family: "CustomFont";
}

body {
  margin: 0;
  font-family: "PingFang", sans-serif;
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
  font-size: 0.16rem;
}

.employee-care {
  min-height: 100vh;
  padding: 1.5rem 3.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
}

.intro {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  width: 100%;
}

.intro-text {
  margin: 0;
  font-size: 0.24rem;
  line-height: 1.33;
  color: #4f80c8;
}

.divider {
  width: 100%;
  height: 0.02rem;
  background-color: #4f80c8;
  display: block;
}

.care-gallery {
  width: 100%;
  display: flex;
  justify-content: center;
}

.gallery-grid {
  /*max-width: 12rem;*/
  /*width: 100%;*/
  /*display: grid;*/
  /*grid-template-columns: repeat(auto-fit, minmax(3rem, 1fr));*/
  /*gap: 0.24rem;*/
  max-width: 12rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(3rem, 1fr));
  gap: 0.24rem;
  justify-content: start;
}
.gallery-card {
  /* display: flex; */
  /* flex-direction: column; */
  /* align-items: center; */
  /* gap: 0.2rem; */
}

.gallery-card img {
  width: 3.84rem;
  height: 2.26rem;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

.card-title {
  margin-top: 0.2rem;
  font-size: 0.16rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
}
.load-more {
  margin-top: 0.2rem;
  padding: 0.05rem 0.16rem;
  border-radius: 0.16rem;
  border: 0.01rem solid #dcdde1;
  background-color: #fff;
  color: #4f80c8;
  font-size: 0.14rem;
  line-height: 1.57;
  cursor: pointer;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

/* 按钮动效 */
.load-more:focus-visible {
  outline: 0.02rem solid #4f80c8;
  outline-offset: 0.04rem;
}

.load-more:hover {
  background-color: rgba(79, 128, 200, 0.08);
  box-shadow: 0 0.04rem 0.16rem rgba(0, 0, 0, 0.08);
}