/** Shopify CDN: Minification failed

Line 1426:0 Expected "*/" to terminate multi-line comment

**/
/**
 * Scroll Intro Modules
 * 滚动介绍模块 - 复杂的滚动驱动动画
 */

/* ===== 滚动容器 ===== */
.scroll-intro-modules {
  position: relative;
  width: 100%;
}

.scroll-intro-modules__scroll-container {
  position: relative;
  /* 高度由 JS 动态设置，创建足够的滚动空间 */
  min-height: 600vh;
}

/* 移动端：固定高度为100vh */
@media screen and (max-width: 768px) {
  .scroll-intro-modules__scroll-container {
    min-height: 100vh;
  }
}

/* ===== 固定视口 ===== */
.scroll-intro-modules__viewport {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/* ===== 背景视频层 ===== */
.scroll-intro-modules__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.scroll-intro-modules__bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.scroll-intro-modules__bg-video.is-active {
  opacity: 1;
}

.scroll-intro-modules__bg-image {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.scroll-intro-modules__bg-image.is-active {
  opacity: 1;
}

/* ===== 中心视频层（绝对定位在中心） ===== */
.scroll-intro-modules__center-media {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1; /* 低于文字层(z-index: 2)，不覆盖文字 */
  pointer-events: none;
  /* 初始隐藏，由 JS 控制显示 */
  opacity: 0;
  width: 20px;
  height: 15px;
  border-radius: 12px;
  overflow: hidden;
  background: #000;
  transition: border-radius 0.3s ease;
}

.scroll-intro-modules__center-media.is-hidden {
  opacity: 0;
  pointer-events: none;
}


/* 占位图片（视频第一帧） */
.scroll-intro-modules__video-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.scroll-intro-modules__video-placeholder.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.scroll-intro-modules__center-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  display: block;
  margin: 0;
  will-change: transform;
}

.scroll-intro-modules__center-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  display: block;
  margin: 0;
  will-change: transform;
}

/* ===== 初始文字层（2行） ===== */
.scroll-intro-modules__initial-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
  text-align: center;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.6s ease;
}

.scroll-intro-modules__initial-text.is-hidden {
  opacity: 0;
}

/* ===== 变体：Origin 覆盖层级与跑马灯 ===== */
.scroll-intro-modules[data-variant="origin"] .scroll-intro-modules__center-media {
  z-index: 3; /* 覆盖文字 */
}
.scroll-intro-modules[data-variant="origin"] .scroll-intro-modules__initial-text {
  z-index: 2; /* 文字在下方，被中心媒体覆盖 */
}

/* 跑马灯轨道 */
.scroll-intro-modules[data-variant="origin"] .sim-marquee-track {
  display: inline-block;
  white-space: nowrap;
  will-change: transform;
  animation: sim-marquee var(--marquee-duration, 180s) linear infinite;
}

@keyframes sim-marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* 文字组（每个模块一组） */
.scroll-intro-modules__text-group {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

.scroll-intro-modules__text-group.is-active {
  opacity: 1;
}

.scroll-intro-modules__text-line {
  white-space: nowrap;
  transform-origin: center center;
  will-change: transform, opacity;
}
.xbloom-original .scroll-intro-modules__text-line{
  color: rgba(0, 0, 0, 0.10);
  text-align: center;
  font-family: "Quincy CF";
  font-size: 160px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%; 
  letter-spacing: -4.8px;
  text-transform: capitalize;
}

.scroll-intro-modules__text-line--1 {
  margin-bottom: 1rem;
}

.scroll-intro-modules__text-line--2 {
  /* 默认在下方，会向上移动到中间 */
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0; /* 动态空间由 JS 以 margin 控制 */
  transform: none !important;
}

.scroll-intro-modules__text-part {
  display: inline-block;
  white-space: nowrap;
  transition: all 0.6s ease;
}

.scroll-intro-modules__text-part--before {
  /* 左侧文字，当视频出现时向左移动 */
  /* 样式由 JS 动态控制 */
  display: inline-block;
  font-size: 200px;
}

.scroll-intro-modules__text-part--after {
  /* 右侧文字，当视频出现时向右移动 */
  /* 不设置默认 margin，由 JS 动态控制 */
  display: inline-block;
  white-space: break-spaces;
  text-align: left;
  color: #FFF;
  font-family: "Quincy CF";
  font-size: 48px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: -1.44px;
}

/* ===== 模块内容层 ===== */
.scroll-intro-modules__modules-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4rem;
}

