/* ==================== SVG Icons - 基础样式 ==================== */
/* 组件级 svg 样式（pain-icon、solution-icon 等）均在 style.css 中定义  */
/* 本文件只保留：全局基础 + 通用工具类                                   */

/* 全局 SVG 基础 */
svg {
    stroke: currentColor;
    fill: none;
}

/* ---- 通用尺寸工具类 ---- */
.icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    flex-shrink: 0;
}

.icon-sm {
    width: 16px;
    height: 16px;
}

.icon-lg {
    width: 32px;
    height: 32px;
}

.icon-xl {
    width: 40px;
    height: 40px;
}

/* ---- Footer 图标 ---- */
.footer-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    vertical-align: middle;
}

.footer-icon svg {
    width: 16px;
    height: 16px;
    stroke: var(--text-secondary);
    stroke-width: 1.5;
    fill: none;
}

/* ---- 对比表图标 ---- */
.check-icon {
    width: 18px;
    height: 18px;
    stroke: #10B981;
    stroke-width: 2;
    fill: none;
    vertical-align: middle;
}

.cross-icon {
    width: 18px;
    height: 18px;
    stroke: #EF4444;
    stroke-width: 2;
    fill: none;
    vertical-align: middle;
}