/* 会员标签和ID标签全局样式 */

/* ID标签 - 紧凑设计 */
.user-id-tag {
  display: inline-flex;
  align-items: center;
  background: rgba(255, 107, 0, 0.08);
  border: 1rpx solid rgba(255, 107, 0, 0.25);
  border-radius: 20rpx;
  padding: 6rpx 12rpx;
  height: 44rpx;
  backdrop-filter: blur(10rpx);
  transition: all 0.2s ease;
}

.user-id-tag:active {
  transform: scale(0.95);
  background: rgba(255, 107, 0, 0.15);
}

.id-icon {
  font-size: 18rpx;
  color: #FF6B00;
  margin-right: 4rpx;
  flex-shrink: 0;
}

.id-text {
  font-size: 20rpx;
  color: #FF6B00;
  font-weight: 500;
  letter-spacing: 0.5rpx;
  margin-right: 6rpx;
}

.id-copy {
  font-size: 20rpx;
  color: #FF9800;
  padding: 2rpx;
  margin-left: 2rpx;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.id-copy:active {
  transform: scale(1.15);
  color: #FF6B00;
}

/* 会员等级标签 */
.user-member-tag {
  display: inline-flex;
  align-items: center;
  background: linear-gradient(135deg, #FF6B00, #FF9500);
  padding: 6rpx 12rpx;
  border-radius: 20rpx;
  height: 44rpx;
  box-shadow: 0 2rpx 8rpx rgba(255, 107, 0, 0.25);
}

.member-icon {
  font-size: 18rpx;
  color: #FFFFFF;
  margin-right: 4rpx;
  flex-shrink: 0;
}

.member-text {
  font-size: 20rpx;
  color: #FFFFFF;
  font-weight: 500;
}

/* 标签行 - 用于排列ID和会员等级标签 */
.tags-row {
  display: flex;
  align-items: center;
  gap: 10rpx;
  flex-wrap: wrap;
}