.scroll-intro-modules__modules-content.is-visible {
  opacity: 1;
  pointer-events: auto;
}
.scroll-intro-modules__modules-content::before{
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 36%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 1.0) 0%, rgba(0, 0, 0, 0.0) 100%);
}
.scroll-intro-modules__modules-content::after{
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 36%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 1.0) 100%);
}

/* ===== 左侧标题导航 ===== */
.scroll-intro-modules__nav-titles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.scroll-intro-modules__nav-title.is-active .icon-arrow_hidden{
  margin-right: 6px;
  opacity: 1;
  width: 20px;
  visibility: visible;
  transition: width ease-in-out .3s, visibility ease-in-out .3s, opacity ease-in-out .3s;
}
.scroll-intro-modules__nav-title path{
  fill: #fff;
  stroke: #fff;
}

.scroll-intro-modules__nav-title {
  position: relative;
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.3);
  text-align: left;
  display: block;
  width: 100%;
  cursor: pointer;
  padding: 8px 0;
  transition: color 0.2s ease;
  display: flex;
  align-items: center;
  gap: 6px;
}

.scroll-intro-modules__nav-title.is-active {
  color: #fff;
}

.scroll-intro-modules__nav-title:hover {
  color: rgba(255, 255, 255, 0.75);
}

/* ===== 中间模块详情 ===== */
.scroll-intro-modules__details {
  flex: 1;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
}

.scroll-intro-modules__detail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease;
  pointer-events: none;
}

.scroll-intro-modules__detail.is-active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.scroll-intro-modules__detail-title {
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
  margin: 0 0 1.5rem 0;
  line-height: 1.2;
}

.scroll-intro-modules__detail-description {
  color: #fff;
}

/* 桌面端 CTA 按钮组 */
.scroll-intro-modules__detail-cta {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.scroll-intro-modules__detail-cta:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.35);
}

.scroll-intro-modules__detail-cta-label {
  font-family: 'Inter Tight', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  padding: 14px 18px;
  border-radius: 12px;
  background: transparent;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  letter-spacing: 0.02em;
}

.scroll-intro-modules__detail-cta-label:hover {
  background: rgba(255, 255, 255, 0.1);
}

.scroll-intro-modules__detail-cta-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: none;
  background: #fff;
  color: #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

.scroll-intro-modules__detail-cta-icon:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
}

.scroll-intro-modules__detail-cta-icon:active {
  transform: scale(0.95);
}

/* ===== 右侧缩略图导航 ===== */
.scroll-intro-modules__nav-thumbs {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-end;
  /* 确保容器有足够的空间容纳变大的缩略图 */
  min-width: 320px;
}

/* 缩略图项目容器 */
.scroll-intro-modules__thumb-item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transform-origin: right center;
}

.scroll-intro-modules[data-variant="studio"] .scroll-intro-modules__thumb-item,
.scroll-intro-modules[data-variant="studio"] .scroll-intro-modules__nav-thumb,
.scroll-intro-modules[data-variant="studio"] .scroll-intro-modules__details {
  display: none;
}
.scroll-intro-modules[data-variant="studio"] .scroll-intro-modules__thumb-item.is-active {
  display: flex;
}

.text-top-description{
  text-align: right;
  margin-bottom: 24px;
}
.text-top-container {
  text-align: right;
}

.scroll-intro-modules__thumb-info {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 8px 8px 8px 16px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  opacity: 0;
  transform: translateX(20px);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}

