/* 整体导航背景 */
.custom-nav {
  background-color: #fff;
  height: 65px;
}

/* logo 图标 */
.label_1 {
  width: 37px;
  height: 38px;
  margin-right: 10px;
}

/* 光粒加速器文字 */
.text_1 {
  color: rgba(50, 50, 50, 1);
  font-size: 20px;
  font-weight: 500;
  font-family: STHeitiSC-Medium, sans-serif;
  line-height: 35px;
  white-space: nowrap;
}

/* 首页（带蓝色下划线） */
.active-link {
  text-align: center;
  margin-left: 40px;
  position: relative;
}

.active-link .nav-link {
  color: rgba(66, 112, 254, 1) !important;
  font-size: 16px;
  font-weight: 500;
  font-family: PingFangSC-Medium, sans-serif;
}

.block_2 {
  background-color: rgba(66, 112, 254, 1);
  width: 29px;
  height: 2px;
  margin: 0 auto;
}

/* 其他导航文字 */
.text_3,
.text_4,
.text_5 {
  font-size: 16px;
  font-family: PingFangSC-Regular, sans-serif;
  color: rgba(50, 50, 50, 1);
  white-space: nowrap;
}

.text_3 {
  margin-left: 36px;
}

.text_4 {
  margin-left: 36px;
}

.text_5 {
  margin-left: 36px;
}

/* 下载图标 */
.thumbnail_1 {
  width: 16px;
  height: 16px;
  margin-left: 4px;
}

/* 移动端适配 */
@media (max-width: 991px) {
  .active-link {
    margin-left: 0;
  }

  .text_3,
  .text_4,
  .text_5 {
    margin-left: 0;
  }

  .navbar-nav {
    gap: 10px;
  }
}


/* 整体背景：自适应填充，不再用固定宽度 */
.hero-section {
  background-image: url(./img/bg2.png);
  background-size: cover;
  background-position: center;
  min-height: 400px;
}

/* 左侧卡片背景与内边距：桌面保持原风格，移动端自动收缩 */
.group_44 {
  background: url(./img/SketchPng5caca2c652617a3e27f57c634cb9d5a2f5f8bfb69f7613ab0f3744ff1e2010da.png) no-repeat center;
  background-size: 100% 100%;
}

.hero-inner {
  /* 用 clamp 保持不同屏幕的舒适内边距 */
  padding-top: clamp(24px, 8vw, 142px);
  padding-bottom: clamp(16px, 5vw, 48px);
  padding-left: clamp(16px, 5vw, 270px);
  /* 代替固定 270px */
  padding-right: clamp(16px, 5vw, 40px);
  min-height: 420px;
}

/* 顶部小标签 */
.text-wrapper_1 {
  width: 120px;
  height: 37px;
  background: url(./img/SketchPngf7d5e0c49ba3289d4113f3bfd5739421b98ee650bfa9a8200b50d4e3f6875980.png) no-repeat center;
  background-size: 100% 100%;

  display: flex;
  justify-content: flex-start;
  /* 水平靠左 */
  align-items: center;
  /* 垂直居中 */
  padding-left: 15px;
  /* 调整左边距离，根据需要改数值 */
}

.text_6 {
  color: #fff;
  font-size: 16px;
  display: inline-block;
  margin: 0;
  /* 去掉原来的 margin */
  white-space: normal !important;
}


/* 标题区：允许换行、自动间距 */
.section_1 {
  margin-top: 20px;
  gap: 16px;
}

.text_7,
.text_8 {
  color: #323232;
  font-weight: 600;
  line-height: 1.25;
  white-space: normal !important;
  /* 关键：移动端可换行 */
  /* 44px 桌面等效，移动端自动缩到 24-32 区间 */
  font-size: clamp(24px, 4.2vw, 44px);
}


.section_33 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 32px;
  margin-top: 20px;
}

