.locations-section {
  padding-top: 2.3vh;
}
.locations-section .container {
  padding: 0 var(--distance);
  padding-bottom: 11.2vh;
}
.locations-section .container .section-header {
  margin-top: 3.5vh;
  margin-bottom: 6.9rem;
}
.locations-section .container .section-header .section-sub-title {
  font-size: 3.2rem;
  font-weight: 100;
  margin-bottom: 3.9rem;
}
.locations-section .container .section-header .section-title {
  font-size: var(--title);
  font-weight: 100;
  letter-spacing: -0.8px;
}
.locations-section .container .locations-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 2.6rem;
}
.locations-section .container .locations-grid .location-card {
  width: 100%;
  border-radius: var(--radius);
  overflow: hidden;
}
.locations-section .container .locations-grid .location-card .location-link {
  text-decoration: none;
  color: #000;
}
.locations-section .container .locations-grid .location-card .location-image {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: var(--radius);
  overflow: hidden;
}
.locations-section .container .locations-grid .location-card .location-image img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.locations-section .container .locations-grid .location-card .location-info h4 {
  font-size: var(--sub-title);
  text-decoration: none;
  line-height: 1.8;
  font-weight: 100;
}
@media all and (max-width: 1441px) {
  .locations-section .container .section-header .section-sub-title {
    font-size: var(--h3);
  }
  .locations-section .container .section-header .section-title {
    font-size: var(--h1);
  }
  .locations-section .container .locations-grid .location-card .location-info h4 {
    font-size: var(--h3);
  }
}
@media all and (max-width: 769px) {
  .locations-section .container {
    /* 2026-08-16 手机版底部间距 */
    padding-bottom: 5rem;
  }
  .locations-section .container .section-header {
    margin-top: 3.5vh;
    margin-bottom: 3rem;
  }
  .locations-section .container .section-header .section-sub-title {
    font-size: var(--h3);
  }
  .locations-section .container .section-header .section-title {
    font-size: var(--t1);
  }
  .locations-section .container .locations-grid {
    /* 2026-08-16 手机版 slider: Swiper wrapper 必须 flex, 卡片 40% = 显示 2.5 个 */
    display: flex;
    column-gap: 0rem;
  }
  .locations-section .container .locations-grid .location-card {
    flex-shrink: 0;
    width: 40%;
  }
  .locations-section .container .locations-grid .location-card .location-info h4 {
    font-size: var(--t3);
  }
}