/* =================================================================
   [新增] User Role Badge Styles (ported from preview-custom.css)
   ================================================================= */
/* 账户类型标签样式 */
.user-role-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  white-space: nowrap;
  vertical-align: middle;
  transition: all 0.2s ease;
  margin-right: 8px;
}

.user-role-badge.role-badge-admin {
  background-color: #f56c6c;
  color: #ffffff;
  border: 1px solid #f56c6c;
}

.user-role-badge.role-badge-pro {
  background-color: #e6a23c;
  color: #ffffff;
  border: 1px solid #e6a23c;
  position: relative;
  padding-right: 24px;
}

/* Pro 会员小皇冠图标 - 右上角，旋转 35 度 */
.user-role-badge.role-badge-pro::after {
  content: '👑';
  position: absolute;
  top: -15px;
  right: -13px;
  font-size: 18px;
  transform: rotate(35deg);
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.3));
}

.user-role-badge.role-badge-normal {
  background-color: #409eff;
  color: #ffffff;
  border: 1px solid #409eff;
}

.user-role-badge.role-badge-guest {
  background-color: #909399;
  color: #ffffff;
  border: 1px solid #909399;
}

.user-role-badge.role-badge-superadmin {
  background-color: #7c3aed;
  color: #ffffff;
  border: 1px solid #7c3aed;
}