/* 背景画布修复样式 */
.section.bg-canvas {
  background-image: url('../images/Artboard-–-20.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  min-height: 100vh;
  min-width: 100vw;
}

/* 确保在所有屏幕尺寸下背景都能充满 */
@media screen and (max-width: 991px) {
  .section.bg-canvas {
    background-size: cover;
    width: 100vw;
    height: 100vh;
  }
}

@media screen and (max-width: 767px) {
  .section.bg-canvas {
    background-size: cover;
    width: 100vw;
    height: 100vh;
  }
}

@media screen and (max-width: 479px) {
  .section.bg-canvas {
    background-size: cover;
    width: 100vw;
    height: 100vh;
  }
}

/* 修复可能的滚动问题 */
html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}

/* 确保内容在背景之上 */
.section-2 {
  position: relative;
  z-index: 1;
}

/* 修复可能的视口问题 */
@supports (-webkit-touch-callout: none) {
  .section.bg-canvas {
    height: -webkit-fill-available;
    min-height: -webkit-fill-available;
  }
}

/* 强制显示被隐藏内容（.w-slide 不可 display:block；button-wrapper 需 flex） */
.tagline-1,
.tagline-2,
.text-span-5,
.h2,
.h4,
.h1,
.display2 {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

.button-wrapper {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
}

.slider,
.w-slider {
  opacity: 1 !important;
  visibility: visible !important;
}

.w-slide {
  opacity: 1 !important;
  visibility: visible !important;
}

/* 确保所有文本内容可见 */
.tagline-viewport,
.slogan,
.button-wrapper,
.slider {
  opacity: 1 !important;
  visibility: visible !important;
}

/* 修复可能的 z-index 问题 */
.section-2 {
  z-index: 1 !important;
  position: relative !important;
}

/* 确保背景画布可见 */
.bg-canvas {
  opacity: 1 !important;
  visibility: visible !important;
}

/* 强制显示所有内联样式的 opacity:0 */
[style*="opacity:0"] {
  opacity: 1 !important;
}

/*
 * 桌面端保持 Webflow 的 position:relative。
 * ≤479px 时 Webflow 将首页 .c-container-2 设为 position:fixed（贴底主栏），
 * 若此处全局 position:relative!important 会覆盖 fixed，导致按钮与顶栏重叠。
 */
@media (min-width: 480px) {
  .c-container-2 {
    z-index: 2 !important;
    position: relative !important;
  }
}

@media (max-width: 479px) {
  .c-container-2 {
    z-index: 2 !important;
  }
}

/* 修复可能的字体加载问题 */
body {
  font-family: "Poppins", sans-serif !important;
}

/* 确保按钮和链接可见（勿用 inline-block，否则会破坏 Webflow 按钮内 flex 图标+文案布局） */
.btn_large_tg,
.btn___large {
  opacity: 1 !important;
  visibility: visible !important;
}