*{ box-sizing: border-box; }
html,body{ height: 100%; }
body{
  margin: 0;
  background: #000;
  overflow-x: hidden;
}

a{ text-decoration: none; }

/* Hero */
.hero{
  position: relative;
  /* 严格固定主图尺寸 */
  width: 400px;
  height: 606px;
  margin: 0 auto;
  background: url("./assets/h5-bg.webp") center/400px 606px no-repeat;
}

.top-right{
  position: absolute;
  top: 22px;
  right: 22px;
  width: 53px !important;
  height: 43px !important;
  max-width: 53px;
  max-height: 43px;
  object-fit: contain;
  display: block;
}

/* Marquee loops */
.loops{
  position: relative;
  padding: 0;
}

.content-float{
  position: absolute;
  left: 50%;
  top: calc(50% - 126px);
  transform: translate(-50%, -50%);
  z-index: 10;
  display: block;
  width: 320px;
  height: 75px;
  max-width: 320px;
  max-height: 75px;
  object-fit: contain;
  pointer-events: none;
}
.marquee{
  position: relative;
  overflow: hidden;
}
.marquee + .marquee{ margin-top: 4px; }
.marquee__track{
  display: flex;
  width: max-content;
  gap: 0;
}
.marquee__track img{
  display: block;
  width: 1586.25px;
  height: 60px;
  max-width: 1586.25px;
  max-height: 60px;
  object-fit: contain;
  user-select: none;
  pointer-events: none;
}
.marquee--rtl .marquee__track{
  animation: marquee-rtl 18s linear infinite;
}
.marquee--ltr .marquee__track{
  animation: marquee-ltr 20s linear infinite;
}
@keyframes marquee-rtl{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}
@keyframes marquee-ltr{
  0%{ transform: translateX(-50%); }
  100%{ transform: translateX(0); }
}

/* Download area */
.download-area{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 28px 0 56px;
}
.download{
  display: inline-block;
}
.download img{
  display: block;
  width: 240px;
  height: 51.76px;
  max-width: 240px;
  max-height: 51.76px;
  object-fit: contain;
}

/* Responsive */
@media (max-width: 900px){
  .top-right{ top: 14px; right: 14px; }
}

@media (prefers-reduced-motion: reduce){
  .marquee__track{ animation: none !important; }
}