html {
  font-family: -apple-system, SF UI Text, PingFang SC, Hiragino Sans GB, 
    Microsoft YaHei, WenQuanYi Micro Hei, Helvetica Neue, Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  background-color: #ffffff;
}

a {
  text-decoration: none;
}

.logo {
  margin: 2rem auto 0;
  width: 7.5rem;
  height: 7.5rem;
  position: fixed;
  top: 40px;
  border-radius: 1.3rem;
  background-image: url("images/logo1.png");
  background-size: 100% 100%;
  box-shadow: 0 0 0 0 #ffffff;
}

.download-container {
  margin: 1.6rem auto 0;
}

.scan-text {
  font-size: 1.2rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 1.5rem;
  line-height: 1.5;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.download-container button {
  display: block;
  margin: 0.4rem auto 0;
  width: 14.4rem;
  height: 2.88rem;
  background: linear-gradient(167.95deg, #2196F3 3.11%, #7381cf 96.38%);
  font-size: 1.32rem;
  color: #ffffff;
  border: 1px solid rgba(63, 81, 181, 0.72);
  border-radius: 1.8rem;
}

/* 移动端隐藏样式 */
.mobile-hidden {
  display: none !important;
  visibility: hidden !important;
}

/* 移动端媒体查询 */
@media (max-width: 768px) {
  .dw-img.mobile-hidden,
  .part-dw.mobile-hidden,
  .download-container.desktop-sign.mobile-hidden,
  .scan-text.mobile-hidden {
    display: none !important;
    visibility: hidden !important;
  }
}

@media (min-width: 769px) {
  .download-container button {
    display: none;
  }
  
  .orbitx-text {
    display: none;
  }
}

.header {
  position: relative;
  text-align: center;
  background: linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);
  color: white;
}

.inner-header {
  height: 30vh;
  width: 100%;
  margin: 0;
  padding: 0;
}

.flex {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.waves {
  position: relative;
  width: 100%;
  height: 15vh;
  margin-bottom: -7px;
  min-height: 100px;
  max-height: 150px;
}

/* Animation */
.parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}

.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}

.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}

.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}

/* Responsive styles */
@media (max-width: 768px) {
  .waves {
    height: 100px;
    min-height: 40px;
  }
  
  h1 {
    font-size: 24px;
    position: fixed;
    top: 190px;
  }
}

.inner-tex {
  width: 100%;
  margin: 0;
  padding: 0;
}

.fixed_web {
  position: fixed;
  bottom: 35px;
  color: #999;
  width: 100%;
  font-size: 14px;
  text-align: center;
}