/* ============================================================================
* Mira 觅画 · Icons v1 (Lucide-style SVG, mask-image)
*
* 用法：
* 1em × 1em，跟随 currentColor 染色
* 1.25em
* 1.5em
*
* 替换 emoji 的好处：
* - 跨平台一致（emoji 在 Windows / 微信 / 旧 Android 渲染都不同）
* - 跟随文字色 / 主题切换
* - 大小 / 描边粗细可控
*
* 必须在 tokens.css 之后加载。
* ============================================================================ */
/* base — 通用 ico 类 */
.ico {
display: inline-block;
width: 1em;
height: 1em;
background-color: currentColor;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
vertical-align: -0.15em;
flex-shrink: 0;
}
/* size variants */
.ico-sm { width: .85em; height: .85em; vertical-align: -0.1em; }
.ico-lg { width: 1.25em; height: 1.25em; vertical-align: -0.2em; }
.ico-xl { width: 1.5em; height: 1.5em; vertical-align: -0.25em; }
.ico-2xl { width: 2em; height: 2em; vertical-align: -0.35em; }
/* 大装饰位（empty-icon / panel emoji 等）*/
.ico-display {
width: 48px;
height: 48px;
color: var(--accent-base);
}
/* ----------------------------------------------------------------------------
* Lucide-style SVG paths (24x24 viewBox, stroke 1.5, round caps)
*
* 来源：lucide.dev (ISC License)
* 内联以 mask-image，currentColor 渲染。
* ---------------------------------------------------------------------------- */
/* 🐾 paw */
.ico-paw {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 🎨 palette */
.ico-palette {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 🛡️ shield */
.ico-shield {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* ⚡ zap (lightning) */
.ico-zap {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 📚 book-open */
.ico-book {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 📤 upload */
.ico-upload {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 🚀 rocket */
.ico-rocket {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* ✨ sparkles */
.ico-sparkles {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 📸 camera */
.ico-camera {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 🔄 refresh-cw */
.ico-refresh {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 🗑 trash-2 */
.ico-trash {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 🧩 puzzle */
.ico-puzzle {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* ✕ x */
.ico-x {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 🔐 lock */
.ico-lock {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 🎬 film */
.ico-film {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* ✏️ edit / pencil */
.ico-edit {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* ✂️ scissors */
.ico-scissors {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* ▶ play */
.ico-play {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* ⚙️ settings / gear */
.ico-settings {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 👁️ eye */
.ico-eye {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 🔗 link */
.ico-link {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 📊 bar-chart */
.ico-chart {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 📦 box / package */
.ico-box {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* + plus (add) */
.ico-plus {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 💡 lightbulb (提示) */
.ico-bulb {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 📋 clipboard-list (生成日志) */
.ico-clipboard {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 📢 megaphone (广告) */
.ico-megaphone {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 🤖 bot (自动) */
.ico-bot {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 🔧 wrench */
.ico-wrench {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* ⏪ skip-back */
.ico-skip-back {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* ⏩ skip-forward */
.ico-skip-forward {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 🧠 brain */
.ico-brain {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}
/* 🔍 search */
.ico-search {
mask-image: url("data:image/svg+xml;utf8,");
-webkit-mask-image: url("data:image/svg+xml;utf8,");
}