.scroll-intro-modules__thumb-item.is-active .scroll-intro-modules__thumb-info {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.scroll-intro-modules__thumb-text {
  font-family: 'Inter Tight', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #fff; /* 保持白色文字 */
  white-space: nowrap;
  letter-spacing: 0.02em;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.scroll-intro-modules__thumb-expand {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  border: none; 
  background: #fff; 
  color: #000; 
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
  flex-shrink: 0;
}

.scroll-intro-modules__thumb-expand svg {
  width: 14px;
  height: 14px;
  color: #000;
  filter: none;
}

/* 缩略图按钮 */
.scroll-intro-modules__nav-thumb {
  background: transparent;
  padding: 0;
  cursor: pointer;
  /* 增加过渡时间，让动画更平滑 */
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
  border-radius: 8px;
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  /* 从右侧缩放 */
  transform-origin: right center;
  will-change: width, height, border-radius;
  opacity: .6;
}

.scroll-intro-modules__nav-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0.6; 
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity;
}

.scroll-intro-modules__nav-thumb video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 1;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.scroll-intro-modules__thumb-item.is-active .scroll-intro-modules__nav-thumb {
  width: 88px;
  height: 88px;
  opacity: 1;
}

.scroll-intro-modules__thumb-item.is-adjacent .scroll-intro-modules__nav-thumb {
  width: 74px;
  height: 74px;
}

.scroll-intro-modules__thumb-item.is-active .scroll-intro-modules__nav-thumb img,
.scroll-intro-modules__thumb-item.is-active .scroll-intro-modules__nav-thumb video {
  opacity: 1;
}
/* 视频缩略图特殊处理 */
.scroll-intro-modules__thumb-video {
  pointer-events: none;
}

/* 占位图样式 */
.scroll-intro-modules__thumb-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  text-align: center;
  padding: 8px;
}

.scroll-intro-modules__thumb-item.is-active .scroll-intro-modules__thumb-placeholder {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.1) 100%);
  color: rgba(255, 255, 255, 0.9);
}

/* ===== 平板端 ===== */
@media screen and (max-width: 1024px) {
  .scroll-intro-modules__modules-content {
    padding: 3rem 2rem;
  }

  .scroll-intro-modules__thumb-expand {
    width: 32px;
    height: 32px;
  }

  .scroll-intro-modules__thumb-expand svg {
    width: 20px;
    height: 20px;
  }

  .scroll-intro-modules__nav-thumb {
    width: 64px;
    height: 64px;
  }

  .scroll-intro-modules__thumb-item.is-active .scroll-intro-modules__nav-thumb {
    width: 88px;
    height: 88px;
  }
}

