重构

apps/admin/src/views/Cashback.vue

@@ -738,4 +738,62 @@ onMounted(loadHistory);
   display: flex;
   justify-content: flex-end;
 }
+
+.tool-card,
+.preview-card,
+.data-card {
+  border-radius: 8px;
+}
+
+.rules-help-btn {
+  border-color: var(--border);
+  background: #ffffff;
+  color: var(--text-muted);
+}
+
+.rules-help-btn:hover {
+  border-color: #d5cfc3;
+  background: var(--accent-hover);
+  color: var(--text);
+}
+
+.rules-list,
+.detail-summary,
+.preview-title,
+.table-title,
+.pstat-value {
+  color: var(--text);
+}
+
+.rules-note,
+.preview-meta,
+.detail-meta,
+.pstat-label {
+  color: var(--text-muted);
+}
+
+.pstat {
+  border-color: var(--border);
+  background: #fbfaf7;
+}
+
+.amount-cell,
+.pstat-green {
+  color: var(--success-text);
+}
+
+@media (max-width: 760px) {
+  .preview-head,
+  .history-head {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .preview-actions,
+  .detail-actions,
+  .pager {
+    justify-content: flex-start;
+    flex-wrap: wrap;
+  }
+}
 </style>