/* ===== 字体：Noto Sans SC 子集（Black 900 / Bold 700 / DemiLight 350） ===== */
/* 字重经 Chrome 实测墨量匹配旧版 NotoSansHans：DemiLight≈325 / Bold≈640(特性)、580(按钮白字) */
@font-face {
  font-family: 'NotoSC';
  src: url('../assets/notosanssc-350.woff2') format('woff2');
  font-weight: 350;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'NotoSC';
  src: url('../assets/notosanssc-640.woff2') format('woff2');
  font-weight: 640;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'NotoSC';
  src: url('../assets/notosanssc-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: block;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #ffffff;
  font-family: 'NotoSC', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* 固定铺满可视区域，JS 按实际尺寸（visualViewport）计算缩放 */
#viewport {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

/* 设计稿固定 1080x1920，JS 竖屏横纵独立缩放直接铺满，横屏等比居中 */
#stage {
  position: relative;
  width: 1080px;
  height: 1920px;
  transform-origin: 0 0;
  background: #ffffff;
  overflow: hidden;
}

.layer {
  position: absolute;
}

/* 底图 & 底纹 */
.bg {
  left: 0;
  top: 0;
  width: 1080px;
  height: 1920px;
  z-index: 1;
}
.logo {
  z-index: 2;
}
.wave {
  opacity: 0.502;
  z-index: 3;
}

/* 文字公共定位 */
.title-main,
.title-sub,
.platform,
.desc,
.feature,
.btn-text {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  z-index: 10;
}

/* 主标题：Black 104.10px，#0F8A3A -> #0A6496 线性渐变 */
.title-main {
  font-weight: 900;
  font-size: 104.1px;
  line-height: 1;
  letter-spacing: 0;
  background: linear-gradient(135deg, #0f8a3a 40.1%, #0a6496 59.8%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  transform: translateY(-3px);
}

/* 副标题：DemiLight(≈325) 32.63px #354859，保留 PSD 原始空格 */
.title-sub {
  font-weight: 350;
  font-size: 32.63px;
  line-height: 1;
  color: #354859;
  white-space: pre;
  transform: translateY(-5.5px);
}

/* 平台名称：Black 57.96px #163236 */
.platform {
  font-weight: 900;
  font-size: 57.96px;
  line-height: 1;
  color: #163236;
  transform: translateY(-1.75px);
}

/* 描述：DemiLight(≈350) 32.63px #354859 */
.desc {
  font-weight: 350;
  font-size: 32.63px;
  line-height: 1;
  color: #354859;
  transform: translateY(-1.75px);
}

/* 特性文字：Bold(≈640) 34.61px #17263F */
.feature {
  font-weight: 640;
  font-size: 34.61px;
  line-height: 1;
  color: #17263f;
  transform: translateY(-2px);
}

/* 按钮文字：Bold(≈580) 45.02px #FFFFFF */
.btn-text {
  font-weight: 640;
  font-size: 45.02px;
  line-height: 1;
  color: #ffffff;
  transform: translateY(-2.75px);
}
.btn-text-ios {
  transform: translateY(-3px);
}

/* 下载按钮热区（按钮实体约 462x140，y1592-1732） */
.hit {
  position: absolute;
  z-index: 20;
  display: block;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.hit-android {
  left: 63px;
  top: 1588px;
  width: 462px;
  height: 144px;
}
.hit-ios {
  left: 553px;
  top: 1588px;
  width: 462px;
  height: 144px;
}
.hit:active { opacity: 0.85; }