<template>
  <section class="global-service">
    <div class="container">
      <h3 class="section-title">我们全球服务覆盖范围</h3>
      <!--      <p class="section-desc">65+ 国家/地区覆盖 | 13+ 产业领域服务</p>-->
      <p class="section-desc">业务已拓展至 13+ 个国家，覆盖全国 70+ 个城市</p>
      <!-- 替换为实际地图路径 -->
      <img
        src="https://images.health.ufutx.com/202506/12/2acedc9535b108d6cd079b34bb01e78e.jpeg"
        alt="世界地图"
        class="world-map"
      />
    </div>
  </section>
</template>

<script setup lang="ts">
// 暂无逻辑，纯展示
</script>

<style scoped lang="less">
.global-service {
  //padding: 80px 0;
  background-color: #fff;

  .container {
    margin: 0 auto;
    text-align: center;
    .px(192px);
    .section-title {
      //background: red;
      font-size: 32px;
      font-weight: bold;
      margin-bottom: 20px;
      .mt(100px);
      color: @text-color;
    }

    .section-desc {
      font-size: 20px;
      color: @text-color-secondary;
      margin-bottom: 40px;
    }

    .world-map {
      width: 100%;
      height: auto;
      .mb(70px);
    }
  }
}
</style>
