锘军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>
      <filter id="cardShadow" x="-10%" y="-10%" width="120%" height="120%">
        <feGaussianBlur stdDeviation="5"/>
        <feOffset dy="3"/>
        <feComponentTransfer><feFuncA type="linear" slope="0.45"/></feComponentTransfer>
        <feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>
      </filter>
      <filter id="modalShadow" x="-10%" y="-10%" width="120%" height="120%">
        <feGaussianBlur stdDeviation="14"/>
        <feOffset dy="8"/>
        <feComponentTransfer><feFuncA type="linear" slope="0.7"/></feComponentTransfer>
        <feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>
      </filter>
      <g id="cardActions">
        <g stroke="#9CA3AF" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
          <g><path d="M -7 7 L 5 -5 L 8 -2 L -4 10 Z"/><line x1="-7" y1="7" x2="-9" y2="9"/></g>
          <g transform="translate(38,0)">
            <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"/>
          </g>
          <g transform="translate(76,0)">
            <path d="M -5 -3 L -4 7 L 4 7 L 5 -3"/>
            <line x1="-7" y1="-3" x2="7" y2="-3"/>
            <path d="M -3 -3 L -3 -6 L 3 -6 L 3 -3"/>
          </g>
        </g>
      </g>
      <g id="cardAvatar">
        <circle r="16" fill="#2A3340"/>
        <circle r="6" cy="-3" fill="#9CA3AF"/>
        <path d="M -10 12 A 10 10 0 0 1 10 12 Z" fill="#9CA3AF"/>
      </g>
    </defs>

    <rect width="1600" height="1000" fill="#161D24"/>

    <!-- ============ TOP NAV ============ -->
    <rect width="1600" height="72" fill="#0F1419"/>
    <g font-size="14" fill="#9CA3AF">
      <text x="40"  y="42">宸ヤ綔鍙?/text>
      <text x="135" y="42">缁勭粐涓績</text>
      <text x="240" y="42" font-weight="600" fill="#FFFFFF">AI涓績</text>
      <text x="335" y="42">搴旂敤涓績</text>
      <text x="440" y="42">浠诲姟涓績</text>
      <text x="545" y="42">娴佺▼涓績</text>
      <text x="650" y="42">寮€鍙戜腑蹇傸/text>
      <text x="755" y="42">杩愮淮绠＄悊</text>
      <text x="860" y="42">鍚庡彴绠＄悊</text>
      <text x="965" y="42">娴嬭瘯鑿滃崟</text>
      <text x="1070" y="42">娴?..</text>
    </g>
    <line x1="225" y1="60" x2="295" y2="60" stroke="#FFB347" stroke-width="3" stroke-linecap="round"/>

    <g transform="translate(1300,36)" stroke="#9CA3AF" stroke-width="1.7" fill="none" stroke-linecap="round">
      <circle cx="-2" cy="-2" r="6"/><line x1="3" y1="3" x2="8" y2="8"/>
    </g>
    <g transform="translate(1340,36)" stroke="#9CA3AF" stroke-width="1.7" fill="none" stroke-linecap="round" stroke-linejoin="round">
      <path d="M -7 8 L 5 -4 L 8 -1 L -4 11 Z" fill="none"/>
      <line x1="-7" y1="8" x2="-9" y2="11"/>
    </g>
    <g transform="translate(1380,36)" stroke="#9CA3AF" stroke-width="1.7" fill="none" stroke-linecap="round">
      <circle cx="0" cy="0" r="9"/>
      <path d="M -3 -3 Q 0 -6 3 -3 Q 5 0 0 2 L 0 4"/>
      <circle cx="0" cy="7" r="0.6" fill="#9CA3AF" stroke="none"/>
    </g>
    <g transform="translate(1422,36)" stroke="#9CA3AF" stroke-width="1.7" fill="none" stroke-linecap="round" stroke-linejoin="round">
      <path d="M -7 -3 A 7 7 0 0 1 7 -3 L 7 5 L -7 5 Z"/>
      <path d="M -3 6 A 3 2 0 0 0 3 6"/>
      <circle cx="6" cy="-7" r="3" fill="#E94560" stroke="none"/>
    </g>
    <g transform="translate(1465,36)">
      <circle r="16" fill="#3D4750"/>
      <circle r="6" cy="-3" fill="#1F2730"/>
      <path d="M -10 12 A 10 10 0 0 1 10 12 Z" fill="#1F2730"/>
    </g>
    <line x1="1495" y1="22" x2="1495" y2="50" stroke="#3D4750" stroke-width="1"/>
    <text x="1510" y="42" font-size="14" fill="#FFFFFF">绉熸埛绠＄悊鍛楛/text>

    <!-- ============ MAIN HEADER ============ -->
    <text x="40" y="125" font-size="22" font-weight="600" fill="#E8E8E8">鎴戠殑鐭ヨ瘑搴掽/text>
    <g transform="translate(1230,105)">
      <rect width="320" height="36" rx="18" fill="#1F2730" stroke="#2C3640"/>
      <g transform="translate(20,18)" stroke="#9CA3AF" stroke-width="1.5" fill="none" stroke-linecap="round">
        <circle r="6"/><line x1="4" y1="4" x2="9" y2="9"/>
      </g>
      <text x="46" y="23" font-size="13" fill="#6B7380">鎼滅储鐭ヨ瘑搴撳悕绉?/text>
    </g>

    <!-- ============ COLUMN 1 (visible on left, tail covered by modal) ============ -->
    <!-- Card frames extend to x=470, but modal at x=400 covers 400-470 -->

    <!-- Card 1 -->
    <g filter="url(#cardShadow)">
      <rect x="30" y="170" width="440" height="200" rx="12" fill="#1F2730" stroke="#2C3640"/>
    </g>
    <use href="#cardAvatar" x="65" y="215"/>
    <text x="95" y="220" font-size="18" font-weight="600" fill="#E8E8E8">鍞愯瘲閴磋祻 <tspan fill="#6B7380" font-weight="400">(1)</tspan></text>
    <text x="50" y="270" font-size="14" fill="#9CA3AF">鏈煡璇嗗簱鏀跺綍涓浗鍙や唬缁忓吀璇楄瘝</text>
    <text x="50" y="295" font-size="14" fill="#9CA3AF">浣滃搧锛屾兜鐩栬瘲姝屽師鏂囥€佹敞閲娿€佽祻鏋愮瓑鍐呭</text>
    <text x="50" y="345" font-size="13" fill="#6B7380">0鏅鸿兘浣掽/text>
    <use href="#cardActions" x="320" y="345"/>

    <!-- Card 2: 鍖婚櫌瀵艰瘖 -->
    <g filter="url(#cardShadow)">
      <rect x="30" y="400" width="440" height="240" rx="12" fill="#1F2730" stroke="#2C3640"/>
    </g>
    <use href="#cardAvatar" x="65" y="445"/>
    <text x="95" y="450" font-size="18" font-weight="600" fill="#E8E8E8">鍖婚櫌瀵艰瘖 <tspan fill="#6B7380" font-weight="400">(1)</tspan></text>
    <text x="50" y="500" font-size="14" fill="#9CA3AF">鍖婚櫌瀵艰瘖鐭ヨ瘑搴撴棬鍦ㄤ负鎮ｈ€呭強瀹跺睘</text>
    <text x="50" y="525" font-size="14" fill="#9CA3AF">灏辫瘖鍏ㄦ祦绋嬬殑鎸囧涓庡府鍔╋紝娑电洊鎸侟/text>
    <text x="50" y="550" font-size="14" fill="#9CA3AF">绋嬨€佺瀹ら€夋嫨銆佹鏌ュ噯澶囥€佸氨璇婂悗</text>
    <text x="50" y="615" font-size="13" fill="#6B7380">2鏅鸿兘浣掽/text>
    <use href="#cardActions" x="320" y="615"/>

    <!-- Card 3: 澶氱鎴锋祴璇曠煡璇嗗簱 -->
    <g filter="url(#cardShadow)">
      <rect x="30" y="670" width="440" height="240" rx="12" fill="#1F2730" stroke="#2C3640"/>
    </g>
    <use href="#cardAvatar" x="65" y="715"/>
    <text x="95" y="720" font-size="18" font-weight="600" fill="#E8E8E8">澶氱鎴锋祴璇曠煡璇嗗簱 <tspan fill="#6B7380" font-weight="400">(3)</tspan></text>
    <text x="50" y="770" font-size="14" fill="#9CA3AF">澶氱鎴锋祴璇曠煡璇嗗簱涓撴敞浜庡绉熸埛绯狐/text>
    <text x="50" y="795" font-size="14" fill="#9CA3AF">娴嬭瘯鏂规硶銆佺瓥鐣ュ拰鏈€浣冲疄璺碉紝閫傜敤</text>
    <text x="50" y="820" font-size="14" fill="#9CA3AF">娴嬭瘯宸ョ▼甯堛€佸紑鍙戜汉鍛樺強绯荤粺鏋舵瀯</text>
    <text x="50" y="885" font-size="13" fill="#6B7380">1鏅鸿兘浣掽/text>
    <use href="#cardActions" x="320" y="885"/>

    <!-- Card 4: 鏁版嵁瀹夊叏绠＄悊缁嗗垯 (partial below) -->
    <g filter="url(#cardShadow)">
      <rect x="30" y="940" width="440" height="180" rx="12" fill="#1F2730" stroke="#2C3640"/>
    </g>
    <use href="#cardAvatar" x="65" y="985"/>
    <text x="95" y="990" font-size="18" font-weight="600" fill="#E8E8E8">鏁版嵁瀹夊叏绠＄悊缁嗗垯 <tspan fill="#6B7380" font-weight="400">(1)</tspan></text>

    <!-- ============ COLUMN 4 (right of modal, fully visible) ============ -->
    <!-- Card 1 (top right) -->
    <g filter="url(#cardShadow)">
      <rect x="1230" y="170" width="340" height="200" rx="12" fill="#1F2730" stroke="#2C3640"/>
    </g>
    <use href="#cardAvatar" x="1265" y="215"/>
    <text x="1295" y="220" font-size="18" font-weight="600" fill="#E8E8E8">鏁欒偛璧勬枡 <tspan fill="#6B7380" font-weight="400">(0)</tspan></text>
    <text x="1550" y="220" text-anchor="end" font-size="13" fill="#6B7380">2025-11-04</text>
    <text x="1250" y="270" font-size="14" fill="#9CA3AF">鏈煡璇嗗簱闈㈠悜寮€鍙戜笌璐ㄩ噺淇濊瘉浠嶞/text>
    <text x="1250" y="295" font-size="14" fill="#9CA3AF">涓氫汉鍛樼殑鍩硅璧勬枡鍚堥泦...</text>
    <text x="1250" y="345" font-size="13" fill="#6B7380">0鏅鸿兘浣掽/text>
    <use href="#cardActions" x="1450" y="345"/>

    <!-- Card 2: ljtest -->
    <g filter="url(#cardShadow)">
      <rect x="1230" y="400" width="340" height="240" rx="12" fill="#1F2730" stroke="#2C3640"/>
    </g>
    <use href="#cardAvatar" x="1265" y="445"/>
    <text x="1295" y="450" font-size="18" font-weight="600" fill="#E8E8E8">ljtest <tspan fill="#6B7380" font-weight="400">(2)</tspan></text>
    <text x="1550" y="450" text-anchor="end" font-size="13" fill="#6B7380">2025-11-06</text>
    <text x="1250" y="500" font-size="14" fill="#6B7380">鏆傛棤鎻忚堪</text>
    <text x="1250" y="615" font-size="13" fill="#6B7380">1鏅鸿兘浣掽/text>
    <use href="#cardActions" x="1450" y="615"/>

    <!-- Card 3: 娉曞緥鍜ㄨ -->
    <g filter="url(#cardShadow)">
      <rect x="1230" y="670" width="340" height="240" rx="12" fill="#1F2730" stroke="#2C3640"/>
    </g>
    <use href="#cardAvatar" x="1265" y="715"/>
    <text x="1295" y="720" font-size="18" font-weight="600" fill="#E8E8E8">娉曞緥鍜ㄨ <tspan fill="#6B7380" font-weight="400">(0)</tspan></text>
    <text x="1550" y="720" text-anchor="end" font-size="13" fill="#6B7380">2025-10-29</text>
    <text x="1250" y="770" font-size="14" fill="#9CA3AF">娉曞緥鍜ㄨ鐭ヨ瘑搴撴槸涓€涓潰鍚戜釜浜裹/text>
    <text x="1250" y="795" font-size="14" fill="#9CA3AF">鍜屼紒涓氱敤鎴风殑娉曞緥淇℃伅鏈嶅姟骞颤/text>
    <text x="1250" y="820" font-size="14" fill="#9CA3AF">鍙帮紝鎻愪緵鍚勭被甯歌娉曞緥闂...</text>
    <text x="1250" y="885" font-size="13" fill="#6B7380">0鏅鸿兘浣掽/text>
    <use href="#cardActions" x="1450" y="885"/>

    <!-- Card 4: 娴嬭瘯缁熻鏁版嵁 -->
    <g filter="url(#cardShadow)">
      <rect x="1230" y="940" width="340" height="180" rx="12" fill="#1F2730" stroke="#2C3640"/>
    </g>
    <use href="#cardAvatar" x="1265" y="985"/>
    <text x="1295" y="990" font-size="18" font-weight="600" fill="#E8E8E8">娴嬭瘯缁熻鏁版嵁鐭?.. <tspan fill="#6B7380" font-weight="400">(1)</tspan></text>

    <!-- ============ MODAL OVERLAY ============ -->
    <rect width="1600" height="1000" fill="#000000" fill-opacity="0.6"/>

    <!-- Modal -->
    <g transform="translate(400,75)" filter="url(#modalShadow)">
      <rect width="800" height="850" rx="16" fill="#1F2730"/>

      <text x="40" y="58" font-size="20" font-weight="600" fill="#E8E8E8">鎺堟潈绠＄悊</text>
      <g transform="translate(750,48)" stroke="#9CA3AF" stroke-width="2" fill="none" stroke-linecap="round">
        <line x1="-7" y1="-7" x2="7" y2="7"/>
        <line x1="7"  y1="-7" x2="-7" y2="7"/>
      </g>

      <g transform="translate(40,105)">
        <rect width="120" height="38" rx="6" fill="#1F2730" stroke="#FFB347" stroke-width="1.5"/>
        <text x="60" y="24" text-anchor="middle" font-size="14" fill="#FFB347">娣诲姞绠＄悊鍛楛/text>
      </g>

      <g font-size="14" fill="#9CA3AF">
        <text x="40" y="195">鍚嶇О</text>
        <text x="360" y="195">绫诲瀷</text>
        <text x="700" y="195">鎿嶄綔</text>
      </g>
      <line x1="40" y1="215" x2="760" y2="215" stroke="#2C3640"/>
      <rect x="20" y="225" width="760" height="52" fill="#2A3340"/>
      <line x1="20" y1="225" x2="20" y2="277" stroke="#FFB347" stroke-width="3"/>
      <g font-size="14" fill="#E8E8E8">
        <text x="40" y="258">绉熸埛绠＄悊鍛楛/text>
        <text x="360" y="258">璐﹀彿</text>
        <text x="700" y="258" fill="#FFB347" font-weight="500" cursor="pointer">鍒犻櫎</text>
      </g>

      <g transform="translate(40,485)">
        <rect width="120" height="38" rx="6" fill="#1F2730" stroke="#FFB347" stroke-width="1.5"/>
        <text x="60" y="24" text-anchor="middle" font-size="14" fill="#FFB347">娣诲姞浣跨敤鑰匋/text>
      </g>

      <g font-size="14" fill="#9CA3AF">
        <text x="40" y="575">鍚嶇О</text>
        <text x="360" y="575">绫诲瀷</text>
        <text x="700" y="575">鎿嶄綔</text>
      </g>
      <line x1="40" y1="595" x2="760" y2="595" stroke="#2C3640"/>
      <g font-size="14" fill="#E8E8E8">
        <text x="40" y="635">涓婃捣</text>
        <text x="360" y="635">缁勭粐鏈烘瀯</text>
        <text x="700" y="635" fill="#FFB347" font-weight="500" cursor="pointer">鍒犻櫎</text>
      </g>

    </g>

  </svg>