style(subscription-vip-offer-section): update colors and shadows for improved aesthetics

This commit is contained in:
2026-06-29 15:20:17 +08:00
parent 6cf1ee4f88
commit 207f635e7f
@@ -1,9 +1,9 @@
.section { .section {
overflow: hidden; overflow: hidden;
border: 1px solid rgba(246, 87, 160, 0.22); border: 1px solid rgba(255, 71, 166, 0.28);
border-radius: 28px; border-radius: 28px;
background: #f7dce7; background: #ffe2f0;
box-shadow: 0 18px 45px rgba(246, 87, 160, 0.16); box-shadow: 0 18px 45px rgba(255, 71, 166, 0.22);
backdrop-filter: blur(18px); backdrop-filter: blur(18px);
} }
@@ -11,8 +11,8 @@
position: relative; position: relative;
padding: 18px 18px 22px; padding: 18px 18px 22px;
background: background:
linear-gradient(135deg, #f3cbd8 0%, #efbacd 58%, #eaa9c3 100%), linear-gradient(135deg, #ff9bd1 0%, #ff61ad 56%, #f657a0 100%),
#efbacd; #ff61ad;
} }
.title { .title {
@@ -30,14 +30,14 @@
} }
.renewText { .renewText {
color: #9a707e; color: rgba(255, 255, 255, 0.82);
font-size: 13px; font-size: 13px;
font-weight: 700; font-weight: 700;
} }
.subtitle { .subtitle {
margin: 8px 0 0; margin: 8px 0 0;
color: #6f5961; color: rgba(255, 255, 255, 0.9);
font-size: 15px; font-size: 15px;
font-weight: 700; font-weight: 700;
line-height: 1.3; line-height: 1.3;
@@ -49,7 +49,7 @@
bottom: -12px; bottom: -12px;
width: 24px; width: 24px;
height: 24px; height: 24px;
background: #efbacd; background: #ff61ad;
transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg);
} }