feat: harden phase one workflows

miniapp/miniprogram/pages/orders/detail.wxss

@@ -1,3 +1,58 @@
+.summary-card {
+  display: flex;
+  justify-content: space-between;
+  gap: 18rpx;
+  padding: 28rpx;
+  margin-bottom: 18rpx;
+  color: #ffffff;
+  background: #33536f;
+  border-radius: 16rpx;
+}
+
+.summary-card .muted {
+  color: rgba(255, 255, 255, 0.76);
+}
+
+.summary-title {
+  margin: 10rpx 0;
+  font-size: 36rpx;
+  font-weight: 900;
+  line-height: 1.2;
+}
+
+.detail-card {
+  padding: 24rpx;
+  margin-bottom: 20rpx;
+  background: #ffffff;
+  border: 1rpx solid #e4eaf0;
+  border-radius: 16rpx;
+  box-shadow: 0 8rpx 24rpx rgba(20, 36, 58, 0.05);
+}
+
+.detail-line {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 24rpx;
+  padding: 18rpx 0;
+  color: #334155;
+  border-bottom: 1rpx solid #edf1f5;
+}
+
+.detail-line text:first-child {
+  flex-shrink: 0;
+  color: #64748b;
+}
+
+.detail-line text:last-child {
+  text-align: right;
+}
+
+.detail-line.total {
+  border-bottom: none;
+  font-weight: 800;
+}
+
 .button-row button {
   flex: 1;
 }