feat(order-service): 增加提交资料确认与核对摘要

apps/frontend/src/styles/admin.css

@@ -1843,31 +1843,64 @@
   margin-top: 6px;
 }
 
-.order-service-color-input {
-  height: 32px;
-  padding: 2px 3px;
-  cursor: pointer;
-}
-
-.order-service-announcement-preview {
+.order-service-confirmation-preview {
   display: grid;
-  gap: 4px;
-  padding: 12px 14px;
-  border: 1px solid rgba(138, 75, 0, 0.16);
-  border-left-width: 4px;
-  border-radius: 9px;
+  gap: 10px;
+  max-width: 560px;
+  padding: 16px;
+  color: #1f2937;
+  background: #ffffff;
+  border: 1px solid #e5e7eb;
+  border-radius: 10px;
+  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
 }
 
-.order-service-announcement-preview-title {
-  color: inherit !important;
+.order-service-confirmation-preview-content {
+  color: #64748b;
   font-size: 13px;
+  line-height: 1.65;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
 }
 
-.order-service-announcement-preview.is-disabled {
+.order-service-confirmation-preview-summary {
+  display: grid;
+  gap: 6px;
+  padding: 10px 12px;
+  color: #334155;
+  font-size: 12px;
+  background: #f8fafc;
+  border: 1px solid #edf2f7;
+  border-radius: 8px;
+}
+
+.order-service-confirmation-preview-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  padding-top: 6px;
+  border-top: 1px solid #f1f5f9;
+}
+
+.order-service-confirmation-preview-actions span {
+  padding: 3px 11px;
+  color: #475569;
+  font-size: 12px;
+  border: 1px solid #dbe2ea;
+  border-radius: 6px;
+}
+
+.order-service-confirmation-preview-actions .is-primary {
+  color: #ffffff;
+  background: #1677ff;
+  border-color: #1677ff;
+}
+
+.order-service-confirmation-preview.is-disabled {
   opacity: 0.55;
 }
 
-.order-service-announcement-preview > span:last-child {
+.order-service-confirmation-preview > small {
   font-size: 11px;
 }