feat(M08-B): 补任务详情照片预览

admin/src/styles.css

@@ -341,7 +341,8 @@ textarea {
   gap: 8px;
 }
 
-.detail-grid span {
+.detail-grid span,
+.timeline-grid span {
   display: grid;
   gap: 4px;
   min-width: 0;
@@ -353,6 +354,27 @@ textarea {
   background: #f5f8fb;
 }
 
+.timeline-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 8px;
+}
+
+.photo-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 10px;
+}
+
+.photo-grid .el-image {
+  width: 100%;
+  aspect-ratio: 1;
+  overflow: hidden;
+  border: 1px solid #e1e8f0;
+  border-radius: 8px;
+  background: #f5f8fb;
+}
+
 .trend-list {
   display: grid;
   gap: 10px;
@@ -401,7 +423,8 @@ textarea {
   font-size: 14px;
 }
 
-.detail-grid strong {
+.detail-grid strong,
+.timeline-grid strong {
   overflow: hidden;
   color: #18212f;
   font-size: 14px;
@@ -543,6 +566,8 @@ textarea {
 
   .member-form,
   .detail-grid,
+  .timeline-grid,
+  .photo-grid,
   .trend-row,
   .stats-filter,
   .stats-grid {