/*
 * 图标系统 - Lucide Icons（本地 sprite）
 * 使用方式：<i class="icon icon-message-square"></i>
 * 或内联：  <svg class="icon"><use href="/assets/icons/lucide-sprite.svg#message-square"/></svg>
 */

/* ── 字体图标方式 ────────────────────────────── */
@font-face {
  font-family: 'lucide';
  src: url('/assets/icons/fonts/lucide.woff2') format('woff2'),
       url('/assets/icons/fonts/lucide.woff')  format('woff'),
       url('/assets/icons/fonts/lucide.ttf')   format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ── SVG 图标基础类 ────────────────────────────── */
.lc {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

/* 尺寸 */
.lc-xs  { width: 14px; height: 14px; }
.lc-sm  { width: 16px; height: 16px; }
.lc-md  { width: 20px; height: 20px; }
.lc-lg  { width: 24px; height: 24px; }
.lc-xl  { width: 28px; height: 28px; }
.lc-2x  { width: 32px; height: 32px; }

/* 粗细 */
.lc-thin   { stroke-width: 1; }
.lc-light  { stroke-width: 1.5; }
.lc-normal { stroke-width: 2; }
.lc-bold   { stroke-width: 2.5; }