@media (max-width: 999px) {
  .cityu {
    /* /about/campus/map */
    .campus-map-page {
      .ui-dialog[aria-describedby="map-info-dialog"] {
        display: none !important;
      }

      .map-wp {
        display: flex;
        flex-direction: column-reverse;
      }

      #google-map {
        flex: unset;
        height: 500px;
        display: block !important;
      }
    }
  }
}

/* ============================================================
   Campus Map InfoWindow 修复 — 760-999px 竖排文字问题
   ============================================================ */

/* --- 1. 760-999px：取消图片左浮动两栏布局，改回上下堆叠 --- */
@media (min-width: 760px) and (max-width: 999.98px) {
  .cityu .campus-map-wrapper .poi-tabs .poi-info img,
  .poi-info img {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    max-width: 240px;
    display: block;
    margin: 0 auto 10px;
  }

  .cityu .campus-map-wrapper .poi-tabs .poi-info .info-item,
  .poi-info .info-item {
    margin-left: 0 !important;
  }

  /* label 在这个区间也收窄，给 content 留空间 */
  .cityu .campus-map-wrapper .poi-tabs .poi-info .info-item .lb {
    min-width: 72px;
    max-width: 72px;
    font-size: 0.75rem;
  }
}

/* --- 2. 全断点：给 .ct 加防竖排兜底 --- */
.cityu .campus-map-wrapper .poi-tabs .poi-info .info-item .ct {
  flex: 1 1 auto;
  min-width: 0;
  word-break: normal;
  overflow-wrap: break-word;
}

/* --- 3. <760px 移动端：label 也适当收窄（当前 155px 太宽） --- */
@media (max-width: 759.98px) {
  .cityu .campus-map-wrapper .poi-tabs .poi-info .info-item .lb {
    min-width: 72px;
    max-width: 72px;
    font-size: 0.75rem;
  }
}

/* --- 4. InfoWindow 宽度兜底：确保内容区不被挤压 --- */
.cityu .campus-map-wrapper .poi-tabs {
  min-width: 260px;
}

.cityu .campus-map-wrapper .poi-tabs .poi-info .info-item {
  min-width: 0;
}