锘军svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 1800 760" font-family="'HYQiHei','Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif" style="max-width: 1800px;">
  <defs>
    <linearGradient id="tri-blue" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#8ed7ff"/>
      <stop offset="100%" stop-color="#4f8df8"/>
    </linearGradient>
    <linearGradient id="tri-green" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#7be7c6"/>
      <stop offset="100%" stop-color="#22c55e"/>
    </linearGradient>
    <linearGradient id="tri-orange" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#ffd38a"/>
      <stop offset="100%" stop-color="#fb923c"/>
    </linearGradient>
    <linearGradient id="panel-gray" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#f2f4f7"/>
      <stop offset="100%" stop-color="#dbdee4"/>
    </linearGradient>
    <linearGradient id="panel-blue" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#1f8fff"/>
      <stop offset="100%" stop-color="#1473e6"/>
    </linearGradient>
    <linearGradient id="arrow-yellow" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#ffcb38"/>
      <stop offset="100%" stop-color="#f59e0b"/>
    </linearGradient>
    <linearGradient id="arrow-blue" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#2ea7ff"/>
      <stop offset="100%" stop-color="#1976f3"/>
    </linearGradient>
    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="12" stdDeviation="18" flood-color="#0f172a" flood-opacity="0.16"/>
    </filter>
    <filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
      <feGaussianBlur stdDeviation="6" 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.24 0" result="glowColor"/>
      <feMerge>
        <feMergeNode in="glowColor"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
    <style>
      .center-main { fill:#0f172a; font-size:31px; font-weight:700; text-anchor:middle; }
      .center-sub { fill:#1f2937; font-size:22px; font-weight:500; text-anchor:middle; }
      .panel-title-dark { fill:#111827; font-size:30px; font-weight:700; text-anchor:middle; }
      .panel-title-light { fill:#ffffff; font-size:30px; font-weight:700; text-anchor:middle; }
      .item-text { fill:#111827; font-size:22px; font-weight:500; text-anchor:middle; }
      .speech-text { fill:#111827; font-size:30px; font-weight:700; text-anchor:middle; }
    </style>
  </defs>

  <rect width="1800" height="760" fill="transparent"/>

  <g transform="translate(110 46) scale(0.88)">
  <g filter="url(#shadow)">
    <path d="M120 540 L315 220 L510 540 Z" fill="none" stroke="#d9e8ff" stroke-width="24" stroke-linejoin="round"/>
    <path d="M315 220 L315 540" fill="none" stroke="url(#tri-blue)" stroke-width="22" stroke-linecap="round"/>
    <path d="M120 540 L315 220" fill="none" stroke="url(#tri-green)" stroke-width="22" stroke-linecap="round"/>
    <path d="M315 220 L510 540" fill="none" stroke="url(#tri-orange)" stroke-width="22" stroke-linecap="round"/>
    <path d="M120 540 L510 540" fill="none" stroke="#d9e8ff" stroke-width="22" stroke-linecap="round"/>

    <path d="M315 250 C290 360, 286 418, 250 510" fill="none" stroke="rgba(78,141,248,0.35)" stroke-width="14" stroke-linecap="round"/>
    <path d="M315 250 C340 360, 344 418, 380 510" fill="none" stroke="rgba(34,197,94,0.28)" stroke-width="14" stroke-linecap="round"/>
    <path d="M154 522 C236 494, 286 482, 364 486" fill="none" stroke="rgba(34,197,94,0.28)" stroke-width="14" stroke-linecap="round"/>
    <path d="M470 522 C396 494, 350 482, 270 486" fill="none" stroke="rgba(251,146,60,0.24)" stroke-width="14" stroke-linecap="round"/>

    <circle cx="315" cy="410" r="104" fill="#eef4fb" stroke="#9be7ff" stroke-width="4"/>
    <text x="315" y="394" class="center-main">AI Coding</text>
    <text x="315" y="432" class="center-sub">鎻愭晥鑳键/text>
    <text x="315" y="468" class="center-sub">椹卞姩鍏ㄥ眬</text>

    <g transform="translate(278 150)">
      <path d="M0 0 H74 L94 22 V86 L47 112 L0 86 Z" fill="#f8fbff" stroke="#9fd8ff" stroke-width="3"/>
      <path d="M10 12 H64 L82 30 V78 L47 98 L10 78 Z" fill="#eaf4ff" stroke="#7ab8f7" stroke-width="2"/>
      <rect x="28" y="26" width="18" height="18" rx="2" fill="#8bbbf7" transform="rotate(-18 37 35)"/>
      <rect x="52" y="24" width="18" height="24" rx="2" fill="#d7e8fb" stroke="#8bbbf7" stroke-width="1.5"/>
      <rect x="18" y="56" width="44" height="10" rx="3" fill="#8bbbf7"/>
      <line x1="56" y1="32" x2="66" y2="32" stroke="#8bbbf7" stroke-width="2"/>
      <line x1="56" y1="38" x2="66" y2="38" stroke="#8bbbf7" stroke-width="2"/>
    </g>

    <g transform="translate(34 486)">
      <path d="M0 0 H92 L112 20 V82 L56 112 L0 82 Z" fill="#f6fffb" stroke="#7ddfbf" stroke-width="3"/>
      <path d="M10 10 H80 L96 26 V74 L56 96 L10 74 Z" fill="#eefdf6" stroke="#56d399" stroke-width="2"/>
      <circle cx="28" cy="48" r="6" fill="#52d48f"/>
      <circle cx="52" cy="48" r="6" fill="#52d48f"/>
      <circle cx="76" cy="48" r="6" fill="#52d48f"/>
      <line x1="28" y1="48" x2="28" y2="30" stroke="#52d48f" stroke-width="3"/>
      <line x1="52" y1="48" x2="52" y2="30" stroke="#52d48f" stroke-width="3"/>
      <line x1="76" y1="48" x2="76" y2="30" stroke="#52d48f" stroke-width="3"/>
      <path d="M22 28 H58" stroke="#52d48f" stroke-width="3"/>
      <path d="M62 30 H84 L84 22" stroke="#52d48f" stroke-width="3" fill="none"/>
      <path d="M84 22 L78 16" stroke="#52d48f" stroke-width="3"/>
    </g>

    <g transform="translate(452 486)">
      <path d="M0 0 H92 L112 20 V82 L56 112 L0 82 Z" fill="#fff9f2" stroke="#ffc57e" stroke-width="3"/>
      <path d="M10 10 H80 L96 26 V74 L56 96 L10 74 Z" fill="#fff3e3" stroke="#ffb052" stroke-width="2"/>
      <rect x="22" y="24" width="46" height="36" rx="3" fill="none" stroke="#f9a33e" stroke-width="3"/>
      <line x1="28" y1="32" x2="62" y2="32" stroke="#f9a33e" stroke-width="2"/>
      <line x1="28" y1="40" x2="58" y2="40" stroke="#f9a33e" stroke-width="2"/>
      <line x1="28" y1="48" x2="54" y2="48" stroke="#f9a33e" stroke-width="2"/>
      <circle cx="72" cy="56" r="10" fill="none" stroke="#f9a33e" stroke-width="3"/>
      <path d="M72 44 V68 M60 56 H84" stroke="#f9a33e" stroke-width="2"/>
    </g>
  </g>

  <g filter="url(#shadow)">
    <path d="M690 318 H826 Q842 318 842 334 V384 Q842 400 826 400 H744 L720 416 L700 400 H690 Q674 400 674 384 V334 Q674 318 690 318 Z" fill="url(#arrow-yellow)"/>
    <text x="758" y="372" class="speech-text">鑷劧璇█</text>

    <path d="M884 360 H962 V338 L1002 378 L962 418 V396 H884 Z" fill="url(#arrow-yellow)"/>
  </g>

  <g filter="url(#shadow)">
    <rect x="1040" y="18" width="318" height="718" rx="0" fill="url(#panel-gray)" stroke="#cfd4da" stroke-width="3"/>
    <text x="1199" y="74" class="panel-title-dark">SPEC</text>

    <rect x="1088" y="116" width="222" height="74" rx="14" fill="#ffffff" stroke="#c8ccd2" stroke-width="3"/>
    <rect x="1088" y="245" width="222" height="74" rx="14" fill="#ffffff" stroke="#c8ccd2" stroke-width="3"/>
    <rect x="1088" y="374" width="222" height="74" rx="14" fill="#ffffff" stroke="#c8ccd2" stroke-width="3"/>
    <rect x="1088" y="503" width="222" height="74" rx="14" fill="#ffffff" stroke="#c8ccd2" stroke-width="3"/>
    <rect x="1088" y="632" width="222" height="74" rx="14" fill="#ffffff" stroke="#c8ccd2" stroke-width="3"/>

    <text x="1199" y="159" class="item-text">鏁版嵁鏍囧噯 缁撴瀯 鍏崇郴</text>
    <text x="1199" y="288" class="item-text">鐣岄潰瑙勮寖 妯℃澘 缁勪欢</text>
    <text x="1199" y="417" class="item-text">娴佺▼瑙勮寖 娴佺▼ 瑙勫垯</text>
    <text x="1199" y="546" class="item-text">缁勭粐浜哄憳 鏉冮檺 瀹夊叏</text>
    <text x="1199" y="675" class="item-text">鏋舵瀯瑙勮寖 妗嗘灦 鏂囨。</text>
  </g>

  <g filter="url(#shadow)">
    <path d="M1396 360 H1474 V338 L1514 378 L1474 418 V396 H1396 Z" fill="url(#arrow-blue)"/>
  </g>

  <g filter="url(#shadow)">
    <rect x="1554" y="18" width="286" height="718" rx="0" fill="url(#panel-blue)" stroke="#76b8ff" stroke-width="3"/>
    <text x="1677" y="74" class="panel-title-light">浼佷笟杞欢</text>

    <rect x="1602" y="116" width="190" height="74" rx="14" fill="#ffffff" stroke="#c8ccd2" stroke-width="3"/>
    <rect x="1602" y="245" width="190" height="74" rx="14" fill="#ffffff" stroke="#c8ccd2" stroke-width="3"/>
    <rect x="1602" y="374" width="190" height="74" rx="14" fill="#ffffff" stroke="#c8ccd2" stroke-width="3"/>
    <rect x="1602" y="503" width="190" height="74" rx="14" fill="#ffffff" stroke="#c8ccd2" stroke-width="3"/>
    <rect x="1602" y="632" width="190" height="74" rx="14" fill="#ffffff" stroke="#c8ccd2" stroke-width="3"/>

    <text x="1697" y="159" class="item-text">鏁版嵁妯″瀷 鏁版嵁浠ｇ爜</text>
    <text x="1697" y="288" class="item-text">椤甸潰妯″瀷 椤甸潰浠ｇ爜</text>
    <text x="1697" y="417" class="item-text">娴佺▼妯″瀷 瑙勫垯鎺у埗</text>
    <text x="1697" y="546" class="item-text">璁よ瘉瀹夊叏 鏉冮檺鎺у埗</text>
    <text x="1697" y="675" class="item-text">鏋舵瀯鍔熻兘 閫昏緫浠ｇ爜</text>
  </g>
  </g>
</svg>