<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900" role="img" aria-labelledby="title desc">
  <title id="title">跨IDC网络骨干与业务流量分层示意图</title>
  <desc id="desc">展示两个数据中心通过DCI骨干互联，并按业务流量分层治理。</desc>
  <defs>
    <linearGradient id="bg472a" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#061a2b"/>
      <stop offset="100%" stop-color="#0d3f53"/>
    </linearGradient>
    <linearGradient id="line472a" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0%" stop-color="#2dd4bf"/>
      <stop offset="100%" stop-color="#60a5fa"/>
    </linearGradient>
    <filter id="glow472a"><feGaussianBlur stdDeviation="8" result="b"/><feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge></filter>
  </defs>
  <rect width="1600" height="900" fill="url(#bg472a)"/>
  <g opacity="0.16" stroke="#6ee7f9">
    <path d="M120 110H1480"/><path d="M120 790H1480"/><path d="M200 80V820"/><path d="M1400 80V820"/>
  </g>
  <text x="90" y="90" fill="#d9fbff" font-size="38" font-family="'Microsoft YaHei',sans-serif" font-weight="700">跨IDC网络骨干与业务流量分层</text>
  <text x="90" y="130" fill="#9fd9e7" font-size="22" font-family="'Microsoft YaHei',sans-serif">DCI不是单条专线，而是带宽、时延、冗余与流量治理的组合</text>

  <g>
    <rect x="130" y="220" rx="28" ry="28" width="320" height="420" fill="#0e2d42" stroke="#50e6ff" stroke-width="2.5"/>
    <text x="290" y="275" text-anchor="middle" fill="#e8fdff" font-size="34" font-family="'Microsoft YaHei',sans-serif" font-weight="700">IDC A</text>
    <rect x="175" y="330" width="230" height="62" rx="16" fill="#123b56" stroke="#70f0ff"/>
    <text x="290" y="370" text-anchor="middle" fill="#dffcff" font-size="26" font-family="'Microsoft YaHei',sans-serif">生产业务</text>
    <rect x="175" y="420" width="230" height="62" rx="16" fill="#123b56" stroke="#70f0ff"/>
    <text x="290" y="460" text-anchor="middle" fill="#dffcff" font-size="26" font-family="'Microsoft YaHei',sans-serif">数据库复制</text>
    <rect x="175" y="510" width="230" height="62" rx="16" fill="#123b56" stroke="#70f0ff"/>
    <text x="290" y="550" text-anchor="middle" fill="#dffcff" font-size="26" font-family="'Microsoft YaHei',sans-serif">备份与镜像</text>
  </g>

  <g>
    <rect x="1150" y="220" rx="28" ry="28" width="320" height="420" fill="#0e2d42" stroke="#50e6ff" stroke-width="2.5"/>
    <text x="1310" y="275" text-anchor="middle" fill="#e8fdff" font-size="34" font-family="'Microsoft YaHei',sans-serif" font-weight="700">IDC B</text>
    <rect x="1195" y="330" width="230" height="62" rx="16" fill="#123b56" stroke="#70f0ff"/>
    <text x="1310" y="370" text-anchor="middle" fill="#dffcff" font-size="26" font-family="'Microsoft YaHei',sans-serif">容灾节点</text>
    <rect x="1195" y="420" width="230" height="62" rx="16" fill="#123b56" stroke="#70f0ff"/>
    <text x="1310" y="460" text-anchor="middle" fill="#dffcff" font-size="26" font-family="'Microsoft YaHei',sans-serif">跨集群平台</text>
    <rect x="1195" y="510" width="230" height="62" rx="16" fill="#123b56" stroke="#70f0ff"/>
    <text x="1310" y="550" text-anchor="middle" fill="#dffcff" font-size="26" font-family="'Microsoft YaHei',sans-serif">数据同步</text>
  </g>

  <g filter="url(#glow472a)">
    <path d="M450 360C640 300 960 300 1150 360" stroke="url(#line472a)" stroke-width="18" fill="none" stroke-linecap="round"/>
    <path d="M450 450C640 420 960 420 1150 450" stroke="#5eead4" stroke-width="12" fill="none" stroke-linecap="round" opacity="0.95"/>
    <path d="M450 540C640 580 960 580 1150 540" stroke="#38bdf8" stroke-width="10" fill="none" stroke-linecap="round" opacity="0.9"/>
  </g>
  <g font-family="'Microsoft YaHei',sans-serif" font-size="24" fill="#eaffff">
    <text x="800" y="300" text-anchor="middle">低时延主通道</text>
    <text x="800" y="406" text-anchor="middle">高优先同步流量</text>
    <text x="800" y="616" text-anchor="middle">低优先备份流量</text>
  </g>

  <g>
    <rect x="585" y="650" width="430" height="150" rx="24" fill="#0b2233" stroke="#67e8f9" stroke-width="2"/>
    <text x="800" y="700" text-anchor="middle" fill="#dffcff" font-size="32" font-family="'Microsoft YaHei',sans-serif" font-weight="700">DCI治理面</text>
    <text x="800" y="742" text-anchor="middle" fill="#b7ebf2" font-size="24" font-family="'Microsoft YaHei',sans-serif">带宽规划 · QoS优先级 · 路径切换 · 可观测性</text>
  </g>
</svg>