/* ===== RemixIcon 图标额外保护样式 ===== */
/* 此文件作为额外保护层，确保图标在 Tailwind CSS 之后正确显示 */

/* 保护 RemixIcon 的 ::before 伪元素 */
i[class^="ri-"]::before,
i[class*=" ri-"]::before,
span[class^="ri-"]::before,
span[class*=" ri-"]::before,
[class^="ri-"]::before,
[class*=" ri-"]::before {
  font-family: 'remixicon' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  display: inline-block !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  speak: none !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-feature-settings: normal !important;
  font-feature-settings: normal !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 保护 RemixIcon 图标元素本身 */
i[class^="ri-"],
i[class*=" ri-"],
span[class^="ri-"],
span[class*=" ri-"],
[class^="ri-"],
[class*=" ri-"] {
  font-family: 'remixicon' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  display: inline-block !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  speak: none !important;
  text-transform: none !important;
  line-height: 1 !important;
  visibility: visible !important;
  opacity: 1 !important;
}