/**
 * 标签组件样式
 */

/* 标签基础样式 */
.tag {
  @apply inline-flex items-center px-2.5 py-0.5 rounded-md text-xs font-medium;
}

/* 标签类型 */
.tag-blue {
  @apply bg-blue-100 text-blue-800;
}

.tag-green {
  @apply bg-green-100 text-green-800;
}

.tag-red {
  @apply bg-red-100 text-red-800;
}

.tag-yellow {
  @apply bg-yellow-100 text-yellow-800;
}

.tag-purple {
  @apply bg-purple-100 text-purple-800;
}

.tag-gray {
  @apply bg-gray-100 text-gray-800;
}

/* 添加新的颜色 */
.tag-cyan {
  @apply bg-cyan-100 text-cyan-800;
}

.tag-orange {
  @apply bg-orange-100 text-orange-800;
}

/* 标签尺寸 */
.tag-sm {
  @apply px-2 py-0 text-xs;
}

.tag-lg {
  @apply px-3 py-1 text-sm;
}

/* 可关闭的标签 */
.tag-closable {
  @apply pr-1;
}

.tag-close-icon {
  @apply ml-1 cursor-pointer text-opacity-70 hover:text-opacity-100 transition-opacity duration-200;
}

/* 可点击的标签 */
.tag-clickable {
  @apply cursor-pointer hover:opacity-80 transition-opacity duration-200;
} 