/* ===== 移动端 ===== */
@media screen and (max-width: 768px) {
  .scroll-intro-modules__modules-content {
    flex-direction: column;
    gap: 2rem;
  }

  .scroll-intro-modules__nav-titles {
    width: 100%;
    flex-direction: row;
    overflow-x: auto;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .scroll-intro-modules__nav-title {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    font-family: 'Inter Tight', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-align: center;
    white-space: nowrap;
    display: block;
    width: 100%;
    padding: 0.5rem 0;
    transition: color 0.2s ease;
  }

  .scroll-intro-modules__nav-title.is-active {
    color: #fff;
  }

  .scroll-intro-modules__details {
    max-width: 100%;
  }

  .scroll-intro-modules__detail-title {
    font-size: 2rem;
    margin-bottom: 1rem;
  }

  .scroll-intro-modules__nav-thumbs {
    width: 100%;
    flex-direction: row;
    overflow-x: auto;
    gap: 16px;
    padding-bottom: 0.5rem;
  }

  .scroll-intro-modules__thumb-item {
    flex-shrink: 0;
  }

  /* 移动端隐藏文本和按钮，只显示缩略图 */
  .scroll-intro-modules__thumb-info {
    display: none;
  }

  .scroll-intro-modules__nav-thumb {
    width: 64px;
    height: 64px;
  }

  .scroll-intro-modules__thumb-item.is-active .scroll-intro-modules__nav-thumb {
    width: 96px;
    height: 96px;
    border-color: #fff;
  }

  .scroll-intro-modules__center-video {
    max-width: 250px;
  }
  .scroll-intro-modules__mobile-slides{
    align-items: flex-start;
  }
  .scroll-intro-modules[data-variant="origin"] .scroll-intro-modules__mobile-description,
  .scroll-intro-modules[data-variant="origin"] .scroll-intro-modules__mobile-cta{
    display: none !important;
  }
  .scroll-intro-modules[data-variant="origin"] .scroll-intro-modules__mobile-title{
    position: absolute;
    max-width: 100px;
    z-index: 1;
    bottom: 32px;
    left: 32px;
    color: #FCF6EC;
  }
  .scroll-intro-modules__viewport,
  .scroll-intro-modules__scroll-container{
    height: auto;
    min-height: auto;
  }
  .scroll-intro-modules__scroll-container .scroll-intro-modules__mobile-wrapper{
    position: relative;
  }
}

/* ===== 小屏手机 ===== */
@media screen and (max-width: 480px) {
  .scroll-intro-modules__center-video {
    max-width: 200px;
  }
}

/* ===== 性能优化 ===== */
.scroll-intro-modules__bg-video,
.scroll-intro-modules__center-video,
.scroll-intro-modules__text-line {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* ===== 加载状态 ===== */
.scroll-intro-modules.is-loading {
  opacity: 0;
}

.scroll-intro-modules.is-loaded {
  opacity: 1;
  transition: opacity 0.6s ease;
}

/* Origin 变体：视频模块阶段隐藏右侧缩略图的文字与加号按钮 */
.scroll-intro-modules[data-variant="origin"] .scroll-intro-modules__thumb-info {
  display: none;
}
.scroll-intro-modules[data-variant="origin"] .scroll-intro-modules__detail {
  display: none;
}
/* 左侧导航区域在 Origin 下的布局与当前标题样式（仅显示当前标题） */
.scroll-intro-modules[data-variant="origin"] .scroll-intro-modules__nav-titles {
  display: flex; /* 确保容器可见 */
  flex-direction: column;
  gap: 0.75rem;
  width: 200px; /* 为左侧区域设定固定宽度 */
}

/* 隐藏所有左侧导航按钮，仅保留当前模块标题 */
.scroll-intro-modules[data-variant="origin"] .scroll-intro-modules__nav-title {
  display: none;
}

/* Origin 专用当前模块标题样式（更醒目） */
.scroll-intro-modules[data-variant="origin"] .scroll-intro-modules__nav-titles{
   width: 380px;
}
.scroll-intro-modules[data-variant="origin"] .scroll-intro-modules__current-title {
  color: #FCF6EC;
  font-family: "Quincy CF";
  font-size: 48px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: -1.44px;
  opacity: 1;
}

.scroll-intro-modules[data-variant="origin"] .scroll-intro-modules__text-line,
.scroll-intro-modules[data-variant="origin"] .sim-marquee-track {
  font-style: normal;
  text-align: center;
  text-transform: capitalize;
}

/* ===== 移动端横向滚动容器 ===== */
.scroll-intro-modules__mobile-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  display: none;
}

/* 新增：移动端包裹与标题 */
.scroll-intro-modules__mobile-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none; /* 仅移动端显示 */
  z-index: 5;
  
}

.scroll-intro-modules__mobile-header {
  padding: 0 20px;
  width:100%;
}

.scroll-intro-modules__mobile-heading {
  margin: 0;
  text-align: left; 
}

/* 移动端显示横向滚动，隐藏PC端布局 */
@media screen and (max-width: 768px) {
  .scroll-intro-modules__mobile-header{
    padding-top: 100px;
  }
  .scroll-intro-modules__mobile-wrapper {
    display: block; /* 由内部栈控制布局 */
    height: auto;
  }
  .scroll-intro-modules__mobile-stack {
    display: flex; /* 在移动端启用栈布局 */
    flex-direction: column;
    align-items: center; /* 水平居中 */
    justify-content: center; /* 垂直居中 */
    width: 100%;
    height: 100%;
  }
  .scroll-intro-modules__mobile-slider {
    position: relative;
    height: auto; /* 不占满剩余空间 */
    display: block;
    opacity: 1;
    pointer-events: auto;
  }


  /* 隐藏PC端内容 */
  .scroll-intro-modules__modules-content,
  .scroll-intro-modules__background,
  .scroll-intro-modules__center-media,
  .scroll-intro-modules__initial-text {
    display: none !important;
  }
}

