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

apps/frontend/src/styles/client.css

@@ -515,21 +515,104 @@
   gap: 12px;
 }
 
-.collect-link-announcement {
-  padding: 12px 14px;
-  border: 1px solid rgba(138, 75, 0, 0.16);
-  border-left-width: 4px;
+.collect-link-confirm {
+  display: grid;
+  gap: 12px;
+  max-height: 58vh;
+  padding-top: 4px;
+  padding-right: 4px;
+  overflow-y: auto;
+}
+
+.collect-link-confirm-meta {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  gap: 4px 16px;
+  color: #64748b;
+  font-size: 12px;
+}
+
+.collect-link-confirm-meta span:first-child {
+  color: #0f172a;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.collect-link-confirm-fields {
+  overflow: hidden;
+  border: 1px solid #e8edf4;
   border-radius: 9px;
 }
 
-.collect-link-announcement-title {
-  display: block;
-  margin-bottom: 4px;
+.collect-link-confirm-field {
+  display: grid;
+  grid-template-columns: 110px minmax(0, 1fr);
+  gap: 12px;
+  padding: 9px 12px;
   font-size: 13px;
+  border-bottom: 1px solid #eef2f7;
 }
 
-.collect-link-announcement-content {
-  line-height: 1.65;
+.collect-link-confirm-field:last-child {
+  border-bottom: 0;
+}
+
+.collect-link-confirm-field span,
+.collect-link-confirm-screenshots span {
+  color: #64748b;
+}
+
+.collect-link-confirm-field strong,
+.collect-link-confirm-screenshots strong {
+  color: #0f172a;
+  font-weight: 500;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+
+.collect-link-confirm-field strong.is-empty {
+  color: #94a3b8;
+}
+
+.collect-link-confirm-screenshots {
+  display: grid;
+  gap: 8px;
+  padding: 10px 12px;
+  font-size: 13px;
+  background: #f8fafc;
+  border-radius: 9px;
+}
+
+.collect-link-confirm-screenshots > div:first-child {
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.collect-link-confirm-images {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.collect-link-confirm-images img {
+  width: 58px;
+  height: 58px;
+  object-fit: cover;
+  background: #ffffff;
+  border: 1px solid #dbe3ee;
+  border-radius: 8px;
+}
+
+.collect-link-confirm-content {
+  padding: 10px 12px;
+  color: #8a4b00;
+  font-size: 13px;
+  line-height: 1.7;
+  background: #fff7e6;
+  border: 1px solid #ffe7ba;
+  border-radius: 9px;
   white-space: pre-wrap;
   overflow-wrap: anywhere;
 }
@@ -687,6 +770,11 @@
   .collect-link-success-products {
     padding: 10px 16px;
   }
+
+  .collect-link-confirm-field {
+    grid-template-columns: 88px minmax(0, 1fr);
+    padding: 8px 10px;
+  }
 }
 
 /* ===== 兑换中心 (Redeem Page) ===== */