/* 每个特性 */
.section_33 .feature {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* 图标 */
.thumbnail_2,
.thumbnail_3,
.thumbnail_4 {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

/* 文案 */
/* 文案 */
.text_9,
.text_100 {
  font-size: 18px;
  font-weight: 500;
  color: #323232;
  line-height: 22px;
  white-space: normal;
  /* 允许换行 */
  word-break: break-word;
  /* 长词强制换行 */
  flex: 1;
  /* 占满剩余空间 */
  min-width: 0;
  /* 解决 flex 子元素文字溢出 */
}

/* --- 移动端 --- */
@media (max-width: 767.98px) {
  .section_33 .feature {
    width: 100%;
    justify-content: flex-start;
  }

  .section_33 {
    gap: 12px 0;
  }

  .text_9,
  .text_100 {
    font-size: 16px;
    /* 小屏文字缩小一点更美观 */
    line-height: 20px;
  }
}


/* 提示条：改为自适应宽度 */
.text-wrapper_2 {
  background-color: rgba(255, 255, 255, 0.43);
  border: 1px solid #fff;
  border-radius: 4px;
  display: inline-block;
  padding: 10px 16px;
  margin-top: 24px;
  max-width: 100%;
}

.text_11 {
  font-size: clamp(16px, 3.2vw, 20px);
  font-weight: 600;
  color: #323232;
  line-height: 1.4;
  white-space: normal;
}

/* 右侧图：保持比例，自适应大小并在移动端居中显示 */
.hero-side {
  max-width: min(420px, 90%);
  height: auto;
  margin-top: clamp(24px, 6vw, 239px);
  /* 保留大概的纵向视觉，但可缩放 */
}

/* 兼容旧样式里可能存在的 nowrap 与固定宽度 */
.text_7,
.text_8,
.text_9,
.text_100,
.text-group_1,
.text_11 {
  width: auto !important;
}

/* 小屏进一步优化间距与高度，避免背景过高造成空白 */
@media (max-width: 991px) {
  .hero-section {
    min-height: 300px;
  }

  .hero-inner {
    min-height: unset;
  }
}

/* ---------- download layout 修正（替换原有相关规则） ---------- */
.download-section {
  background-color: #4270FE;
}

/* 父容器：flex + gap，保证间距可控 */
.download-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* 居中对齐整体 */
  gap: 12px;
  /* 列间与行间间距都用 gap 控制 */
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 12px;
  /* 小内边距，避免贴边 */
  box-sizing: border-box;
}

/* 每个项：去掉阻塞缩放的 min-width，使用 box-sizing */
.download-item {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  justify-content: space-between;
  flex: 1 1 220px;
  /* 桌面时弹性基准 */
  min-width: 0;
  /* 关键：允许缩小，防止撑满整行 */
  max-width: 260px;
  border-right: 1px solid #e6e6e6;
  background: #4270FE;
}

/* 最后一个桌面右边不显示分隔线 */
.download-item:last-child {
  border-right: none;
}

/* 图标与文字 */
.platform-icon {
  width: 32px;
  height: 32px;
  display: block;
}

.arrow-icon {
  width: 18px;
  height: 21px;
  display: block;
}

.platform-text {
  flex: 1;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  text-align: center;
}

/* ---------- 移动端：一行两个 ---------- */
@media (max-width: 767.98px) {

  /* 父容器在小屏时保留 gap，但不改为 column */
  .download-list {
    justify-content: space-between;
    gap: 12px;
    padding: 0 12px;
  }

  /* 每项宽度精确计算为 (容器宽 - gap) / 2，保证一行两个 */
  .download-item {
    flex: 0 0 calc((100% - 12px) / 2);
    max-width: calc((100% - 12px) / 2);
    border-right: none;
    /* 取消竖向分隔线 */
    border-bottom: 1px solid #e6e6e6;
    /* 改用横线分隔行 */
    padding: 10px;
  }

  /* 使用 nth-child 移除最后一行的横线（可选）：
     如果项目数为偶数，这会在最后一行的两个都保留线；若想更复杂的逻辑可再加 JS 检测 */
  .download-item:last-child {
    border-bottom: none;
  }

  .platform-text {
    text-align: left;
    margin-left: 8px;
    font-size: 16px;
  }
}


/* 容器和文字 */
.section_3_wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
  /* 防止右边超出 */
}

