<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630" role="img" aria-label="云原生技术体系示意图">
  <rect width="1200" height="630" fill="#f7fbff"/>
  <text x="60" y="72" font-size="34" font-family="Arial, Microsoft YaHei, sans-serif" font-weight="700" fill="#12315f">云原生技术体系</text>
  <text x="60" y="110" font-size="18" font-family="Arial, Microsoft YaHei, sans-serif" fill="#4e6487">云原生不是单一技术，而是围绕应用交付、运行和治理形成的一整套能力体系</text>
  <circle cx="600" cy="320" r="110" fill="#ffffff" stroke="#2f6fed" stroke-width="4"/>
  <text x="542" y="312" font-size="30" font-family="Arial, Microsoft YaHei, sans-serif" font-weight="700" fill="#1e4fa3">云原生</text>
  <text x="525" y="350" font-size="18" font-family="Arial, Microsoft YaHei, sans-serif" fill="#4e6487">应用交付与治理</text>
  <g font-family="Arial, Microsoft YaHei, sans-serif" font-size="20" text-anchor="middle" fill="#20324d">
    <rect x="120" y="150" width="220" height="84" rx="18" fill="#eaf1ff" stroke="#2f6fed" stroke-width="3"/><text x="230" y="202">容器与镜像</text>
    <rect x="490" y="90" width="220" height="84" rx="18" fill="#fff8e7" stroke="#ffc857" stroke-width="3"/><text x="600" y="142">Kubernetes编排</text>
    <rect x="860" y="150" width="220" height="84" rx="18" fill="#e9fff6" stroke="#20a67a" stroke-width="3"/><text x="970" y="202">微服务架构</text>
    <rect x="120" y="430" width="220" height="84" rx="18" fill="#e9fff6" stroke="#20a67a" stroke-width="3"/><text x="230" y="482">DevOps / GitOps</text>
    <rect x="490" y="468" width="220" height="84" rx="18" fill="#eaf1ff" stroke="#2f6fed" stroke-width="3"/><text x="600" y="520">可观测性</text>
    <rect x="860" y="430" width="220" height="84" rx="18" fill="#fff8e7" stroke="#ffc857" stroke-width="3"/><text x="970" y="482">安全与治理</text>
  </g>
  <g stroke="#5b77a8" stroke-width="4" fill="none" marker-end="url(#arrow)">
    <path d="M340 195 C430 220 470 250 510 280"/>
    <path d="M600 174 L600 210"/>
    <path d="M860 195 C770 220 730 250 690 280"/>
    <path d="M340 470 C430 435 470 390 510 360"/>
    <path d="M600 468 L600 430"/>
    <path d="M860 470 C770 435 730 390 690 360"/>
  </g>
  <defs><marker id="arrow" markerWidth="12" markerHeight="12" refX="10" refY="6" orient="auto"><path d="M0,0 L12,6 L0,12 z" fill="#5b77a8"/></marker></defs>
</svg>