/* 会员中心增强 · 对齐「我的」页（主题色、轻量徽章） */

.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 2px rgba(30, 144, 255, 0.18);
}

/* 身份小标 · 用主题色，去掉金色大牌感 */
.vip-page .user-yxw-vip-2.is-vip-guest::before {
  content: '开通';
  color: var(--theme-color, #1e90ff);
  letter-spacing: 0.5px;
  background: rgba(255, 255, 255, 0.92);
  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: rgba(255, 255, 255, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 4px;
  flex-shrink: 0;
  padding: 1px 7px;
  font-size: 10px;
  font-weight: 700;
  display: inline-block;
}

/* 180天 · 推荐角标（主题色） */
.vip-page .post-form .pc-vip-list:nth-child(2)::before {
  content: '推荐';
  color: #fff;
  letter-spacing: 0.5px;
  background: var(--theme-color, #1e90ff);
  border-radius: 0 12px 0 10px;
  padding: 3px 10px;
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  top: -1px;
  right: -1px;
}

.vip-page .post-form .pc-vip-list.active::after {
  content: '';
  background: var(--theme-color, #1e90ff);
  border: 2px solid #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  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;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--theme-color, #1e90ff) 30%, transparent);
}

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

.vip-page .m-dwz-viptc + .post-form {
  margin-top: 0;
}

.vip-page .m-dwz-viptc:has(+ .post-form) {
  color: #64748b;
  background: transparent;
  border: none;
  border-radius: 0;
  margin-bottom: 8px;
  padding: 0 4px;
  box-shadow: none;
}

.vip-page .button2:active:not(.btn-disabled),
.vip-page .button-wxpay:active:not(.btn-disabled) {
  transform: scale(0.985);
  opacity: 0.92;
}

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

.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;
}