.section_3 {
  width: 1920px;
  height: 996px;
  position: relative;
  transform-origin: top center;
  background: url(./img/SketchPngbd84103deff38409b667a05f54edbb270c406789be72f8ef265286d4eb98e44d.png) no-repeat;
  background-size: 100% 100%;
}

/* 大标题 */
.text_8 {
  position: absolute;
  top: 90px;
  left: 842px;
  width: 238px;
  font-size: 48px;
  line-height: 67px;
  color: rgba(50, 50, 50, 1);
  font-weight: 500;
  text-align: right;
}

/* 卡片容器 */
.block_3,
.block_5 {
  position: absolute;
  display: flex;
  justify-content: space-between;
}

.block_3 {
  top: 279px;
  left: 425px;
  width: 1072px;
  height: 255px;
}

.block_5 {
  top: 690px;
  left: 425px;
  width: 1072px;
  height: 255px;
}

/* 单张卡片 */
.group_5,
.group_6,
.box_3,
.box_5 {
  position: relative;
  width: 520px;
  height: 255px;
  background: url(./img/SketchPngdfa689d63cf234f418077113390d5431f964ab6279e6e515b4578f5a4d9e6aa8.png) -1px -1px no-repeat;
  background-size: 522px 257px;
}

/* 文字组 */
.text-group_3,
.text-group_4,
.text-group_5,
.text-group_6 {
  position: absolute;
  top: 97px;
  left: 50px;
  display: flex;
  flex-direction: column;
  /* 大字在上，小字在下 */
}

/* 标题文字 */
.text_9,
.text_11,
.text_13,
.text_15 {
  font-size: 24px;
  line-height: 33px;
  color: rgba(50, 50, 50, 1);
  font-weight: 500;
  white-space: nowrap;
  margin-bottom: 12px;
}

/* 描述文字 */
.text_10,
.text_12,
.text_14,
.text_16 {
  font-size: 16px;
  line-height: 28px;
  color: rgba(100, 101, 102, 1);
  word-break: break-word;
  max-width: 361px;
}

/* 图片固定右上角 */
.block_4,
.group_7,
.box_4,
.group_8 {
  position: absolute;
  width: 200px;
  height: 183px;
  top: -94px;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
}

.block_4 {
  background-image: url(./img/icon_igjjjf.png);
}

.group_7 {
  background-image: url(./img/duoduan.png);
}

.box_4 {
  background-image: url(./img/icon_iodfjkl.png);
}

.group_8 {
  background-image: url(./img/icon_oi.png);
}

/* ========== 等比缩放 PC ========== */
@media screen and (max-width: 1920px) {
  .section_3 {
    transform: scale(calc(100vw / 1920));
    margin: 0 auto;
  }

  .section_3_wrapper {
    height: calc(996px * (100vw / 1920));
  }
}

/* ========== 移动端：一行一个卡片，内容居中 ========== */
@media screen and (max-width: 768px) {
  .section_3 {
    width: 100%;
    height: auto;
    transform: none !important;
    background-size: cover;
    padding: 24px 0 32px;
  }

  .text_8 {
    position: static;
    display: block;
    width: fit-content;
    /* 文字多宽盒子就多宽 */
    margin: 0 auto 24px;
    /* 左右 auto 实现居中 */
    font-size: 32px;
    line-height: 50px;
    text-align: center;
  }


  .block_3,
  .block_5 {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
    height: auto;
    margin: 0 auto 24px;
  }

  .group_5,
  .group_6,
  .box_3,
  .box_5 {
    width: 92vw;
    max-width: 520px;
    height: auto;
    background-size: 100% 100%;
    margin-top: 40px;
  }

  .group_5::before,
  .group_6::before,
  .box_3::before,
  .box_5::before {
    content: "";
    display: block;
    padding-top: 49.0385%;
    /* 保持比例 */
  }

  .text-group_3,
  .text-group_4,
  .text-group_5,
  .text-group_6 {
    top: 38%;
    left: 10%;
    width: 70%;
  }

  .block_4,
  .group_7,
  .box_4,
  .group_8 {
    top: -37%;
    right: 0;
    width: 38%;
    aspect-ratio: 200 / 183;
    height: auto;
    background-size: contain;
  }
}

