关于字体、行高、页宽

详情见注释

/* 字体修改 */
:root {
    --b3-font-family: "Consolas", "思源黑体";
    --custom-protyle-width: 48px;
}

/* 宽度修改 */
/* 取消所有圆角 */
:root {
    --b3-border-radius: 0px;
}
/* 宽度修改-标题 */
.protyle-title {
    margin-left: var(--custom-protyle-width) !important;
    margin-right: var(--custom-protyle-width) !important;
}
/* 宽度修改-标头图 */
.protyle-background .protyle-background__iconw {
    left: var(--custom-protyle-width) !important;
}
/* 宽度修改-正文 */
.protyle-wysiwyg {
    padding-left: var(--custom-protyle-width) !important;
    padding-right: var(--custom-protyle-width) !important;
}

/* 行高修改 */

/* 行高修改-整体行文基础 */
.b3-typography p, .b3-typography [data-node-id], .protyle-wysiwyg p, .protyle-wysiwyg [data-node-id] {
    line-height: 1.5;
    padding: 0px 4px; /* 不再增加上下 padding */
    margin: 0.1em 0; /* 所有的段落间距 */
}

/* 行高修改-单独处理标题 */
.b3-typography .h1, .b3-typography h1, .b3-typography .h2, .b3-typography h2, .b3-typography .h3, .b3-typography h3, .b3-typography .h4, .b3-typography h4, .b3-typography .h5, .b3-typography h5, .b3-typography .h6, .b3-typography h6, .protyle-wysiwyg .h1, .protyle-wysiwyg h1, .protyle-wysiwyg .h2, .protyle-wysiwyg h2, .protyle-wysiwyg .h3, .protyle-wysiwyg h3, .protyle-wysiwyg .h4, .protyle-wysiwyg h4, .protyle-wysiwyg .h5, .protyle-wysiwyg h5, .protyle-wysiwyg .h6, .protyle-wysiwyg h6 {
    line-height: 1.5;
    padding: 0.1em 4px; /* 标题更高一些 */
    margin: 0.1em 0;
}
.b3-typography .h1, .b3-typography h1, .protyle-wysiwyg .h1, .protyle-wysiwyg h1, .b3-typography .h2, .b3-typography h2, .protyle-wysiwyg .h2, .protyle-wysiwyg h2 {
    padding: 0.2em 4px 0.1em; /* 一级二级标题更高一些 */
}

/* 行高修改-有序列表与无序列表 */
.protyle-wysiwyg .li, .protyle-wysiwyg [data-node-id] [spellcheck] {
    min-height: 1em !important; /* 列表中的最小高度 */
}
.protyle-wysiwyg [data-node-id].li>div:nth-child(2), .protyle-wysiwyg [data-node-id].li>div:nth-child(3) {
    margin-top: 0 !important; /* 列表行内没有任何的间隔 */
    margin-bottom: 0 !important; /* 列表行内没有任何的间隔 */
}
.li > .protyle-action {
    height: 1.4em !important;
    line-height: 1.4em !important;
}

/* 行高修改-公式 */
.protyle-wysiwyg div[data-type=NodeMathBlock] {
    min-height: 1em !important;
}
.b3-typography .katex-display, .protyle-wysiwyg .katex-display {
    padding: 0px;
}
.katex-display {
    margin-top: 0.4em !important;
    margin-bottom: 0.4em !important;
}

/* 行高修改-代码 */
.b3-typography .hljs, .protyle-wysiwyg .hljs {
    padding-bottom: 0.3em;
}
.protyle-linenumber__rows {
    padding-bottom: 0.3em;
}
.b3-typography .code-block .protyle-action .protyle-icon, .b3-typography .code-block .protyle-action .protyle-action__language, .protyle-wysiwyg .code-block .protyle-action .protyle-icon, .protyle-wysiwyg .code-block .protyle-action .protyle-action__language {
    opacity: 1;
    clear: transition;
}

/* 行高修改-行级代码 */
.fn__code, .b3-typography code:not(.hljs), .b3-typography span[data-type~=code], .protyle-wysiwyg code:not(.hljs), .protyle-wysiwyg span[data-type~=code] {
    padding: 0.1em 0.4em;
    font-size: 90%;
}
​