/* 会员中心 · 高级版视觉增强 */

/* 沉浸式顶栏 */
.vip-page .nav-bar {
  z-index: 20;
  background: transparent;
  border-bottom: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.vip-page .nav-bar .title,
.vip-page .nav-bar .back {
  color: #fff;
}

.vip-page .nav-bar .back {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

/* VIP 身份小徽章 */
.vip-page .user-yxw-vip-2.is-vip-guest::before {
  content: '开通';
  color: #5c4a1a;
  letter-spacing: 0.5px;
  background: linear-gradient(135deg, #f5e6b8, #d4af37);
  border-radius: 4px;
  flex-shrink: 0;
  padding: 1px 6px;
  font-size: 10px;
  font-weight: 700;
  display: inline-block;
}

.vip-page .user-yxw-vip-2.is-vip-member::before {
  content: '尊贵会员';
  color: #fff;
  letter-spacing: 0.5px;
  background: linear-gradient(135deg, #c9a227, #e8b923);
  border-radius: 4px;
  flex-shrink: 0;
  padding: 1px 7px;
  font-size: 10px;
  font-weight: 700;
  display: inline-block;
  box-shadow: 0 2px 6px rgba(201, 162, 39, 0.35);
}

/* 180天套餐 · 推荐标签 */
.vip-page .post-form .pc-vip-list:nth-child(2)::before {
  content: '推荐';
  color: #fff;
  letter-spacing: 0.5px;
  background: linear-gradient(135deg, #e8b923, #d4af37);
  border-radius: 0 14px 0 10px;
  padding: 3px 10px;
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  top: -1px;
  right: -1px;
  box-shadow: 0 2px 8px rgba(212, 175, 55, 0.35);
}

/* 选中勾选 */
.vip-page .post-form .pc-vip-list.active::after {
  content: '';
  background: var(--theme-color, #1e90ff);
  border: 2px solid #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  box-shadow: 0 2px 8px rgba(30, 144, 255, 0.35);
}

.vip-page .post-form .pc-vip-list.active .pc-vip-prices {
  margin-right: 28px;
}

.vip-page .post-form .pc-vip-list.active::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='%23fff' d='M1 5l3.5 3.5L11 1'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px 8px;
}

/* 充值区块卡片连贯 */
.vip-page .m-dwz-viptc + .post-form {
  margin-top: -6px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none;
}

.vip-page .m-dwz-viptc:has(+ .post-form) {
  color: #6b7280;
  background: #fff;
  border: 1px solid #eef1f6;
  border-bottom: none;
  border-radius: 16px 16px 0 0;
  margin-bottom: 0;
  padding: 14px 16px 6px;
  box-shadow: 0 -4px 20px rgba(10, 45, 92, 0.04);
}

/* 按钮按压 */
.vip-page .button2:active:not(.btn-disabled),
.vip-page .button-wxpay:active:not(.btn-disabled) {
  transform: scale(0.985);
}

.vip-page .pc-vip-list:active {
  transform: scale(0.99);
}

/* 微信支付按钮图标感 */
.vip-page .button-wxpay::before {
  content: '';
  vertical-align: -2px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8.5 13.5c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5 1.5.7 1.5 1.5-.7 1.5-1.5 1.5zm7 0c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5 1.5.7 1.5 1.5-.7 1.5-1.5 1.5zM12 2C6.5 2 2 6 2 10.8c0 2.8 1.5 5.3 3.9 6.9L5 22l4.2-2.2c.9.2 1.8.4 2.8.4 5.5 0 10-4 10-8.8S17.5 2 12 2z'/%3E%3C/svg%3E") center / contain no-repeat;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  display: inline-block;
}