/* 750 设计稿：1rem = 75px（html=10vw） */
html{
  font-size:10vw;
  height:100%;
  /* iOS Safari 地址栏修复 */
  height: 100vh;
  height: 100dvh; /* 动态视口高度，优先使用 */
}
@media (min-width: 750px){
  html{ font-size:75px; }
}
html,body{
  position: relative;
  max-width: 750px;
  margin:0 auto;
  overscroll-behavior: none;
  /* iOS 防止橡皮筋效果 */
  -webkit-overflow-scrolling: touch;
}
body{
  margin:0;
  height:100%;
  /* iOS Safari 地址栏修复 */
  height: 100vh;
  height: 100dvh; /* 动态视口高度，优先使用 */
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif;
  background:#efefef;
  overflow:hidden;
  /* iOS 固定定位修复 */
  position: fixed;
  width: 100%;
  max-width: 750px;
  left: 50%;
  transform: translateX(-50%);
}

.app{
  position: fixed;
  inset:0;
  overflow:hidden;
  /* iOS 视口高度修复 */
  height: 100vh;
  height: 100dvh;
}

.pager{
  position:absolute;
  inset:0;
  touch-action:pan-y;
  transform:translate3d(0,0,0);
  will-change:transform;
  /* iOS 视口高度修复 */
  height: 100vh;
  height: 100dvh;
}

.page{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  /* iOS 视口高度修复 */
  height: 100vh;
  height: 100dvh;
  overflow:hidden;
}

.page__bg{
  position:absolute;
  inset:0;
  background: radial-gradient(circle at 30% 20%, rgba(0,180,255,.35), transparent 55%),
              radial-gradient(circle at 70% 70%, rgba(255,140,0,.28), transparent 55%),
              linear-gradient(160deg, #061b5a 0%, #0a2c78 45%, #061b5a 100%);
  transform:translateZ(0);
}

/* 每页给个不同强度的底色占位，方便识别 */
.bg--p1{ filter:hue-rotate(0deg); }
.bg--p2{ filter:hue-rotate(12deg); }
.bg--p3{ filter:hue-rotate(24deg); }
.bg--p4{ filter:hue-rotate(36deg); }
.bg--p5{ filter:hue-rotate(48deg); }
.bg--p6{ filter:hue-rotate(60deg); }
.bg--p7{ filter:hue-rotate(72deg); }
.bg--p8{ filter:hue-rotate(84deg); }
.bg--p9{ filter:hue-rotate(96deg); }
.bg--p10{ filter:hue-rotate(108deg); }
.bg--p11{ filter:hue-rotate(120deg); }
.bg--p12{ filter:hue-rotate(132deg); }
.bg--p13{ filter:hue-rotate(144deg); }
.bg--p14{ filter:hue-rotate(156deg); }
.bg--p15{ filter:hue-rotate(168deg); }
.bg--p16{ filter:hue-rotate(180deg); }
.bg--p17{ filter:hue-rotate(192deg); }
.bg--p18{ filter:hue-rotate(204deg); }
.bg--p19{ filter:hue-rotate(216deg); }

.page__content{
  position:absolute;
  inset:0;
  padding: 1.0rem 0.6rem 1.0rem;
  display:flex;
  flex-direction:column;
  gap:0.35rem;
  color:#fff;
}

.h1{
  font-size:0.64rem;
  line-height:1.1;
  font-weight:800;
  text-shadow: 0.06rem 0.08rem 0.18rem rgba(0,0,0,.45);
}
.h2{
  font-size:0.38rem;
  line-height:1.2;
  opacity:.9;
  text-shadow: 0.06rem 0.08rem 0.18rem rgba(0,0,0,.35);
}

.btn{
  appearance:none;
  border:0;
  border-radius:0.22rem;
  padding:0.32rem 0.44rem;
  font-size:0.32rem;
  font-weight:700;
  background:rgba(255,255,255,.12);
  color:#fff;
  backdrop-filter: blur(8px);
}
.btn:active{ transform:scale(.98); }
.btn.primary{
  background:linear-gradient(180deg, rgba(255,210,120,.95), rgba(255,160,80,.95));
  color:#1b1b1b;
}

.row{
  display:flex;
  gap:0.3rem;
}

.ph{
  border-radius:0.24rem;
  border:0.02rem dashed rgba(255,255,255,.4);
  background:rgba(255,255,255,.08);
  padding:0.5rem;
  font-size:0.28rem;
  opacity:.95;
}
.ph.big{
  height:7.0rem;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.placeholder-row{
  display:flex;
  gap:0.3rem;
}
.placeholder-row .ph{
  flex:1;
  min-height:2.2rem;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.hint{
  margin-top:auto;
  font-size:0.26rem;
  opacity:.75;
  text-align:center;
}

/* 动画 */
.anim{
  opacity:0;
  transform:translate3d(0,0.24rem,0);
}
.page.is-active .anim{
  animation: enterFadeUp 520ms ease forwards;
  animation-delay: var(--delay, 0ms);
}
.page.is-active .anim[data-anim="fadeIn"]{
  transform:none;
  animation-name: enterFade;
}
.page.is-active .anim[data-anim="fadeUp"]{
  animation-name: enterFadeUp;
}
.page.is-active .anim[data-anim="fadeLeft"]{
  transform:translate3d(-0.4rem,0,0);
  animation-name: enterFadeLeft;
}

@keyframes enterFade{
  from{ opacity:0; }
  to{ opacity:1; }
}
@keyframes enterFadeUp{
  from{ opacity:0; transform:translate3d(0,0.28rem,0); }
  to{ opacity:1; transform:translate3d(0,0,0); }
}
@keyframes enterFadeLeft{
  from{ opacity:0; transform:translate3d(-0.5rem,0,0); }
  to{ opacity:1; transform:translate3d(0,0,0); }
}

/* ========== Animate.css 集成 ========== */
/* 默认隐藏所有动画元素，激活时显示并播放 */
.page .animate__animated {
  opacity: 0;
  animation-play-state: paused;
}
.page.is-active .animate__animated {
  opacity: 1;
  animation-play-state: running;
}

/* 自定义延迟类 */
.animate-delay-100 { animation-delay: 0.1s !important; }
.animate-delay-200 { animation-delay: 0.2s !important; }
.animate-delay-300 { animation-delay: 0.3s !important; }
.animate-delay-400 { animation-delay: 0.4s !important; }
.animate-delay-500 { animation-delay: 0.5s !important; }
.animate-delay-600 { animation-delay: 0.6s !important; }
.animate-delay-800 { animation-delay: 0.8s !important; }
.animate-delay-1000 { animation-delay: 1s !important; }
.animate-delay-1200 { animation-delay: 1.2s !important; }

/* 箭头脉动动画 */
@keyframes arrowBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-0.3rem); }
}
.arrow-bounce {
  animation: arrowBounce 1.2s ease-in-out infinite;
}


/* 页内左右滑 */
.inner-swiper{
  position:relative;
  width:100%;
  height:7.6rem;
  border-radius:0.28rem;
  overflow:hidden;
  border:0.02rem solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.12);
}
.inner-track{
  display:flex;
  height:100%;
  width:100%;
  transform:translate3d(0,0,0);
  will-change:transform;
}
.inner-slide{
  width:100%;
  height:100%;
  flex:0 0 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0.4rem;
  box-sizing:border-box;
}
.inner-dots{
  position:absolute;
  left:0;
  right:0;
  bottom:0.22rem;
  display:flex;
  justify-content:center;
  gap:0.16rem;
}
.inner-dot{
  width:0.14rem;
  height:0.14rem;
  border-radius:50%;
  background:rgba(255,255,255,.35);
}
.inner-dot.is-on{ background:rgba(255,255,255,.9); }

