/* ===== iconfont.cn 兼容 SVG 图标系统 ===== */
/* 使用方式：<svg class="icon" aria-hidden="true"><use xlink:href="icons/icons.svg#icon-xxx"/></svg> */

.icon {
  display: inline-flex;
  pointer-events: none;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}
.icon use {
  width: 100%;
  height: 100%;
}

/* 实心图标覆盖 */
.icon-fill {
  fill: currentColor;
  stroke: none;
}

/* 通用图标尺寸辅助 */
.icon-sm { width: 14px; height: 14px; }
.icon-md { width: 18px; height: 18px; }
.icon-lg { width: 22px; height: 22px; }
.icon-xl { width: 28px; height: 28px; }

/* 暗色模式适配 - 确保所有 SVG icon 继承文字颜色 */
@media (prefers-color-scheme: dark) {
  .icon { color: inherit; }
}

/* 向下兼容：如果页面引用了旧版 .ri-xxx 类，提供 fallback */
[class^="ri-"], [class*=" ri-"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
}