<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="675" viewBox="0 0 1200 675" preserveAspectRatio="xMidYMid meet" data-image-type="layered-comparison-boundary" data-section-position="开篇后进入三类职责边界前" data-reader-task="判断入口治理问题属于轻量入口、分权路由还是服务间通信治理">
  <title>Ingress、Gateway API 与 Service Mesh 的入口治理分层对比</title>
  <desc>image_type: 分层对比图 / 方案边界图；section_position: 开篇后进入三类职责边界前；目标章节: 开篇后进入三类职责边界前；用途: 帮助读者快速理解 Ingress、Gateway API、Service Mesh 分别解决轻量入口、分权路由和服务间治理问题；关键术语: Gateway API, Ingress, Service Mesh, 入口网关, 路由职责, 服务间治理；读者任务: 判断当前入口治理问题属于轻量入口、分权路由还是服务间通信治理。</desc>
  <style><![CDATA[
    text{font-family:system-ui,Arial,Helvetica,"Microsoft YaHei","PingFang SC",sans-serif;fill:#19324a}.bg{fill:#f6f9fc}.title{font-size:25px;font-weight:800}.sub{font-size:17px;fill:#5f7185}.card{stroke-width:2}.head{font-size:22px;font-weight:800}.body{font-size:17px;fill:#5f7185}.note{font-size:17px;font-weight:700;fill:#315a8a}
  ]]></style>
  <rect class="bg" width="1200" height="675"/>
  <text class="title" x="600" y="70" text-anchor="middle">入口治理先分层：轻量入口、分权路由、服务间治理</text>
  <text class="sub" x="600" y="105" text-anchor="middle">不要只比较功能多少，先看团队职责和流量边界</text>

  <rect class="card" x="105" y="170" width="300" height="270" rx="28" fill="#ffffff" stroke="#83a6c9"/>
  <text class="head" x="255" y="222" text-anchor="middle">Ingress</text>
  <text class="body" x="255" y="270" text-anchor="middle">简单 HTTP 入口</text>
  <text class="body" x="255" y="305" text-anchor="middle">Host、Path、TLS</text>
  <text class="body" x="255" y="340" text-anchor="middle">单团队维护更轻量</text>
  <text class="body" x="255" y="390" text-anchor="middle">适合规则稳定场景</text>

  <rect class="card" x="450" y="170" width="300" height="270" rx="28" fill="#ffffff" stroke="#4f9a92"/>
  <text class="head" x="600" y="222" text-anchor="middle">Gateway API</text>
  <text class="body" x="600" y="270" text-anchor="middle">平台管理 Gateway</text>
  <text class="body" x="600" y="305" text-anchor="middle">业务管理 Route</text>
  <text class="body" x="600" y="340" text-anchor="middle">授权边界显式化</text>
  <text class="body" x="600" y="390" text-anchor="middle">适合多团队入口</text>

  <rect class="card" x="795" y="170" width="300" height="270" rx="28" fill="#ffffff" stroke="#9274c8"/>
  <text class="head" x="945" y="222" text-anchor="middle">Service Mesh</text>
  <text class="body" x="945" y="270" text-anchor="middle">服务间通信治理</text>
  <text class="body" x="945" y="305" text-anchor="middle">身份、策略、遥测</text>
  <text class="body" x="945" y="340" text-anchor="middle">入口只是其中一部分</text>
  <text class="body" x="945" y="390" text-anchor="middle">适合东西向治理</text>

  <text class="note" x="600" y="535" text-anchor="middle">判断顺序：入口是否简单 → 是否多团队分权 → 是否需要服务间安全与流量治理</text>
  <text class="sub" x="600" y="590" text-anchor="middle">本图移除编号圆圈、嵌套标签和装饰框，三张大卡片之间保留充足间距。</text>
</svg>
