refactor(web): 应用外壳/差旅详情/报销创建视图适配主题与多 task

- AppShellRouteView/useAppShell 适配主题皮肤与会话入口
- TravelRequestDetailView/travelRequestDetailSetup 差旅详情适配，travel-request-detail-view.css 调整
- TravelReimbursementCreateView/useTravelReimbursementCreateViewLifecycle 创建视图适配
- 更新 app-shell-financial-assistant-entry/travel-request-detail-risk-advice 测试

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

@@ -616,8 +616,8 @@
   border-left: 0;
 }
 
-.application-detail-fact span,
-.application-detail-fact strong {
+.application-detail-fact > span,
+.application-detail-fact > strong {
   display: flex;
   align-items: center;
   min-width: 0;
@@ -625,7 +625,7 @@
   line-height: 1.5;
 }
 
-.application-detail-fact span {
+.application-detail-fact > span {
   background: #f8fafc;
   color: #64748b;
   font-size: 12px;
@@ -637,10 +637,11 @@
   color: #0f172a;
   font-size: 13px;
   font-weight: 750;
+  gap: 8px;
   overflow-wrap: anywhere;
 }
 
-.application-detail-fact.highlight span {
+.application-detail-fact.highlight > span {
   background: var(--theme-primary-soft);
   color: var(--theme-primary-active);
 }
@@ -654,6 +655,77 @@
   font-weight: 850;
 }
 
+.application-detail-fact-value {
+  min-width: 0;
+  flex: 1 1 auto;
+  overflow-wrap: anywhere;
+}
+
+.application-detail-edit-btn,
+.application-detail-edit-confirm,
+.application-detail-edit-cancel {
+  flex: 0 0 auto;
+  width: 24px;
+  height: 24px;
+  display: inline-grid;
+  place-items: center;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  background: transparent;
+  color: #64748b;
+  cursor: pointer;
+}
+
+.application-detail-edit-btn {
+  opacity: 0;
+  transition:
+    opacity 0.16s ease,
+    background 0.16s ease,
+    color 0.16s ease;
+}
+
+.application-detail-fact.editable:hover .application-detail-edit-btn,
+.application-detail-edit-btn:focus-visible {
+  opacity: 1;
+}
+
+.application-detail-edit-btn:hover:not(:disabled),
+.application-detail-edit-btn:focus-visible,
+.application-detail-edit-confirm:hover:not(:disabled),
+.application-detail-edit-cancel:hover:not(:disabled) {
+  background: rgba(var(--theme-primary-rgb, 58, 124, 165), 0.1);
+  color: var(--theme-primary-active);
+}
+
+.application-detail-edit-confirm {
+  background: rgba(22, 163, 74, 0.1);
+  color: #15803d;
+}
+
+.application-detail-edit-cancel {
+  background: #f1f5f9;
+}
+
+.application-detail-edit-btn:disabled,
+.application-detail-edit-confirm:disabled,
+.application-detail-edit-cancel:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+
+.application-detail-fact.editing strong {
+  align-items: center;
+}
+
+.application-detail-editor-control {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+.application-detail-editor-select {
+  width: 100%;
+}
+
 .related-application-facts {
   margin-top: 0;
 }