3

frontend/unpackage/dist/dev/mp-weixin/pages/my/vip.wxss

@@ -24,6 +24,7 @@
 /* 垂直间距 */
 /* 透明度 */
 /* 文章场景相关 */
+/* 表单控件尺寸（统一配置，避免页面内硬编码） */
 page {
   background: linear-gradient(180deg, #f8fbff 0%, #ffffff 60%) !important;
 }
@@ -84,6 +85,11 @@ page {
   color: #fff;
   border-color: #4c8dff;
 }
+
+/* 指定 hero 内激活态徽标文本为黑色 */
+.vip-hero .status-pill.active text {
+  color: #000 !important;
+}
 .vip-summary {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -214,6 +220,58 @@ page {
 .purchase-btn:active {
   opacity: 0.88;
 }
+.apply-card {
+  margin-top: 0;
+  background: linear-gradient(135deg, rgba(30, 173, 145, 0.14) 0%, rgba(30, 173, 145, 0.06) 100%);
+  border-radius: 28rpx;
+  padding: 30rpx 28rpx;
+  display: flex;
+  align-items: center;
+  gap: 24rpx;
+  border: 2rpx solid rgba(30, 173, 145, 0.18);
+  box-shadow: 0 10rpx 24rpx rgba(30, 173, 145, 0.15);
+}
+.apply-text {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 10rpx;
+}
+.apply-title {
+  font-size: 32rpx;
+  font-weight: 800;
+  color: #1ead91;
+}
+.apply-desc {
+  font-size: 24rpx;
+  color: #247a66;
+  line-height: 34rpx;
+}
+.apply-btn {
+  flex: 0 0 auto;
+  padding: 20rpx 36rpx;
+  border-radius: 999rpx;
+  border: none;
+  background-color: transparent;
+  background: linear-gradient(135deg, #1ead91 0%, #159b7e 100%);
+  color: #fff;
+  font-size: 28rpx;
+  font-weight: 700;
+  box-shadow: 0 10rpx 22rpx rgba(21, 155, 126, 0.2);
+}
+.apply-btn::after {
+  border: none;
+}
+.apply-btn:active {
+  opacity: 0.9;
+}
+.apply-btn.disabled {
+  opacity: 0.5;
+  background: #c7e8df;
+  color: #fff;
+  box-shadow: none;
+  pointer-events: none;
+}
 @media (max-width: 375px) {
 .vip-summary {
     grid-template-columns: 1fr;