<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="680" viewBox="0 0 1200 680">
  <rect width="1200" height="680" fill="#f8fafc"/>
  <text x="60" y="72" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="34" font-weight="700" fill="#0f172a">消息队列与微服务协作流程</text>
  <text x="60" y="112" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="18" fill="#475569">通过异步消息实现服务解耦、削峰填谷与失败重试</text>
  <defs><marker id="arrow" markerWidth="12" markerHeight="12" refX="10" refY="6" orient="auto"><path d="M2,2 L10,6 L2,10 Z" fill="#2563eb"/></marker></defs>
  <g font-family="Arial, 'Microsoft YaHei', sans-serif">
    <rect x="100" y="260" width="220" height="100" rx="20" fill="#dbeafe" stroke="#2563eb" stroke-width="2"/>
    <text x="210" y="305" text-anchor="middle" font-size="24" font-weight="700" fill="#1e3a8a">订单服务</text>
    <text x="210" y="335" text-anchor="middle" font-size="16" fill="#1d4ed8">生产消息</text>

    <line x1="330" y1="310" x2="470" y2="310" stroke="#2563eb" stroke-width="3" marker-end="url(#arrow)"/>

    <rect x="490" y="230" width="220" height="160" rx="22" fill="#ecfeff" stroke="#0891b2" stroke-width="2"/>
    <text x="600" y="290" text-anchor="middle" font-size="26" font-weight="700" fill="#155e75">消息队列</text>
    <text x="600" y="324" text-anchor="middle" font-size="16" fill="#0e7490">异步解耦</text>
    <text x="600" y="350" text-anchor="middle" font-size="16" fill="#0e7490">削峰填谷 / 重试</text>

    <line x1="720" y1="280" x2="860" y2="220" stroke="#2563eb" stroke-width="3" marker-end="url(#arrow)"/>
    <line x1="720" y1="310" x2="860" y2="310" stroke="#2563eb" stroke-width="3" marker-end="url(#arrow)"/>
    <line x1="720" y1="340" x2="860" y2="400" stroke="#2563eb" stroke-width="3" marker-end="url(#arrow)"/>

    <rect x="880" y="170" width="210" height="86" rx="18" fill="#f0fdf4" stroke="#16a34a" stroke-width="2"/>
    <text x="985" y="220" text-anchor="middle" font-size="22" font-weight="700" fill="#166534">库存服务</text>

    <rect x="880" y="267" width="210" height="86" rx="18" fill="#eef2ff" stroke="#4f46e5" stroke-width="2"/>
    <text x="985" y="317" text-anchor="middle" font-size="22" font-weight="700" fill="#3730a3">通知服务</text>

    <rect x="880" y="364" width="210" height="86" rx="18" fill="#fff7ed" stroke="#f97316" stroke-width="2"/>
    <text x="985" y="414" text-anchor="middle" font-size="22" font-weight="700" fill="#9a3412">积分服务</text>

    <rect x="260" y="540" width="680" height="54" rx="27" fill="#eff6ff" stroke="#bfdbfe"/>
    <text x="600" y="575" text-anchor="middle" font-size="18" fill="#1e40af">消息队列把同步强依赖变成异步协作，是微服务稳定性建设的重要手段</text>
  </g>
</svg>