<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="675" viewBox="0 0 1200 675">
  <defs>
    <style>
      .t{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;fill:#16324f}
      .h{font-size:33px;font-weight:700}
      .b{font-size:20px;font-weight:700}
      .s{font-size:17px}
    </style>
  </defs>
  <rect width="1200" height="675" fill="#f8fbff"/>
  <text x="60" y="60" class="t h">StorageClass 动态供给流程</text>
  <g transform="translate(70,145)">
    <rect x="0" y="0" width="190" height="120" rx="22" fill="#e2eeff" stroke="#7aa6ff"/>
    <text x="44" y="48" class="t b">PVC</text>
    <text x="28" y="82" class="t s">申请容量与类别</text>
    <line x1="190" y1="60" x2="260" y2="60" stroke="#2f63d7" stroke-width="6" marker-end="url(#a)"/>
    <rect x="260" y="0" width="200" height="120" rx="22" fill="#dff7ef" stroke="#66c5a0"/>
    <text x="294" y="48" class="t b">StorageClass</text>
    <text x="292" y="82" class="t s">定义 provisioner</text>
    <line x1="460" y1="60" x2="530" y2="60" stroke="#14805b" stroke-width="6" marker-end="url(#b)"/>
    <rect x="530" y="0" width="200" height="120" rx="22" fill="#fff1d6" stroke="#f0a44a"/>
    <text x="596" y="48" class="t b">CSI</text>
    <text x="560" y="82" class="t s">创建底层存储卷</text>
    <line x1="730" y1="60" x2="800" y2="60" stroke="#c96c00" stroke-width="6" marker-end="url(#c)"/>
    <rect x="800" y="0" width="240" height="120" rx="22" fill="#f3f5f7" stroke="#b8c4d0"/>
    <text x="860" y="48" class="t b">PV 绑定</text>
    <text x="834" y="82" class="t s">Pod 挂载后可使用</text>
  </g>
  <g transform="translate(120,340)">
    <rect width="960" height="170" rx="28" fill="#fff" stroke="#c7d9ea"/>
    <text x="34" y="44" class="t b" fill="#2f63d7">关键控制点</text>
    <text x="34" y="84" class="t s">• reclaimPolicy 决定删除后的数据处理</text>
    <text x="34" y="116" class="t s">• volumeBindingMode 影响调度与拓扑</text>
    <text x="34" y="148" class="t s">• allowVolumeExpansion 控制扩容能力</text>
    <text x="520" y="84" class="t s">• PVC 是应用侧入口</text>
    <text x="520" y="116" class="t s">• CSI 驱动连接存储后端</text>
    <text x="520" y="148" class="t s">• PV 是最终绑定对象</text>
  </g>
  <defs>
    <marker id="a" markerWidth="10" markerHeight="10" refX="8" refY="3" orient="auto"><path d="M0,0 L8,3 L0,6 Z" fill="#2f63d7"/></marker>
    <marker id="b" markerWidth="10" markerHeight="10" refX="8" refY="3" orient="auto"><path d="M0,0 L8,3 L0,6 Z" fill="#14805b"/></marker>
    <marker id="c" markerWidth="10" markerHeight="10" refX="8" refY="3" orient="auto"><path d="M0,0 L8,3 L0,6 Z" fill="#c96c00"/></marker>
  </defs>
</svg>