.section_4 {
  background-color: #fff;
  padding-top: 90px;
  padding-bottom: 90px;
}

.text_17 {
  font-size: 45px;
  font-weight: 500;
  font-family: "PingFangSC-Medium";
  color: #323232;
  margin-bottom: 50px;
  text-align: center;
}

.list_2 .box_6-0,
.list_2 .box_6-1,
.list_2 .box_6-2,
.list_2 .box_6-3 {
  width: 160px;
  height: 141px;
  background-size: cover;
  margin: 0 auto 0;
}

.box_6-0 {
  background-image: url(./img/icon_oiukj.png);
}

.box_6-1 {
  background-image: url(./img/icon_efwiohj.png);
}

.box_6-2 {
  background-image: url(./img/icon_efwionjkv.png);
}

.box_6-3 {
  background-image: url(./img/icon_iojfds.png);
}

.text_18-0,
.text_18-1,
.text_18-2,
.text_18-3 {
  font-size: 18px;
  font-weight: 500;
  font-family: "PingFangSC-Medium";
  color: #323232;
  text-align: center;
}

.text_19-0,
.text_19-1,
.text_19-2,
.text_19-3 {
  font-size: 14px;
  color: #606060;
  line-height: 20px;
  margin-top: 16px;
  text-align: left;
}

/* 移动端自适应 */
@media (max-width: 768px) {
  .text_17 {
    text-align: center;
    font-size: 36px;
  }

  .list_2 {
    margin: 0 auto;
  }

  .list_2 .text-group_7-0,
  .list_2 .text-group_7-1,
  .list_2 .text-group_7-2,
  .list_2 .text-group_7-3 {
    text-align: center;
    margin: 0;
  }
}

.text_23 {
  font-size: 40px;
  font-family: "PingFangSC-Medium";
  font-weight: 500;
  color: #323232;
  margin-bottom: 50px;
  text-align: center;
}

.group_9,
.group_10,
.group_11,
.group_12 {
  width: 239px;
  height: 240px;
  background: url(./img/SketchPng78d29a545baae4bc4011ca70a67d5947d929ac9b59aca97da78c17de25f7c012.png) 0 0 no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 30px;
  /* 这里加水平间距 */
}

/* 去掉最后一个块的右边距 */
.group_12 {
  margin-right: 0;
}




.image-text_3,
.image-text_4,
.image-text_5,
.image-text_6,
.image-text_7 {
  display: flex;
  align-items: center;
  margin: 0 auto 0;
}

.box_7,
.block_6,
.section_6,
.box_8 {
  background-color: #fff;
  border-radius: 4px;
  width: 120px;
  height: 36px;
  margin: 0 auto 0;
}

.text-group_8,
.text_24,
.text_25,
.text_26 {
  font-size: 18px;
  font-weight: 500;
  color: #323232;
}

.text-group_9,
.text-group_10,
.text-group_11,
.text-group_12 {
  font-size: 14px;
  font-weight: 500;
  color: #323232;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .text_23 {
    text-align: center;
    font-size: 36px;
  }

  .group_9,
  .group_10,
  .group_11,
  .group_12 {
    align-items: center !important;
    margin-right: 0;
  }

  .text-group_8,
  .text_24,
  .text_25,
  .text_26 {
    text-align: center !important;
  }
}

/* 活动专场标题 */
.text-activity-title {
  font-size: 48px;
  font-family: PingFangSC-Medium, sans-serif;
  font-weight: 500;
  color: #fff;
  display: block;
  line-height: 67px;
}

