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

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

web/src/assets/styles/components/top-bar.css

@@ -1,4 +1,7 @@
 .topbar {
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -14,6 +17,7 @@
 
 .title-group {
   min-width: 0;
+  max-width: 100%;
 }
 
 .eyebrow {
@@ -46,6 +50,8 @@
 }
 
 .top-actions {
+  min-width: 0;
+  max-width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -282,6 +288,8 @@
 }
 
 .kpi-chips {
+  min-width: 0;
+  max-width: 100%;
   display: flex;
   gap: 10px;
 }
@@ -531,6 +539,9 @@
 
 @media (max-width: 960px) {
   .topbar {
+    width: 100%;
+    min-width: 0;
+    max-width: 100%;
     flex-direction: column;
     align-items: stretch;
   }
@@ -596,18 +607,26 @@
 
   .kpi-chips {
     width: 100%;
-    overflow-x: auto;
-    padding-bottom: 2px;
-    scrollbar-width: thin;
+    min-width: 0;
+    max-width: 100%;
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
+    gap: 8px;
+    overflow: visible;
+    padding-bottom: 0;
   }
 
   .kpi-chip {
-    min-width: 118px;
+    min-width: 0;
     padding: 8px 12px;
   }
 
+  .chip-value,
   .chip-label,
   .chip-delta {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
     white-space: nowrap;
   }