style(web): 更新审批中心、审计、员工管理、请求列表、差旅报销创建、差旅请求详情等页面的样式文件

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

@@ -650,6 +650,68 @@
   white-space: nowrap;
 }
 
+.attachment-recognition {
+  margin-top: 8px;
+  text-align: left;
+}
+
+.attachment-recognition-pills {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  justify-content: center;
+}
+
+.attachment-recognition-pill {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 4px 10px;
+  border-radius: 999px;
+  font-size: 11px;
+  font-weight: 700;
+  line-height: 1.2;
+  background: #eff6ff;
+  color: #1d4ed8;
+}
+
+.attachment-recognition-pill.type {
+  background: #f8fafc;
+  color: #334155;
+}
+
+.attachment-recognition-pill.pass {
+  background: #ecfdf5;
+  color: #047857;
+}
+
+.attachment-recognition-pill.medium {
+  background: #fff7ed;
+  color: #c2410c;
+}
+
+.attachment-recognition-pill.high {
+  background: #fef2f2;
+  color: #b91c1c;
+}
+
+.attachment-recognition-message {
+  margin: 8px 0 0;
+  color: #475569;
+  font-size: 11px;
+  line-height: 1.5;
+  text-align: left;
+}
+
+.attachment-recognition-fields {
+  margin: 8px 0 0;
+  padding-left: 16px;
+  color: #475569;
+  font-size: 11px;
+  line-height: 1.5;
+  text-align: left;
+}
+
 .icon-action,
 .risk-inline-tag {
   display: inline-flex;