.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    /* 可选：统一尺寸 */
    width: 16px;
    height: 16px;

    /* 让 SVG 颜色跟随文字颜色 */
    fill: currentColor;

    /* 可选：防止在行内布局中错位 */
    vertical-align: middle;

    /* 可选：添加过渡动画（如 hover 变色） */
    transition: fill 0.2s ease, transform 0.2s ease;
    color: #FFF;
    }

    /* 可以扩展不同尺寸 */
    .icon.small {
        width: 12px;
        height: 12px;
        color: #6c757d;
        fill: currentColor;
    }

    .icon.large {
        color: #3A7BBD;
        width: 32px;
        height: 32px;
        fill: currentColor;
    }
      .icon.large2 {
        color: #3A7BBD;
        width: 36px;
        height: 36px;
        fill: currentColor;
    }

    /* hover 效果示例 */
    .icon:hover {
        
        fill: #2C5A9D;
  
    }

    .icon:hover svg {
        transform: scale(1.1); /* 微微放大 */
    }