/* ============================================================
   码集 Codeset · 图标 (Lucide)
   采用 Lucide 图标库（描边风格，1.5–2px，MIT 协议），与极简气质一致。
   本文件只定义图标的尺寸/颜色规范；图标本体通过 Lucide 注入（见下方说明）。
   ============================================================ */

/* 统一图标盒：描边继承当前文字色，尺寸默认 18px */
.cs-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 18px; height: 18px; flex-shrink: 0;
  color: currentColor; vertical-align: middle;
}
.cs-icon svg { width: 100%; height: 100%; stroke-width: 2; }

.cs-icon--sm { width: 16px; height: 16px; }
.cs-icon--lg { width: 22px; height: 22px; }
.cs-icon--xl { width: 28px; height: 28px; }
.cs-icon--accent  { color: var(--cs-accent); }
.cs-icon--muted   { color: var(--cs-muted); }
.cs-icon--success { color: var(--cs-success); }
.cs-icon--danger  { color: var(--cs-danger); }

/* 图标徽标盒（功能区图标，如授权机制三件套）：浅强调底 + 圆角方块 */
.cs-icon-badge {
  width: 40px; height: 40px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  background: var(--cs-accent-weak); color: var(--cs-accent);
}
.cs-icon-badge .cs-icon { width: 20px; height: 20px; }

/* ============================================================
   接入方式（任选其一）
   ------------------------------------------------------------
   A) CDN（最快，开发/原型）：
      在页面底部加：
        <script src="https://unpkg.com/lucide@latest"></script>
        <script>lucide.createIcons();</script>
      用法：<span class="cs-icon"><i data-lucide="key-round"></i></span>
      （lucide.createIcons() 会把 <i data-lucide> 替换为 inline SVG）

   B) 自托管（生产）：
      npm i lucide  → 复制 dist/umd/lucide.min.js 到 assets/，本地引用。
      或按需复制单个 SVG（lucide.dev 上每个图标可下载 svg），
      直接内联进 .cs-icon 内：<span class="cs-icon">{{ svg }}</span>

   常用图标映射（Lucide 名称）：
     购买/购物车  shopping-cart        激活码/许可    key-round
     域名/链接    link / globe         下载           download
     更新         refresh-cw           会员/皇冠      crown
     分销/分享    share-2              收藏           heart
     工单/支持    life-buoy            通知           bell
     订单/票据    receipt              设置           settings
     文档         book-open            搜索           search
     成功/对勾    check / check-circle 警告           alert-triangle
     箭头         arrow-right          外链          arrow-up-right
   ============================================================ */