.text-activity-subtitle {
  font-size: 24px;
  font-family: PingFangSC-Regular, sans-serif;
  color: #fff;
  margin-top: 10px;
}

/* 卡片样式 */
.activity-card {
  border-radius: 4px;
  overflow: hidden;
}

/* 卡片标题 */
.activity-card .card-title {
  font-size: 24px;
  font-family: STHeitiSC-Medium, sans-serif;
  font-weight: 500;
  margin-top: 15px;
}

/* 卡片文字 */
.activity-card .card-text {
  font-size: 16px;
  font-family: PingFangSC-Regular, sans-serif;
  color: #525252;
}

/* 底部提示条 */
.text-wrapper-activity {
  background-color: #4270fe;
  color: #fff;
  text-align: right;
  padding: 6px 10px;
  border-radius: 4px;
  margin-top: 15px;
  font-size: 16px;
  font-family: PingFangSC-Regular, sans-serif;
}

.bg {
  background-image: url(./img/bg_jfkdn.png);
  background-size: cover;
  /* 背景拉伸填充 */
  background-position: top center;
  /* 顶部居中 */
  background-repeat: no-repeat;
  width: 100%;
  /* 用百分比替代 100vw */
  padding-top: 0;
}


/* 移动端（小于768px）字体改为黑色 */
@media (max-width: 767.98px) {

  .text-activity-title,
  .text-activity-subtitle {
    color: #000000;
  }
}

.footer {
  background-color: #161A28 !important;
  font-size: 13px;
  line-height: 1.4;
}

.hei {
  color: #fff;
}

.footer-logo {
  width: 28px;
  height: 28px;
}

.footer-qrcode {
  width: 80px;
  height: 80px;
}

.footer h6 {
  margin-bottom: 4px;
  font-size: 16px;
  color: #fff;
}

.footer p {
  margin-top: 8px;
  color: #fff;
}

.footer a {
  text-decoration: none;
  color: #fff;
  font-size: 12px;
}

.footer a:hover {
  text-decoration: underline;
}

/* 下载项样式 */
.download-item {
  cursor: pointer;
  /* 鼠标悬停变小手 */
  transition: transform 0.2s ease-in-out;
}

.download-item:hover {
  transform: translateY(-3px);
  /* 悬停时微微浮起，提升交互感 */
}

/* 文字悬停变蓝色 */
.download-item .platform-text {
  transition: color 0.2s ease-in-out;
}


/* 下载按钮容器 */
.section_2 {
  display: inline-flex;
  /* 按钮内部使用 Flex 排版 */
  align-items: center;
  /* 垂直居中 */
  justify-content: center;
  /* 水平居中 */
  background-color: rgba(26, 127, 251, 1);
  width: 130px;
  height: 48px;
  border-radius: 6px;
  padding: 12px 24px;
  /* 代替固定宽高，自动撑开 */
  margin: 40px auto;
  /* 居中显示，适应不同屏幕 */
  cursor: pointer;
  /* 鼠标悬停变手型 */
  transition: background 0.3s;
}

/* 鼠标悬停效果 */
.section_2:hover {
  background-color: rgba(20, 100, 200, 1);
}

/* 图文组合 */
.image-text_2 {
  display: flex;
  /* 图标+文字横向排列 */
  align-items: center;
  gap: 8px;
  /* 图标与文字的间距 */
}

/* 按钮文字 */
.text-group_2 {
  color: #fff;
  font-size: 16px;
  font-family: "PingFang SC", sans-serif;
  font-weight: 500;
  white-space: nowrap;
  /* 防止换行 */
}

/* 按钮图标 */
.thumbnail_2 {
  width: 20px;
  height: 20px;
}

/* 响应式：小屏幕缩小按钮 */
@media (max-width: 768px) {
  .section_2 {
    padding: 10px 18px;
  }

  .text-group_2 {
    font-size: 14px;
  }

  .thumbnail_2 {
    width: 18px;
    height: 18px;
  }
}