/* ========================================
   SVG 图标基础样式
   使用方式：<?= icon('home') ?> 输出 inline SVG
   颜色通过父元素 color 属性自动继承
   ======================================== */

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}

/* 不同尺寸的图标 */
.icon-sm {
    font-size: 0.85em;
}

.icon-lg {
    font-size: 1.2em;
}

.icon-xl {
    font-size: 1.5em;
}

/* 工具类 */
.text-red { color: #ef4444; }
.op-30 { opacity: 0.3; }
.mr-2 { margin-right: 8px; }