ea

2026-07-10 16:14:31 +08:00
commit 637b0bd144
158 changed files with 33269 additions and 0 deletions
@@ -0,0 +1,228 @@
+.vip-overlay {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(0, 0, 0, 0.58);
+  box-sizing: border-box;
+}
+
+.vip-popup {
+  position: relative;
+  width: 706rpx;
+  height: 1130rpx;
+  max-height: 92vh;
+  overflow: visible;
+  background: transparent;
+  box-sizing: border-box;
+}
+
+.vip-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 0;
+  width: 706rpx;
+  height: auto;
+  display: block;
+}
+
+.close-hotspot {
+  position: absolute;
+  top: 112rpx;
+  right: 24rpx;
+  z-index: 5;
+  width: 72rpx;
+  height: 72rpx;
+}
+
+.vip-content {
+  position: relative;
+  z-index: 2;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  padding-top: 284rpx;
+}
+
+.gift-list {
+  display: flex;
+  flex-direction: column;
+  gap: 68rpx;
+  padding-left: 208rpx;
+  box-sizing: border-box;
+}
+
+.gift-copy {
+  display: flex;
+  align-items: baseline;
+  gap: 9rpx;
+  height: 58rpx;
+  color: #321708;
+  font-size: 27rpx;
+  font-weight: 900;
+  white-space: nowrap;
+}
+
+.highlight {
+  color: #f18a0a;
+  font-size: 42rpx;
+  font-style: italic;
+}
+
+.orange-note {
+  color: #f18400;
+  font-size: 24rpx;
+}
+
+.plan-section {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-top: 220rpx;
+}
+
+.plan-scroll {
+  width: 706rpx;
+  height: 218rpx;
+  white-space: nowrap;
+}
+
+.plan-track {
+  height: 218rpx;
+  padding: 0 52rpx;
+  display: flex;
+  gap: 14rpx;
+  box-sizing: border-box;
+}
+
+.plan-card {
+  position: relative;
+  width: 142rpx;
+  height: 214rpx;
+  border-radius: 14rpx;
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  overflow: hidden;
+  border: 1rpx solid #e7dcf2;
+  background: linear-gradient(180deg, #fffefe, #fbf9ff);
+  box-sizing: border-box;
+}
+
+.plan-card.selected {
+  border: 0;
+  background: transparent;
+}
+
+.plan-selected-bg {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 0;
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+.recommend-ribbon {
+  display: none;
+}
+
+.plan-name,
+.price-row,
+.plan-desc {
+  position: relative;
+  z-index: 1;
+}
+
+.plan-name {
+  color: #25170d;
+  font-size: 23rpx;
+  font-weight: 900;
+}
+
+.price-row {
+  margin-top: 20rpx;
+  display: flex;
+  align-items: baseline;
+  color: #7047ee;
+}
+
+.selected .price-row {
+  color: #f08d09;
+}
+
+.currency {
+  font-size: 24rpx;
+  font-weight: 900;
+}
+
+.price {
+  font-size: 48rpx;
+  line-height: 1;
+  font-weight: 900;
+}
+
+.plan-desc {
+  margin-top: 18rpx;
+  color: #7f7f86;
+  font-size: 20rpx;
+  line-height: 1.25;
+  text-align: center;
+  white-space: pre-line;
+}
+
+.dots {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 14rpx;
+  margin-top: 22rpx;
+}
+
+.dot {
+  width: 12rpx;
+  height: 12rpx;
+  border-radius: 999rpx;
+  background: #dedee2;
+}
+
+.dot.active {
+  width: 36rpx;
+  background: #764ef7;
+}
+
+.action-section {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-top: 24rpx;
+}
+
+.vip-btn {
+  width: 590rpx;
+  height: auto;
+  display: block;
+}
+
+.skip-btn {
+  margin-top: 20rpx;
+  color: #8e8e94;
+  font-size: 24rpx;
+  font-weight: 800;
+  text-align: center;
+}
+
+
+