/* ============================================================
   footer.css
   首屏页脚 + 下滑提示（滚动提示块会追加到本文件）
   ============================================================ */

/* ---------- 页脚 ---------- */
.footer{
  position:relative;
  z-index:1;
  text-align:center;
  padding:0 20px 0;
}
.footer__mark{ /* 品牌花水印 */
  position:absolute;
  left:50%;top:-2px;
  width:66px;height:auto;
  transform:translateX(-50%);
  opacity:.12;
  pointer-events:none;
}
.footer__fr{
  position:relative;
  font-family:var(--latin);
  font-style:italic;
  font-size:12.5px;
  letter-spacing:.03em;
  color:var(--gray-dim);
}
.footer__name{
  position:relative;
  margin-top:16px;
  line-height:0;
}
.footer__name svg{width:118px;height:auto;display:inline-block;opacity:.92}
.footer__city{
  position:relative;
  margin-top:7px;
  font-family:var(--sans);
  font-size:8px;
  font-weight:500;
  letter-spacing:.56em;
  text-indent:.56em;
  color:#75757B;
}

/* ---------- 滚动提示 ---------- */
.scroll-cue{
  position:relative;z-index:1;
  display:flex;justify-content:center;
  padding:4px 0 calc(14px + env(safe-area-inset-bottom));
}
.scroll-cue i{
  display:block;width:1px;height:26px;
  position:relative;
  background:linear-gradient(180deg,rgba(201,163,78,0),rgba(201,163,78,.72));
}
.scroll-cue i::after{
  content:"";position:absolute;left:50%;bottom:0;
  width:3px;height:3px;margin-left:-1.5px;border-radius:50%;
  background:var(--gold);
  animation:cue 2.4s ease-in-out infinite;
}
@keyframes cue{0%,100%{opacity:.18}45%{opacity:1}}