feat: 优化差旅报销预审流程与个人工作台 UI 体系

- 完善 user_agent_application 申请差旅报销预审槽位与消息组装
- 增强预算助理报告与风险建议卡片交互
- 重构登录页视觉样式与移动端响应式适配
- 优化个人工作台、文档中心、政策中心、员工管理等页面布局
- 拆分 travelRequestDetailPreReviewModel 为 advice/submit 模型
- 补充报销草稿、风险复核、Item Sync 与模板执行器测试覆盖

web/src/components/travel/TravelReimbursementMessageItem.vue

@@ -333,6 +333,66 @@
       </p>
     </div>
 
+    <div
+      v-if="message.role === 'assistant' && ui.shouldShowDraftSavedCard(message)"
+      class="draft-preview application-draft-preview"
+      :class="{ 'reimbursement-draft-preview': !ui.isApplicationDraftPayload(message.draftPayload) }"
+    >
+      <template v-if="ui.isApplicationDraftPayload(message.draftPayload)">
+        <header class="application-draft-head">
+          <span class="application-draft-icon" aria-hidden="true">
+            <i class="mdi mdi-file-document-check-outline"></i>
+          </span>
+          <span class="application-draft-title">
+            <strong>申请单据已生成</strong>
+            <small>已为本次业务生成申请单，请按需查看完整详情。</small>
+          </span>
+          <span class="application-draft-status">{{ ui.resolveApplicationDraftStatusLabel(message.draftPayload) }}</span>
+        </header>
+        <div class="application-draft-brief" role="group" aria-label="申请单据简要信息">
+          <div
+            v-for="item in ui.buildApplicationDraftSummaryItems(message.draftPayload)"
+            :key="`${message.id}-application-draft-${item.label}`"
+            class="application-draft-brief-item"
+            :class="{ 'is-primary': item.label === '单号' }"
+          >
+            <span>{{ item.label }}</span>
+            <strong>{{ item.value }}</strong>
+          </div>
+        </div>
+        <footer class="application-draft-footer">
+          <p>
+            完整审批链、附件和明细可在单据详情中
+            <button
+              type="button"
+              class="application-draft-detail-link"
+              :disabled="ui.submitting || ui.reviewActionBusy || ui.sessionSwitchBusy"
+              @click="ui.openApplicationDraftDetail(message)"
+            >查看</button>。
+          </p>
+        </footer>
+      </template>
+      <template v-else>
+        <div class="reimbursement-draft-card" role="group" aria-label="报销草稿已生成">
+          <span class="reimbursement-draft-icon" aria-hidden="true">
+            <i class="mdi mdi-file-document-edit-outline"></i>
+          </span>
+          <div class="reimbursement-draft-main">
+            <strong>报销草稿已生成</strong>
+            <p>
+              单号：<span>{{ ui.resolveReimbursementDraftClaimNo(message.draftPayload) }}</span>
+              <button
+                type="button"
+                class="reimbursement-draft-link"
+                :disabled="ui.submitting || ui.reviewActionBusy || ui.sessionSwitchBusy"
+                @click="ui.openApplicationDraftDetail(message)"
+              >查看详情</button>
+            </p>
+          </div>
+        </div>
+      </template>
+    </div>
+
     <div v-if="message.role === 'assistant' && message.reviewPayload" class="message-detail-block review-message-block">
       <div class="review-plain-followup">
         <template
@@ -405,54 +465,6 @@
       </div>
     </div>
 
-    <div
-      v-if="message.role === 'assistant' && !message.reviewPayload && message.draftPayload"
-      class="draft-preview"
-      :class="{ 'application-draft-preview': ui.isApplicationDraftPayload(message.draftPayload) }"
-    >
-      <template v-if="ui.isApplicationDraftPayload(message.draftPayload)">
-        <header class="application-draft-head">
-          <span class="application-draft-icon" aria-hidden="true">
-            <i class="mdi mdi-file-document-check-outline"></i>
-          </span>
-          <span class="application-draft-title">
-            <strong>申请单据已生成</strong>
-            <small>已为本次业务生成申请单，请按需查看完整详情。</small>
-          </span>
-          <span class="application-draft-status">{{ ui.resolveApplicationDraftStatusLabel(message.draftPayload) }}</span>
-        </header>
-        <div class="application-draft-brief" role="group" aria-label="申请单据简要信息">
-          <div
-            v-for="item in ui.buildApplicationDraftSummaryItems(message.draftPayload)"
-            :key="`${message.id}-application-draft-${item.label}`"
-            class="application-draft-brief-item"
-            :class="{ 'is-primary': item.label === '单号' }"
-          >
-            <span>{{ item.label }}</span>
-            <strong>{{ item.value }}</strong>
-          </div>
-        </div>
-        <footer class="application-draft-footer">
-          <p>
-            完整审批链、附件和明细可在单据详情中
-            <button
-              type="button"
-              class="application-draft-detail-link"
-              :disabled="ui.submitting || ui.reviewActionBusy || ui.sessionSwitchBusy"
-              @click="ui.openApplicationDraftDetail(message)"
-            >查看</button>。
-          </p>
-        </footer>
-      </template>
-      <template v-else>
-        <header>
-          <strong>{{ message.draftPayload.title }}</strong>
-          <span>待人工确认</span>
-        </header>
-        <pre>{{ message.draftPayload.body }}</pre>
-      </template>
-    </div>
-
     <div v-if="message.attachments?.length" class="message-files">
       <span v-for="file in message.attachments" :key="file" class="file-chip">
         <i class="mdi mdi-paperclip"></i>