@media (max-width: 768px) {

/* ===== 页面Banner ===== */

.page-banner {

  width: 100%;

  height: 35vw;

  overflow: hidden;

  margin-top: var(--header-height-mobile);
}



.page-banner img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



/* ===== 联系我们 ===== */

.contact-section {

  padding: 20px 0;

  background-color: #fff;

}



.contact-layout {

  display: grid;

  grid-template-columns: 1fr;

  gap: 20px;

}



/* ===== 地图 ===== */

.map-container {

  border-radius: 10px;

  overflow: hidden;

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);

}



.map-image {

  width: 100%;

  display: block;

}



/* ===== 联系信息 ===== */

.contact-info {

  display: flex;

  flex-direction: column;

}



.contact-title {

  font-size: 16px;

  font-weight: 600;

  color: var(--text-dark);

}



.info-item {

  display: flex;

  align-items: center;

}



.info-item h4 {

  font-size: 14px;

  font-weight: 600;

}



.info-item p {

  font-size: 15px;

  color: var(--text-dark);

  line-height: 1.6;

}



.info-phone {

  font-size: 18px !important;

  font-weight: 600;

  color: var(--primary-color) !important;

}



/* ===== 预定二维码 ===== */

.booking-qr {

  background-color: #fff;

  border-radius: 8px;

  padding: 20px;

  text-align: center;

  margin-top: 20px;

}



.booking-qr h4 {

  font-size: 17px;

  font-weight: 600;

  color: var(--text-dark);

  margin-bottom: 6px;

}



.qr-subtitle {

  font-size: 14px;

  color: #000;

  margin-bottom: 15px;

}



.qr-code-wrapper {

  display: flex;

  justify-content: center;

  margin-bottom: 10px;

}



.qr-code {

  width: 130px;

  height: 130px;

  border-radius: 6px;

}



.qr-tip {

  font-size: 13px;

  color: #fff;

}

}