锘军svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 1200 820" font-family="'HYQiHei','Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif" style="max-width: 1200px;">
  <defs>
    <linearGradient id="water-line" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#06b6d4" stop-opacity="0.2"/>
      <stop offset="20%" stop-color="#38bdf8" stop-opacity="0.95"/>
      <stop offset="50%" stop-color="#60a5fa" stop-opacity="1"/>
      <stop offset="80%" stop-color="#38bdf8" stop-opacity="0.95"/>
      <stop offset="100%" stop-color="#06b6d4" stop-opacity="0.2"/>
    </linearGradient>
    <linearGradient id="ice-left" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#e6f7ff"/>
      <stop offset="100%" stop-color="#9ddcff"/>
    </linearGradient>
    <linearGradient id="ice-mid" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#f6fdff"/>
      <stop offset="100%" stop-color="#b6e7ff"/>
    </linearGradient>
    <linearGradient id="ice-right" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#cdeeff"/>
      <stop offset="100%" stop-color="#7bcdf7"/>
    </linearGradient>
    <linearGradient id="deep-body" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#0b2a45"/>
      <stop offset="55%" stop-color="#0a2340"/>
      <stop offset="100%" stop-color="#071a30"/>
    </linearGradient>
    <linearGradient id="deep-sheen" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#0ea5e9" stop-opacity="0.18"/>
      <stop offset="100%" stop-color="#3b82f6" stop-opacity="0.02"/>
    </linearGradient>
    <filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
      <feGaussianBlur stdDeviation="8" result="blur"/>
      <feColorMatrix in="blur" type="matrix" values="0 0 0 0 0.035 0 0 0 0 0.714 0 0 0 0 0.831 0 0 0 0.35 0" result="glowColor"/>
      <feMerge>
        <feMergeNode in="glowColor"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="18" stdDeviation="26" flood-color="#06101e" flood-opacity="0.22"/>
    </filter>
    <filter id="soft-shadow" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="6" stdDeviation="10" flood-color="#0f172a" flood-opacity="0.16"/>
    </filter>
    <style>
      .tier-title {
        fill: #ffffff;
        font-size: 28px;
        font-weight: 700;
        text-anchor: middle;
      }
      .tier-sub {
        fill: #dbeafe;
        font-size: 23px;
        font-weight: 600;
        text-anchor: middle;
      }
      .hint-line {
        fill: none;
        stroke: #94a3b8;
        stroke-width: 3;
        stroke-dasharray: 9 7;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
    </style>
  </defs>

  <rect width="1200" height="820" fill="transparent"/>

  <g opacity="0.42">
    <circle cx="255" cy="150" r="120" fill="#67e8f9" opacity="0.12"/>
    <circle cx="865" cy="180" r="160" fill="#60a5fa" opacity="0.12"/>
  </g>

  <line x1="0" y1="235" x2="1200" y2="235" stroke="url(#water-line)" stroke-width="4" stroke-dasharray="14 10" filter="url(#glow)"/>

  <g filter="url(#shadow)">
    <path d="M390 235 L468 140 L524 126 L612 26 L704 148 L774 154 L822 235 Z" fill="url(#ice-left)" stroke="#9edcff" stroke-width="3"/>
    <path d="M612 26 L588 122 L608 174 L536 235 L468 235 L524 126 Z" fill="url(#ice-mid)" stroke="#d7f2ff" stroke-width="3"/>
    <path d="M612 26 L704 148 L774 154 L822 235 L660 235 L608 174 L588 122 Z" fill="url(#ice-right)" stroke="#8fd8ff" stroke-width="3"/>
  </g>

  <g filter="url(#shadow)">
    <path d="M245 317
             L384 245
             L822 245
             L978 320
             L1026 504
             L1034 820
             L188 820
             L204 502
             L238 410
             Z"
          fill="url(#deep-body)"
          stroke="#0f3c60"
          stroke-width="3"/>
    <path d="M245 317
             L384 245
             L822 245
             L978 320
             L1026 504
             L1034 820
             L188 820
             L204 502
             L238 410
             Z"
          fill="url(#deep-sheen)"/>

    <line x1="232" y1="470" x2="1008" y2="470" stroke="#f8fafc" stroke-opacity="0.8" stroke-width="3"/>
    <line x1="200" y1="640" x2="1030" y2="640" stroke="#f8fafc" stroke-opacity="0.72" stroke-width="3"/>
  </g>

  <g filter="url(#soft-shadow)">
    <text x="620" y="370" class="tier-title">鏋舵瀯涓€鑷存€э紙Architecture Consistency锛夛細</text>
    <text x="620" y="425" class="tier-sub">濡備綍璁╃敓鎴愮殑浠ｇ爜涓ユ牸绗﹀悎浼佷笟鏋舵瀯瑙勮寖锛烖/text>

    <text x="620" y="555" class="tier-title">璧勪骇澶嶇敤锛圓sset Reuse锛夛細</text>
    <text x="620" y="610" class="tier-sub">濡備綍鏃犵紳缁ф壙浼佷笟鐜版湁鐨勪笟鍔℃ā鍨嬩笌娴佺▼璧勪骇锛烖/text>

    <text x="620" y="725" class="tier-title">鍚堣绠℃帶锛圕ompliance & Security锛夛細</text>
    <text x="620" y="780" class="tier-sub">濡備綍婊¤冻涓ユ牸鐨勫璁°€佸畨鍏ㄥ強琛屼笟瑙勮寖瑕佹眰锛烖/text>
  </g>

  <g>
    <path d="M646 104 L736 46 L796 46" class="hint-line"/>
    <rect x="796" y="16" width="360" height="150" rx="0" class="hint-line"/>
    <text x="976" y="77" text-anchor="middle" style="font-size:24px; font-weight:600; fill:#0f172a;">缂栧啓涓氬姟浠ｇ爜</text>
    <text x="976" y="107" text-anchor="middle" style="font-size:24px; font-weight:600; fill:#0f172a;">
      <tspan>鏄?/tspan><tspan font-weight="800">AI Coding</tspan><tspan>鏈€鎿呴暱</tspan>
    </text>
    <text x="976" y="137" text-anchor="middle" style="font-size:24px; font-weight:600; fill:#0f172a;">鐨勯儴鍒咟/text>
  </g>
</svg>