@media screen and (max-width: 768px) {
  .wrapper.scenic-wrapper {
    width: 100vw;
    height: auto;
    padding: 0 12px;
    margin: 0;
    overflow-x: hidden;
  }
  .wrapper.scenic-wrapper .container .video-container video {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
  }
  .geopark-container .geopark-news {
    padding-bottom: 0;
  }

  .geopark-intro-wrapper {
    width: 100vw;
    height: auto;
    padding: 0 12px;
    overflow: hidden;
    background: none;
  }
  .geopark-intro-wrapper .intro-content-title {
    display: none;
  }
  .geopark-intro-wrapper .intro-content {
    float: none;
  }
  .geopark-intro-wrapper .intro-content .intro-body {
    width: 100%;
    height: auto;
    padding: 0;
  }
  .geopark-intro-wrapper .intro-content-desc {
    font-size: 14px;
  }

  .geopark-line-title {
    position: relative;
    left: 12px;
    width: calc(100vw - 24px);
  }

  .geopark-route-content {
    margin-top: 24px;
  }
  .geopark-route-content .route-content {
    width: 100vw;
    padding: 0 12px;
  }
  .geopark-route-content .route-content dd {
    padding: 12px;
  }
  .geopark-route-content .route-content dd p {
    padding: 0;
    margin-bottom: 12px;
  }
  .geopark-route-content .route-map {
    padding: 0;
    margin-bottom: 48px;
  }

  /* 统一标题样式 */
  .geopark-container .geopark-news-title,
  .geopark-intro-wrapper .intro-content-text,
  .geopark-line-title,
  .geopark-route-content .geopark-line-title {
    height: 36px;
    background-color: #094;
    margin: 24px 0 12px;
    padding: 0;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #fff;
  }
}