main {
    --max-width: 1440px;
    --c-bg-1: #081b26;
    --c-bg-2: #08171e;
    --c-bg-3: #0A0A08;
    --c-bg-4: #081b26;

    [id*='__vbot_rich_text_'] {
      .rich-text__text {
        p {
          width: min(100%, 1080px);
          margin: 0 auto;
        }
      }
    }
  }

  /* features */
  [id*='vbot_rich_text_enRCDN'] {
    background: linear-gradient(180deg, var(--c-bg-1), var(--c-bg-2))!important;
    .rich-text__heading {
      background: linear-gradient(90deg, #FFF 0%, #1E6491 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .rich-text__buttons {
      a {
        background-color: #1e6491;
        color: #fff;
        margin-top: 24px;
        font-size: var(--font-32-24);
        font-weight: 500;
      }
    }
  }
  @media screen and (max-width: 749px) {
    [id*='__vbot_rich_text_enRCDN'] {
      .rich-text__buttons a.button {
        font-size: 14px;
        padding: 12px 24px;
        line-height: 1.35;
      }
    }
  }

  /* overview */
  [id*='__section_overview_4kRnPj'] {
    .page-layout {
      background: linear-gradient(180deg, var(--c-bg-2) 0%, var(--c-bg-3) 40%, var(--c-bg-4) 100%);
    }
    .section-overview-container {
      container-type: inline-size;
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-template-rows:
        repeat(6, minmax(auto, 1fr))
        minmax(auto, 1fr)
        repeat(2, minmax(auto, 1fr));
      gap: clamp(10px, 2vw, 30px);
      max-width: 1440px;
      aspect-ratio: 505 / 1920;
    }

    .section-overview-item {
      border-radius: 16px;
      overflow: hidden;
      background: linear-gradient(97deg, #0C2630 6.22%, #0D2D33 47.2%, #0C2630 94.58%);
    }

    .item1  { grid-area: 1 / 1 / 2 / 13; }
    .item2  { grid-area: 2 / 1 / 2 / 8; }
    .item3  { grid-area: 2 / 8 / 3 / 13; }
    .item4  { grid-area: 3 / 1 / 4 / 13; }
    .item5  { grid-area: 4 / 1 / 5 / 13; }
    .item6  { grid-area: 5 / 1 / 6 / 8; }
    .item7  { grid-area: 5 / 8 / 6 / 13; }
    .item8  { grid-area: 6 / 1 / 7 / 13; }
    .item9  { grid-area: 7 / 1 / 8 / 7; }
    .item10 { grid-area: 7 / 7 / 8 / 13; }
    .item11 { grid-area: 8 / 1 / 9 / 13; }
    .item12 { grid-area: 9 / 1 / 10 / 13; }

    @media (max-width: 767px) {
      .section-overview-title {
        display: none;
      }
      .section-overview-container {
        grid-template-areas: none !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto;
        aspect-ratio: auto;
        gap: 14px;
        .section-overview-item {
          display: grid;
          grid-template-columns: 1fr;
          grid-template-rows: repeat(2, auto);
          background: transparent;
          &:has(.section-overview-item-notes) {
            grid-template-rows: repeat(3, auto);
          }
          &:has(.section-overview-item-custom-content) {
            .section-overview-item-img {
              grid-row-start: 2 !important;
            }
          }
          .section-overview-item-text {
            position: static;
            order: 2;
            padding-left: 0;
            .section-overview-item-desc {
              p {
                font-size: 12px;
              }
            }
          }
          .section-overview-item-img {
            position: relative;
            order: 3;
          }
          .section-overview-item-notes {
            position: static;
            order: 2;
            padding-top: 0;
            padding-left: 20px;
            color: #fff;
          }
          .section-overview-item-icon {
            display: none;
          }
          .section-overview-item-custom-content {
            .MH09TR__ovitem--header {
              text-align: left !important;
            }
          }

          &:nth-child(1) {
            .section-overview-item-text {
                width: 100%;
            }
            .section-overview-item-notes {
              font-size: 12px;
              color: #fff;
              padding-left: 0;
              strong {
                font-size: 16px;
              }
            }
          }
          &:nth-child(6) {
            .section-overview-item-text {
              transform: unset;
              width: 100%;
              p {
                color: #fff;
              }
            }
          }
          &:nth-child(8) {
            .section-overview-item-custom-content {
              .MH09TR__ovitem--prod-8 > div {
                transform: unset;
                width: 100%;
                p {
                  color: #fff;
                }
              }
            }
          }
        }
      }
      .section-overview-container > .section-overview-item {
        grid-area: auto;
        min-height: 180px;
      }
    }
    @media (max-width: 767px) {
      .grid-overview__blocks {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        aspect-ratio: auto;
        gap: 14px;
      }
      .grid-overview__blocks > .section-overview-item {
        grid-area: auto;
        min-height: 220px;
      }
    }

    .section-overview-item {
      .section-overview-item-text {
        bottom: unset;
        top: 20px;
        text-align: left;
        background: unset;
        .section-overview-item-title {
          background: linear-gradient(90deg, #fff -25.18%, #1e6491 123.61%);
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          font-size: var(--font-36-24);
          font-size: clamp(24px, 2.5cqw, 36px);
          font-weight: 600;
          line-height: 1.25;
          padding-bottom: 4px;
          width: 100%;
        }
        .section-overview-item-desc {
          max-width: unset;
          p {
            font-size: 18px;
          }
        }
      }
      &:has(.section-overview-item-custom-content) {
        display: grid;
        height: max-content;
        .section-overview-item-img,
        .section-overview-item-custom-content {
          grid-area: 1 / 1;
        }
        .section-overview-item-img {
          z-index: 1;
        }
        .section-overview-item-custom-content {
          z-index: 3;
        }
      }
      &:nth-child(1) {
        .section-overview-item-text {
          width: 45%;
        }
        .section-overview-item-notes {
          background: unset;
          font-size: 18px;
          color: #cbcbcb;
          strong {
            font-size: 28px;
          }
        }
      }
      &:nth-child(2),
      &:nth-child(3){
        .section-overview-item-text {
          top: unset;
          bottom: 0;
          .section-overview-item-title {
            font-size: var(--font-32-20);
          }
          .section-overview-item-desc {
            p {
              font-size: 12px;
            }
          }
        }
      }
      &:nth-child(4) {
        .section-overview-item-text {
          top: 8%;
          width: 50%;
          margin-left: auto;
          .section-overview-item-title {
            /* font-size: var(--font-60-24); */
          }
        }
      }
      &:nth-child(6) {
        .section-overview-item-text {
          top: 50%;
          transform: translateY(-50%);
          text-align: left;
          width: 50%;
          margin-left: auto;
          .section-overview-item-title {
            /* font-size: var(--font-60-24); */
          }
        }
      }
      &:nth-child(10) {
        .section-overview-item-text {
          top: unset;
          bottom: 0;
          .section-overview-item-title {
            /* font-size: var(--font-60-24); */
          }
        }
      }

      .section-overview-item-custom-content {
        [class*=MH09TR__ovitem--prod-] {
          /* position: absolute;
          inset: 0; */
          display: grid;
          grid-area: 1;
          h4 {
            font-size: var(--font-36-24);
            font-size: clamp(24px, 2.5cqw, 36px);
            background: linear-gradient(90deg, #FFF -17.07%, #1E6491 93.21%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
          }
        }
        .MH09TR__ovitem--prod-5,
        .MH09TR__ovitem--prod-11,
        .MH09TR__ovitem--prod-12 {
          .MH09TR__ovitem--header {
            text-align: center;
          }
        }
        .MH09TR__ovitem--prod-8 {
          > div {
            width: 45%;
            margin-left: auto;
            h4 {
              background: linear-gradient(90deg, #FEFEFE -23%, #1E6491 19.1%);
              background-clip: text;
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
            }
            p {
              color: #325C78;
            }
          }
        }
      }
    }
  }

  /* 两列 */
  [id*='vbot_rich_text_ygPqMt'] {
    .rich-text__text p {
      padding-top: 8px;
      padding-bottom: 12px;
      color: #999;
    }
    .rich-text__text p {
      padding-top: 16px;
      padding-bottom: 32px;
      color: #999;
      font-size: var(--font-24-16);
      strong {
        color: #333;
      }
    }
    .mhub-09tr-software {
      .MHUB09TR-softwares-item {
        display: grid;
        grid-template-columns: 1fr;
        aspect-ratio: 700 / 444;
        .MHUB09TR-softwares-item-img {
          grid-area: 1 / 1;
          order: 2;
        }
        .MHUB09TR-softwares-item-content {
          grid-area: 1 / 1;
          order: 3;
          display: flex;
          align-items: flex-end;
          padding-bottom: 2rem;
          a {
            margin: 0 auto;
            padding: 12px 48px;
            border-radius: 50px;
            background: rgba(59, 172, 255, 0.3);
            backdrop-filter: blur(16px);
            color: #fff;
          }
        }
        &.MHUB09TR-softwares-item--rd {
          .MHUB09TR-softwares-item-content {
            a {
              border-radius: 50px;
              border: 1px solid #f1f1f1;
              background: #1e6491;
              backdrop-filter: blur(16px);
            }
          }
        }
      }
    }
  }

  /* home applications swiper */
  [id*='__home_applications_swiper_xTjfNY'] {
    .page-layout-content {
      background: linear-gradient(180deg, #081b26 0%, #0a0a08 100%);
      .swiper-pagination {
        .swiper-pagination-bullet {
          background: #8b8b8b;
        }
      }
    }
  }

  /* in box */
  [id*='__grid_overview_MPmzkh'] {
    .grid-overview__item-text-desc {
      color: #333;
      text-align: center;
    }
    .grid-overview__subtitle {
      padding-bottom: 32px;
    }
    .grid-overview__blocks {
      grid: 'item1' 'item2' 'item3' 'item4' 'item5' 'item6' 'item7' 'item8' 'item9' 'item10' 'item11' 'item12' 'item13' 'item14' 'item15';
    }
    @media (min-width: 750px) {
      .grid-overview__blocks {
        grid:
          'item1 item1 item2 item2'
          'item3 item4 item5 item6'
          'item7 item8 item9 item10'
          'item11 item12 item13 item14'
          'item15 . . .';
      }
    }

    .grid-overview__item {
      img {
        height: auto;
        border-radius: 8px;
      }
      .grid-overview__item-text {
        position: static;
        padding-top: 16px;
      }
    }
  }

  /* 参数表 */
  .metrohub-09tr-specifications {
    text-align: left;
    overflow-x: auto;
    img {
      max-width: 50%;
    }
    table {
      border-collapse: collapse;
      min-width: 600px;
      th,
      td {
        border: 1px solid #ccc;
        vertical-align: middle;
        padding: var(--spacing-8) var(--spacing-6);
      }
      thead tr {
        background-color: #f8f8f8;
        color: #8b8b8b;
      }
      td {
        color: #8b8b8b;
        .MH09tr-specifications--first-tr {
          color: #222;
        }
      }
      .MH09tr-specifications--first-tr {
        color: #333;
      }
      &.table--Main {
        margin-bottom: 40px;
        tbody td {
          width: 50%;
        }
      }
      &.table--ScannerAndTracker {
        margin-bottom: 40px;
        tbody td {
          width: 25%;
        }
      }
    }
  }  

  [id*='__apps_formBuilder'] {
    .globo-form-app h2.globo-heading {
      font-size: var(--font-48-24) !important;
    }
    .globo-form-app .header .description {
      font-size: var(--font-24-16) !important;
      color: #999 !important;
      width: min(100%, 100rem) !important;
      margin: 0 auto !important;
      padding-bottom: 24px;
    }
  }
  .gfb__footer button {
    width: 100%;
    max-width: 360px;
    --h: 52px;
    height: var(--h);
    line-height: var(--h);
    border-radius: var(--h) !important;
  }

  [id*='__multirow_'] .image-with-text:not(:last-child) {
    padding-bottom: 8rem;
  }