锘军svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 1152 360" font-family="'HYQiHei','Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif" style="max-width: 1152px;">
  <defs>
    
    <filter id="drop-shadow" x="-20%" y="-20%" width="140%" height="140%">
      <feGaussianBlur in="SourceAlpha" stdDeviation="2.5" result="blur"/>
      <feOffset in="blur" dx="2" dy="3" result="offsetBlur"/>
      <feColorMatrix in="offsetBlur" type="matrix" values="0 0 0 0 0                 0 0 0 0 0                 0 0 0 0 0                 0 0 0 0.2 0" result="shadow"/>
      <feMerge>
        <feMergeNode in="shadow"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
    
    <linearGradient id="bright-gradient" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#14B8A6"/>
      <stop offset="100%" stop-color="#2563EB"/>
    </linearGradient>
    
    <style>
      .arrow-shape {
        fill: url(#bright-gradient);
        filter: url(#drop-shadow);
      }
      .stage-title {
        font-size: 18px;
        font-weight: 600;
        fill: #FFFFFF; /* 鏀瑰洖鐧借壊 */
        text-anchor: middle;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); /* 娣诲姞缁嗗井闃村奖浠ュ寮哄彲璇绘€ */
      }
      .stage-subtitle {
        font-size: 13px;
        font-weight: 400;
        fill: #FFFFFF; /* 鏀瑰洖鐧借壊 */
        opacity: 0.9; /* 鐣ュ井閫忔槑锛屼笌涓绘爣棰樺尯鍒 */
        text-anchor: middle;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); /* 娣诲姞鏇寸粏寰殑闃村奖 */
      }
      .detail-text {
        font-size: 13px;
        fill: #374151; /* 淇濇寔娣辩伆鑹诧紝鐢ㄤ簬鐧借壊鑳屾櫙 */
      }
      .detail-text .bullet {
        fill: #3B82F6; /* 钃濊壊 */
      }
      .detail-text .highlight {
        fill: #0D9488; /* 楗卞拰搴︽洿楂樼殑闈掕壊锛岀‘淇濆姣斿害 */
        font-weight: 600;
      }
    </style>
  </defs>
  
  
  <g transform="translate(0, 183)">
    <path class="arrow-shape" d="M 30 0 C 10 0, 10 60, 30 60 L 200 60 L 220 30 L 200 0 Z"/>
    <text x="115" y="35" class="stage-title">鏈哄櫒鐮?/text>
  </g>
  
  <g transform="translate(0, 171)">
    <path class="arrow-shape" d="M 200 0 L 400 0 L 420 30 L 400 60 L 200 60 L 220 30 Z"/>
    <text x="310" y="35" class="stage-title">楂樼骇璇█</text>
  </g>
  
  <g transform="translate(0, 159)">
    <path class="arrow-shape" d="M 400 0 L 640 0 L 660 30 L 640 60 L 400 60 L 420 30 Z"/>
    <text x="530" y="35" class="stage-title">妗嗘灦&宸ョ▼鍖朁/text>
  </g>
  
  <g transform="translate(0, 147)">
    <path class="arrow-shape" d="M 640 0 L 880 0 L 900 30 L 880 60 L 640 60 L 660 30 Z"/>
    <text x="770" y="27" class="stage-title">浣庝唬鐮?/text>
    <text x="770" y="48" class="stage-subtitle">妯″瀷椹卞姩</text>
  </g>
  
  <g transform="translate(0, 135)">
    <path class="arrow-shape" d="M 880 0 L 1100 0 L 1140 30 L 1100 60 L 880 60 L 900 30 Z"/>
    <text x="1000" y="27" class="stage-title">AI Coding</text>
    <text x="1000" y="48" class="stage-subtitle">鎰忓浘椹卞姩</text>
  </g>
  
  <g class="detail-text">
    
    <g transform="translate(60, 118)">
      <text y="0"><tspan class="bullet">鈥↑/tspan> <tspan class="highlight">浜岃繘鍒舵寚浠｜/tspan></text>
      <text y="20"><tspan class="bullet">鈥↑/tspan> <tspan class="highlight">纭欢鑰﹀悎</tspan></text>
      <text y="40"><tspan class="bullet">鈥↑/tspan> <tspan class="highlight">姹囩紪</tspan>銆佺粷瀵规帶鍒迭/text>
    </g>
    
    <g transform="translate(250, 259)">
      <text y="0"><tspan class="bullet">鈥↑/tspan> <tspan class="highlight">缂栬瘧鍣?/tspan>銆?tspan class="highlight">瑙ｉ噴鍣?/tspan>銆?tspan class="highlight">璇硶绯朁/tspan></text>
      <text y="20"><tspan class="bullet">鈥↑/tspan> <tspan class="highlight">绠楁硶</tspan>銆?tspan class="highlight">鏁版嵁缁撴瀯</tspan>銆?tspan class="highlight">鎸囬拡</tspan></text>
      <text y="40"><tspan class="bullet">鈥↑/tspan> 鍙Щ妞嶆€с€佷唬鐮佸鐢?/text>
      <text y="60"><tspan class="bullet">鈥↑/tspan> C/C++/Java...</text>
    </g>
    
    <g transform="translate(450, 74)">
      <text y="0"><tspan class="bullet">鈥↑/tspan> <tspan class="highlight">鑴氭墜鏋迭/tspan>銆?tspan class="highlight">涓棿浠迭/tspan>銆?tspan class="highlight">璁捐妯″紡</tspan></text>
      <text y="20"><tspan class="bullet">鈥↑/tspan> <tspan class="highlight">渚濊禆娉ㄥ叆</tspan>銆?tspan class="highlight">API 濂戠害</tspan>銆?tspan class="highlight">DevOps</tspan></text>
      <text y="40"><tspan class="bullet">鈥↑/tspan> 浠ｇ爜瑙勮寖銆佸紑婧愮敓鎬?/text>
      <text y="60"><tspan class="bullet">鈥↑/tspan> Spring/Vue/React...</text>
    </g>
    
    <g transform="translate(690, 236)">
      <text y="0"><tspan class="bullet">鈥↑/tspan> <tspan class="highlight">鎶借薄妯″瀷</tspan>銆?tspan class="highlight">妯℃澘缁勪欢</tspan></text>
      <text y="20"><tspan class="bullet">鈥↑/tspan> <tspan class="highlight">缁勮寮忓簲鐢?/tspan>銆?tspan class="highlight">涓氬姟缂栨帓</tspan></text>
      <text y="40"><tspan class="bullet">鈥↑/tspan> <tspan class="highlight">鍏冩暟鎹┍鍔?/tspan>銆佸彲瑙嗗寲寮€鍙慄/text>
    </g>
    
    <g transform="translate(930, 50)">
      <text y="0"><tspan class="bullet">鈥↑/tspan> <tspan class="highlight">澶ц瑷€妯″瀷</tspan></text>
      <text y="20"><tspan class="bullet">鈥↑/tspan> <tspan class="highlight">浠ｇ爜鐢熸垚</tspan>銆?tspan class="highlight">鏅鸿兘琛ュ叏</tspan></text>
      <text y="40"><tspan class="bullet">鈥↑/tspan> <tspan class="highlight">Vibe/Spec Coding</tspan></text>
      <text y="60"><tspan class="bullet">鈥↑/tspan> Harness Engineering</text>
    </g>
  </g>
</svg>