/* icons.css — 图标库公共样式 */

.il-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  flex-shrink: 0;
  color: currentColor;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .15s ease, color .15s ease;
}

/* 描边彩色芯片：柔和淡色底 + 主题深色描边，比“白线+饱和渐变”更精致统一 */
.il-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(20, 30, 60, 0.06);
  box-shadow: 0 1px 3px rgba(20, 30, 60, 0.08);
  flex-shrink: 0;
  transition: transform .15s ease, box-shadow .15s ease;
}
.il-badge:hover { transform: translateY(-1px); box-shadow: 0 3px 8px rgba(20, 30, 60, 0.12); }
.il-badge .il-icon { color: currentColor; }

[data-theme="dark"] .il-badge {
  border-color: rgba(255, 255, 255, 0.10);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}
[data-theme="dark"] .il-badge:hover { box-shadow: 0 3px 8px rgba(0, 0, 0, 0.45); }