/* Hezi 自定义图标库（SVG sprite，2658 个 IconPark 图标 × 线性/双色两套）
   调用：hezi_icon('thumbs-up')     线性 → <svg class="hezi-icon">
        hezi_icon('duo:thumbs-up') 双色 → <svg class="hezi-icon hezi-icon--duo">
   线性颜色随当前文字色（currentColor）；双色强调色走下方 CSS 变量。
   大小由 $size 参数或 CSS font-size 控制。 */
.hezi-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: none;
  stroke: currentColor;
  --hezi-stroke-width: 2;          /* 线宽可调：1.5 更细、3 更粗，改这里即可 */
  stroke-width: var(--hezi-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: -0.125em;
}

/* ===== 双色版（duo）变量 =====
   sprite 内填充色已构建为 var() 引用，改这三个变量即可全局/局部换色：
   --hezi-duo-accent    主强调色（默认跟 Zibll 主题色，即主题粉 var(--hezi-accent)）
   --hezi-duo-accent-2  次强调色（浅一档点缀）
   --hezi-duo-bg        挖空底色（亮色=白；暗色模式自动跟随页面背景变量）
   局部换色示例：.my-box .hezi-icon--duo { --hezi-duo-accent: #3b82f6; } */
.hezi-icon--duo {
  --hezi-duo-accent: var(--hezi-accent);
  --hezi-duo-accent-2: #ff9ecb;
  --hezi-duo-bg: #fff;
}
body.dark-theme .hezi-icon--duo {
  --hezi-duo-bg: var(--main-bg-color, #1e2023);
  --hezi-duo-accent-2: #b34d7d;
}

/* 侧栏快捷入口按钮内的自定义图标：对齐原 FA 图标（18px / 主色 / 悬停加深） */
.hezi-quick-item .hezi-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  color: var(--main-color, #4e5358);
  opacity: .85;
  transition: color .18s, opacity .18s;
}
.hezi-quick-item:hover .hezi-icon {
  opacity: 1;
}