.youtuo_solution_market {
  padding: 4.0625rem 0;
  background: var(--color-primary);
  color: #fff;
  font-family: "Poppins";
  overflow: hidden;
}

.youtuo_solution_market .container {
  position: relative;
}

/* 顶部区域：标题 + 描述 + 按钮 — 初始隐藏（从下方淡入） */
.youtuo_solution_market_top {
  margin-bottom: 4.0625rem;
  transform: translateY(6rem);
}

/* 背景图 — 初始放大（缩小到正常尺寸） */
.youtuo_solution_market_map img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1.5);
}

/* 数据看板 — 初始隐藏（从下方弹入） */
.youtuo_solution_market_stats {
  width: 83.125%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 0.625rem;
  padding: 0.90625rem 3.28125rem;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(4rem);
}

.youtuo_solution_market_title {
  font-size: var(--font-size-62);
  font-weight: 600;
  line-height: 2.28125rem;
  margin-bottom: 0.625rem;
}

.youtuo_solution_market_desc {
  width: 56.25%;
  font-size: var(--font-size-32);
  font-weight: 300;
  line-height: 1.34375rem;
  margin-bottom: 2.5rem;
}

/* 按钮 */
.youtuo_solution_market_btn {
  display: inline-block;
  font-size: var(--font-size-26);
  font-weight: 500;
  color: var(--color-primary);
  background: #fff;
  line-height: 1.34375rem;
  border-radius: 0.3125rem;
  padding: 0.25rem 0.9375rem;
  text-transform: capitalize;
}

.youtuo_solution_market_stat_item {
  text-align: center;
}

.youtuo_solution_market_stat_num {
  font-size: var(--font-size-80);
  font-weight: 500;
  color: var(--color-primary);
  line-height: normal;
  margin-bottom: 0.375rem;
  text-transform: capitalize;
}

.youtuo_solution_market_stat_desc {
  font-size: var(--font-size-18);
  color: #000;
  font-weight: 500;
  line-height: 0.75rem;
  text-transform: capitalize;
}

/* 点阵世界地图背景 */
.youtuo_solution_market_map {
  position: absolute;
  top: 1.84375rem;
  right: 0;
  width: 58.25%;
  aspect-ratio: 171 / 91;
}

.youtuo_solution_market_map img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 分布坐标点 */
.youtuo_solution_market_dot {
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 2;
  pointer-events: auto;
}

.youtuo_solution_market_dot span {
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  background: #fff;
  border-radius: 50%;
  animation: dotPulse 2s ease infinite;
}

/* 脉冲动画 */
@keyframes dotPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  }
  70% {
    box-shadow: 0 0 0 0.75rem rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

/* ==================== Pad 端适配（≤1200px） ==================== */
@media (max-width: 1200px) {
  .youtuo_solution_market {
    padding: 3.125rem 0;
  }

  .youtuo_solution_market_top {
    margin-bottom: 2.5rem;
  }

  .youtuo_solution_market_desc {
    width: 70%;
  }

  /* 地图缩小，位置调整 */
  .youtuo_solution_market_map {
    width: 55%;
    top: 1.25rem;
  }

  /* 数据看板 */
  .youtuo_solution_market_stats {
    width: 90%;
    padding: 0.90625rem 2rem;
  }
}

/* ==================== 手机端（≤768px） ==================== */
@media (max-width: 768px) {
  .youtuo_solution_market {
    padding: 2.5rem 0;
  }

  .youtuo_solution_market_top {
    margin-bottom: 2rem;
    text-align: center;
  }

  .youtuo_solution_market_desc {
    width: 100%;
  }

  /* 地图放到标题下方，宽度100% */
  .youtuo_solution_market_map {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    margin: 0 auto 2rem;
  }

  /* 数据看板纵向排列 */
  .youtuo_solution_market_stats {
    width: 90%;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.5rem 2rem;
  }
}

/* ==================== 小屏手机（≤576px） ==================== */
@media (max-width: 576px) {
  .youtuo_solution_market {
    padding: 2rem 0;
  }

  .youtuo_solution_market_top {
    margin-bottom: 1.5rem;
  }

  .youtuo_solution_market_desc {
    margin-bottom: 1.5rem;
  }

  .youtuo_solution_market_map {
    margin-bottom: 1.5rem;
  }

  .youtuo_solution_market_stats {
    width: 95%;
    padding: 1.25rem 1.5rem;
    gap: 1rem;
  }

  .youtuo_solution_market_stat_num {
    margin-bottom: 0.25rem;
  }
}