feat: 添加特殊引用样式

[Seeridia]

添加特殊引用样式 沿用了普通引用的设计语言

fixes #70

[YiNNx]

赞！不过感觉这里的间距还可以再调整得协调一些，特殊图标和文字的间距有点太窄，下边距有点太宽

[Seeridia]

@YiNNx 和一般引用统一了样式，现在间距应该好一点了

[YiNNx]

稍微调了一下配色，这样和原本的色系会更协调一些：

/* lapis.css */

.md-alert-text-note {
    color: #527da8;
}

.md-alert.md-alert-note {
    background-color: #527da80a;
    border-left-color: #527da8;
}

.md-alert-text-tip {
    color: #4f8b9c;
}

.md-alert.md-alert-tip {
    background-color: #4f8b9c0a;
    border-left-color: #4f8b9c;
}

.md-alert-text-important {
    color: #614f9c;
}

.md-alert.md-alert-important {
    background-color: #614f9c0a;
    border-left-color: #614f9c;
}

.md-alert-text-caution {
    color: #a34f55;
}

.md-alert.md-alert-caution {
    background-color: #a34f550a;
    border-left-color: #a34f55;
}

.md-alert-text-warning {
    color: #a88652;
}

.md-alert.md-alert-warning {
    background-color: #9b80490a;
    border-left-color: #a88652;
}

/* lapis-dark.css */

.md-alert-text-note {
    color: #83a4c4;
}

.md-alert.md-alert-note {
    background-color: var(--quote-block-bg-color);
    border-left-color: #83a4c4;
}

.md-alert-text-tip {
    color: #81a8b3;
}

.md-alert.md-alert-tip {
    background-color: var(--quote-block-bg-color);
    border-left-color: #81a8b3;
}

.md-alert-text-important {
    color: #968abd;
}

.md-alert.md-alert-important {
    background-color: var(--quote-block-bg-color);
    border-left-color: #968abd;
}

.md-alert-text-caution {
    color: #b8797e;
}

.md-alert.md-alert-caution {
    background-color: var(--quote-block-bg-color);
    border-left-color: #b8797e;
}

.md-alert-text-warning {
    color: #b3a17c;
}

.md-alert.md-alert-warning {
    background-color: var(--quote-block-bg-color);
    border-left-color: #b3a17c;
}

[Seeridia]

这样的确舒服多了

你可以先提交到我这个分支上，然后再一同合并

[Seeridia]

Note 和 Tip 的颜色会不会太相近了？(颜色的差距和其他几个相比较小)

我为 Tip 重新划了一个颜色: #428485

调整前：

调整后：

整体：（这样的几个颜色的“距离”较为相等）

[YiNNx]

ok，我晚一点推上来，Tip 的颜色确实应该少一点蓝调，#428485 更合适一些