<template>
  <section class="global-service">
    <div class="container">
      <h3 class="section-title">我们全球服务覆盖范围</h3>
      <p class="section-desc">覆盖国家/地区：6+ · 客户产业覆盖范围：15+</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 {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;

    .section-title {
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 10px;
      color: #333;
    }

    .section-desc {
      font-size: 16px;
      color: #666;
      margin-bottom: 40px;
    }

    .world-map {
      max-width: 1000px;
      width: 100%;
      height: auto;
    }
  }
}
</style>
