/* 消息容器基础样式 */
.el-message {
    position: fixed;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    min-width: 380px;
    max-width: 400px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    transition: all .3s;
    opacity: 0;
    z-index: 9999;
    font-size: 13px;
}

/* 消息弹出动画 */
.el-message.fade-in  {
    opacity: 1;
    transform: translateX(-50%) translateY(10px);
}
/* 图标通用基础样式 */
.el-message__icon {
    width: 20px;  /* 根据实际图标尺寸调整 */
    height: 20px;
    margin-right: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0;  /* 移除圆形效果 */
}

/* 成功类型 */
.el-message--success {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
    color: #67c23a;
}
.el-message--success .el-message__icon {
    background-image: url(./svg/success.svg);

}


/* 警告类型 */
.el-message--warning {
    background-color: #fdf6ec;
    border-color: #faecd8;
    color: #e6a23c;
}
.el-message--warning .el-message__icon {
    background-image: url(./svg/warning.svg);
}


/* 错误类型 */
.el-message--error {
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f56c6c;
}
.el-message--error .el-message__icon {
    background-image: url(./svg/error.svg);
}


/* 普通消息 */
.el-message--info {
    background-color: #edf2fc;
    border-color: #f4f4f5;
    color: #909399;
}
.el-message--info .el-message__icon {
    background-image: url(./svg/info.svg);
}