@charset "UTF-8"; :root { /* == 字体设置 == */ /* 基准字体 */ /* 备选:Times, "Times New Roman" */ --base-Latin-font: 'Latin Modern Roman', 'Latin Modern Roman 10', Times; --base-Chinese-font: '家族宋', '宋体-简', '华文宋体', 'Noto Serif CJK SC'; --base-font-size: 9.5pt; /* 引言字体 */ --quote-font: 'Latin Modern Roman', 'Latin Modern Roman 10', Times, 'Times New Roman', '华文仿宋'; /* em单位为一个正文字符(--base-font-size)大小, 例如,如果您设置 --base-font-size 为 9.5pt,那么 1.05em = 1.05*9.5pt ≈ 10pt。下面的标题字体等设置也遵循该规则。 这样,您就可以仅通过调整基准字体大小,而动态对其他元素大小做出调整。 当然,您也可以直接设置以pt或px为单位的数值,将元素的大小固定下来,如 --quote-font-size: 10pt; */ --quote-font-size: 1.05em; /* 代码字体(代码中的中文会调用 ui-font) */ /* "Courier New" 从 Windows 3.1 起成为 Windows 官方提供的字体 */ /* "Consolas" 从 Windows Vista 起成为 Windows 官方提供的字体 */ --code-font: 'Latin Modern Mono', 'Latin Modern Mono 10', 'Consolas', 'Courier New'; /* 侧边栏字体 */ --ui-font: '阿里巴巴普惠体 2.0', '微软雅黑'; /* source mode 字体 */ /* 默认调用 code-font 和 ui-font */ --sourceMode-font: 'SF Mono', '阿里巴巴普惠体 2.0', '微软雅黑'; /* 目录字体 */ /* 默认调用 base-font */ --toc-font: ''; /* 默认调用 base-font-size */ --toc-font-size: ''; /* 公式字体 */ --math-font-size: 1em; /* 表格字体 */ /* 默认调用 heading-font */ --table-title-font: ''; /* 默认调用 base-font */ --table-font: ''; /* 标题字体(总设置) */ --heading-Latin-font: var(--base-Latin-font); --heading-Chinese-font: '华文黑体'; /* 标题字体分别设置 */ /* 大标题(h1)字体 */ --title-Chinese-font: '华文黑体'; --title-font-size: 1.9em; /* h2字体 */ --h2-Chinese-font: '华文黑体'; --h2-font-size: 1.5em; /* h3字体 */ --h3-Chinese-font: '华文黑体'; --h3-font-size: 1.25em; /* h4字体 */ --h4-Chinese-font: '华文楷体'; --h4-font-size: 1.15em; /* h5字体 */ --h5-Chinese-font: '华文仿宋'; --h5-font-size: 1.1em; /* h6字体 */ --h6-Chinese-font: '华文仿宋'; --h6-font-size: 1.05em; /* 粗体样式设置 */ /* 加粗风格时使用的字重;400等同于 normal,700等同于 bold,900等同于 heavy */ --strong-weight: 900; /* 基础行距 */ --base-line-height: 1.618em; /* == 页面设置 == */ /* 打印页边距 */ /* --set-margin: 1.8cm 2cm 1.2cm 2cm !important; */ /* == 控制设置 == */ /* 目录中是否显示一级标题 */ --toc-show-title: none; /* == 颜色设置 == */ /* 超链接颜色 */ --link-color-light: #2e67d3; --link-color-dark: #8bb1f9; /* == 二级标题强制分页 == */ /* 默认值为 auto */ /* 更改为 page 启用强制分页 */ --page-break-before-h2: auto; } .markdown-body { margin: 0 !important; padding: 20px; /* counter-reset: tableHead 0 imgHead 0; */ } @media print { .markdown-body { padding: 0 !important; } .markdown-body h2 { break-before: var(--page-break-before-h2); } .markdown-body h2:first-of-type { break-before: avoid-page; } /* @page { margin: 1.8cm 2cm 1.2cm 2cm !important; } */ } .markdown-body { font-family: var(--base-Latin-font), var(--base-Chinese-font), serif; font-size: var(--base-font-size); /* A4标准宽度 */ /* max-width: 21cm; */ background-color: white; /* column-count: 2; column-gap: 25px; column-width: 8cm; display: inline-block; */ /* 这里可以试分栏的,但确实不适合实现 */ } .markdown-body .md-math-block, .markdown-body .md-rawblock, .markdown-body p { margin-top: 1em; margin-bottom: 1em; } .markdown-body p { text-align: left; line-height: var(--base-line-height); } .markdown-body a { color: var(--link-color-light); } .markdown-body hr { border-top: solid 1px #ddd; margin-top: 1.8em; margin-bottom: 1.8em; } .markdown-body strong { font-weight: var(--strong-weight); } .markdown-body .MathJax { font-size: var(--math-font-size); } /* typora 编写模式 */ .markdown-body #typora-source { font-family: var(--sourceMode-font), var(--code-font), var(--ui-font), monospace; line-height: 2em; } /* 侧边大纲标题 */ .markdown-body .sidebar-content { counter-reset: outline-h1 outline-h2 outline-h3 outline-h4 outline-h5 outline-h6; } .markdown-body .sidebar-content .outline-h1 { counter-reset: outline-h2 outline-h3 outline-h4 outline-h5 outline-h6; } .markdown-body .sidebar-content .outline-h2 { counter-reset: outline-h3 outline-h4 outline-h5 outline-h6; } .markdown-body .sidebar-content .outline-h2 .outline-label:before { counter-increment: outline-h2; content: counter(outline-h2) ' '; } .markdown-body .sidebar-content .outline-h3 { counter-reset: outline-h4 outline-h5 outline-h6; } .markdown-body .sidebar-content .outline-h3 .outline-label:before { counter-increment: outline-h3; content: counter(outline-h2) '.' counter(outline-h3) ' '; } .markdown-body .sidebar-content .outline-h4 { counter-reset: outline-h5 outline-h6; } .markdown-body .sidebar-content .outline-h4 .outline-label:before { counter-increment: outline-h4; content: counter(outline-h2) '.' counter(outline-h3) '.' counter(outline-h4) ' '; } .markdown-body .sidebar-content .outline-h5 { counter-reset: outline-h6; } .markdown-body .sidebar-content .outline-h5 .outline-label:before { counter-increment: outline-h5; content: counter(outline-h2) '.' counter(outline-h3) '.' counter(outline-h4) '.' counter(outline-h5) ' '; } .markdown-body .sidebar-content { /* 侧边栏的字体修改 */ font-family: var(--ui-font); list-style: none; } /* 元数据(如 YAML front matter)的背景框 */ .markdown-body pre.md-meta-block { background: #cccccc; padding: 1.4em; font-family: var(--code-font), var(--ui-font), monospace; font-size: 0.8em; } .markdown-body > h3.md-focus:before, .markdown-body > h4.md-focus:before, .markdown-body > h5.md-focus:before, .markdown-body > h6.md-focus:before, .markdown-body h3.md-focus:before, .markdown-body h4.md-focus:before, .markdown-body h5.md-focus:before, .markdown-body h6.md-focus:before { color: inherit; border: inherit; border-radius: inherit; position: inherit; left: initial; float: none; top: initial; font-size: inherit; padding-left: inherit; padding-right: inherit; vertical-align: inherit; font-weight: inherit; line-height: inherit; } .markdown-body { counter-reset: heading-h2 heading-h3 heading-h4 heading-h5 heading-h6; } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { font-weight: bold; break-after: avoid-page !important; } .markdown-body h1 { font-family: var(--heading-Latin-font), var(--title-Chinese-font), serif; text-align: center; column-span: all; font-size: var(--title-font-size); } .markdown-body h2 { font-family: var(--heading-Latin-font), var(--h2-Chinese-font), serif; font-size: var(--h2-font-size); } .markdown-body h3 { font-family: var(--heading-Latin-font), var(--h3-Chinese-font), serif; font-size: var(--h3-font-size); line-height: var(--h3-font-size); } .markdown-body h4 { font-family: var(--heading-Latin-font), var(--h4-Chinese-font), serif; font-size: var(--h4-font-size); line-height: var(--h4-font-size); } .markdown-body h5 { font-family: var(--heading-Latin-font), var(--h5-Chinese-font), serif; font-size: var(--h5-font-size); line-height: var(--h5-font-size); } .markdown-body h6 { font-family: var(--heading-Latin-font), var(--h6-Chinese-font), serif; font-size: var(--h6-font-size); /* 没有写错,为了避免行距太小才这么写 */ line-height: var(--h5-font-size); } .markdown-body h1 { counter-set: heading-h2 0 heading-h3 0 heading-h4 0 heading-h5 0 heading-h6 0; } .markdown-body h2 { counter-set: heading-h3 0 heading-h4 0 heading-h5 0 heading-h6 0; } .markdown-body h3 { counter-set: heading-h4 0 heading-h5 0 heading-h6 0; } .markdown-body h4 { counter-set: heading-h5 0 heading-h6 0; } .markdown-body h5 { counter-set: heading-h6 0; } /* .markdown-body h2:before, h2.md-focus.md-heading:before { content: counter(heading-h2); counter-increment: heading-h2; margin-right: 1.2em; } .markdown-body h3:before, h3.md-focus.md-heading:before { content: counter(heading-h2) '.' counter(heading-h3); counter-increment: heading-h3; margin-right: 1.2em; } */ /* .markdown-body h4:before, h4.md-focus.md-heading:before { content: counter(heading-h2) '.' counter(heading-h3) '.' counter(heading-h4); counter-increment: heading-h4; margin-right: 1.2em; } .markdown-body h5:before, h5.md-focus.md-heading:before { content: counter(heading-h2) '.' counter(heading-h3) '.' counter(heading-h4) '.' counter(heading-h5); counter-increment: heading-h5; margin-right: 1.2em; } .markdown-body h6:before, h6.md-focus.md-heading:before { content: counter(heading-h2) '.' counter(heading-h3) '.' counter(heading-h4) '.' counter(heading-h5) '.' counter(heading-h6); counter-increment: heading-h6; margin-right: 1.2em; } */ /* 参考文献(脚注)块,在 Typora 中的样式 */ .markdown-body .md-def-footnote { display: flex; position: relative; font-size: 0.95em; opacity: 1; margin: 0; } .markdown-body .md-def-footnote:not(:first-child), .md-def-footnote + *:not(.md-def-footnote) { margin-top: 1em; } .markdown-body .md-def-footnote + .md-def-footnote { margin-top: 0.5em; } .markdown-body .md-def-footnote .md-def-name { font-weight: inherit; padding: 0; flex-shrink: 0; width: 3em; margin-inline-start: -1ch; white-space: nowrap; text-align: left; } .markdown-body .md-def-footnote .md-def-name:before { content: '['; position: static; color: inherit; } .markdown-body .md-def-footnote .md-def-name:after { content: ']'; position: static; color: inherit; } .markdown-body .md-def-footnote .md-reverse-footnote-area { display: none; } .markdown-body .md-def-footnote:hover .md-reverse-footnote-area { position: absolute; right: -6px; display: inline; } /* 参考文献(脚注)块,在导出 HTML 或 PDF 时的样式(导出后的 HTML tag 和 Typora 中的 HTML tag 不一致) */ .markdown-body .footnotes-area { padding-inline-start: 2.5em; } .markdown-body .footnotes-area hr { display: none; } .markdown-body .footnotes-area .footnote-line { color: var(--text-color); font-size: 0.95em; margin-top: 0.5em; } .markdown-body .footnotes-area .footnote-line *:not(.md-fn-count) { display: inline-block; vertical-align: top; } .markdown-body .footnotes-area .footnote-line span.md-fn-count { font-weight: inherit; padding: 0; margin-inline-start: -3em; white-space: nowrap; display: inline-block; width: 2.5em; } .markdown-body .footnotes-area .footnote-line span.md-fn-count:before { content: '['; position: static; color: inherit; } .markdown-body .footnotes-area .footnote-line span.md-fn-count:after { content: ']'; position: static; color: inherit; } .markdown-body .footnotes-area .footnote-line a.reversefootnote { display: none; } .markdown-body .footnotes .footnote-item { line-height: 0; padding: 10px 0; } .markdown-body .footnotes .footnote-item .footnote-backref { display: none; } /* 参考文献(脚注)上标 */ .markdown-body sup.md-footnote { display: inline; padding: 0; margin: 0; background: transparent; color: inherit; } .markdown-body sup.footnote-ref a { color: inherit !important; text-decoration: none; } .markdown-body sup.md-footnote:not(.md-expand) { margin-inline: -0.44em; } .markdown-body sup.md-footnote:not(.md-expand):before { content: '['; } .markdown-body sup.md-footnote:not(.md-expand):after { content: ']'; } /* 无序列表 */ .markdown-body ul { list-style: disc; padding-left: 2em; } .markdown-body ul ul { /*list-style: circle;*/ /* 请勿删除“–”后的空格, 他们对缩进有一定影响, 下同 */ list-style: '–   '; } .markdown-body ul ul ul { list-style: '◦  '; } .markdown-body ul, .markdown-body ol { margin-top: 0; margin-bottom: 0; padding-left: 2em; } /* 有序列表 */ .markdown-body ol { list-style: decimal; } .markdown-body ol ol { counter-reset: liist; list-style: none; } .markdown-body ol ol > li { counter-increment: liist; position: relative; } .markdown-body ol ol > li::before { content: '(' counter(liist, lower-alpha) ')'; position: absolute; left: -1.8em; } .markdown-body ol ol ol { counter-reset: liiist; list-style: none; margin: 0; } .markdown-body ol ol ol > li { counter-increment: liiist; position: relative; } .markdown-body ol ol ol > li::before { content: counter(liiist, lower-roman) '.'; align-self: flex-end; position: absolute; left: -4.5em; /* -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;*/ /* 为了让项目编号是重新用句点对齐而不是左对齐 */ width: 4em; text-align: right; } .markdown-body ol, .markdown-body ul { padding-inline-start: 2em; } .markdown-body li { position: relative; } .markdown-body li + li, .markdown-body ul + ol > li, .markdown-body ol + ul > li, .markdown-body li > ul > li, .markdown-body li > ol > li { margin-top: -0.8em; } /* task列表 */ .markdown-body .md-task-list-item > input { margin-top: 0.42em; margin-left: -1.5em; width: 1em !important; height: 1em !important; } .markdown-body table { /* 三线表第一条线宽度 */ border-top: 1.2pt solid; /* 三线表第二条线宽度 */ border-bottom: 1.2pt solid; font-family: var(--table-font), var(--base-Latin-font), var(--base-Chinese-font), serif; /* font-size: var(--base-font-size); */ text-align: center; break-inside: avoid-page; border-spacing: 6px; /* 自动布局表格宽度,如果有时内容太紧建议直接加空格吧,我自己看不惯和页面等宽的大表格 */ width: auto; /* 使表格默认居中;虽然这个代码不好,但好像没别的实现办法 */ margin: 0 auto; } .markdown-body table td { padding: 2px; } /* .markdown-body table th, .markdown-body table td { padding: 6px 13px; border: 1px solid #d0d7de; } */ .markdown-body table tr { padding: 2px; } .markdown-body th { padding: 0px 6px; } .markdown-body thead { /* 表格标题(首行)样式 */ /* 三线表表头的线 */ border-bottom: 0.5pt solid; font-family: var(--table-title-font), var(--heading-Latin-font), var(--heading-Chinese-font), serif !important; /* font-size: var(--base-font-size); */ font-weight: var(--strong-weight); } /* 一个>的引言仅为两字符缩进,使用>>的引言为传统引言样式,具有左竖线、左缩进 */ .markdown-body blockquote { font-style: normal; font-family: var(--quote-font), var(--base-Latin-font), var(--base-Chinese-font), -apple-system, serif; font-size: var(--quote-font-size); /* 文字离左边框的距离 */ padding-left: 2em; padding-right: 2em; /* 左边框离页面边的距离 */ margin-left: 0; } .markdown-body blockquote blockquote { border-left: 4px solid hsl(0, 0%, 70%); padding-left: calc(2ch - 4px); padding-right: 0; margin-left: -4px; border-radius: 0; } /* 行内代码 */ .markdown-body code { font-family: var(--code-font), var(--ui-font), monospace; } .markdown-body h1 code, .markdown-body h2 code, .markdown-body h3 code, .markdown-body h4 code, .markdown-body h5 code, .markdown-body h6 code, .markdown-body p code, .markdown-body li code { color: rgb(60, 112, 198); background-color: #fefefe; /* 阴影 */ box-shadow: 0 0 1px 1px #c8d3df; font-family: var(--code-font), var(--ui-font), monospace; box-sizing: border-box; border-right: 0px; margin: 0 2px 0 2px; padding: 0 2px 0 2px; /* 圆角 */ border-radius: 2px 2px 2px 2px; } /* 代码块样式 */ .markdown-body .md-fences, .markdown-body .CodeMirror pre, .markdown-body .CodeMirror-wrap { /* padding: 10px; */ font-size: 1em; } .markdown-body .CodeMirror-code pre, .markdown-body .CodeMirror-sizer { font-family: var(--code-font), var(--ui-font), monospace; } /* 目录 */ .markdown-body .md-toc { font-size: var(--toc-font-size); } .markdown-body .md-toc-content { margin-left: 2em; /* 修复缺失上级标题时无法递增 */ counter-reset: toc-h2 toc-h3 toc-h4 toc-h5 toc-h6; break-after: page; } .markdown-body .md-toc-inner { margin-left: 0 !important; color: var(--text-color) !important; } .markdown-body .md-toc-item { color: var(--text-color) !important; } /* 目录标题内容属性 */ .markdown-body .md-toc-h2, .markdown-body .md-toc-h3, .markdown-body .md-toc-h4, .markdown-body .md-toc-h5, .markdown-body .md-toc-h6 { font-size: var(--toc-font-size); font-family: var(--toc-font), var(--base-Latin-font), var(--base-Chinese-font), serif; } .markdown-body .md-toc-h2 { font-weight: var(--strong-weight); } /* 目录标题前 */ .markdown-body .md-toc-content .md-toc-h1 { display: var(--toc-show-title); counter-set: toc-h2 0 toc-h3 0 toc-h4 0 toc-h5 0 toc-h6 0; } .markdown-body .md-toc-content .md-toc-h2 { counter-set: toc-h3 0 toc-h4 0 toc-h5 0 toc-h6 0; } .markdown-body .md-toc-content .md-toc-h3 { counter-set: toc-h4 0 toc-h5 0 toc-h6 0; } .markdown-body .md-toc-content .md-toc-h4 { counter-set: toc-h5 0 toc-h6 0; } .markdown-body .md-toc-content .md-toc-h5 { counter-set: toc-h6 0; } /* .markdown-body .md-toc-content .md-toc-h2:before { counter-increment: toc-h2; content: counter(toc-h2); margin-right: 1em; font-weight: var(--strong-weight); } */ /* .markdown-body .md-toc-content .md-toc-h3:before { counter-increment: toc-h3; content: counter(toc-h2) '.' counter(toc-h3); margin-left: 1.5em; margin-right: 0.5em; } */ /* .markdown-body .md-toc-content .md-toc-h4:before { counter-increment: toc-h4; content: counter(toc-h2) '.' counter(toc-h3) '.' counter(toc-h4); margin-left: 3.5em; margin-right: 0.5em; } .markdown-body .md-toc-content .md-toc-h5:before { counter-increment: toc-h5; content: counter(toc-h2) '.' counter(toc-h3) '.' counter(toc-h4) '.' counter(toc-h5); margin-left: 5.5em; margin-right: 0.5em; } .markdown-body .md-toc-content .md-toc-h6:before { counter-increment: toc-h6; content: counter(toc-h2) '.' counter(toc-h3) '.' counter(toc-h4) '.' counter(toc-h5) '.' counter(toc-h6); margin-left: 7.5em; margin-right: 0.5em; } */ .markdown-body img { border-style: none; max-width: 100%; box-sizing: content-box; background-color: #ffffff; /* 避免图片在导出时被断开 */ break-inside: avoid-page; }