<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="675" viewBox="0 0 1200 675">
  <rect width="1200" height="675" fill="#fff7ed" rx="32"/>
  <text x="72" y="92" fill="#9a3412" font-size="34" font-family="Segoe UI, Microsoft YaHei, Arial" font-weight="700">流量切换方式对比</text>
  <text x="72" y="128" fill="#7c2d12" font-size="18" font-family="Segoe UI, Microsoft YaHei, Arial">同一套发布目标，不同的切流策略决定观察粒度和回退成本</text>
  <rect x="84" y="180" width="318" height="360" rx="28" fill="#ffffff" stroke="#fdba74" stroke-width="3"/>
  <rect x="441" y="180" width="318" height="360" rx="28" fill="#ffffff" stroke="#fb923c" stroke-width="3"/>
  <rect x="798" y="180" width="318" height="360" rx="28" fill="#ffffff" stroke="#f97316" stroke-width="3"/>
  <text x="168" y="230" fill="#9a3412" font-size="28" font-family="Segoe UI, Microsoft YaHei, Arial" font-weight="700">蓝绿</text>
  <text x="525" y="230" fill="#9a3412" font-size="28" font-family="Segoe UI, Microsoft YaHei, Arial" font-weight="700">金丝雀</text>
  <text x="874" y="230" fill="#9a3412" font-size="28" font-family="Segoe UI, Microsoft YaHei, Arial" font-weight="700">开关控制</text>
  <rect x="134" y="275" width="220" height="50" rx="14" fill="#bae6fd"/>
  <rect x="134" y="355" width="220" height="50" rx="14" fill="#38bdf8"/>
  <line x1="244" y1="325" x2="244" y2="355" stroke="#0f172a" stroke-width="4" marker-end="url(#arrow)"/>
  <text x="182" y="307" fill="#0f172a" font-size="20" font-family="Segoe UI, Microsoft YaHei, Arial">旧环境</text>
  <text x="182" y="388" fill="#ffffff" font-size="20" font-family="Segoe UI, Microsoft YaHei, Arial">新环境</text>
  <rect x="483" y="275" width="228" height="42" rx="12" fill="#c7d2fe"/>
  <rect x="483" y="345" width="78" height="42" rx="12" fill="#4f46e5"/>
  <rect x="573" y="345" width="138" height="42" rx="12" fill="#a5b4fc"/>
  <rect x="483" y="415" width="48" height="42" rx="12" fill="#312e81"/>
  <rect x="543" y="415" width="168" height="42" rx="12" fill="#818cf8"/>
  <text x="512" y="303" fill="#0f172a" font-size="18" font-family="Segoe UI, Microsoft YaHei, Arial">100% 旧版本</text>
  <text x="493" y="372" fill="#ffffff" font-size="16" font-family="Segoe UI, Microsoft YaHei, Arial">20%</text>
  <text x="594" y="372" fill="#1e1b4b" font-size="16" font-family="Segoe UI, Microsoft YaHei, Arial">80% 旧版本</text>
  <text x="490" y="442" fill="#ffffff" font-size="16" font-family="Segoe UI, Microsoft YaHei, Arial">10%</text>
  <text x="565" y="442" fill="#1e1b4b" font-size="16" font-family="Segoe UI, Microsoft YaHei, Arial">90% 新版本</text>
  <rect x="848" y="275" width="210" height="64" rx="16" fill="#fecaca"/>
  <rect x="848" y="365" width="210" height="64" rx="16" fill="#86efac"/>
  <line x1="953" y1="339" x2="953" y2="365" stroke="#0f172a" stroke-width="4" marker-end="url(#arrow)"/>
  <text x="900" y="314" fill="#7f1d1d" font-size="18" font-family="Segoe UI, Microsoft YaHei, Arial">功能关闭</text>
  <text x="885" y="404" fill="#14532d" font-size="18" font-family="Segoe UI, Microsoft YaHei, Arial">按用户逐步开启</text>
  <text x="126" y="504" fill="#7c2d12" font-size="18" font-family="Segoe UI, Microsoft YaHei, Arial">一次切换，适合整版本替换</text>
  <text x="468" y="504" fill="#7c2d12" font-size="18" font-family="Segoe UI, Microsoft YaHei, Arial">分批引流，适合高风险变更验证</text>
  <text x="833" y="504" fill="#7c2d12" font-size="18" font-family="Segoe UI, Microsoft YaHei, Arial">代码先行上线，能力后续放开</text>
  <defs>
    <marker id="arrow" markerWidth="10" markerHeight="10" refX="6" refY="3" orient="auto">
      <path d="M0,0 L0,6 L6,3 z" fill="#0f172a"/>
    </marker>
  </defs>
</svg>