/* 底部"首页/联系我们"导航，各页面共用。
   依赖：外层 .page 必须是 display:flex; flex-direction:column; 且有 min-height（不能是固定 height），
   这样 margin-top:auto 才能把本区块顶到视口底部，不会因为上方内容少而往上挪。 */
.footer-nav {
  flex-shrink: 0;
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8vw;
  width: 100%;
  box-sizing: border-box;
  padding: 8.53vw 8.53vw calc(8.53vw + env(safe-area-inset-bottom, 0px));
}

.footer-nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.6vw;
  height: 12.27vw;
  padding: 0 5.86vw;
  background-image: linear-gradient(
    180deg,
    rgba(255, 176, 55, 1) 0,
    rgba(234, 104, 0, 1) 100%
  );
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 23px;
  color: rgba(255, 255, 255, 1);
  font-size: 4.26vw;
  font-family: HarmonyOS_Sans_SC_Medium, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  white-space: nowrap;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.footer-nav-btn:active {
  opacity: 1;
}

.footer-nav-icon {
  width: 5.34vw;
  height: 5.34vw;
  flex-shrink: 0;
}