/* 会员/设置页：续费/升级会员、解绑、修改 */
.vip-setting-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 56px;
  height: 32px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  border-radius: 8px;
  border: 1px solid transparent;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.12s ease;
}

.vip-setting-action-btn:active {
  transform: translateY(1px);
}

.vip-setting-action-btn--primary {
  min-width: 112px;
  padding: 0 16px;
  color: #fff !important;
  background: var(--color-primary, #2a9d6a);
  border-color: var(--color-primary, #2a9d6a);
  box-shadow: 0 1px 2px rgba(42, 157, 106, 0.22);
}

.vip-setting-action-btn--primary:hover {
  filter: brightness(1.05);
  box-shadow: 0 3px 10px rgba(42, 157, 106, 0.28);
}

.vip-setting-action-btn--outline {
  color: var(--color-primary, #2a9d6a);
  background: #fff;
  border-color: rgba(42, 157, 106, 0.42);
}

.vip-setting-action-btn--outline:hover {
  background: rgba(42, 157, 106, 0.08);
  border-color: var(--color-primary, #2a9d6a);
}

.vip-setting-action-btn--danger {
  color: #ff4d4f;
  background: #fff;
  border-color: rgba(255, 77, 79, 0.42);
}

.vip-setting-action-btn--danger:hover {
  background: #fff1f0;
  border-color: #ff4d4f;
}

div.max-w-2xl.bg-white.rounded-xl ul.flex.flex-col.gap-15 > li {
  align-items: center;
}

div.max-w-2xl.bg-white.rounded-xl ul.flex.flex-col.gap-15 > li > p.flex.items-center.cursor-pointer,
div.max-w-2xl.bg-white.rounded-xl ul.flex.flex-col.gap-15 > li > p.text-\[var\(--color-primary\)\].cursor-pointer {
  margin: 0;
}