.contact-wrap {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      text-align: center;
    }
    .contact-item {
      box-sizing: border-box;
      padding: 20px;
    }
    /* PC ≥768px：一行4个 */
    @media (min-width: 768px) {
      .contact-item {
        flex: 1 1 calc(25% - 20px);
      }
    }
    /* 手机 <768px：一行2个 */
    @media (max-width: 767px) {
      .contact-item {
        flex: 1 1 calc(50% - 20px);
      }
    }