feat(payment): implement first recharge offer functionality and UI updates

2026-07-02 14:39:09 +08:00
parent 7b35fd18c5
commit d4de1370e8
20 changed files with 607 additions and 50 deletions
@@ -63,9 +63,10 @@
 }

 .planCard {
+  position: relative;
  display: flex;
  min-width: 0;
-  min-height: 118px;
+  min-height: 128px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
@@ -101,7 +102,25 @@
  transform: translateY(-3px);
 }

+.offerBadge {
+  position: absolute;
+  top: 8px;
+  left: 50%;
+  max-width: calc(100% - 12px);
+  padding: 3px 7px;
+  border-radius: 999px;
+  background: linear-gradient(135deg, #ff5fae 0%, #ff8a34 100%);
+  color: #ffffff;
+  font-size: 10px;
+  font-weight: 900;
+  line-height: 1;
+  white-space: nowrap;
+  box-shadow: 0 7px 16px rgba(255, 95, 174, 0.28);
+  transform: translateX(-50%);
+}
+
 .planTitle {
+  margin-top: 12px;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.15;