feat: 扩展风险规则体系、审批动态路由与预算中心列表化改造

- 新增 25+ 条风险规则（预算/报销/申请/通用类），完善风险规则模拟与反馈发布机制
- 引入费用审批动态路由、平台风险分级、预审与风险阶段管理
- 预算中心列表化改造，优化票据夹仪表盘与数字员工工作看板
- 新增 Hermes 风险线索收集器、Agent 链路追踪中心
- 扩展数字员工能力库（18 个领域 Skill）与交通费用自动预估
- 完善报销申请快速预览、权限控制与前端测试覆盖

web/src/assets/styles/views/travel-request-detail-view.css

@@ -391,11 +391,12 @@
 }
 
 .progress-step-status {
-  max-width: 100%;
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 136px;
+  min-width: 0;
   min-height: 22px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
+  display: block;
   padding: 0 9px;
   border: 1px solid #e2e8f0;
   border-radius: 4px;
@@ -403,7 +404,7 @@
   color: #64748b;
   font-size: 11px;
   font-weight: 850;
-  line-height: 1;
+  line-height: 20px;
   text-align: center;
   white-space: nowrap;
   overflow: hidden;
@@ -1775,31 +1776,149 @@
   box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
 }
 
-.validation-section--risk .risk-advice-card {
+.validation-section--risk .risk-advice-list {
   display: grid;
   gap: 8px;
-  padding: 12px 12px 11px;
+  max-height: 360px;
+  padding-right: 4px;
+  overflow-y: auto;
+  scrollbar-gutter: stable;
+}
+
+.validation-section--risk .risk-advice-card {
+  position: relative;
+  display: grid;
+  grid-template-columns: minmax(0, 1.1fr) minmax(220px, .9fr);
+  align-items: start;
+  gap: 12px;
+  min-height: 64px;
+  padding: 10px 12px 10px 14px;
   border: 1px solid #e5e7eb;
-  border-radius: 4px;
+  border-radius: 2px;
   background: #ffffff;
   box-shadow: 0 1px 1px rgba(15, 23, 42, 0.03);
 }
 
+.validation-section--risk .risk-advice-card::before {
+  content: "";
+  position: absolute;
+  inset: 10px auto 10px 7px;
+  width: 3px;
+  border-radius: 1px;
+  background: #ef4444;
+}
+
 .validation-section--risk .risk-advice-card.medium {
   border-color: #f3e8d9;
   background: #fffcf7;
 }
 
+.validation-section--risk .risk-advice-card.medium::before {
+  background: #f97316;
+}
+
 .validation-section--risk .risk-advice-card.low {
   border-color: #dbeafe;
   background: #f8fbff;
 }
 
-.validation-section--risk .risk-advice-meta ul,
-.validation-section--risk .risk-advice-meta p {
+.validation-section--risk .risk-advice-card.low::before {
+  background: #2563eb;
+}
+
+.risk-advice-card-main,
+.risk-advice-compact-meta {
+  min-width: 0;
+}
+
+.risk-advice-card-head {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.risk-advice-card-head span {
+  flex: 0 0 auto;
+  height: 20px;
+  display: inline-flex;
+  align-items: center;
+  padding: 0 7px;
+  border: 1px solid #fecaca;
+  border-radius: 2px;
+  background: #fef2f2;
+  color: #b91c1c;
+  font-size: 10px;
+  font-weight: 850;
+  line-height: 1;
+}
+
+.risk-advice-card.medium .risk-advice-card-head span {
+  border-color: #fed7aa;
+  background: #fff7ed;
+  color: #c2410c;
+}
+
+.risk-advice-card.low .risk-advice-card-head span {
+  border-color: #bfdbfe;
+  background: #eff6ff;
+  color: #1d4ed8;
+}
+
+.risk-advice-card-head strong {
+  min-width: 0;
+  color: #0f172a;
+  font-size: 13px;
+  font-weight: 850;
+  line-height: 1.45;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.risk-advice-point {
+  display: -webkit-box;
+  margin: 5px 0 0;
+  color: #334155;
+  font-size: 12px;
+  line-height: 1.5;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+}
+
+.risk-advice-compact-meta {
+  display: grid;
+  gap: 4px;
+  padding-left: 12px;
+  border-left: 1px solid #e2e8f0;
+}
+
+.risk-advice-compact-meta span,
+.risk-advice-compact-meta em {
   margin: 0;
   color: #334155;
   font-size: 11px;
   line-height: 1.5;
+  font-style: normal;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.risk-advice-compact-meta span {
+  color: #64748b;
+}
+
+@media (max-width: 1180px) {
+  .validation-section--risk .risk-advice-card {
+    grid-template-columns: 1fr;
+    gap: 8px;
+  }
+
+  .risk-advice-compact-meta {
+    padding-left: 0;
+    border-left: 0;
+  }
 }