锘  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000" width="1600" height="1000" font-family="'HYQiHei','Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif">
    <defs>
      <pattern id="gridDots" x="0" y="0" width="22" height="22" patternUnits="userSpaceOnUse">
        <circle cx="2" cy="2" r="1.2" fill="#3A4450" opacity="0.55"/>
      </pattern>
      <linearGradient id="amberGrad" x1="0" y1="0" x2="0" y2="1">
        <stop offset="0%" stop-color="#FFC163"/><stop offset="100%" stop-color="#E8973C"/>
      </linearGradient>
      <linearGradient id="purpleGrad" x1="0" y1="0" x2="0" y2="1">
        <stop offset="0%" stop-color="#B380FF"/><stop offset="100%" stop-color="#8855E8"/>
      </linearGradient>
      <linearGradient id="greenGrad" x1="0" y1="0" x2="0" y2="1">
        <stop offset="0%" stop-color="#5DCB77"/><stop offset="100%" stop-color="#3F9E5A"/>
      </linearGradient>
      <filter id="cardShadow" x="-20%" y="-20%" width="140%" height="140%">
        <feGaussianBlur stdDeviation="6" result="b"/>
        <feOffset dy="4" in="b"/>
        <feComponentTransfer><feFuncA type="linear" slope="0.55"/></feComponentTransfer>
        <feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>
      </filter>
      <filter id="amberGlow" x="-30%" y="-30%" width="160%" height="160%">
        <feGaussianBlur stdDeviation="3" result="b"/>
        <feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
      </filter>
    </defs>

    <rect width="1600" height="1000" fill="#0F1419"/>

    <!-- ============ TOP TABS ============ -->
    <text x="730" y="48" font-size="16" font-weight="500" fill="#9CA3AF">鍩烘湰淇℃伅</text>
    <text x="850" y="48" font-size="16" font-weight="600" fill="#FFB347">宸ヤ綔娴?/text>
    <line x1="826" y1="62" x2="894" y2="62" stroke="#FFB347" stroke-width="2.5" stroke-linecap="round"/>

    <!-- ============ WORKFLOW CANVAS ============ -->
    <rect x="0" y="80" width="1080" height="860" fill="#161D24"/>
    <rect x="0" y="80" width="1080" height="860" fill="url(#gridDots)"/>

    <!-- Partial left node (right edge visible) -->
    <g filter="url(#cardShadow)">
      <rect x="-100" y="380" width="180" height="160" rx="12" fill="#1F2730" stroke="#2C3640" stroke-width="1.5"/>
      <path d="M 50 408 L 60 418 L 70 408" stroke="#FFB347" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
      <g fill="#9CA3AF">
        <circle cx="33" cy="412" r="2"/><circle cx="40" cy="412" r="2"/><circle cx="47" cy="412" r="2"/>
      </g>
    </g>

    <!-- Connection: left node 鈫 main node -->
    <path d="M 80 460 C 200 460 250 500 360 500" stroke="#FFB347" stroke-width="2.5" fill="none"/>
    <circle cx="80" cy="460" r="4" fill="#FFB347"/>
    <circle cx="360" cy="500" r="4" fill="#FFB347"/>

    <!-- Connection: main node right 鈫 side panel -->
    <path d="M 960 500 C 1020 500 1050 540 1100 540" stroke="#FFB347" stroke-width="2.5" fill="none" opacity="0.9"/>
    <circle cx="960" cy="500" r="4" fill="#FFB347"/>

    <!-- ============ MAIN NODE: 鐭ヨ瘑搴撴绱5KS (selected) ============ -->
    <g filter="url(#cardShadow)">
      <rect x="360" y="400" width="600" height="240" rx="12" fill="#1F2730" stroke="#FFB347" stroke-width="2" filter="url(#amberGlow)"/>
    </g>
    <g transform="translate(380, 435)">
      <rect width="28" height="28" rx="6" fill="url(#amberGrad)"/>
      <rect x="6" y="7" width="16" height="14" rx="2" fill="none" stroke="#FFFFFF" stroke-width="1.4"/>
      <line x1="6" y1="12" x2="22" y2="12" stroke="#FFFFFF" stroke-width="1.4"/>
      <line x1="6" y1="17" x2="18" y2="17" stroke="#FFFFFF" stroke-width="1.4"/>
    </g>
    <text x="420" y="455" font-size="16" font-weight="600" fill="#E8E8E8">鐭ヨ瘑搴撴绱5KS</text>
    <g transform="translate(930, 449)" fill="#9CA3AF">
      <circle cx="-12" r="2.2"/><circle cx="0" r="2.2"/><circle cx="12" r="2.2"/>
    </g>

    <text x="380" y="510" font-size="13" fill="#9CA3AF">杈撳叆</text>
    <g transform="translate(440, 495)">
      <rect width="80" height="26" rx="4" fill="#2A3340"/>
      <text x="10" y="18" font-size="12" font-weight="700" fill="#FFB347">A鈮狘/text>
      <text x="38" y="18" font-size="13" fill="#E8E8E8">鏌ヨ</text>
    </g>

    <text x="380" y="558" font-size="13" fill="#9CA3AF">杈撳嚭</text>
    <g transform="translate(440, 543)">
      <rect width="130" height="26" rx="4" fill="#2A3340"/>
      <text x="10" y="18" font-size="11" font-weight="700" fill="#B380FF">{ }</text>
      <text x="32" y="18" font-size="13" fill="#E8E8E8">outputList</text>
    </g>

    <text x="380" y="608" font-size="13" fill="#9CA3AF">鐭ヨ瘑搴掽/text>
    <text x="440" y="608" font-size="13" fill="#6B7380">鏈厤缃櫤鑳戒綋</text>

    <!-- Connection: main node bottom 鈫 direct reply node -->
    <path d="M 660 640 C 660 720 740 760 740 820" stroke="#FFB347" stroke-width="2.5" fill="none"/>
    <circle cx="660" cy="640" r="4" fill="#FFB347"/>
    <circle cx="740" cy="820" r="4" fill="#FFB347"/>

    <!-- ============ DIRECT REPLY NODE ============ -->
    <g filter="url(#cardShadow)">
      <rect x="440" y="820" width="600" height="170" rx="12" fill="#1F2730" stroke="#2C3640" stroke-width="1.5"/>
    </g>
    <g transform="translate(460, 855)">
      <rect width="28" height="28" rx="6" fill="url(#purpleGrad)"/>
      <text x="14" y="20" text-anchor="middle" font-size="16" font-weight="700" fill="#FFFFFF">A</text>
    </g>
    <text x="500" y="875" font-size="16" font-weight="600" fill="#E8E8E8">鐩存帴鍥炲_hiN</text>
    <g transform="translate(975, 870)" stroke="#9CA3AF" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
      <path d="M -4 -2 L 0 3 L 4 -2"/>
    </g>
    <g transform="translate(1010, 869)" fill="#9CA3AF">
      <circle cx="-12" r="2.2"/><circle cx="0" r="2.2"/><circle cx="12" r="2.2"/>
    </g>

    <text x="460" y="925" font-size="13" fill="#9CA3AF">杈撳叆</text>
    <text x="520" y="925" font-size="13" fill="#6B7380">鏈厤缃緭鍏?/text>
    <text x="460" y="960" font-size="13" fill="#9CA3AF">杈撳嚭</text>

    <!-- ============ RIGHT PANEL ============ -->
    <rect x="1080" y="80" width="520" height="860" fill="#161D24"/>
    <line x1="1080" y1="80" x2="1080" y2="940" stroke="#2C3640" stroke-width="1"/>

    <!-- Header -->
    <g transform="translate(1110, 130)">
      <rect width="32" height="32" rx="7" fill="url(#amberGrad)"/>
      <rect x="7" y="8" width="18" height="16" rx="2" fill="none" stroke="#FFFFFF" stroke-width="1.5"/>
      <line x1="7" y1="14" x2="25" y2="14" stroke="#FFFFFF" stroke-width="1.5"/>
      <line x1="7" y1="20" x2="21" y2="20" stroke="#FFFFFF" stroke-width="1.5"/>
    </g>
    <text x="1156" y="153" font-size="18" font-weight="600" fill="#E8E8E8">鐭ヨ瘑搴撴绱5KS</text>
    <g transform="translate(1560, 146)" fill="#9CA3AF">
      <circle cx="-12" r="2.5"/><circle cx="0" r="2.5"/><circle cx="12" r="2.5"/>
    </g>

    <text x="1110" y="200" font-size="13" fill="#9CA3AF">鍦ㄩ€夊畾鐨勭煡璇嗕腑,鏍规嵁杈撳叆鍙橀噺鍙洖鏈€鍖归厤鐨勪俊鎭?骞朵互鍒楄〃褰㈠紡杩斿洖</text>

    <!-- 杈撳叆 section header -->
    <g transform="translate(1110, 250)">
      <path d="M 0 6 L 8 -2 L 16 6" stroke="#9CA3AF" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
      <text x="30" y="8" font-size="14" font-weight="600" fill="#E8E8E8">杈撳叆</text>
    </g>

    <!-- 杈撳叆 fields -->
    <text x="1110" y="296" font-size="12" fill="#6B7380">鍙橀噺鍚岦/text>
    <text x="1346" y="296" font-size="12" fill="#6B7380">鍙橀噺鍊稽/text>

    <g transform="translate(1110, 310)">
      <rect width="220" height="38" rx="6" fill="#0F1419" stroke="#2C3640" stroke-width="1"/>
      <text x="14" y="24" font-size="12" font-weight="700" fill="#FFB347">A鈮狘/text>
      <text x="42" y="24" font-size="13" fill="#9CA3AF">Query</text>
    </g>
    <g transform="translate(1346, 310)">
      <rect width="244" height="38" rx="6" fill="#0F1419" stroke="#2C3640" stroke-width="1"/>
      <text x="14" y="24" font-size="12" font-weight="700" fill="#FFB347">A鈮狘/text>
      <text x="42" y="24" font-size="13" fill="#6B7380">Please Input String</text>
      <g transform="translate(220, 19)" stroke="#9CA3AF" stroke-width="1.4" fill="none" stroke-linecap="round">
        <circle r="6"/><circle r="2.2"/>
        <line x1="0" y1="-9" x2="0" y2="-7"/><line x1="0" y1="7" x2="0" y2="9"/>
        <line x1="-9" y1="0" x2="-7" y2="0"/><line x1="7" y1="0" x2="9" y2="0"/>
        <line x1="-6.5" y1="-6.5" x2="-5" y2="-5"/><line x1="5" y1="5" x2="6.5" y2="6.5"/>
        <line x1="6.5" y1="-6.5" x2="5" y2="-5"/><line x1="-5" y1="5" x2="-6.5" y2="6.5"/>
      </g>
    </g>

    <!-- 鐭ヨ瘑搴 section header -->
    <g transform="translate(1110, 412)">
      <path d="M 0 6 L 8 -2 L 16 6" stroke="#9CA3AF" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
      <text x="30" y="8" font-size="14" font-weight="600" fill="#E8E8E8">鐭ヨ瘑搴掽/text>
    </g>

    <text x="1110" y="463" font-size="13" fill="#9CA3AF">璇烽€夋嫨鐭ヨ瘑搴撴潵婧忺/text>

    <!-- Dropdown trigger -->
    <g transform="translate(1110, 480)">
      <rect width="480" height="42" rx="6" fill="#0F1419" stroke="#FFB347" stroke-width="1.5"/>
      <g transform="translate(458, 21)" stroke="#FFB347" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
        <path d="M -5 -2 L 0 3 L 5 -2"/>
      </g>
    </g>

    <!-- Dropdown options panel (open) -->
    <g filter="url(#cardShadow)">
      <rect x="1110" y="540" width="480" height="380" rx="8" fill="#1F2730" stroke="#3D4750"/>
    </g>
    <g font-size="13" fill="#E8E8E8">
      <text x="1130" y="572">鍞愯瘲搴掽/text>
      <text x="1130" y="614">鏂囪█鏂囪В鏋忺/text>
      <text x="1130" y="656">瀛愬悍鏂囪█鏂囪瑙Ⅻ/text>
      <rect x="1110" y="675" width="480" height="44" fill="#2A3340"/>
      <line x1="1110" y1="675" x2="1113" y2="719" stroke="#FFB347" stroke-width="3"/>
      <text x="1130" y="702" fill="#FFB347" font-weight="600">娴嬭瘯鐭ヨ瘑搴掽/text>
      <text x="1130" y="744">鍖婚櫌瀵艰瘖</text>
      <text x="1130" y="786">璧靛効</text>
      <text x="1130" y="828">娴嬭瘯 Devops</text>
      <text x="1130" y="870">ljtest</text>
    </g>
    <rect x="1576" y="558" width="4" height="100" rx="2" fill="#3D4750"/>

    <!-- ============ BOTTOM TOOLBAR ============ -->
    <rect x="0" y="940" width="1600" height="60" fill="#0F1419"/>
    <line x1="0" y1="940" x2="1600" y2="940" stroke="#2C3640"/>

    <g transform="translate(20, 952)">
      <rect width="120" height="36" rx="8" fill="#1F2730" stroke="#3D4750"/>
      <text x="22" y="24" font-size="16" font-weight="700" fill="#FFB347">+</text>
      <text x="40" y="24" font-size="14" fill="#E8E8E8">娣诲姞鑺傜偣</text>
    </g>

    <g transform="translate(160, 952)">
      <rect width="60" height="36" rx="8" fill="#1F2730" stroke="#3D4750"/>
      <text x="30" y="24" text-anchor="middle" font-size="14" fill="#E8E8E8">淇濆瓨</text>
    </g>

    <g transform="translate(240, 952)">
      <rect width="60" height="36" rx="8" fill="#1F2730" stroke="#3D4750"/>
      <text x="30" y="24" text-anchor="middle" font-size="14" fill="#E8E8E8">鍙戝竷</text>
    </g>

    <g transform="translate(320, 952)" filter="url(#amberGlow)">
      <rect width="110" height="36" rx="8" fill="url(#greenGrad)"/>
      <path d="M 18 12 L 18 24 L 28 18 Z" fill="#FFFFFF"/>
      <text x="68" y="24" text-anchor="middle" font-size="14" font-weight="500" fill="#FFFFFF">璇曡繍琛孅/text>
    </g>

  </svg>