[css] 渐变标题

/* 设置标题背景透明 */
.protyle-title__input,
.item__readme h1,
.item__readme h2,
.item__readme h3,
.item__readme h4,
.item__readme h5,
.item__readme h6 {
    background-color: transparent;
}

/* 移除标题的box-shadow和左右边框 */
.protyle-wysiwyg .h1,
.protyle-wysiwyg .h2,
.protyle-wysiwyg .h3,
.protyle-wysiwyg .h4,
.protyle-wysiwyg .h5,
.protyle-wysiwyg .h6,
.item__readme h1,
.item__readme h2,
.item__readme h3,
.item__readme h4,
.item__readme h5,
.item__readme h6 {
    box-shadow: none;
    border-left: 0;
    border-right: 0;
}

/* 设置H1和H2的顶部边框 */
.protyle-wysiwyg .h1,
.protyle-wysiwyg .h2,
.item__readme h1,
.item__readme h2 {
    border-top: 9px solid var(--v-block-heading-top-shadow);
    margin: 1.3em 0 0.5em;
    counter-reset: h2;
}

/* 设置标题的颜色、对齐方式、内边距、行高、背景渐变、字体间距 */
.protyle-wysiwyg .h1,
.protyle-wysiwyg .h2,
.protyle-wysiwyg .h3,
.protyle-wysiwyg .h4,
.protyle-wysiwyg .h5,
.protyle-wysiwyg .h6,
.item__readme h1,
.item__readme h2,
.item__readme h3,
.item__readme h4,
.item__readme h5,
.item__readme h6 {
    color: var(--v-block-heading-color);
    text-align: left;
    padding: 10px;
    line-height: 1.5;
    border-radius: var(--v-block-heading-border-radius);
    letter-spacing: .15em;
    background: linear-gradient(to bottom, rgba(200,170,255,0.5) 0%, rgba(200,170,255,0) 100%); /* 从淡紫色到透明的渐变 */
}

/* 设置连续标题的背景渐变 */
.protyle-wysiwyg .h1+.h2,
.protyle-wysiwywyg .h2+.h3,
.protyle-wysiwyg .h3+.h4,
.protyle-wysiwyg .h4+.h5,
.protyle-wysiwyg .h5+.h6,
.item__readme h1+h2,
.item__readme h2+h3,
.item__readme h3+h4,
.item__readme h4+h5,
.item__readme h5+h6 {
    background: linear-gradient(to bottom, rgba(200,170,255,0.5) 0%, rgba(200,170,255,0) 100%); /* 从淡紫色到透明的渐变 */
    box-shadow: none;
    border-top: 0;
}

/* 页面分割相关属性 */
.protyle-wysiwyg .h1,
.protyle-wysiwyg .h2,
.protyle-wysiwyg .h3,
.protyle-wysiwyg .h4,
.protyle-wysiwyg .h5,
.protyle-wysiwyg .h6,
.item__readme h1,
.item__readme h2,
.item__readme h3,
.item__readme h4,
.item__readme h5,
.item__readme h6 {
    page-break-after: avoid;
    break-after: avoid-page;
    page-break-inside: avoid;
    orphans: 4;
}