/* ===== 线性图标系统 ===== */
.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
}
.icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}
.icon-sm { font-size: 14px; }
.icon-md { font-size: 18px; }
.icon-lg { font-size: 24px; }
.icon-xl { font-size: 32px; }

/* 颜色变量 */
:root {
    --icon-color: #555;
    --icon-active: #1a5276;
    --icon-light: #a0aec0;
}