优化V4订单任务卡片样式

client/src/tests/reservationV4Views.spec.ts

@@ -96,6 +96,28 @@ describe('reservation V4 pages', () => {
     })
   })
 
+  it('keeps V4 task card layout classes for styled card metadata and payload summary', async () => {
+    const detail = createOrderTaskDetail()
+    detail.business_cards[0]!.display_payload = {
+      booking_scenario: 'STANDARD',
+      relevant_message_excerpt: 'Please keep this visible.',
+    }
+    vi.mocked(service.fetchReservationV4OrderTaskDetail).mockResolvedValue(detail)
+
+    const wrapper = await mountWithPlugins(
+      ReservationV4OrderTaskDetailView,
+      '/reservation/order-tasks/9001',
+    )
+    await flushPromises()
+
+    expect(wrapper.findAll('.task-card-section')).toHaveLength(2)
+    expect(wrapper.find('.task-card-section__header').exists()).toBe(true)
+    expect(wrapper.find('.card-meta-grid').exists()).toBe(true)
+    expect(wrapper.find('.card-meta-item').text()).toContain(zhCN.task.reviewStatus)
+    expect(wrapper.find('details.safe-payload > summary').text()).toContain(zhCN.taskV4.displayPayload)
+    expect(wrapper.find('.card-actions .primary-button').text()).toContain(zhCN.taskV4.confirmCard)
+  })
+
   it('does not render direct attachment URLs from V4 source message payload', async () => {
     const detail = createOrderTaskDetail({
       sourceDisplayPayload: {