/* ============================================================================
   图标集 · 统一线性风格
   ----------------------------------------------------------------------------
   规范：24x24 viewBox · stroke 1.6 · round cap/join · currentColor
   单一图标族，不混用多套（Lucide/Phosphor/自绘混用 = 视觉噪音）
   用法：<svg class="i"><use href="#i-spark"/></svg>
   ============================================================================ */

.i-icon{width:24px;height:24px;display:block}

i.i,span.i{
  display:inline-flex;align-items:center;justify-content:center;
  width:1em;height:1em;flex-shrink:0;
}
i.i svg,span.i svg{width:100%;height:100%;display:block}

/* 尺寸工具类 */
.i-14 svg{width:14px;height:14px}
.i-16 svg{width:16px;height:16px}
.i-18 svg{width:18px;height:18px}
.i-20 svg{width:20px;height:20px}
.i-24 svg{width:24px;height:24px}
.i-28 svg{width:28px;height:28px}

/* 图标按钮：可点区域 ≥ 32px（a11y 触控目标） */
.icon-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:var(--r-sm);
  color:var(--sub);
  transition:
    background-color var(--dur-fast) var(--ease-in-out-quint),
    color var(--dur-fast) var(--ease-in-out-quint);
}
.icon-btn:hover{background:var(--surface-hover);color:var(--ink)}
.icon-btn:active{transform:scale(.94)}
.icon-btn svg{width:16px;height:16px;stroke-width:1.6}

/* 导航图标容器 */
.nav-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:20px;height:20px;flex-shrink:0;
}
.nav-ico svg{width:17px;height:17px;stroke-width:1.6}

/* 功能格图标（落地页 bento / 工作台统计） */
.feature-ico{
  width:40px;height:40px;border-radius:var(--r-md);
  display:flex;align-items:center;justify-content:center;
  background:var(--surface-hover);
  border:1px solid var(--line);
  color:var(--accent);
  flex-shrink:0;
}
.feature-ico svg{width:19px;height:19px;stroke-width:1.6}