/* 文章滚动 */
.card{
  border-radius:0.28rem;
  background:rgba(255,255,255,.92);
  color:#111;
  padding:0.4rem;
  box-sizing:border-box;
}
.scroll-box{
  height:8.6rem;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior: contain;
}
.scroll-box__inner{
  padding-right:0.1rem;
}
.p{
  font-size:0.30rem;
  line-height:0.52rem;
  margin:0 0 0.32rem;
  color:#333;
}
.p.end{
  font-weight:800;
  color:#06427f;
}

/* 背景音乐控制 */
.music-control {
  position: fixed;
  top: max(0.4rem, env(safe-area-inset-top, 0.4rem));
  right: max(0.3rem, env(safe-area-inset-right, 0.3rem));
  width: 1.1rem;
  height: 1.1rem;
  z-index: 100;
  cursor: pointer;
  transition: transform 0.3s ease;
  -webkit-tap-highlight-color: transparent;
}

.music-control svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0.1rem 0.3rem rgba(67, 243, 249, 0.4));
}

/* 旋转光环 */
.music-control.playing .rotating-ring {
  animation: musicRotate 8s linear infinite;
  transform-origin: 60px 60px;
}

.music-control.paused .rotating-ring {
  animation: none;
}

/* 音波动画 - 播放时 */
.music-control.playing .wave {
  animation: waveAnimation 1.2s ease-in-out infinite;
}

.music-control.playing .wave-1 {
  animation-delay: 0s;
}

.music-control.playing .wave-2 {
  animation-delay: 0.15s;
}

.music-control.playing .wave-3 {
  animation-delay: 0.3s;
}

.music-control.playing .wave-4 {
  animation-delay: 0.45s;
}

/* 暂停时音波消失 */
.music-control.paused .wave {
  animation: none;
  opacity: 0 !important;
}

/* 点击效果 */
.music-control:active {
  transform: scale(0.9);
}

/* 悬停效果 */
@media (hover: hover) {
  .music-control:hover {
    filter: brightness(1.2);
  }
}

@keyframes musicRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes waveAnimation {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 0.8;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}

/* 页
.dots{
  position:absolute;
  right:0.22rem;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  gap:0.14rem;
}
.dot{
  width:0.12rem;
  height:0.12rem;
  border-radius:50%;
  background:rgba(255,255,255,.25);
}
.dot.is-active{ background:rgba(255,255,255,.9); }

/* 视频 overlay */
.video-overlay{
  position:fixed;
  inset:0;
  background:#000;
  z-index:50;
}
.video-el{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#000;
}
.video-close{
  position:absolute;
  top: max(0.22rem, env(safe-area-inset-top));
  right: max(0.22rem, env(safe-area-inset-right));
  width:0.9rem;
  height:0.9rem;
  border-radius:50%;
  border:0;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:0.6rem;
  line-height:0.9rem;
}

