1

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

@@ -27,6 +27,27 @@
 .me {
   padding: 24rpx;
 }
+.card.login {
+  display: flex;
+  flex-direction: column;
+  gap: 16rpx;
+  padding: 22rpx;
+  background: #ffffff;
+  border-radius: 16rpx;
+  margin-bottom: 24rpx;
+}
+.login-title {
+  font-size: 28rpx;
+  font-weight: 700;
+}
+.login-btn.minor {
+  background: #f1f1f1;
+  color: #111;
+}
+.hint {
+  font-size: 22rpx;
+  color: #444;
+}
 .card.user {
   display: flex;
   gap: 18rpx;
@@ -60,6 +81,58 @@
   font-size: 22rpx;
   color: #444;
 }
+
+/* VIP 卡片样式 */
+.card.vip {
+  margin-top: 24rpx;
+  padding: 22rpx;
+  background: #ffffff;
+  border-radius: 16rpx;
+  box-shadow: 0 6rpx 16rpx rgba(0, 0, 0, 0.12);
+}
+.card.vip.active {
+  border: 1rpx solid rgba(255, 208, 0, 0.6);
+  background-image: radial-gradient(60% 60% at 80% 0%, rgba(255, 214, 0, 0.08), transparent 60%);
+}
+.vip-row {
+  display: flex;
+  align-items: center;
+  gap: 12rpx;
+  margin-bottom: 10rpx;
+}
+.vip-badge {
+  background: #f1c40f;
+  color: #111;
+  font-weight: 800;
+  padding: 2rpx 10rpx;
+  border-radius: 8rpx;
+  font-size: 22rpx;
+}
+.vip-title {
+  font-size: 28rpx;
+  font-weight: 700;
+  color: #111;
+}
+.vip-meta {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8rpx 16rpx;
+}
+.vip-meta .item {
+  display: flex;
+  align-items: center;
+  gap: 10rpx;
+}
+.vip-meta .label {
+  width: 80rpx;
+  color: #444;
+  font-size: 24rpx;
+}
+.vip-meta .value {
+  color: #111;
+  font-size: 26rpx;
+  word-break: break-all;
+}
 .group {
   margin-top: 24rpx;
   background: #ffffff;
@@ -93,4 +166,57 @@
   color: #dd524d;
   justify-content: center;
   font-weight: 700;
+}
+
+/* 简易对话框样式 */
+.dialog-mask {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.45);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 999;
+}
+.dialog {
+  width: 600rpx;
+  background: #fff;
+  border-radius: 16rpx;
+  padding: 24rpx;
+  box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.2);
+}
+.dialog-title {
+  font-size: 30rpx;
+  font-weight: 700;
+  margin-bottom: 16rpx;
+}
+.dialog-input {
+  width: 100%;
+  height: 72rpx;
+  padding: 0 16rpx;
+  border: 1rpx solid #e5e7eb;
+  border-radius: 10rpx;
+  background: #fff;
+  color: #111;
+}
+.dialog-actions {
+  display: flex;
+  gap: 16rpx;
+  margin-top: 18rpx;
+  justify-content: flex-end;
+}
+.dialog-btn {
+  padding: 16rpx 22rpx;
+  border-radius: 10rpx;
+}
+.dialog-btn.cancel {
+  background: #f1f1f1;
+  color: #111;
+}
+.dialog-btn.confirm {
+  background: #2979ff;
+  color: #fff;
 }