

/* ===== 下滑按钮组件 CSS：复制到现有网站即可 =====
   原动画：Naoya / nxworld, Demo: CSS scroll down button, #section06
   来源：https://codepen.io/nxworld/pen/OyRrGy
   保留原版 1.5s / rotateY(720deg) / 渐显渐隐关键帧。
   调整：独立类名、水平居中、颜色变量、键盘焦点、减少动态效果支持。
   放置按钮的父级需要 position: relative。
*/
.nxw-scroll06 {
  /* 可改参数：浅色背景可把颜色设为 #222 或你的品牌色。 */
  --nxw-scroll06-color: #fff;
  --nxw-scroll06-duration: 1.5s;
  --nxw-scroll06-bottom: 20px;

  position: absolute;
  left: 50%;
  bottom: var(--nxw-scroll06-bottom);
  z-index: 2;
  display: inline-block;
  box-sizing: border-box;
  width: auto;
  height: auto;
  margin: 0;
  padding: 70px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: translate(-50%, -50%);
  color: var(--nxw-scroll06-color);
  font: normal 400 20px/1 "Josefin Sans", "Helvetica Neue", Arial, sans-serif;
  letter-spacing: .1em;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  opacity: 1;
  transition: opacity .3s;
  -webkit-tap-highlight-color: transparent;
}
.nxw-scroll06:visited {
  color: var(--nxw-scroll06-color);
}
.nxw-scroll06:hover {
  opacity: .5;
}
.nxw-scroll06:focus-visible {
  outline: 1px dashed currentColor;
  outline-offset: 10px;
}
.nxw-scroll06__arrow {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  margin: 0 0 0 -12px;
  padding: 0;
  border: 0;
  border-left: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  background: transparent;
  transform: rotateZ(-45deg);
  animation: nxw-scroll06-flip var(--nxw-scroll06-duration) ease infinite;
  pointer-events: none;
}
@keyframes nxw-scroll06-flip {
  0% {
    transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .nxw-scroll06 {
    transition: none;
  }
  .nxw-scroll06__arrow {
    animation: none;
    transform: rotateZ(-45deg);
    opacity: 1;
  }
}
/* ===== 下滑按钮组件 CSS 结束 ===== */

/* Requested news-bottom cleanup. Keep the hidden SVG node because the original
   gallery engine still updates .progress-line; removing it would break render(). */
#lf5-module #gallery .controls .progress{display:none!important;}
#lf5-module #gallery .controls,#lf5-module #gallery .controls .scrollHint{border:0!important;box-shadow:none!important;}
#lf5-module #gallery .controls .totalNumber::before{content:"/";margin-right:15px;color:inherit;}
/* Separate overlay only: never change the sticky stage, absolute copy or cards. */
.journey-stage > .lf-scroll-cue-layer{position:absolute;inset:0;z-index:44;pointer-events:none;}
.journey-stage > .lf-scroll-cue-layer[hidden],.lf-scroll-cue-layer .nxw-scroll06[hidden]{display:none!important;}
.journey-stage .lf-scroll-cue-layer .nxw-scroll06{
  --nxw-scroll06-color:var(--lf-orange,#f47735);
  --nxw-scroll06-bottom:max(18px,calc(env(safe-area-inset-bottom,0px) + 12px));
  width:88px;min-height:90px;transform:translateX(-50%);pointer-events:auto;
}
/* The former centred scroll prompts are replaced, not overlaid by a second cue. */
.journey-stage[data-lf-scroll-cues="ready"] > .lf8-next-cue,
.journey-stage[data-lf-scroll-cues="ready"] .lf8-fan-foot .lf8-continue{display:none!important;}
@media(max-width:640px){
  .journey-stage .lf-scroll-cue-layer .nxw-scroll06{font-size:14px;min-height:80px;padding-top:64px;}
}
@media(orientation:landscape) and (max-height:560px){
  .journey-stage .lf-scroll-cue-layer .nxw-scroll06{font-size:12px;min-height:70px;padding-top:56px;--nxw-scroll06-bottom:10px;}
}

