/* ============================================
   NekoChat · 图标系统
   使用 Lucide 图标精灵图（ISC 开源）
   ============================================ */

/* 图标基础样式：默认跟随文字颜色 */
.ico {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
  pointer-events: none;
}

/* 尺寸变体 */
.ico-sm { width: 16px; height: 16px; stroke-width: 2.2; }
.ico-xs { width: 14px; height: 14px; stroke-width: 2.4; }
.ico-lg { width: 24px; height: 24px; }
.ico-xl { width: 32px; height: 32px; stroke-width: 1.8; }
.ico-2xl { width: 48px; height: 48px; stroke-width: 1.6; }

/* 品牌 Logo 图标 */
.brand-ico {
  width: 22px;
  height: 22px;
  stroke-width: 2.2;
  color: #4aa3ff;
}

/* 导航图标 */
.nav-item .ico {
  width: 21px;
  height: 21px;
  stroke-width: 1.9;
}

/* 按钮内图标 */
.btn-icon .ico {
  width: 19px;
  height: 19px;
}

/* 工具按钮内图标（输入框上方） */
.tool-btn .ico {
  width: 19px;
  height: 19px;
  stroke-width: 2;
}

/* 列表项图标 */
.me-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: linear-gradient(135deg, #eaf4ff, #d9ecff);
  color: #3d8fd8;
}

.me-item-icon .ico {
  width: 18px;
  height: 18px;
  stroke-width: 2;
}

.me-item.danger .me-item-icon {
  background: linear-gradient(135deg, #fff0f0, #ffe0e0);
  color: #e5484d;
}

/* 钱包图标 */
.wallet-card .ico {
  color: rgba(255, 255, 255, .9);
}

/* 移动端余额图标 */
.mobile-balance .ico {
  width: 15px;
  height: 15px;
  stroke-width: 2.4;
}

/* 顶部栏 / 页头图标 */
.page-head .ico {
  color: var(--text-dim);
}

/* 空状态大图标 */
.empty .ico {
  width: 44px;
  height: 44px;
  stroke-width: 1.4;
  color: #c5d9ec;
  margin: 0 auto 12px;
  display: block;
}

/* 会员卡片图标 */
.level-badge .ico {
  width: 13px;
  height: 13px;
  stroke-width: 2.4;
}

/* 功能卡片图标（首页） */
.feature-ico {
  width: 42px;
  height: 42px;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #eaf4ff, #d3e9ff);
  color: #3d8fd8;
  margin-bottom: 14px;
}

.feature-ico .ico {
  width: 21px;
  height: 21px;
  stroke-width: 2;
}