.guide-page {
  background: #020d1d;
}

.guide-page .site-header {
  height: 37px;
  background: #05050f;
}

.guide-page .site-header__inner {
  width: min(636px, 100%);
  padding: 0 36px;
}

.guide-page .brand-link img {
  width: 112px;
  height: 26px;
}

.guide-main {
  min-height: 950px;
  padding: 67px 24px 112px;
  background: linear-gradient(252deg, #020d1d 19.58%, #020d1d 72.53%, #203463 104.5%);
}

.guide-card {
  width: min(636px, 100%);
  min-height: 771px;
  margin: 0 auto;
  padding: 44px 36px 36px;
  border-radius: 14px;
  background: #051834;
}

.guide-card h1,
.guide-card h2,
.guide-card p {
  margin: 0;
}

.guide-card h1 {
  color: #ffffff;
  font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 28px;
}

.guide-intro,
.guide-installation,
.install-steps {
  color: #8b91a5;
  font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
}

.guide-intro {
  width: 661px;
  max-width: calc(100% + 61px);
  margin-top: 26px;
}

.guide-installation {
  margin-top: 18px;
}

.guide-installation h2 {
  color: inherit;
  font: inherit;
}

.install-steps {
  margin: 0;
  padding: 0;
  list-style: none;
}

.install-step {
  margin: 0;
}

.install-step + .install-step {
  margin-top: 10px;
}

.install-step strong {
  color: #b2b5bf;
  font-weight: 600;
}

.guide-step-image {
  height: auto;
  margin-top: 2px;
}

.guide-step-image--download,
.guide-step-image--install {
  width: 223px;
}

.guide-step-image--upgrade {
  width: 226px;
}

@media (min-width: 769px) {
  .guide-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }

  .guide-main {
    flex: 1 0 auto;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .guide-page .site-header {
    height: 80px;
  }

  .guide-page .site-header__inner {
    width: 100%;
    padding: 0 15px;
  }

  .guide-page .brand-link img {
    width: 140px;
    height: 32px;
  }

  .guide-main {
    min-height: 0;
    padding: 0;
  }

  .guide-card {
    width: 100%;
    min-height: 0;
    padding: 50px 36px 55px;
    border-radius: 0;
    background: transparent;
  }

  .guide-card h1 {
    font-size: 20px;
    line-height: 28px;
    text-align: center;
  }

  .guide-intro,
  .guide-installation,
  .install-steps {
    font-size: 12px;
    line-height: 26px;
  }

  .guide-intro {
    width: auto;
    max-width: none;
    margin-top: 25px;
  }

  .guide-installation {
    margin-top: 28px;
  }

  .install-step + .install-step {
    margin-top: 12px;
  }

  .guide-step-image {
    margin-top: 4px;
  }

}