.scroll-intro-modules__mobile-slides {
  display: flex;
  width: 100%;
  height: auto; /* 原为100%，改为自适应以配合居中栈 */
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-snap-stop: always; /* 避免停在两个滑块之间 */
  /* 显式取消容器内边距，避免缩小滑块宽度导致右侧露出 */
  padding: 0;
  /* 外层左右留白 10px，以符合小屏设计 */
  scroll-padding-left: 10px;
  scroll-padding-right: 10px;
  gap: 8px; /* 模块间距 8px */
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

/* 隐藏滚动条 */
.scroll-intro-modules__mobile-slides::-webkit-scrollbar {
  display: none;
}

.scroll-intro-modules__mobile-slides {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scroll-intro-modules__mobile-slide {
  position: relative;
  flex: 0 0 auto; /* 随内容宽度，不占满整屏 */
  width: auto;
  height: auto; /* 原为100%，改为自适应 */
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* 仅垂直居中，不做水平居中 */
  justify-content: center; /* 垂直居中内容组 */
  padding: 48px 24px; /* 上下留对称空隙 */
  overflow: hidden;
  /* 防止未激活且内容被隐藏时宽度塌陷 */
  min-width: calc(335px + 24px * 2);
}

.scroll-intro-modules__mobile-content {
  position: relative;
  z-index: 2;
  text-align: left; /* 文案左对齐，避免居中导致右侧露出 */
  /* 固定内容宽度，避免父级宽度依赖导致的塌陷 */
  width: 335px; /* 与视频卡片一致 */
  max-width: 335px;
  background: transparent;
  padding: 0;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* 左对齐内容 */
  gap: 16px; /* 元素间距统一 */
}

.scroll-intro-modules__mobile-media {
  max-width: 335px;
  width: 100%; /* 视频区域不再占满滑块，最大宽度 335px */
  aspect-ratio: var(--sim-card-aspect, 335/232);
  margin: 0; /* 左对齐，与下方文本左边对齐 */
  align-self: flex-start;
  border-radius: 16px;
  overflow: hidden;
  background-color: #000;
}

.scroll-intro-modules__mobile-media-video,
.scroll-intro-modules__mobile-media-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 非激活：媒体不隐藏，仅隐藏文本；按媒体类型显示 */
.scroll-intro-modules__mobile-slide:not(.is-active).has-video .scroll-intro-modules__mobile-media-video {
  display: block;
}
.scroll-intro-modules__mobile-slide:not(.is-active).has-video .scroll-intro-modules__mobile-media-image {
  display: none;
}
.scroll-intro-modules__mobile-slide:not(.is-active).has-image .scroll-intro-modules__mobile-media-image {
  display: block;
}
.scroll-intro-modules__mobile-slide:not(.is-active).has-image .scroll-intro-modules__mobile-media-video {
  display: none;
}
.scroll-intro-modules__mobile-slide:not(.is-active) .scroll-intro-modules__mobile-title,
.scroll-intro-modules__mobile-slide:not(.is-active) .scroll-intro-modules__mobile-description,
.scroll-intro-modules__mobile-slide:not(.is-active) .scroll-intro-modules__mobile-cta {
  opacity: 0;
  visibility: hidden; /* 保留占位不参与交互，避免整体高度变化导致错位 */
  pointer-events: none;
}

/* 激活卡片：显示完整内容；根据是否有视频决定显示媒体 */
.scroll-intro-modules__mobile-slide.has-video.is-active .scroll-intro-modules__mobile-media-video {
  display: block;
}
.scroll-intro-modules__mobile-slide.has-video.is-active .scroll-intro-modules__mobile-media-image {
  display: none;
}
/* 若无视频（仅图片），激活态显示图片 */
.scroll-intro-modules__mobile-slide.has-image.is-active .scroll-intro-modules__mobile-media-image {
  display: block;
}
.scroll-intro-modules__mobile-slide.is-active .scroll-intro-modules__mobile-title,
.scroll-intro-modules__mobile-slide.is-active .scroll-intro-modules__mobile-description,
.scroll-intro-modules__mobile-slide.is-active .scroll-intro-modules__mobile-cta {
  display: block;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.scroll-intro-modules__mobile-title {
  font-family: 'Quincy CF', serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  margin: 0 0 16px 0;
}

.scroll-intro-modules__mobile-description {
  font-family: 'Inter Tight', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
}

.scroll-intro-modules__mobile-description p {
  margin: 0 0 12px 0;
}

.scroll-intro-modules__mobile-description p:last-child {
  margin-bottom: 0;
}

/* 小屏手机适配 */
@media screen and (max-width: 768px) {
  .scroll-intro-modules__mobile-slide {
    padding: 32px 4px; /* 左右固定 10px */
    min-width: calc(335px + 2px * 2); /* 与左右内边距匹配，避免额外空隙 */
  }
  .scroll-intro-modules__mobile-content {
    gap: 8px;
  }
  .scroll-intro-modules__mobile-slides {
    gap: 4px; 
    padding-left: 16px;
  }
}

/* ===== 介绍弹窗 Modal ===== */

/* Modal wrapper */
.scroll-intro-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll-intro-modal.is-open {
  opacity: 1;
  visibility: visible;
}

/* Overlay */
.scroll-intro-modal__overlay {
  position: absolute;
  display: block !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  cursor: pointer;
}

/* Modal container - PC版：居中弹窗 */
.scroll-intro-modal__container {
  position: relative;
  width: 100%;
  max-width: 950px;
  height: 80%;
  min-height: 400px;
  background: #1a1a1a;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transform: scale(0.95);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 1;
}

.scroll-intro-modal.is-open .scroll-intro-modal__container {
  transform: scale(1);
}

/* Close button */
.scroll-intro-modal__close {
  position: absolute;
  top: 32px;
  right: 32px;
  width: 32px;
  height: 32px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
  z-index: 2;
}

.scroll-intro-modal__close svg {
  width: 20px;
  height: 20px;
  color: #fff;
}

/* Modal content - scrollable area */
.scroll-intro-modal__content {
  width: calc(100% - 10px);
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 64px;
  color: #fff;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

/* 隐藏滚动条但保持滚动功能 */
/* .scroll-intro-modal__content::-webkit-scrollbar {
  width: 8px;
}

.scroll-intro-modal__content::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}

.scroll-intro-modal__content::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}

.scroll-intro-modal__content::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
} */

/* Modal content typography */
.scroll-intro-modal__title {
  padding-top: 40px;
  font-family: 'Quincy CF', serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: -1.92px;
  color: #fff;
  margin-bottom: 32px;
}

.scroll-intro-modal__description {
  font-family: 'Inter Tight', sans-serif;
  color: rgba(255, 255, 255, 0.60);
  font-family: "Inter Tight";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; 
  letter-spacing: 0.28px;
}
.scroll-intro-modal__list{
  margin-top: 80px;
}
.scroll-intro-modal__list img{
  border-radius: 16px;
}
.scroll-intro-modal__list .full-width{
  margin-top: 120px;
}
.full-width .scroll-intro-modal__richtext{
  padding-bottom: 40px;
}
.scroll-intro-modal__list .grid{
  gap: 40px;
  margin-bottom: 80px;
  align-items: center;
}
.scroll-intro-modal__richtext p{
  font-family: "Inter Tight";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.28px;
  color: rgba(255, 255, 255, 0.60);
}
.scroll-intro-modal__richtext p strong{
  font-family: "Quincy CF";
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%; 
  letter-spacing: -1.2px;
  color: #fff;
}

/* 确保所有子元素继承正确的文字颜色 */
.scroll-intro-modal__description p,
.scroll-intro-modal__description span,
.scroll-intro-modal__description div,
.scroll-intro-modal__description strong,
.scroll-intro-modal__description em,
.scroll-intro-modal__description a {
  color: inherit;
  margin: 0 0 16px 0;
}

.scroll-intro-modal__description p:last-child {
  margin-bottom: 0;
}

/* 防止滚动穿透 */
body.scroll-intro-modal-open {
  overflow: hidden;
  touch-action: none;
}

/* ===== 移动端样式：底部弹出 ===== */
@media screen and (max-width: 768px) {
  .scroll-intro-modal {
    align-items: flex-end;
  }

  .scroll-intro-modal__container {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 85%;
    border-radius: 24px 24px 0 0;
    transform: translateY(100%);
  }

  .scroll-intro-modal.is-open .scroll-intro-modal__container {
    transform: translateY(0);
  }

  .scroll-intro-modal__close {
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
  }

  .scroll-intro-modal__close svg {
    width: 12px;
    height: 12px;
  }
  .scroll-intro-modal__list .grid{
    gap: 0;
    margin-bottom: 40px;
  }
  .scroll-intro-modal__list li:nth-child(2) .grid__item:nth-child(1){
      order: 1;
  }
  .scroll-intro-modal__list li:nth-child(2) .grid__item:nth-child(2){
      order: 0;
  }
  .scroll-intro-modal__list .grid__item{
    width: 100%;
    max-width: 100%;
  }
  .scroll-intro-modal__richtext{
    padding-top: 24px;
  }
  .scroll-intro-modal__list .full-width{
    margin: 80px 0;
  }

  .scroll-intro-modal__content {
    padding: 20px;
    width: 100%;
  }

  .scroll-intro-modal__title {
    padding-top: 48px;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%; 
    letter-spacing: -0.96px;
    margin-bottom: 24px;
  }
  .scroll-intro-modal__list{
    margin-top: 40px;
  }
  .scroll-intro-modal__richtext p strong{
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -0.72px;
}

  .scroll-intro-modal__description p,
  .scroll-intro-modal__description span,
  .scroll-intro-modal__description div,
  .scroll-intro-modal__description strong,
  .scroll-intro-modal__description em,
  .scroll-intro-modal__description a {
    font-size: inherit;
  }
}

/* CTA 按钮组（移动端） */
.scroll-intro-modules__mobile-cta {
  display: inline-flex; /* 组作为一个整体的背景容器 */
  align-items: center;
  justify-content: flex-start; /* 左对齐 */
  gap: 16px;
  padding: 6px 8px; 
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(20px);
}

.scroll-intro-modules__mobile-cta-label {
  font-family: 'Inter Tight', sans-serif;
  line-height: 1;
  padding-left: 8px;
  border-radius: 10px;
  background: transparent; 
  color: #fff;
  border: none; 
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.24px;
}

.scroll-intro-modules__mobile-cta-icon {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  border: none; 
  background: #fff; 
  color: #000; 
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* 移动端文本样式覆盖（仅移动端） */
@media screen and (max-width: 768px) {
  /* 默认：非激活卡片隐藏文本内容 */
  .scroll-intro-modules__mobile-slide:not(.is-active) .scroll-intro-modules__mobile-title,
  .scroll-intro-modules__mobile-slide:not(.is-active) .scroll-intro-modules__mobile-description,
  .scroll-intro-modules__mobile-slide:not(.is-active) .scroll-intro-modules__mobile-cta {
    display: none;
  }

  /* 激活卡片：显示文本内容 */
  .scroll-intro-modules__mobile-slide.is-active .scroll-intro-modules__mobile-title,
  .scroll-intro-modules__mobile-slide.is-active .scroll-intro-modules__mobile-description,
  .scroll-intro-modules__mobile-slide.is-active .scroll-intro-modules__mobile-cta {
    display: block;
  }
  /* 激活卡片媒体：有视频显示视频、隐藏图片；仅图片则显示图片 */
  .scroll-intro-modules__mobile-slide.has-video.is-active .scroll-intro-modules__mobile-media-video { display: block; }
  .scroll-intro-modules__mobile-slide.has-video.is-active .scroll-intro-modules__mobile-media-image { display: none; }
  .scroll-intro-modules__mobile-slide.has-image.is-active .scroll-intro-modules__mobile-media-image { display: block; }

  /* 图片下第一行文本（标题） */
  .scroll-intro-modules__mobile-title {
    font-family: 'Inter Tight', sans-serif;
    color: rgba(255, 255, 255, 0.60);
    text-align: center;
    font-family: "Inter Tight";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; 
    letter-spacing: 0.28px;
    text-align: left; 
    margin: 0;
    margin-top: 16px;
  }

  /* 第二行文本（描述） */
  .scroll-intro-modules__mobile-description {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; 
    letter-spacing: 0.32px;
    padding-bottom: 12px; 
  }
  .scroll-intro-modules__mobile-description br{
    display: none;
  }
  .scroll-intro-modules__mobile-description p { 
    margin: 0; 
    text-align: left;
  }

  /* CTA按钮组也需要正确显示 */
  .scroll-intro-modules__mobile-slide.is-active .scroll-intro-modules__mobile-cta {
    display: inline-flex;
  }
}

/* ... existing code ...