/* Page 1 (Lanhu Design specific) - 750px adaptation (1rem=75px) */
/* Scoped to Page 1 to prevent conflicts */
.page[data-page="1"] .box_1 {
  width: 10rem;
  height: 100%;
  background: url(https://www.hndt.com/2026lianghui/ce07b14871d70135e323b7a7658758fc.png) 100% no-repeat;
  background-size: 100% 100%;
  position: relative;
  overflow: hidden;
}

.page[data-page="1"] .image_1 {
  width: 5.253rem;
  height: 1.066rem;
  margin: 0.68rem 0 0 2.333rem;
  display: block;
}

.page[data-page="1"] .text-wrapper_1 {
  background-image: linear-gradient(
    180deg,
    rgba(80, 154, 255, 0.43) 0,
    rgba(80, 154, 255, 0.43) 0.854492%,
    rgba(67, 243, 249, 0.03) 100%,
    rgba(67, 243, 249, 0.03) 100%
  );
  height: 0.853rem;
  width: 8.533rem;
  margin: 0.4rem 0 0 0.733rem;
  display: flex;
  flex-direction: column;
}

.page[data-page="1"] .text_1 {
  width: 6.92rem;
  height: 0.386rem; 
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.4rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 1.2;
  margin: 0.24rem 0 024rem 0.8rem;
  display: block;
}

.page[data-page="1"] .image_2 {
  width: 8.773rem;
  height: 2.986rem;
  margin: 0.493rem 0 0 0.72rem;
  display: block;
}

/* Scoped .paragraph_1 for Page 1 */
.page[data-page="1"] .paragraph_1 {
  width: 100%;
  overflow-wrap: break-word;
  color: rgba(255, 239, 199, 1);
  font-size: 0.346rem;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: center;
  line-height: 0.613rem;
  margin: 0.386rem 0 0 0;
  display: block;
  padding: 0 0.5rem;
  box-sizing: border-box;
}

.page[data-page="1"] .image_3 {
  width: 5.333rem;
  /* height: 1.026rem; */
  margin: 3.7rem 0 0 2.333rem;
  display: block;
}

.page[data-page="1"] .feedback-link {
  display: block;
  text-align: center;
  margin: 0.3rem auto 0;
}

.page[data-page="1"] .image_feedback {
  width: 5rem;
  height: auto;
  display: inline-block;
}

.page[data-page="1"] .paragraph_2 {
  width: 100%;
  overflow-wrap: break-word;
  color: rgba(255, 239, 199, 1);
  font-size: 0.346rem;
  font-family: OPPOSans-M;
  font-weight: 500;
  text-align: center;
  line-height: 0.613rem;
  margin: 0.1rem 0 0.1rem 0;
  display: block;
  padding: 0 0.5rem;
  box-sizing: border-box;
}

.page[data-page="1"] .image_4 {
  width: 4rem;
  height: auto;
  margin: 0.1rem auto;
  margin-bottom: max(1.5rem, calc(1rem + env(safe-area-inset-bottom, 0)));
  display: block;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

/* Page 2 (Video Page) */
.page[data-page="2"] .image-wrapper_2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Background removed as requested */
  /* background: url(https://www.hndt.com/2026lianghui/3a18193d088767cb0c2444d3eecb8f89.png) 100% no-repeat; */
  /* background-size: 100% 100%; */
  pointer-events: none; /* Let clicks pass through if needed, though here we have a button inside */
}

/* Renamed to avoid conflict with Page 1 .image_3 */
.p2_arrow {
  display: block;
  width: 0.44rem;
  height: 1.16rem;
  /* Original margin: 19.227rem 0 0 4.88rem; */
  /* Converting to absolute position might be safer for "bottom arrow" */
  position: absolute;
  left: 4.88rem;
  bottom: 1.5rem; 
  /* pointer-events: auto because wrapper is none */
  pointer-events: auto;
}

.page__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

/* Page 3 (Full Screen Swiper) */

/* Override default swiper constraints for Page 3 */
.page[data-page="3"] .inner-swiper {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  background: #fff;
}
.page[data-page="3"] .inner-slide {
  padding: 0; /* Remove padding from default slide */
  display: block; /* content is absolute or block usually */
}

/* Page 3 Lanhu Styles (Scoped to Box 2 to avoid conflicts) */
/* Further scoped to Page 3 for maximum safety */
/* Page 3 Lanhu Styles (Scoped to Box 2 to avoid conflicts) */
/* Scoped to Slide 1 */
.page[data-page="3"] .slide-1 .box_2 {
  height: 100%; /* was 21.654rem, fit to screen */
  background: url(https://www.hndt.com/2026lianghui/5207b27373598a4340187d1a367c5aac.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 10rem;
  overflow: hidden;
  position: relative;
}

.page[data-page="3"] .slide-1 .image-wrapper_9 {
  width: 5.547rem;
  height: 2.974rem;
  margin-top: 2rem;
}

.page[data-page="3"] .slide-1 .image_6 {
  width: 5.547rem;
  height: 2.974rem;
  display: block;
}

.page[data-page="3"] .slide-1 .text-wrapper_6 {
  width: 100%;
  height: 4.787rem;
  margin: 0.8rem 0 0 0.747rem;
}

/* Scoped paragraph_1 to box_2 to avoid conflict with Page 1 */
.page[data-page="3"] .slide-1 .paragraph_1 {
  width: 100%;
  height: 4.787rem;
  overflow-wrap: break-word;
  color: rgba(19, 42, 82, 1);
  font-size: 0.4rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 0.88rem;
  display: block;
}

.page[data-page="3"] .image-wrapper_10 {
  width: 10rem;
  height: 1.44rem;
  margin: 0;
  position: absolute;
  top: 55%;
  left: 0;
  /* transform: translateY(-50%); */
}

.page[data-page="3"] .image_9 {
  width: 1.6rem;
  height: 1.44rem;
  display: block;
}

.page[data-page="3"] .image_10 {
  width: 1.587rem;
  height: 1.427rem;
  margin-top: 0.014rem;
  display: block;
}

/* Page 3 - Slide 2 (Right Swipe Page 1) */
/* Scoped to Slide 2 */
.page[data-page="3"] .slide-2 .group_1 {
  height: 100%;
  background: url(https://www.hndt.com/2026lianghui/0df40f6c714af14c2beeef22d9bc3fb0.png) -1.28rem -0.614rem no-repeat;
  background-size: 11.28rem 22.267rem;
  width: 10rem;
  position: relative;
  overflow: hidden;
}

.page[data-page="3"] .slide-2 .box_6 {
  width: 6.28rem;
  height: 14.227rem;
  margin-top: 7.427rem;
  display: block;
}

.page[data-page="3"] .slide-2 .image_1 {
  position: absolute;
  left: 0.28rem;
  top: 1.534rem;
  width: 9.4rem;
  height: 17.72rem;
  display: block;
}

/* Missing utility classes from Lanhu */
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

/* Page 3 - Slide 2 (Right Swipe Page 1) */
/* Scoped to Page 3 */
.page[data-page="3"] .group_1 {
  height: 100%;
  background: url(https://www.hndt.com/2026lianghui/0df40f6c714af14c2beeef22d9bc3fb0.png) -1.28rem -0.614rem no-repeat;
  background-size: 11.28rem 22.267rem;
  width: 10rem;
  position: relative;
  overflow: hidden;
}

.page[data-page="3"] .box_6 {
  width: 6.28rem;
  height: 14.227rem;
  margin-top: 7.427rem;
  display: block;
  /* Ensure it doesn't default to inline behavior if that causes issues */
}

.page[data-page="3"] .image_1 {
  position: absolute;
  left: 0.28rem;
  top: 1.534rem;
  width: 9.4rem;
  height: 17.72rem;
  display: block;
}

/* Page 3 - Slide 3 (Right Swipe Page 2) */
/* Scoped to Slide 3 */
.page[data-page="3"] .slide-3 .section_1 {
  position: relative;
  width: 10rem;
  height: 100%; /* Fit screen */
  background: url(https://www.hndt.com/2026lianghui/0df40f6c714af14c2beeef22d9bc3fb0.png) -1.28rem -0.614rem no-repeat;
  background-size: 11.28rem 22.267rem;
  overflow: hidden;
}

.page[data-page="3"] .slide-3 .paragraph_1 {
  /* text-shadow: 0.08rem 0.1rem 0.1rem rgba(1, 15, 124, 0.88); */
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0,
    rgba(255, 255, 255, 1) 8.691406%,
    rgba(197, 253, 251, 1) 100%,
    rgba(197, 253, 251, 1) 100%
  );
  width: 100%;
  /* height: 1.56rem; */
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.666rem;
  font-family: AlimamaShuHeiTi, sans-serif;
  font-weight: 700;
  text-align: center;
  line-height: 0.934rem;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 1.547rem 0 0 0;
  display: block;
  padding: 0 0.5rem;
  box-sizing: border-box;
}

.page[data-page="3"] .slide-3 .image-wrapper_1 {
  height: 14.227rem;
  background: url(https://www.hndt.com/2026lianghui/1c705529be4c1130114487367d11e067.png) -7.36rem 0rem no-repeat;
  background-size: 13.64rem 14.227rem;
  margin-top: 4.32rem;
  width: 6.28rem;
}

.page[data-page="3"] .slide-3 .video-wrapper_1 {
  height: 14.227rem;
  margin-top: 4.32rem;
  width: 6.28rem;
  position: relative;
  overflow: hidden;
}

.page[data-page="3"] .slide-3 .slide3-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background: #000;
  /* iOS 微信浏览器修复 */
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.page[data-page="3"] .slide-3 .image_1 {
  width: 0.24rem;
  height: 0.96rem;
  margin: 11.574rem 0 0 4.88rem;
  display: block;
}

.page[data-page="3"] .slide-3 .box_1 {
  height: 13.36rem;
  background: url(https://www.hndt.com/2026lianghui/e3bc201d464597520436c5826e11a731.png) -0.08rem -0.08rem no-repeat;
  background-size: 9.52rem 13.507rem;
  width: 9.374rem;
  position: absolute;
  left: 0.347rem;
  top: 4.347rem;
}

.page[data-page="3"] .slide-3 .box_2 {
  width: 9.374rem;
  height: 13.36rem;
  background: url(https://www.hndt.com/2026lianghui/e8d49b26f39ae492273f54604253a80a.png) 100% no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page[data-page="3"] .slide-3 .group_1 {
  position: relative;
  width: 9.24rem;
  height: 13.187rem;
  margin: -0.014rem 0 0 -0.014rem;
}

.page[data-page="3"] .slide-3 .video-wrapper_2 {
  height: 12.974rem;
  width: 9.094rem;
  margin: 0.214rem 0 0 0.147rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.2rem;
  background: #000;
}

.page[data-page="3"] .slide-3 .slide3-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background: #000;
  /* iOS 微信浏览器修复 */
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

/* Slide 3 视频播放按钮 */
.page[data-page="3"] .slide-3 .slide3-video-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
}

.page[data-page="3"] .slide-3 .slide3-video-play-btn svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0.1rem 0.3rem rgba(67, 243, 249, 0.6));
}

.page[data-page="3"] .slide-3 .slide3-video-play-btn:active {
  transform: translate(-50%, -50%) scale(0.95);
}

.page[data-page="3"] .slide-3 .slide3-video-play-btn.hidden {
  display: none !important;
}

.page[data-page="3"] .slide-3 .image_2 {
  width: 1.534rem;
  height: 0.24rem;
  margin: 12.934rem 0 0 -0.107rem;
  display: block;
}

.page[data-page="3"] .slide-3 .image_3 {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.72rem;
  height: 0.72rem;
  display: block;
}

.page[data-page="3"] .slide-3 .image_4 {
  width: 0.294rem;
  height: 1.587rem;
  margin: -0.027rem -0.014rem 0 -0.134rem;
  display: block;
}

/* Missing utility */
.justify-end {
  justify-content: flex-end;
}

/* Page 3 - Slide 4 (Right Swipe Page 3) */
/* Scoped to Slide 4 */
.page[data-page="3"] .slide-4 .group_1 {
  height: 100%;
  background: url(https://www.hndt.com/2026lianghui/0df40f6c714af14c2beeef22d9bc3fb0.png) -1.28rem -0.614rem no-repeat;
  background-size: 11.28rem 22.267rem;
  width: 10rem;
  position: relative;
  overflow: hidden;
}

.page[data-page="3"] .slide-4 .group_2 {
  height: 14.227rem;
  background: url(https://www.hndt.com/2026lianghui/1e744fdd907fe1017ae96205448d7fad.png) -7.36rem 0rem no-repeat;
  background-size: 13.64rem 14.227rem;
  margin-top: 7.427rem;
  position: relative;
}

.page[data-page="3"] .slide-4 .text-wrapper_2 {
  width: 0.4rem;
  height: 5.16rem;
  margin: 1.454rem 0 0 4.4rem;
}

.page[data-page="3"] .slide-4 .text_1 {
  text-shadow: 0.04rem 0.05rem 0.1rem rgba(1, 15, 124, 0.88);
  width: 0.4rem;
  height: 5.16rem;
  overflow-wrap: break-word;
  color: rgba(19, 42, 82, 1);
  font-size: 0.4rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  /* line-height: 1.067rem; */
  display: block;
}

.page[data-page="3"] .slide-4 .image-wrapper_2 {
  width: 0.24rem;
  height: 0.96rem;
  margin: 4.3rem 0 1.694rem 4.88rem;
}

.page[data-page="3"] .slide-4 .arrow {
  width: 0.44rem;
  height: 1.16rem;
  display: block;
}

.page[data-page="3"] .slide-4 .image_2 {
  position: absolute;
  left: 1.36rem;
  top: -3.853rem;
  width: 2.6rem;
  height: 10.654rem;
  display: block;
}

/* Page 4 */
.page[data-page="4"] .group_1 {
  width: 10rem;
  height: 100%;
  background: url(https://www.hndt.com/2026lianghui/b1129679fad850279af5ad9c6fc74c94.png) 100% no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

.page[data-page="4"] .image_1 {
  width: 5.534rem;
  height: 2.974rem;
  margin-top: 2rem;
  display: block;
}

.page[data-page="4"] .paragraph_1 {
  width: 6rem;
  height: 4.787rem;
  overflow-wrap: break-word;
  color: rgba(19, 42, 82, 1);
  font-size: 0.4rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 0.88rem;
  margin: 0.8rem 0 0 0.747rem;
  display: block;
}

.page[data-page="4"] .image_2 {
  width: 4.934rem;
  height: 1.227rem;
  margin: 6.294rem 0 2.827rem 2.547rem;
  display: block;
}

/* Page 5 */
.page[data-page="5"] .group_1 {
  width: 10rem;
  height: 100%;
  background: url(https://www.hndt.com/2026lianghui/0df40f6c714af14c2beeef22d9bc3fb0.png) 100% no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

.page[data-page="5"] .block_1 {
  position: relative;
  width: 5.494rem;
  height: 10.52rem;
  margin: 1rem 0 0 2.52rem;
}

.page[data-page="5"] .image-wrapper_7 {
  position: relative;
  z-index: 10;
  width: 1.147rem;
  height: 4.96rem;
  margin: 0.334rem 0 0 4.347rem;
}

.page[data-page="5"] .image_2 {
  width: 1.147rem;
  height: 1.147rem;
  display: block;
}

.page[data-page="5"] .image_8 {
  width: 0.88rem;
  height: 0.84rem;
  margin: 2.974rem 0 0 0.254rem;
  display: block;
}

.page[data-page="5"] .image_1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 4.974rem;
  height: 10.52rem;
  display: block;
}

.page[data-page="5"] .block_2 {
  position: relative;
  width: 9.76rem;
  height: 9.747rem;
  margin: 1.254rem 0 0 0.094rem;
}

.page[data-page="5"] .section_2 {
  width: 6.44rem;
  height: 8.414rem;
  margin: 0.774rem 0 0 3.32rem;
}

.page[data-page="5"] .image_3 {
  width: 5.774rem;
  height: 1.067rem;
  display: block;
}

.page[data-page="5"] .image-wrapper_8 {
  position: relative;
  width: 6.2rem;
  height: 1.054rem;
  margin: 0.4rem 0 0 0.24rem;
}

.page[data-page="5"] .image_4 {
  width: 5.774rem;
  height: 1.054rem;
  margin-left: 0.427rem;
  display: block;
}

.page[data-page="5"] .image_9 {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0.014rem;
  width: 0.88rem;
  height: 0.84rem;
  display: block;
}

.page[data-page="5"] .image_5 {
  width: 1.16rem;
  height: 1.147rem;
  margin: 0.667rem 0 0 2.934rem;
  display: block;
}

.page[data-page="5"] .image_6 {
  width: 0.44rem;
  height: 1.16rem;
  margin: 2.42rem 0 0 1.467rem;
  display: block;
}

.page[data-page="5"] .image_7 {
  position: absolute;
  left: 0;
  top: 0;
  width: 3.907rem;
  height: 9.747rem;
  display: block;
}

/* Page 6 */
.page[data-page="6"] .block_1 {
  height: 100%;
  background: url(https://www.hndt.com/2026lianghui/0df40f6c714af14c2beeef22d9bc3fb0.png) -1.28rem -0.614rem no-repeat;
  background-size: 11.28rem 22.267rem;
  width: 10rem;
  overflow: hidden;
}

.page[data-page="6"] .block_2 {
  height: 14.227rem;
  background: url(https://www.hndt.com/2026lianghui/4bcad970eaacfd5285819610a7f9fcae.png) -7.36rem 0rem no-repeat;
  background-size: 13.64rem 14.227rem;
  margin-top: 7.427rem;
  /* width: 6.28rem; */
  position: relative;
}

.page[data-page="6"] .text-wrapper_2 {
  width: 0.4rem;
  height: 5.187rem;
  margin: 1.427rem 0 0 4.4rem;
}

.page[data-page="6"] .text_1 {
  text-shadow: 0.04rem 0.05rem 0.1rem rgba(1, 15, 124, 0.88);
  width: 0.4rem;
  height: 5.187rem;
  overflow-wrap: break-word;
  color: rgba(19, 42, 82, 1);
  font-size: 0.4rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  /* line-height: 1.067rem; */
  display: block;
}

.page[data-page="6"] .image-wrapper_2 {
  width: 0.24rem;
  height: 0.96rem;
  margin: 4.427rem 0 2.227rem 4.88rem;
}

.page[data-page="6"] .image_1 {
  width: 0.44rem;
  height: 1.16rem;
  display: block;
}

.page[data-page="6"] .image_2 {
  position: absolute;
  left: 1.334rem;
  top: -3.84rem;
  width: 2.627rem;
  height: 10.64rem;
  display: block;
}

/* Page 7 */
.page[data-page="7"] .box_1 {
  width: 10rem;
  height: 100%;
  background: url(https://www.hndt.com/2026lianghui/cd72f60fc9262e9524d267188af0e16a.png) 100% no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

.page[data-page="7"] .image_1 {
  width: 7.734rem;
  /* height: 2.974rem; */
  margin-top: 2rem;
  display: block;
}

.page[data-page="7"] .paragraph_1 {
  width: 4.8rem;
  height: 4.787rem;
  overflow-wrap: break-word;
  color: rgba(19, 42, 82, 1);
  font-size: 0.4rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 0.88rem;
  margin: 0.8rem 0 0 0.747rem;
  display: block;
}

.page[data-page="7"] .text_1 {
  text-shadow: 0.027rem 0.053rem 0.093rem rgba(48, 108, 185, 1);
  width: 3.174rem;
  height: 0.387rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.4rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
  line-height: 1.467rem;
  margin: 6.4rem 0 0 3.414rem;
  display: block;
}

.page[data-page="7"] .image_2 {
  width: 0.44rem;
  height: 1.16rem;
  margin: 1.154rem 0 0.12rem 4.88rem;
  display: block;
}

/* Page 8 */
.page[data-page="8"] .box_1 {
  width: 10rem;
  height: 100%;
  background: url(https://www.hndt.com/2026lianghui/b1300e0224e5d126bf5c0852e3844be0.png) -0.014rem 0rem no-repeat;
  background-size: 10.014rem 25.04rem;
  overflow: hidden;
}

.page[data-page="8"] .image-wrapper_1 {
  width: 10rem;
  height: 10.414rem;
}

.page[data-page="8"] .image_1 {
  width: 5.774rem;
  height: 1.054rem;
  margin: 5rem 0 0 0.587rem;
  display: block;
}

.page[data-page="8"] .section_1 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0.16rem;
  height: 11rem;
  width: 9.267rem;
  margin: 1.5rem 0 0 0.374rem;
}

.page[data-page="8"] .text-wrapper_1 {
  width: 5.734rem;
  height: 0.494rem;
  margin: 0.667rem 0 0 1.76rem;
}

.page[data-page="8"] .text_1 {
  /* text-shadow: 0.04rem 0.053rem 0.107rem rgba(1, 15, 124, 0.88); */
  width: 5.734rem;
  height: 0.494rem;
  overflow-wrap: break-word;
  color: rgba(6, 66, 127, 1);
  font-size: 0.48rem;
  font-family: HYYakuHei-GEW, sans-serif;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 0.92rem;
  display: block;
}

.page[data-page="8"] .block_1 {
  width: 8.987rem;
  height: 8rem;
  margin: 0.68rem 0 0.347rem 0.267rem;
}

.page[data-page="8"] .text-wrapper_2 {
  width: 8.614rem;
  height: 8.2rem;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  line-height: 0.64rem;
  /* Enable internal scrolling */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.page[data-page="8"] .paragraph_1 {
  overflow-wrap: break-word;
  color: rgba(17, 17, 17, 1);
  font-size: 0.333rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  line-height: 0.64rem;
  display: block;
}

.page[data-page="8"] .paragraph_2 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.333rem;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: left;
  line-height: 0.64rem;
  display: block;
}

.page[data-page="8"] .paragraph_3 {
  overflow-wrap: break-word;
  color: rgba(17, 17, 17, 1);
  font-size: 0.333rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  line-height: 0.64rem;
  display: block;
}

.page[data-page="8"] .paragraph_4 {
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 0.333rem;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  text-align: left;
  line-height: 0.64rem;
  display: block;
}

.page[data-page="8"] .section_2 {
  display: none;
  background-color: rgba(6, 66, 127, 1);
  border-radius: 0.08rem;
  width: 0.174rem;
  height: 1.814rem;
  margin-top: 3.774rem;
  flex-shrink: 0;
}

.page[data-page="8"] .image-wrapper_2 {
  width: 10rem;
  height: 2.44rem;
  margin-bottom: 0.014rem;
}

.page[data-page="8"] .image_2 {
  width: 0.44rem;
  height: 1.16rem;
  margin: -0.5rem 0 0 4.88rem;
  display: block;
}

/* Page 9 */
.page[data-page="9"] .section_1 {
  height: 100%;
  background: url(https://www.hndt.com/2026lianghui/0df40f6c714af14c2beeef22d9bc3fb0.png) -1.28rem -0.614rem no-repeat;
  background-size: 11.28rem 22.267rem;
  width: 10rem;
  overflow: hidden;
}

.page[data-page="9"] .section_2 {
  height: 14.227rem;
  background: url(https://www.hndt.com/2026lianghui/eb096d32b8dea57cf8f6c25f2d271489.png) -7.36rem 0rem no-repeat;
  background-size: 13.64rem 14.227rem;
  margin-top: 7.427rem;
  /* width: 6.28rem; */
  position: relative;
}

.page[data-page="9"] .text-wrapper_2 {
  width: 0.4rem;
  height: 4.8rem;
  margin: 1.747rem 0 0 4.4rem;
}

.page[data-page="9"] .text_1 {
  text-shadow: 0.04rem 0.053rem 0.107rem rgba(1, 15, 124, 0.88);
  width: 0.4rem;
  height: 4.8rem;
  overflow-wrap: break-word;
  color: rgba(19, 42, 82, 1);
  font-size: 0.4rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  /* line-height: 1.067rem; */
  display: block;
}

.page[data-page="9"] .image-wrapper_2 {
  width: 0.24rem;
  height: 0.96rem;
  margin: 4.494rem 0 2.227rem 4.88rem;
}

.page[data-page="9"] .image_1 {
  width: 0.44rem;
  height: 1.16rem;
  display: block;
}

.page[data-page="9"] .image_2 {
  position: absolute;
  left: 1.347rem;
  top: -3.84rem;
  width: 2.627rem;
  height: 10.64rem;
  display: block;
}

/* Page 10 */
.page[data-page="10"] .block_1 {
  width: 10rem;
  height: 100%;
  background: url(https://www.hndt.com/2026lianghui/a667dae4b3795b86d01a34c9488b8563.png) 100% no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

.page[data-page="10"] .image_1 {
  width: 7.347rem;
  /* height: 2.974rem; */
  margin-top: 2rem;
  display: block;
}

.page[data-page="10"] .box_2 {
  width: 100%;
  margin-top: 0.707rem;
}

.page[data-page="10"] .paragraph_1 {
  width: 100%;
  overflow-wrap: break-word;
  color: rgba(19, 42, 82, 1);
  font-size: 0.4rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  line-height: 0.88rem;
  margin-top: 0.094rem;
  display: block;
  padding: 0 0.5rem;
  box-sizing: border-box;
}

.page[data-page="10"] .image_2 {
  width: 4.7rem;
  height: 8.427rem;
  margin-left: -0.666rem;
  display: block;
}

.page[data-page="10"] .text_1 {
  text-shadow: 0.027rem 0.053rem 0.093rem rgba(48, 108, 185, 1);
  width: 100%;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.4rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 1.467rem;
  margin: 0.5rem 0 0 0;
  display: block;
}

.page[data-page="10"] .image-wrapper_2 {
  width: 8.72rem;
  height: 0.814rem;
  margin: 0.4rem auto 0;
  display: flex;
  justify-content: center;
  gap: 0.05rem;
}

.page[data-page="10"] .image_3 {
  width: 2.667rem;
  height: 0.814rem;
  display: block;
}

.page[data-page="10"] .image_4 {
  width: 2.68rem;
  height: 0.814rem;
  margin-left: 0.347rem;
  display: block;
}

.page[data-page="10"] .image_5 {
  width: 2.68rem;
  height: 0.814rem;
  margin-left: 0.347rem;
  display: block;
}

/* Page 11 */
.page[data-page="11"] .box_1 {
  height: 100%;
  background: url(https://www.hndt.com/2026lianghui/0df40f6c714af14c2beeef22d9bc3fb0.png) -1.28rem -0.614rem no-repeat;
  background-size: 11.28rem 22.267rem;
  width: 10rem;
  position: relative;
  overflow: hidden;
}

.page[data-page="11"] .section_1 {
  height: 13.36rem;
  background: url(https://www.hndt.com/2026lianghui/e04434a7298ae93babf14dd11cefa235.png) -0.08rem -0.08rem no-repeat;
  background-size: 9.52rem 13.507rem;
  width: 9.374rem;
  margin: 3.7rem 0 0 0.32rem;
  position: relative;
}

.page[data-page="11"] .group_1 {
  width: 9.374rem;
  height: 13.36rem;
  background: url(https://www.hndt.com/2026lianghui/328f39b48439de66c9c5d07607d4b66d.png) 100% no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.page[data-page="11"] .group_4 {
  position: relative;
  width: 9.24rem;
  height: 13.187rem;
  margin: -0.014rem 0 0 -0.014rem;
}

.page[data-page="11"] .image-wrapper_1 {
  height: 12.974rem;
  background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/8561547c1ea344c8b1ef00b93b80070e_mergeImage.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 9.094rem;
  margin: 0.214rem 0 0 0.147rem;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

/* Video container inside image-wrapper_1 */
.page[data-page="11"] .video-container {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 1rem;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.page[data-page="11"] .video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  outline: none;
}

.page[data-page="11"] .image_1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
  pointer-events: none; /* 禁用视频的直接点击，避免 iOS 原生控制干扰 */
}

.page[data-page="11"] .image_1:focus {
  outline: none;
}

/* 透明点击层 - 用于接收点击事件 */
.page[data-page="11"] .video-click-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* Custom play button */
.page[data-page="11"] .video-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease;
  animation: playBtnPulse 2s ease-in-out infinite;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
}

.page[data-page="11"] .video-play-btn svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0.15rem 0.4rem rgba(67, 243, 249, 0.6));
}

.page[data-page="11"] .video-play-btn:hover {
  transform: translate(-50%, -50%) scale(1.15);
  animation: none;
}

.page[data-page="11"] .video-play-btn:active {
  transform: translate(-50%, -50%) scale(1.05);
}

.page[data-page="11"] .video-play-btn.hidden {
  opacity: 0 ;
  pointer-events: none;
  display: none;
  /* transform: translate(-50%, -50%) scale(0.8); */
}

/* 播放按钮脉动动画 */
@keyframes playBtnPulse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.08);
    opacity: 0.9;
  }
}

.page[data-page="11"] .image_2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.72rem;
  height: 0.72rem;
  display: block;
}

.page[data-page="11"] .image_3 {
  width: 0.294rem;
  height: 1.587rem;
  margin: -0.027rem -0.014rem 0 -0.134rem;
  display: block;
}

.page[data-page="11"] .section_4 {
  position: absolute;
  left: 0;
  top: 0;
  width: 10rem;
  height: 4.36rem;
}

.page[data-page="11"] .paragraph_1 {
  /* text-shadow: 0.08rem 0.1rem 0.1rem rgba(1, 15, 124, 0.88); */
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0,
    rgba(255, 255, 255, 1) 8.691406%,
    rgba(197, 253, 251, 1) 100%,
    rgba(197, 253, 251, 1) 100%
  );
  width: 100%;
  /* height: 1.56rem; */
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.666rem;
  font-family: AlimamaShuHeiTi, sans-serif;
  font-weight: 700;
  text-align: center;
  line-height: 0.934rem;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 1.2rem 0 0 0;
  display: block;
  padding: 0 0.5rem;
  box-sizing: border-box;
}

.page[data-page="11"] .group_2 {
  height: 0.32rem;
  background: url(https://www.hndt.com/2026lianghui/4e3d2e729e3d7df1e1ccaa19bd757923.png) 0rem 0rem no-repeat;
  background-size: 3.747rem 0.32rem;
  width: 3.4rem;
  position: absolute;
  left: 6.6rem;
  top: 4.187rem;
}

.page[data-page="11"] .image-wrapper_2 {
  height: 0.227rem;
  background: url(https://www.hndt.com/2026lianghui/f9976d443de9ccf5bcb2f05d5eabdbb2.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 1.72rem;
  margin: 0.054rem 0 0 1.014rem;
}

.page[data-page="11"] .image_4 {
  width: 2.494rem;
  height: 0.08rem;
  margin: 0.067rem 0 0 -0.387rem;
  display: block;
}

.page[data-page="11"] .section_5 {
  position: absolute;
  left: 0;
  top: 17.707rem;
  width: 10rem;
  height: 3.96rem;
}

.page[data-page="11"] .image_5 {
  width: 0.44rem;
  height: 1.16rem;
  margin: 1rem 0 0 4.88rem;
  display: block;
}

.page[data-page="11"] .group_3 {
  height: 0.374rem;
  background: url(https://www.hndt.com/2026lianghui/2ac3cf181f441165ae0405bb5029fa25.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 3.987rem;
  position: absolute;
  left: 0.707rem;
  top: -0.186rem;
}

.page[data-page="11"] .image-wrapper_3 {
  height: 0.267rem;
  background: url(https://www.hndt.com/2026lianghui/549cc2f1c61156c2125c4106049de6ab.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 1.827rem;
  margin: 0.067rem 0 0 1.08rem;
}

.page[data-page="11"] .image_6 {
  width: 2.654rem;
  height: 0.08rem;
  margin: 0.08rem 0 0 -0.414rem;
  display: block;
}

/* Highlight selected option on Page 10 */
.page[data-page="10"] .image-wrapper_2 img.selected {
  /* border: 0.04rem solid #fff;
  border-radius: 0.1rem;
  box-shadow: 0 0 0.2rem rgba(255,255,255,0.8); */
}

/* Page 12 */
.page[data-page="12"] .box_1 {
  height: 100%;
  background: url(https://www.hndt.com/2026lianghui/0df40f6c714af14c2beeef22d9bc3fb0.png) -1.28rem -0.614rem no-repeat;
  background-size: 11.28rem 22.267rem;
  width: 10rem;
  overflow: hidden;
}

.page[data-page="12"] .section_1 {
  height: 14.227rem;
  background: url(https://www.hndt.com/2026lianghui/b9ce48d7edb036e4a9a7047dbd249756.png) -7.36rem 0rem no-repeat;
  background-size: 13.64rem 14.227rem;
  margin-top: 7.427rem;
  /* width: 6.28rem; */
  position: relative;
}

.page[data-page="12"] .text-wrapper_2 {
  width: 0.4rem;
  height: 4.667rem;
  margin: 1.947rem 0 0 4.4rem;
}

.page[data-page="12"] .text_1 {
  text-shadow: 0.04rem 0.053rem 0.107rem rgba(1, 15, 124, 0.88);
  width: 0.4rem;
  height: 4.667rem;
  overflow-wrap: break-word;
  color: rgba(19, 42, 82, 1);
  font-size: 0.4rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  /* line-height: 1.067rem; */
  display: block;
}

.page[data-page="12"] .image-wrapper_2 {
  width: 0.24rem;
  height: 0.96rem;
  margin: 4.427rem 0 2.227rem 4.88rem;
}

.page[data-page="12"] .image_1 {
  width: 0.44rem;
  height: 1.16rem;
  display: block;
}

.page[data-page="12"] .image_2 {
  position: absolute;
  left: 1.347rem;
  top: -3.853rem;
  width: 2.627rem;
  height: 10.654rem;
  display: block;
}

/* Page 13 */
.page[data-page="13"] .box_1 {
  width: 10rem;
  height: 100%;
  background: url(https://www.hndt.com/2026lianghui/4bf52d6901512d6b95242911b4fdfb69.png) 100% no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

.page[data-page="13"] .image_1 {
  width: 5.52rem;
  height: 2.974rem;
  margin-top: 2rem;
  display: block;
}

.page[data-page="13"] .paragraph_1 {
  width: 7.66rem;
  height: 4.814rem;
  overflow-wrap: break-word;
  color: rgba(19, 42, 82, 1);
  font-size: 0.4rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 0.88rem;
  margin: 0.8rem 0 0 0.76rem;
  display: block;
}

.page[data-page="13"] .image-wrapper_1 {
  height: 5.9rem;
  background: url(https://www.hndt.com/2026lianghui/80bd6e58b46d3ec6b6b53cdf302770dc.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 9.667rem;
  margin: 3.16rem 0 0 0.174rem;
}

.page[data-page="13"] .name-input {
  width: 8.64rem;
  height: 1.2rem;
  margin: 1.734rem 0 0 0.507rem;
  display: block;
  border: none;
  outline: none;
  background: transparent;
  font-size: 0.64rem;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  transition: all 0.3s ease;
}

.page[data-page="13"] .name-input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

/* 输入框抖动动画 */
@keyframes inputShake {
  0%, 100% { transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { transform: translateX(-0.1rem); }
  20%, 40%, 60%, 80% { transform: translateX(0.1rem); }
}

/* 提示框淡入淡出动画 */
@keyframes alertFadeIn {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes alertFadeOut {
  from {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
  }
}

.page[data-page="13"] .image_3 {
  width: 4.694rem;
  height: 1.174rem;
  margin: 0.44rem 0 0.88rem 2.64rem;
  display: block;
}

/* Page 14 */
.page[data-page="14"] .group_1 {
  width: 10rem;
  height: 100%;
  background: url(https://www.hndt.com/2026lianghui/ce07b14871d70135e323b7a7658758fc.png) 100% no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

.page[data-page="14"] .image_1 {
  width: 7.054rem;
  height: 3.854rem;
  margin: 2.107rem 0 0 1.56rem;
  display: block;
}

.page[data-page="14"] .text-wrapper_3 {
  background-image: linear-gradient(
    180deg,
    rgba(80, 154, 255, 0.43) 0,
    rgba(80, 154, 255, 0.43) 0.854492%,
    rgba(67, 243, 249, 0.43) 100%,
    rgba(67, 243, 249, 0.43) 100%
  );
  height: 0.907rem;
  width: 8.534rem;
  margin: 0.347rem 0 0 0.734rem;
}

.page[data-page="14"] .text_1 {
  width: 5.987rem;
  height: 0.467rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 0.747rem;
  margin: 0.214rem 0 0 1.28rem;
  display: block;
}

.page[data-page="14"] .text-wrapper_2 {
  width: 5.494rem;
  height: 0.414rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 0.747rem;
  margin: 0.307rem 0 0 2.254rem;
  display: block;
}

.page[data-page="14"] .image-wrapper_4 {
  width: 9.027rem;
  height: 1.267rem;
  margin: 9.427rem 0 3.027rem 0.494rem;
}

.page[data-page="14"] .image_6 {
  width: 4.614rem;
  height: 1.267rem;
  display: block;
}

.page[data-page="14"] .image_7 {
  width: 4.614rem;
  height: 1.267rem;
  margin-left: -0.2rem;
  display: block;
}

/* Page 14 (Share Page) */
.page[data-page="14"] .section_1 {
  position: relative;
  width: 10rem;
  height: 18.934rem;
  background: url(https://www.hndt.com/2026lianghui/20337c5e703d2633a64624b0bfabc239.png) -0.347rem 0rem no-repeat;
  background-size: 10.347rem 18.934rem;
  /* margin-top: 2.72rem; */
}

.page[data-page="14"] .section_2 {
  height: 18.934rem;
  background: url(https://www.hndt.com/2026lianghui/d1c0589fb327f1e692d56a75e3f55c94.png) -0.347rem 0rem no-repeat;
  background-size: 10.347rem 18.934rem;
  width: 10rem;
  position: absolute;
  left: 0;
}

.page[data-page="14"] .block_1 {
  width: 10rem;
  height: 18.934rem;
  background: url(https://www.hndt.com/2026lianghui/667de1fba3fcc1193bce7fbdb79b90e4.png) -0.347rem -0.5rem no-repeat;
  background-size: 10.347rem 16rem;
}

.page[data-page="14"] .text_1 {
  /* text-shadow: 0.08rem 0.107rem 0.107rem rgba(1, 15, 124, 0.88); */
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0,
    rgba(255, 255, 255, 1) 8.691406%,
    rgba(197, 253, 251, 1) 100%,
    rgba(197, 253, 251, 1) 100%
  );
  width: 2.547rem;
  height: 1.21rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.88rem;
  font-family: AlimamaShuHeiTi, sans-serif;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.467rem;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 1.2rem 0 0 0.614rem;
  display: block;
}

.page[data-page="14"] .text_2 {
  /* text-shadow: 0.04rem 0.053rem 0.107rem rgba(1, 15, 124, 0.88); */
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0,
    rgba(255, 255, 255, 1) 8.691406%,
    rgba(197, 253, 251, 1) 100%,
    rgba(197, 253, 251, 1) 100%
  );
  width: 7.974rem;
  height: 1.32rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.773rem;
  font-family: AlimamaShuHeiTi, sans-serif;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 1.534rem;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0.32rem 0 0 0.6rem;
  display: block;
}

.page[data-page="14"] .text_3 {
  /* text-shadow: 0.04rem 0.053rem 0.107rem rgba(1, 15, 124, 0.88); */
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0,
    rgba(255, 255, 255, 1) 8.691406%,
    rgba(197, 253, 251, 1) 100%,
    rgba(197, 253, 251, 1) 100%
  );
  width: 8.147rem;
  height: 0.92rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.533rem;
  font-family: AlimamaShuHeiTi, sans-serif;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 0.92rem;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0.32rem 0 0 0.6rem;
  display: block;
}

.page[data-page="14"] .image_1 {
  width: 9.427rem;
  height: 2.227rem;
  margin: 2.067rem 0 0 0.267rem;
  display: block;
}

.page[data-page="14"] .paragraph_1 {
  /* text-shadow: 0.04rem 0.053rem 0.107rem rgba(1, 15, 124, 0.88); */
  width: 8.5rem;
  height: 1.48rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.533rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: center;
  line-height: 0.92rem;
  margin: 6.5rem 0 1rem 0.8rem;
  display: block;
}
.page[data-page="14"] .qr{
  text-align: center;
}
.page[data-page="14"] .qr img{
  width: 2.5rem;
  margin: auto;
} 

.page[data-page="14"] .text-wrapper_1 {
  height: 1.174rem;
  background: url(https://www.hndt.com/2026lianghui/71ab7675de27682e0073c3fa36c6a92c.png) center center no-repeat;
  background-size: contain;
  width: 4.494rem;
  position: absolute;
  left: 2.734rem;
  bottom: 2rem;
  cursor: pointer;
}

.page[data-page="14"] .text_4 {
  width: 1.574rem;
  height: 0.387rem;
  overflow-wrap: break-word;
  color: rgba(100, 39, 3, 1);
  font-size: 0.4rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
  /* line-height: 1.467rem; */
  margin: 0.25rem 0 0 1.48rem;
  display: block;
}

/* Page 15 (was Page 14) */
.page[data-page="15"] .group_1 {
  width: 10rem;
  height: 100%;
  background: url(https://www.hndt.com/2026lianghui/ce07b14871d70135e323b7a7658758fc.png) 100% no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

.page[data-page="15"] .image_1 {
  width: 7.054rem;
  height: 3.854rem;
  margin: 1.8rem 0 0 1.56rem;
  display: block;
}

.page[data-page="15"] .text-wrapper_3 {
  background-image: linear-gradient(
    180deg,
    rgba(80, 154, 255, 0.43) 0,
    rgba(80, 154, 255, 0.43) 0.854492%,
    rgba(67, 243, 249, 0.03) 100%,
    rgba(67, 243, 249, 0.03) 100%
  );
  height: 0.907rem;
  width: 8.534rem;
  margin: 0.347rem 0 0 0.734rem;
}

.page[data-page="15"] .text_1 {
  width: 5.987rem;
  height: 0.467rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 0.747rem;
  margin: 0.214rem 0 0 1.28rem;
  display: block;
}

.page[data-page="15"] .text-wrapper_2 {
  width: 5.494rem;
  height: 0.414rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 0.747rem;
  margin: 0.307rem 0 0 2.254rem;
  display: block;
}

.page[data-page="15"] .image-wrapper_4 {
  width: 100%;
  height: 1.267rem;
  margin: 8.8rem auto 0;
  display: flex;
  justify-content: center;
}

.page[data-page="15"] .image_6 {
  width: 4.614rem;
  height: 1.267rem;
  display: block;
}

/* Page 15 Logo */
.page[data-page="15"] .logo-wrapper {
  width: 100%;
  text-align: center;
  margin-top: 0.3rem;
}

.page[data-page="15"] .logo-image {
  height: .9rem;
  width: auto;
  display: inline-block;
  opacity: 0.85;
}


/* Page 3 Arrow Logic - use visibility to maintain layout */
.page[data-page="3"] .slide-1 .image-wrapper_10 .image_9 { visibility: hidden !important; }
.page[data-page="3"] .slide-4 .image-wrapper_10 .image_10 { visibility: hidden !important; }

/* slide-4 needs relative positioning on parent for absolute child */
.page[data-page="3"] .slide-4 .group_1 {
  position: relative;
}
.page[data-page="3"] .slide-4 .image-wrapper_10 {
  position: absolute;
  top: 55%;
  left: 0;
  width: 10rem;
}

/* Page 3 水平箭头动画 */
@keyframes arrowLeftBounce {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(-0.15rem); }
}
@keyframes arrowRightBounce {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(0.15rem); }
}
.arrow-left-bounce {
  animation: arrowLeftBounce 1.5s ease-in-out infinite;
}
.arrow-right-bounce {
  animation: arrowRightBounce 1.5s ease-in-out infinite;
}


/* Page 1 底部固定区域 */
.page[data-page="1"] .page1-bottom-section {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: max(0, calc(0.3rem + env(safe-area-inset-bottom, 0)));
  /* 从底部开始，占据约 35% 的高度 */
  height: 35vh;
  justify-content: space-evenly;
}

/* 调整内部元素的 margin，因为现在由 flex 控制间距 */
.page[data-page="1"] .page1-bottom-section .image_3 {
  width: 5.333rem;
  margin: 0;
  display: block;
}

.page[data-page="1"] .page1-bottom-section .feedback-link {
  display: block;
  text-align: center;
  margin: 0;
}

.page[data-page="1"] .page1-bottom-section .paragraph_2 {
  width: 100%;
  margin: 0;
  padding: 0 0.5rem;
}

.page[data-page="1"] .page1-bottom-section .image_4 {
  width: 4.56rem;
  margin: 0;
  display: block;
}


/* Page 4 底部固定区域 */
.page[data-page="4"] .page4-bottom-section {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: max(.5rem, calc(0.5rem + env(safe-area-inset-bottom, 0)));
  height: 10vh; /* 占据底部 25% 的高度 */
}

/* 调整 image_2 的样式 */
.page[data-page="4"] .page4-bottom-section .image_2 {
  width: 4.934rem;
  height: 1.227rem;
  margin: 0;
  display: block;
  cursor: pointer;
}


/* 统一处理所有向下箭头 - 固定在底部 */
/* Page 5 箭头 */
.page[data-page="5"] .image_6.arrow {
  position: absolute !important;
  bottom: max(.5rem, calc(.5rem + env(safe-area-inset-bottom, 0))) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
}

/* Page 6 箭头 */
.page[data-page="6"] .block_2 {
  position: relative;
}

.page[data-page="6"] .image-wrapper_2 {
  position: absolute !important;
  bottom: max(.5rem, calc(.5rem + env(safe-area-inset-bottom, 0))) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  width: 0.24rem;
  height: 0.96rem;
}

.page[data-page="6"] .image-wrapper_2 .image_1 {
  margin: 0 !important;
}

/* Page 7 箭头 */
.page[data-page="7"] .box_1 {
  position: relative;
}

.page[data-page="7"] .image_2.arrow-bounce {
  position: absolute !important;
  bottom: max(.5rem, calc(.5rem + env(safe-area-inset-bottom, 0))) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
}

/* Page 9 箭头 */
.page[data-page="9"] .section_2 {
  position: relative;
}

.page[data-page="9"] .image-wrapper_2 {
  position: absolute !important;
  bottom: max(.5rem, calc(.5rem + env(safe-area-inset-bottom, 0))) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  width: 0.24rem;
  height: 0.96rem;
}

.page[data-page="9"] .image-wrapper_2 .image_1 {
  margin: 0 !important;
}

/* Page 11 箭头 */
.page[data-page="11"] .section_5 {
  position: relative;
}

.page[data-page="11"] .section_5 .image_5.arrow {
  position: absolute !important;
  bottom: max(1.5rem, calc(1rem + env(safe-area-inset-bottom, 0))) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
}

/* Page 12 箭头 */
.page[data-page="12"] .section_1 {
  position: relative;
}

.page[data-page="12"] .image-wrapper_2 {
  position: absolute !important;
  bottom: max(.5rem, calc(.5rem + env(safe-area-inset-bottom, 0))) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  width: 0.24rem;
  height: 0.96rem;
}

.page[data-page="12"] .image-wrapper_2 .image_1 {
  margin: 0 !important;
}

/* Page 3 Slide 4 箭头固定在底部 */
.page[data-page="3"] .slide-4 .group_1 {
  position: relative;
}

.page[data-page="3"] .slide-4 .image-wrapper_2 {
  position: absolute !important;
  bottom: max(.5rem, calc(.5rem + env(safe-area-inset-bottom, 0))) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  width: 0.44rem !important;
  height: 1.16rem !important;
  z-index: 100 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.page[data-page="3"] .slide-4 .image-wrapper_2 .arrow {
  margin: 0 !important;
  width: 0.44rem !important;
  height: 1.16rem !important;
}
/*
 Page 10 底部固定区域 */
.page[data-page="10"] .page10-bottom-section {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: max(0.5rem, calc(0.5rem + env(safe-area-inset-bottom, 0)));
  height: 30vh; /* 占据底部 30% 的高度 */
  justify-content: space-evenly;
}

/* 调整内部元素的样式 */
.page[data-page="10"] .page10-bottom-section .text_1 {
  margin: 0;
  display: block;
}

.page[data-page="10"] .page10-bottom-section .image-wrapper_2 {
  margin: 0;
  width: 8.72rem;
  height: 0.814rem;
}/*
 分享功能相关动画 */
@keyframes alertFadeIn {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes alertFadeOut {
  from {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
  }
}

@keyframes inputShake {
  0%, 100% { transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
  20%, 40%, 60%, 80% { transform: translateX(5px); }
}

/* 分享按钮悬停效果 */
#btnGenerateShare {
  transition: transform 0.2s ease, filter 0.2s ease;
}

#btnGenerateShare:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}

#btnGenerateShare:active {
  transform: scale(0.95);
}

/* 姓名输入框样式增强 */
.name-input {
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.name-input:focus {
  outline: none;
  border-color: #43f3f9;
  box-shadow: 0 0 0 2px rgba(67, 243, 249, 0.2);
}

/* 分享图片预览动画 */
#shareOverlay {
  animation: overlayFadeIn 0.3s ease;
}

@keyframes overlayFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#shareOverlay img {
  animation: imageZoomIn 0.4s ease;
}

@keyframes imageZoomIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* 按钮悬停效果 */
#shareOverlay button {
  transition: all 0.2s ease;
}

#shareOverlay button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

#shareOverlay button:active {
  transform: translateY(0);
}