/* ============================================================
   线条图标层 · 样式
   ------------------------------------------------------------
   js/icons.js 把 emoji 包成：
     <span class="emj"><svg class="emj-g"><use href="#li-x"/></svg><i class="emj-c">🔄</i></span>
   .emj-c 用 font-size:0 藏掉彩色字形，但**字符仍在 DOM 里**，
   所以 textContent 逐字节不变 —— 依赖 emoji 字符的判断逻辑不受影响。

   描边全部走 currentColor：图标颜色自动跟随文字色，
   深色模式、选中态、危险按钮都不需要单独配色，也彻底去掉了彩色 emoji 的杂色。
   ============================================================ */

.emj {
    display: inline-flex;
    align-items: center;
    vertical-align: -0.18em;
    line-height: 0;
}

.emj-g {
    width: 1.2em;
    height: 1.2em;
    flex: none;
    fill: none;
    stroke: currentColor;
    /* 24 格网格渲染到 ~18px 时，1.9 的描边约合 1.4px：比 emoji 轻，但不会细到发虚 */
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* 保留字符、不渲染字形 */
.emj-c {
    display: inline-block;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}