feat: improve member payment and order flows

web/src/mobile/styles.css

@@ -1036,10 +1036,27 @@ body {
   border-radius: 24px;
   font-size: 16px;
 }
+.m-order-recharge-link {
+  min-height: 46px;
+  margin-bottom: 10px;
+  border-radius: 24px;
+  color: #fff;
+  background: linear-gradient(90deg, #ffa32b, #f15b20);
+  display: grid;
+  place-items: center;
+  font-size: 16px;
+  font-weight: 600;
+  text-decoration: none;
+}
 .m-order-submit-panel button:disabled,
 .m-order-submit-actions button:disabled {
   opacity: 0.6;
 }
+.m-order-submit-panel > button:disabled {
+  color: #999;
+  background: #e9e9e9;
+  cursor: not-allowed;
+}
 .m-order-submit-confirm {
   width: min(90vw, 430px);
   overflow: hidden;
@@ -3362,6 +3379,13 @@ body {
   background: #ffb21f;
   color: #fff;
 }
+.m-match-steps--single {
+  margin-top: 4px;
+  margin-bottom: 28px;
+}
+.m-match-steps--single li {
+  justify-content: center;
+}
 
 /* Olons 2 manual task mall */
 .m-task-mall {