feat(M08-B): 补保洁统计趋势

admin/src/styles.css

@@ -314,6 +314,54 @@ textarea {
   background: #f5f8fb;
 }
 
+.trend-list {
+  display: grid;
+  gap: 10px;
+}
+
+.trend-row {
+  display: grid;
+  grid-template-columns: 92px minmax(80px, 1fr) minmax(360px, 2.4fr);
+  gap: 12px;
+  align-items: center;
+  min-height: 38px;
+}
+
+.trend-date {
+  color: #334155;
+  font-size: 13px;
+  font-weight: 700;
+}
+
+.trend-track {
+  height: 8px;
+  overflow: hidden;
+  background: #e9eff5;
+  border-radius: 999px;
+}
+
+.trend-bar {
+  display: block;
+  height: 100%;
+  background: #2563eb;
+  border-radius: inherit;
+}
+
+.trend-meta {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  min-width: 0;
+  color: #60708a;
+  font-size: 12px;
+  white-space: nowrap;
+}
+
+.trend-meta strong {
+  color: #101828;
+  font-size: 14px;
+}
+
 .detail-grid strong {
   overflow: hidden;
   color: #18212f;
@@ -421,6 +469,15 @@ textarea {
   .metric-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+
+  .trend-row {
+    grid-template-columns: 92px minmax(80px, 1fr);
+  }
+
+  .trend-meta {
+    grid-column: 1 / -1;
+    flex-wrap: wrap;
+  }
 }
 
 @media (max-width: 560px) {
@@ -447,8 +504,13 @@ textarea {
 
   .member-form,
   .detail-grid,
+  .trend-row,
   .stats-filter,
   .stats-grid {
     grid-template-columns: 1fr;
   }
+
+  .trend-meta {
+    grid-column: auto;
+  }
 }