html {overflow-x: initial !important;}:root { --bg-color: #ffffff; --text-color: #333333; --select-text-bg-color: #B5D6FC; --select-text-font-color: auto; --monospace: "Lucida Console",Consolas,"Courier",monospace; --title-bar-height: 20px; }
.mac-os-11 { --title-bar-height: 28px; }
html { font-size: 14px; background-color: var(--bg-color); color: var(--text-color); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5 { white-space: pre-wrap; }
body { margin: 0px; padding: 0px; height: auto; inset: 0px; font-size: 1rem; line-height: 1.428571; overflow-x: hidden; background: inherit; }
iframe { margin: auto; }
a.url { word-break: break-all; }
a:active, a:hover { outline: 0px; }
.in-text-selection, ::selection { text-shadow: none; background: var(--select-text-bg-color); color: var(--select-text-font-color); }
#write { margin: 0px auto; height: auto; width: inherit; word-break: normal; overflow-wrap: break-word; position: relative; white-space: normal; overflow-x: visible; padding-top: 36px; }
#write.first-line-indent p { text-indent: 2em; }
#write.first-line-indent li p, #write.first-line-indent p * { text-indent: 0px; }
#write.first-line-indent li { margin-left: 2em; }
.for-image #write { padding-left: 8px; padding-right: 8px; }
body.typora-export { padding-left: 30px; padding-right: 30px; }
.typora-export .footnote-line, .typora-export li, .typora-export p { white-space: pre-wrap; }
.typora-export .task-list-item input { pointer-events: none; }
@media screen and (max-width: 500px) {
body.typora-export { padding-left: 0px; padding-right: 0px; }
#write { padding-left: 20px; padding-right: 20px; }
}
#write li > figure:last-child { margin-bottom: 0.5rem; }
#write ol, #write ul { position: relative; }
img { max-width: 100%; vertical-align: middle; image-orientation: from-image; }
button, input, select, textarea { color: inherit; font-style: inherit; font-variant-caps: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-size-adjust: inherit; font-kerning: inherit; font-variant-alternates: inherit; font-variant-ligatures: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-feature-settings: inherit; font-optical-sizing: inherit; font-variation-settings: inherit; }
input[type="checkbox"], input[type="radio"] { line-height: normal; padding: 0px; }
*, ::after, ::before { box-sizing: border-box; }
#write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p, #write pre { width: inherit; }
#write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p { position: relative; }
p { line-height: inherit; }
h1, h2, h3, h4, h5, h6 { break-after: avoid-page; break-inside: avoid; orphans: 4; }
p { orphans: 4; }
h1 { font-size: 2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.6rem; }
h4 { font-size: 1.4rem; }
h5 { font-size: 1.2rem; }
h6 { font-size: 1rem; }
.md-math-block, .md-rawblock, h1, h2, h3, h4, h5, h6, p { margin-top: 1rem; margin-bottom: 1rem; }
.hidden { display: none; }
.md-blockmeta { color: rgb(204, 204, 204); font-weight: 700; font-style: italic; }
a { cursor: pointer; }
sup.md-footnote { padding: 2px 4px; background-color: rgba(238, 238, 238, 0.7); color: rgb(85, 85, 85); border-radius: 4px; cursor: pointer; }
sup.md-footnote a, sup.md-footnote a:hover { color: inherit; text-transform: inherit; text-decoration: inherit; }
#write input[type="checkbox"] { cursor: pointer; width: inherit; height: inherit; }
figure { overflow-x: auto; margin: 1.2em 0px; max-width: calc(100% + 16px); padding: 0px; }
figure > table { margin: 0px; }
thead, tr { break-inside: avoid; break-after: auto; }
thead { display: table-header-group; }
table { border-collapse: collapse; border-spacing: 0px; width: 100%; overflow: auto; break-inside: auto; text-align: left; }
table.md-table td { min-width: 32px; }
.CodeMirror-gutters { border-right-width: 0px; border-right-style: none; border-right-color: currentcolor; background-color: inherit; }
.CodeMirror-linenumber { -webkit-user-select: none; }
.CodeMirror { text-align: left; }
.CodeMirror-placeholder { opacity: 0.3; }
.CodeMirror pre { padding: 0px 4px; }
.CodeMirror-lines { padding: 0px; }
div.hr:focus { cursor: none; }
#write pre { white-space: pre-wrap; }
#write.fences-no-line-wrapping pre { white-space: pre; }
#write pre.ty-contain-cm { white-space: normal; }
.CodeMirror-gutters { margin-right: 4px; }
.md-fences { font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; overflow: visible; white-space: pre; background: inherit; position: relative !important; }
.md-fences-adv-panel { width: 100%; margin-top: 10px; text-align: center; padding-top: 0px; padding-bottom: 8px; overflow-x: auto; }
#write .md-fences.mock-cm { white-space: pre-wrap; }
.md-fences.md-fences-with-lineno { padding-left: 0px; }
#write.fences-no-line-wrapping .md-fences.mock-cm { white-space: pre; overflow-x: auto; }
.md-fences.mock-cm.md-fences-with-lineno { padding-left: 8px; }
.CodeMirror-line, twitterwidget { break-inside: avoid; }
svg { break-inside: avoid; }
.footnotes { opacity: 0.8; font-size: 0.9rem; margin-top: 1em; margin-bottom: 1em; }
.footnotes + .footnotes { margin-top: 0px; }
.md-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: top; background: 0px 0px; text-decoration: none; text-shadow: none; float: none; position: static; width: auto; height: auto; white-space: nowrap; cursor: inherit; line-height: normal; font-weight: 400; text-align: left; box-sizing: content-box; direction: ltr; }
li div { padding-top: 0px; }
blockquote { margin: 1rem 0px; }
li .mathjax-block, li p { margin: 0.5rem 0px; }
li blockquote { margin: 1rem 0px; }
li { margin: 0px; position: relative; }
blockquote > :last-child { margin-bottom: 0px; }
blockquote > :first-child, li > :first-child { margin-top: 0px; }
.footnotes-area { color: rgb(136, 136, 136); margin-top: 0.714rem; padding-bottom: 0.143rem; white-space: normal; }
#write .footnote-line { white-space: pre-wrap; }
@media print {
body, html { border: 1px solid transparent; height: 99%; break-after: avoid; break-before: avoid; font-variant-ligatures: no-common-ligatures; }
#write { margin-top: 0px; border-color: transparent !important; padding-top: 0px !important; padding-bottom: 0px !important; }
.typora-export * { print-color-adjust: exact; }
.typora-export #write { break-after: avoid; }
.typora-export #write::after { height: 0px; }
.is-mac table { break-inside: avoid; }
#write > p:nth-child(1) { margin-top: 0px; }
.typora-export-show-outline .typora-export-sidebar { display: none; }
figure { overflow-x: visible; }
}
.footnote-line { margin-top: 0.714em; font-size: 0.7em; }
a img, img a { cursor: pointer; }
pre.md-meta-block { font-size: 0.8rem; min-height: 0.8rem; white-space: pre-wrap; background: rgb(204, 204, 204); display: block; overflow-x: hidden; }
p > .md-image:only-child:not(.md-img-error) img, p > img:only-child { display: block; margin: auto; }
#write.first-line-indent p > .md-image:only-child:not(.md-img-error) img { left: -2em; position: relative; }
p > .md-image:only-child { display: inline-block; width: 100%; }
#write .MathJax_Display { margin: 0.8em 0px 0px; }
.md-math-block { width: 100%; }
.md-math-block:not(:empty)::after { display: none; }
.MathJax_ref { fill: currentcolor; }
[contenteditable="true"]:active, [contenteditable="true"]:focus, [contenteditable="false"]:active, [contenteditable="false"]:focus { outline: 0px; box-shadow: none; }
.md-task-list-item { position: relative; list-style-type: none; }
.task-list-item.md-task-list-item { padding-left: 0px; }
.md-task-list-item > input { position: absolute; top: 0px; left: 0px; margin-left: -1.2em; margin-top: calc(1em - 10px); border: medium; }
.math { font-size: 1rem; }
.md-toc { min-height: 3.58rem; position: relative; font-size: 0.9rem; border-radius: 10px; }
.md-toc-content { position: relative; margin-left: 0px; }
.md-toc-content::after, .md-toc::after { display: none; }
.md-toc-item { display: block; color: rgb(65, 131, 196); }
.md-toc-item a { text-decoration: none; }
.md-toc-inner:hover { text-decoration: underline; }
.md-toc-inner { display: inline-block; cursor: pointer; }
.md-toc-h1 .md-toc-inner { margin-left: 0px; font-weight: 700; }
.md-toc-h2 .md-toc-inner { margin-left: 2em; }
.md-toc-h3 .md-toc-inner { margin-left: 4em; }
.md-toc-h4 .md-toc-inner { margin-left: 6em; }
.md-toc-h5 .md-toc-inner { margin-left: 8em; }
.md-toc-h6 .md-toc-inner { margin-left: 10em; }
@media screen and (max-width: 48em) {
.md-toc-h3 .md-toc-inner { margin-left: 3.5em; }
.md-toc-h4 .md-toc-inner { margin-left: 5em; }
.md-toc-h5 .md-toc-inner { margin-left: 6.5em; }
.md-toc-h6 .md-toc-inner { margin-left: 8em; }
}
a.md-toc-inner { font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; }
.footnote-line a:not(.reversefootnote) { color: inherit; }
.reversefootnote { font-family: ui-monospace, sans-serif; }
.md-attr { display: none; }
.md-fn-count::after { content: "."; }
code, pre, samp, tt { font-family: var(--monospace); }
kbd { margin: 0px 0.1em; padding: 0.1em 0.6em; font-size: 0.8em; color: rgb(36, 39, 41); background: rgb(255, 255, 255); border: 1px solid rgb(173, 179, 185); border-radius: 3px; box-shadow: rgba(12, 13, 14, 0.2) 0px 1px 0px, rgb(255, 255, 255) 0px 0px 0px 2px inset; white-space: nowrap; vertical-align: middle; }
.md-comment { color: rgb(162, 127, 3); opacity: 0.6; font-family: var(--monospace); }
code { text-align: left; vertical-align: initial; }
a.md-print-anchor { white-space: pre !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; display: inline-block !important; position: absolute !important; width: 1px !important; right: 0px !important; outline: 0px !important; background: 0px 0px !important; text-decoration: initial !important; text-shadow: initial !important; }
.os-windows.monocolor-emoji .md-emoji { font-family: "Segoe UI Symbol", sans-serif; }
.md-diagram-panel > svg { max-width: 100%; }
[lang="flow"] svg, [lang="mermaid"] svg { max-width: 100%; height: auto; }
[lang="mermaid"] .node text { font-size: 1rem; }
table tr th { border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: currentcolor; }
video { max-width: 100%; display: block; margin: 0px auto; }
iframe { max-width: 100%; width: 100%; border: medium; }
.highlight td, .highlight tr { border: 0px; }
mark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); }
.md-html-inline .md-plain, .md-html-inline strong, mark .md-inline-math, mark strong { color: inherit; }
.md-expand mark .md-meta { opacity: 0.3 !important; }
mark .md-meta { color: rgb(0, 0, 0); }
@media print {
.typora-export h1, .typora-export h2, .typora-export h3, .typora-export h4, .typora-export h5, .typora-export h6 { break-inside: avoid; }
}
.md-diagram-panel .messageText { stroke: none !important; }
.md-diagram-panel .start-state { fill: var(--node-fill); }
.md-diagram-panel .edgeLabel rect { opacity: 1 !important; }
.md-fences.md-fences-math { font-size: 1em; }
.md-fences-advanced:not(.md-focus) { padding: 0px; white-space: nowrap; border: 0px; }
.md-fences-advanced:not(.md-focus) { background: inherit; }
.typora-export-show-outline .typora-export-content { max-width: 1440px; margin: auto; display: flex; flex-direction: row; }
.typora-export-sidebar { width: 300px; font-size: 0.8rem; margin-top: 80px; margin-right: 18px; }
.typora-export-show-outline #write { --webkit-flex: 2; flex: 2 1 0%; }
.typora-export-sidebar .outline-content { position: fixed; top: 0px; max-height: 100%; overflow: hidden auto; padding-bottom: 30px; padding-top: 60px; width: 300px; }
@media screen and (max-width: 1024px) {
.typora-export-sidebar, .typora-export-sidebar .outline-content { width: 240px; }
}
@media screen and (max-width: 800px) {
.typora-export-sidebar { display: none; }
}
.outline-content li, .outline-content ul { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; list-style: none; overflow-wrap: anywhere; }
.outline-content ul { margin-top: 0px; margin-bottom: 0px; }
.outline-content strong { font-weight: 400; }
.outline-expander { width: 1rem; height: 1.428571rem; position: relative; display: table-cell; vertical-align: middle; cursor: pointer; padding-left: 4px; }
.outline-expander::before { content: ""; position: relative; font-family: Ionicons; display: inline-block; font-size: 8px; vertical-align: middle; }
.outline-item { padding-top: 3px; padding-bottom: 3px; cursor: pointer; }
.outline-expander:hover::before { content: ""; }
.outline-h1 > .outline-item { padding-left: 0px; }
.outline-h2 > .outline-item { padding-left: 1em; }
.outline-h3 > .outline-item { padding-left: 2em; }
.outline-h4 > .outline-item { padding-left: 3em; }
.outline-h5 > .outline-item { padding-left: 4em; }
.outline-h6 > .outline-item { padding-left: 5em; }
.outline-label { cursor: pointer; display: table-cell; vertical-align: middle; text-decoration: none; color: inherit; }
.outline-label:hover { text-decoration: underline; }
.outline-item:hover { border-color: rgb(245, 245, 245); background-color: var(--item-hover-bg-color); }
.outline-item:hover { margin-left: -28px; margin-right: -28px; border-left-width: 28px; border-left-style: solid; border-left-color: transparent; border-right-width: 28px; border-right-style: solid; border-right-color: transparent; }
.outline-item-single .outline-expander::before, .outline-item-single .outline-expander:hover::before { display: none; }
.outline-item-open > .outline-item > .outline-expander::before { content: ""; }
.outline-children { display: none; }
.info-panel-tab-wrapper { display: none; }
.outline-item-open > .outline-children { display: block; }
.typora-export .outline-item { padding-top: 1px; padding-bottom: 1px; }
.typora-export .outline-item:hover { margin-right: -8px; border-right-width: 8px; border-right-style: solid; border-right-color: transparent; }
.typora-export .outline-expander::before { content: "+"; font-family: inherit; top: -1px; }
.typora-export .outline-expander:hover::before, .typora-export .outline-item-open > .outline-item > .outline-expander::before { content: "−"; }
.typora-export-collapse-outline .outline-children { display: none; }
.typora-export-collapse-outline .outline-item-open > .outline-children, .typora-export-no-collapse-outline .outline-children { display: block; }
.typora-export-no-collapse-outline .outline-expander::before { content: "" !important; }
.typora-export-show-outline .outline-item-active > .outline-item .outline-label { font-weight: 700; }
.md-inline-math-container mjx-container { zoom: 0.95; }
mjx-container { break-inside: avoid; }
.md-alert.md-alert-note { border-left-color: rgb(9, 105, 218); }
.md-alert.md-alert-important { border-left-color: rgb(130, 80, 223); }
.md-alert.md-alert-warning { border-left-color: rgb(154, 103, 0); }
.md-alert.md-alert-tip { border-left-color: rgb(31, 136, 61); }
.md-alert.md-alert-caution { border-left-color: rgb(207, 34, 46); }
.md-alert { padding: 0px 1em; margin-bottom: 16px; color: inherit; border-left-width: 0.25em; border-left-style: solid; border-left-color: rgb(0, 0, 0); }
.md-alert-text-note { color: rgb(9, 105, 218); }
.md-alert-text-important { color: rgb(130, 80, 223); }
.md-alert-text-warning { color: rgb(154, 103, 0); }
.md-alert-text-tip { color: rgb(31, 136, 61); }
.md-alert-text-caution { color: rgb(207, 34, 46); }
.md-alert-text { font-size: 0.9rem; font-weight: 700; }
.md-alert-text svg { fill: currentcolor; position: relative; top: 0.125em; margin-right: 1ch; overflow: visible; }
.md-alert-text-container::after { content: attr(data-text); text-transform: capitalize; pointer-events: none; margin-right: 1ch; }
.CodeMirror { height: auto; }
.CodeMirror.cm-s-inner { background: inherit; }
.CodeMirror-scroll { overflow: auto hidden; z-index: 3; }
.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler { background-color: rgb(255, 255, 255); }
.CodeMirror-gutters { border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); background: inherit; white-space: nowrap; }
.CodeMirror-linenumber { padding: 0px 3px 0px 5px; text-align: right; color: rgb(153, 153, 153); }
.cm-s-inner .cm-keyword { color: rgb(119, 0, 136); }
.cm-s-inner .cm-atom, .cm-s-inner.cm-atom { color: rgb(34, 17, 153); }
.cm-s-inner .cm-number { color: rgb(17, 102, 68); }
.cm-s-inner .cm-def { color: rgb(0, 0, 255); }
.cm-s-inner .cm-variable { color: rgb(0, 0, 0); }
.cm-s-inner .cm-variable-2 { color: rgb(0, 85, 170); }
.cm-s-inner .cm-variable-3 { color: rgb(0, 136, 85); }
.cm-s-inner .cm-string { color: rgb(170, 17, 17); }
.cm-s-inner .cm-property { color: rgb(0, 0, 0); }
.cm-s-inner .cm-operator { color: rgb(152, 26, 26); }
.cm-s-inner .cm-comment, .cm-s-inner.cm-comment { color: rgb(170, 85, 0); }
.cm-s-inner .cm-string-2 { color: rgb(255, 85, 0); }
.cm-s-inner .cm-meta { color: rgb(85, 85, 85); }
.cm-s-inner .cm-qualifier { color: rgb(85, 85, 85); }
.cm-s-inner .cm-builtin { color: rgb(51, 0, 170); }
.cm-s-inner .cm-bracket { color: rgb(153, 153, 119); }
.cm-s-inner .cm-tag { color: rgb(17, 119, 0); }
.cm-s-inner .cm-attribute { color: rgb(0, 0, 204); }
.cm-s-inner .cm-header, .cm-s-inner.cm-header { color: rgb(0, 0, 255); }
.cm-s-inner .cm-quote, .cm-s-inner.cm-quote { color: rgb(0, 153, 0); }
.cm-s-inner .cm-hr, .cm-s-inner.cm-hr { color: rgb(153, 153, 153); }
.cm-s-inner .cm-link, .cm-s-inner.cm-link { color: rgb(0, 0, 204); }
.cm-negative { color: rgb(221, 68, 68); }
.cm-positive { color: rgb(34, 153, 34); }
.cm-header, .cm-strong { font-weight: 700; }
.cm-del { text-decoration: line-through; }
.cm-em { font-style: italic; }
.cm-link { text-decoration: underline; }
.cm-error { color: red; }
.cm-invalidchar { color: red; }
.cm-constant { color: rgb(38, 139, 210); }
.cm-defined { color: rgb(181, 137, 0); }
div.CodeMirror span.CodeMirror-matchingbracket { color: rgb(0, 255, 0); }
div.CodeMirror span.CodeMirror-nonmatchingbracket { color: rgb(255, 34, 34); }
.cm-s-inner .CodeMirror-activeline-background { background: inherit; }
.CodeMirror { position: relative; overflow: hidden; }
.CodeMirror-scroll { height: 100%; outline: 0px; position: relative; box-sizing: content-box; background: inherit; }
.CodeMirror-sizer { position: relative; }
.CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar { position: absolute; z-index: 6; display: none; outline: 0px; }
.CodeMirror-vscrollbar { right: 0px; top: 0px; overflow: hidden; }
.CodeMirror-hscrollbar { bottom: 0px; left: 0px; overflow: auto hidden; }
.CodeMirror-scrollbar-filler { right: 0px; bottom: 0px; }
.CodeMirror-gutter-filler { left: 0px; bottom: 0px; }
.CodeMirror-gutters { position: absolute; left: 0px; top: 0px; padding-bottom: 10px; z-index: 3; overflow-y: hidden; }
.CodeMirror-gutter { white-space: normal; height: 100%; box-sizing: content-box; padding-bottom: 30px; margin-bottom: -32px; display: inline-block; }
.CodeMirror-gutter-wrapper { position: absolute; z-index: 4; background: 0px 0px !important; border: medium !important; }
.CodeMirror-gutter-background { position: absolute; top: 0px; bottom: 0px; z-index: 4; }
.CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; }
.CodeMirror-lines { cursor: text; }
.CodeMirror pre { border-radius: 0px; border-width: 0px; background: 0px 0px; font-family: inherit; font-size: inherit; margin: 0px; white-space: pre; overflow-wrap: normal; color: inherit; z-index: 2; position: relative; overflow: visible; }
.CodeMirror-wrap pre { overflow-wrap: break-word; white-space: pre-wrap; word-break: normal; }
.CodeMirror-code pre { border-right-width: 30px; border-right-style: solid; border-right-color: transparent; width: fit-content; }
.CodeMirror-wrap .CodeMirror-code pre { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; width: auto; }
.CodeMirror-linebackground { position: absolute; inset: 0px; z-index: 0; }
.CodeMirror-linewidget { position: relative; z-index: 2; overflow: auto; }
.CodeMirror-wrap .CodeMirror-scroll { overflow-x: hidden; }
.CodeMirror-measure { position: absolute; width: 100%; height: 0px; overflow: hidden; visibility: hidden; }
.CodeMirror-measure pre { position: static; }
.CodeMirror div.CodeMirror-cursor { position: absolute; visibility: hidden; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; width: 0px; }
.CodeMirror div.CodeMirror-cursor { visibility: hidden; }
.CodeMirror-focused div.CodeMirror-cursor { visibility: inherit; }
.cm-searching { background: rgba(255, 255, 0, 0.4); }
span.cm-underlined { text-decoration: underline; }
span.cm-strikethrough { text-decoration: line-through; }
.cm-tw-syntaxerror { color: rgb(255, 255, 255); background-color: rgb(153, 0, 0); }
.cm-tw-deleted { text-decoration: line-through; }
.cm-tw-header5 { font-weight: 700; }
.cm-tw-listitem:first-child { padding-left: 10px; }
.cm-tw-box { border-style: solid; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: inherit; border-top-width: 0px !important; }
.cm-tw-underline { text-decoration: underline; }
@media print {
.CodeMirror div.CodeMirror-cursor { visibility: hidden; }
}
:root{
--h1-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
--h2-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
--h3-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
--h4-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
--h5-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
--h6-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
}
/* 字体引入：鸿蒙字体 */
html {
font-size: 16px;
font-family: "HarmonyOS_Sans_SC";
}
/* 打印页面设置 */
@media print {
* {
-webkit-print-color-adjust: exact; /*确保打印颜色一致*/
print-color-adjust: exact;
}
body {
width: 21cm; /* 设置页面宽度为A4宽度 */
height: 29.7cm; /* 设置页面高度为A4高度 */
margin: 1cm; /* 设置页面边距 */
}
p {
line-height: 1.5rem; /*设置打印内容的行高*/
}
}
/* 软件内部Markdown样式 */
#write {
max-width: 950px;
margin: 0 auto;
padding: 15px;
line-height: 2.25;
color: #000;
letter-spacing: 1.1px;
word-break: break-word;
word-wrap: break-word;
text-align: left;
}
#write p {
color: #333;
margin: 10px 10px;
font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light,
"PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 1rem;
word-spacing: 2px;
}
#write h3:after, h4:after, h5:after, h6:after {
content: "";
position: absolute;
float: left;
margin-left: 0.2em;
height: 2em;
width: 1.2em;
}
#write h3:after {
background: var(--h3-r-graphic);
}
#write h4:after {
background: var(--h4-r-graphic);
}
#write h5:after {
background: var(--h5-r-graphic);
}
#write h6:after {
background: var(--h6-r-graphic);
}
/* 一级标题 */
#write h1:after {
font-size: 1.8rem;
text-align: center;
font-weight: bold;
color: #000;
border-bottom: none;
}
/* 一级标题内容 */
/* #write h1 .content {
display: inline-block;
font-weight: bold;
color: #000;
} */
#write h1 {
text-align: center;
}
/* 二级标题 */
#write h2 {
font-size: 1.5rem;
line-height: 1.6;
width: fit-content;
font-weight: bold;
margin: 20px 0;
padding: 1px 12.5px;
border-radius: 4px;
background-color: #f6ae77;
background: linear-gradient(to right, #f7ce68, #fbabfe);
background-size: 200% 100%;
background-position: 0% 0%;
transition: all ease-in-out 0.1s;
}
#write h2.md-heading a {
text-decoration: underline;
border-bottom: 0;
text-decoration-thickness: 1.2px;
text-underline-offset: 2px;
}
#write h2:hover {
background-position: -100% -100%;
transition: all ease-in-out 0.1s;
}
/* 二级标题内容 */
#write h2 .content {
}
/* 二级标题修饰 请参考有实例的主题 */
#write h2:after {
}
/* 三级标题 */
#write h3 {
margin: 20px 0;
font-size: 1.3rem;
text-align: left;
padding-left: 10px;
border-left: 5px solid #ffc000;
}
/* 三级标题内容 */
#write h3 span {
border-bottom: 2px hidden #ffc000;
}
#write h3 span:hover {
border-bottom: 2px solid #ffc000;
transition: all linear 0.1s;
}
#write h4 {
margin: 20px 0;
font-size: 1.15rem;
text-align: left;
}
#write h4::before {
content: "";
margin-right: 7px;
display: inline-block;
background-color: #ffc840;
width: 10px;
height: 10px;
border-radius: 100%;
border: #ffc840 1px solid;
vertical-align: inherit;
}
#write h5 {
margin: 23px 0;
font-size: 1.1rem;
text-align: left;
}
#write h5::before {
content: "";
margin-right: 7px;
display: inline-block;
background-color: #ffffff;
width: 10px;
height: 10px;
border-radius: 100%;
border: #ffc840 2px solid;
vertical-align: inherit;
}
#write h6 {
margin: 23px 0;
font-size: 1.1rem;
text-align: left;
}
#write h6::before {
content: "-";
color: #ffc840;
margin-right: 7px;
display: inline-block;
vertical-align: inherit;
}
/* 列表 */
::marker {
/* font-weight: bold; */
color: #626161;
}
li.md-list-item {
margin: 0.4rem 0;
}
#write ul,
#write ol {
margin-top: 0px;
margin-left: 16px;
margin-bottom: 8px;
padding-left: 13px;
}
#write em {
padding: 0 3px 0 0;
}
#write ul {
list-style-type: disc;
}
#write ul ul {
list-style-type: circle;
}
#write ul ul ul {
list-style-type: square;
}
#write ol {
list-style-type: decimal;
}
#write ol ol {
list-style-type: lower-alpha;
}
#write ol ol ol{
list-style-type:lower-roman;
}
#write li section {
margin-top: 5px;
margin-bottom: 5px;
line-height: 1.7rem;
text-align: justify;
color: #000000;
font-weight: 500;
}
#write li:before{
content: "";
height: calc(100% - 34px);
top: 34px;
position: absolute;
border-left: 0.5px solid #d6d6d6;
left: -14px;
}
/* 任务列表样式 */
#write .md-task-list-item:before {
content: none;
}
#write .md-task-list-item > input {
margin: 0px;
padding: 0px;
width: 0px;
height: 0px;
line-height: 1.2rem;
}
#write .md-task-list-item > input:before {
display: inline-block;
content: "";
width: 1.1rem;
height: 1.1rem;
text-align: center;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ffb600;
border-radius: 30%;
}
#write .md-task-list-item > input[checked]:before {
content: "✔";
color: #373737;
-webkit-text-stroke: 1px #555;
width: 1.1rem;
height: 1.1rem;
background-color: #ffffff;
border: 2px solid #ffb600;
border-radius: 30%;
font-size: 0.75rem;
line-height: 0.8rem;
}
#write input[type="checkbox"] {
position: absolute;
top: 7px;
left: -3px;
}
#write .md-task-list-item p {
margin: 0px 1.8rem;
}
/* 引用 */
#write blockquote {
margin-left: 12px;
padding: 12px;
border: 1px solid #d7d9e2;
border-left-color: #ffd43e;
border-left-width: 4px;
border-radius: 4px;
line-height: 26px;
}
#write blockquote p {
color: #000;
}
/* 链接 */
#write a:not(.md-toc-inner) {
color: #000;
border-bottom: 1px solid #ffb143;
text-decoration: none;
transform: all linear 0.1s;
}
#write a:hover:not(.md-toc-inner) {
/* font-weight: bolder; */
color: #e46918;
border-bottom: 1px solid #e46918;
transform: all linear 0.1s;
}
#write p a:not(.md-toc-inner)::before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M477.934459 330.486594A50.844091 50.844091 0 0 1 406.752731 258.796425L512 152.532274a254.220457 254.220457 0 0 1 359.467726 359.467726L762.66137 618.772592a50.844091 50.844091 0 1 1-71.690168-71.690169l106.772591-106.772592a152.532274 152.532274 0 0 0-215.578947-215.578947z m70.164846 361.501489A50.844091 50.844091 0 1 1 619.789474 762.66137l-107.281033 107.281033A254.220457 254.220457 0 0 1 152.532274 512L259.813307 406.752731a50.844091 50.844091 0 1 1 72.19861 69.656405l-107.789474 107.281033a152.532274 152.532274 0 0 0 215.578947 215.578947z m-126.601788-16.77855a50.844091 50.844091 0 1 1-71.690168-71.690169l251.678252-251.678252a50.844091 50.844091 0 0 1 71.690169 71.690169z'/%3E%3C/svg%3E");
color: #f68800;
display: inline-block;
width: 1em;
height: 1em;
margin-right: 0.2em;
vertical-align: sub;
}
#write sup a::before {
content: none;
}
/* 加粗 */
#write strong {
color: #000;
font-weight: bold;
}
#write strong::after {
}
/* 斜体 */
#write em {
font-style: italic;
color: #000;
}
/* 高亮 */
#write mark {
font-weight: bolder;
color: #000;
background: #fbe598;
}
/* 加粗斜体 */
#write em strong {
color: #595959;
}
/* 删除线 */
#write del {
color: #595959;
}
/* 分隔线*/
#write hr {
height: 1px;
padding: 0;
border: none;
border-top: 2px solid #ffc000;
}
/* 图片*/
#write img {
border-radius: 6px;
display: block;
margin: 20px auto;
object-fit: contain;
}
/* 图片描述文字 */
#write figcaption {
display: block;
font-size: 13px;
color: #595959;
}
/* 行内代码 */
#write p code {
padding: 0px 3px 0px 7px;
color: rgb(220, 53, 69);
background: #ffe7e7;
border-radius: 3px;
font-family: Operator Mono, Consolas, Monaco, Menlo, monospace;
letter-spacing: 0.5px;
}
#write li code {
color: #595959;
}
/* 代码块 */
.md-fences::before {
content: "";
display: block;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNDUwcHgiIGhlaWdodD0iMTMwcHgiPgogIDxlbGxpcHNlIGN4PSI2NSIgY3k9IjY1IiByeD0iNTAiIHJ5PSI1MiIgc3Ryb2tlPSJyZ2IoMjIwLDYwLDU0KSIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJyZ2IoMjM3LDEwOCw5NikiLz4KICA8ZWxsaXBzZSBjeD0iMjI1IiBjeT0iNjUiIHJ4PSI1MCIgcnk9IjUyIiAgc3Ryb2tlPSJyZ2IoMjE4LDE1MSwzMykiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0icmdiKDI0NywxOTMsODEpIi8+CiAgPGVsbGlwc2UgY3g9IjM4NSIgY3k9IjY1IiByeD0iNTAiIHJ5PSI1MiIgIHN0cm9rZT0icmdiKDI3LDE2MSwzNykiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0icmdiKDEwMCwyMDAsODYpIi8+Cjwvc3ZnPg==);
height: 30px;
width: 100%;
background-size: 40px;
background-repeat: no-repeat;
background-color: #f8f8f8;
border-radius: 5px 5px 0 0;
background-position: 6px 10px;
}
.cm-s-inner.CodeMirror {
background: #f8f8f8;
border-radius: 0 0 5px 5px;
padding: 20px 10px 20px 20px;
page-break-before: auto;
line-height: 1.65rem;
}
/** 表格内的单元格*/
#write table tr th,
#write table tr td {
font-size: 14px;
color: #000;
}
#write .footnotes {
padding: 10px;
font-size: 14px;
border-radius: 6px;
border: 0.8px solid #ffc000;
}
#write table.md-table {
overflow: hidden;
}
#write table thead {
border-top: 1px solid #dedddd;
border-bottom: 1px solid #dedddd;
}
#write table tbody {
border-bottom: 1px solid #dedddd;
}
/* 脚注文字 */
#write .footnote-word {
font-weight: normal;
color: #595959;
}
/* 脚注上标 */
#write .footnote-ref {
font-weight: normal;
color: #595959;
}
/*脚注链接样式*/
#write .footnote-item em {
font-size: 14px;
color: #595959;
display: block;
background: none;
}
/* 行间公式*/
#write .block-equation svg {
}
/* 行内公式
*/
#write .inline-equation svg {
}
/* 目录 */
.md-toc * {
font-family: "HarmonyOS_Sans_SC";
}
.md-tooltip-hide > span {
display: none;
}
.md-toc:before {
position: relative;
display: inline-block;
width: 100%;
text-align: center;
content: "目录";
font-size: 20px;
font-weight: 700;
color: #000;
}
.md-toc {
padding: 20px 0;
margin: 0 20px;
background-color: #fffaf4;
border: 2px solid #ffc000;
border-radius: 5px;
}
.md-toc-item {
line-height: 1.8em;
display: block;
color: #333;
}
#write a.md-toc-inner:hover{
color: #f68800;
font-weight: 700;
text-decoration: none;
}
/* 导出HTML的样式 */
body.typora-export {
padding-left: 0px;
}
.typora-export-content .outline-content::before {
content: "目录";
font-size: 20px;
font-weight: bold;
position: absolute;
top: 22px;
left: 6px;
border-radius: 5px;
box-sizing: border-box;
z-index: -1;
}
.typora-export-sidebar .outline-content {
height: 100%;
padding-left: 15px;
border-right: 1px solid #d2d2d2;
}
.typora-export-content .typora-export-content {
padding-left: 0px;
}
.typora-export-content .outline-expander {
width: 0;
}
.typora-export-content .outline-item-active > .outline-item::after {
content: "";
position: relative;
width: 11px;
height: 8px;
background: #ffc840;
float: right;
right: 5px;
top: -14px;
z-index: 100;
border-radius: 40% 20% 20% 40%;
}
.typora-export-content .outline-label {
max-width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* 自定义内容 */
.md-fences::before {
filter: saturate(1.3);
background-position: 10px 10px;
border-radius: 10px 10px 0 0;
}
.cm-s-inner.CodeMirror {
border-radius: 0 0 10px 10px;
padding: 10px 10px 20px 20px;
}
.typora-export-sidebar {
margin-right: 0px;
}
body.typora-export {
padding-right: 0px;
}
#write pre {
white-space: pre;
}
.outline-content li, .outline-content ul {
margin-top: 5px;
}
.outline-content .outline-h2::after {
height: 0 !important;
}
.outline-content .outline-h2:not(:last-child)::after {
height: calc(100% - 14px) !important;
}
.typora-export-content .outline-content::before {
padding-left: 10px !important;
}
#write p a:not(.md-toc-inner)::before {
content: '🔗';
vertical-align: top;
margin-right: 0.5em;
}
#write li:before {
display: none;
}
.typora-export-content .outline-content::before {
display: none;
}
.typora-export-sidebar .outline-content {
padding-top: 20px;
}
.outline-h1 {
margin-top: 15px !important;
}
.typora-export-sidebar .outline-content {
border-right: 0px;
}
@media screen and (max-width: 1290px) {
#write {
max-width: 950px;
}
}
@media screen and (max-width: 1285px) {
#write {
max-width: 945px;
}
}
@media screen and (max-width: 1280px) {
#write {
max-width: 940px;
}
}
@media screen and (max-width: 1275px) {
#write {
max-width: 935px;
}
}
@media screen and (max-width: 1270px) {
#write {
max-width: 930px;
}
}
@media screen and (max-width: 1265px) {
#write {
max-width: 925px;
}
}
@media screen and (max-width: 1260px) {
#write {
max-width: 920px;
}
}
@media screen and (max-width: 1255px) {
#write {
max-width: 915px;
}
}
@media screen and (max-width: 1250px) {
#write {
max-width: 910px;
}
}
@media screen and (max-width: 1245px) {
#write {
max-width: 905px;
}
}
@media screen and (max-width: 1240px) {
#write {
max-width: 900px;
}
}
@media screen and (max-width: 1235px) {
#write {
max-width: 895px;
}
}
@media screen and (max-width: 1230px) {
#write {
max-width: 890px;
}
}
@media screen and (max-width: 1225px) {
#write {
max-width: 885px;
}
}
@media screen and (max-width: 1220px) {
#write {
max-width: 880px;
}
}
@media screen and (max-width: 1215px) {
#write {
max-width: 875px;
}
}
@media screen and (max-width: 1210px) {
#write {
max-width: 870px;
}
}
@media screen and (max-width: 1205px) {
#write {
max-width: 865px;
}
}
@media screen and (max-width: 1200px) {
#write {
max-width: 860px;
}
}
@media screen and (max-width: 1195px) {
#write {
max-width: 855px;
}
}
@media screen and (max-width: 1190px) {
#write {
max-width: 850px;
}
}
@media screen and (max-width: 1185px) {
#write {
max-width: 845px;
}
}
@media screen and (max-width: 1180px) {
#write {
max-width: 840px;
}
}
@media screen and (max-width: 1175px) {
#write {
max-width: 835px;
}
}
@media screen and (max-width: 1170px) {
#write {
max-width: 830px;
}
}
@media screen and (max-width: 1165px) {
#write {
max-width: 825px;
}
}
@media screen and (max-width: 1160px) {
#write {
max-width: 820px;
}
}
@media screen and (max-width: 1155px) {
#write {
max-width: 815px;
}
}
@media screen and (max-width: 1150px) {
#write {
max-width: 810px;
}
}
@media screen and (max-width: 1146px) {
#write {
max-width: 807px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 299px;
}
}
@media screen and (max-width: 1142px) {
#write {
max-width: 804px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 298px;
}
}
@media screen and (max-width: 1138px) {
#write {
max-width: 801px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 297px;
}
}
@media screen and (max-width: 1134px) {
#write {
max-width: 798px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 296px;
}
}
@media screen and (max-width: 1130px) {
#write {
max-width: 795px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 295px;
}
}
@media screen and (max-width: 1126px) {
#write {
max-width: 792px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 294px;
}
}
@media screen and (max-width: 1122px) {
#write {
max-width: 789px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 293px;
}
}
@media screen and (max-width: 1118px) {
#write {
max-width: 786px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 292px;
}
}
@media screen and (max-width: 1114px) {
#write {
max-width: 783px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 291px;
}
}
@media screen and (max-width: 1110px) {
#write {
max-width: 780px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 290px;
}
}
@media screen and (max-width: 1106px) {
#write {
max-width: 777px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 289px;
}
}
@media screen and (max-width: 1102px) {
#write {
max-width: 774px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 288px;
}
}
@media screen and (max-width: 1098px) {
#write {
max-width: 771px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 287px;
}
}
@media screen and (max-width: 1094px) {
#write {
max-width: 768px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 286px;
}
}
@media screen and (max-width: 1090px) {
#write {
max-width: 765px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 285px;
}
}
@media screen and (max-width: 1086px) {
#write {
max-width: 762px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 284px;
}
}
@media screen and (max-width: 1082px) {
#write {
max-width: 759px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 283px;
}
}
@media screen and (max-width: 1078px) {
#write {
max-width: 756px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 282px;
}
}
@media screen and (max-width: 1074px) {
#write {
max-width: 753px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 281px;
}
}
@media screen and (max-width: 1070px) {
#write {
max-width: 750px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 280px;
}
}
@media screen and (max-width: 1066px) {
#write {
max-width: 747px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 279px;
}
}
@media screen and (max-width: 1062px) {
#write {
max-width: 744px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 278px;
}
}
@media screen and (max-width: 1058px) {
#write {
max-width: 741px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 277px;
}
}
@media screen and (max-width: 1054px) {
#write {
max-width: 738px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 276px;
}
}
@media screen and (max-width: 1050px) {
#write {
max-width: 735px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 275px;
}
}
@media screen and (max-width: 1046px) {
#write {
max-width: 732px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 274px;
}
}
@media screen and (max-width: 1042px) {
#write {
max-width: 729px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 273px;
}
}
@media screen and (max-width: 1038px) {
#write {
max-width: 726px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 272px;
}
}
@media screen and (max-width: 1034px) {
#write {
max-width: 723px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 271px;
}
}
@media screen and (max-width: 1030px) {
#write {
max-width: 720px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 270px;
}
}
@media screen and (max-width: 1026px) {
#write {
max-width: 717px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 269px;
}
}
@media screen and (max-width: 1024px) {
#write {
max-width: 715.5px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 268.5px;
}
}
@media screen and (max-width: 1022px) {
#write {
max-width: 714px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 268px;
}
}
@media screen and (max-width: 1018px) {
#write {
max-width: 711px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 267px;
}
}
@media screen and (max-width: 1014px) {
#write {
max-width: 708px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 266px;
}
}
@media screen and (max-width: 1010px) {
#write {
max-width: 705px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 265px;
}
}
@media screen and (max-width: 1006px) {
#write {
max-width: 702px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 264px;
}
}
@media screen and (max-width: 1002px) {
#write {
max-width: 699px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 263px;
}
}
@media screen and (max-width: 998px) {
#write {
max-width: 696px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 262px;
}
}
@media screen and (max-width: 994px) {
#write {
max-width: 693px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 261px;
}
}
@media screen and (max-width: 990px) {
#write {
max-width: 690px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 260px;
}
}
@media screen and (max-width: 986px) {
#write {
max-width: 687px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 259px;
}
}
@media screen and (max-width: 982px) {
#write {
max-width: 684px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 258px;
}
}
@media screen and (max-width: 978px) {
#write {
max-width: 681px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 257px;
}
}
@media screen and (max-width: 974px) {
#write {
max-width: 678px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 256px;
}
}
@media screen and (max-width: 970px) {
#write {
max-width: 675px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 255px;
}
}
@media screen and (max-width: 966px) {
#write {
max-width: 672px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 254px;
}
}
@media screen and (max-width: 962px) {
#write {
max-width: 669px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 253px;
}
}
@media screen and (max-width: 958px) {
#write {
max-width: 666px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 252px;
}
}
@media screen and (max-width: 954px) {
#write {
max-width: 663px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 251px;
}
}
@media screen and (max-width: 950px) {
#write {
max-width: 660px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 250px;
}
}
@media screen and (max-width: 946px) {
#write {
max-width: 657px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 249px;
}
}
@media screen and (max-width: 942px) {
#write {
max-width: 654px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 248px;
}
}
@media screen and (max-width: 938px) {
#write {
max-width: 651px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 247px;
}
}
@media screen and (max-width: 934px) {
#write {
max-width: 648px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 246px;
}
}
@media screen and (max-width: 930px) {
#write {
max-width: 645px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 245px;
}
}
@media screen and (max-width: 926px) {
#write {
max-width: 642px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 244px;
}
}
@media screen and (max-width: 922px) {
#write {
max-width: 639px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 243px;
}
}
@media screen and (max-width: 918px) {
#write {
max-width: 636px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 242px;
}
}
@media screen and (max-width: 914px) {
#write {
max-width: 633px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 241px;
}
}
@media screen and (max-width: 910px) {
#write {
max-width: 630px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 240px;
}
}
@media screen and (max-width: 906px) {
#write {
max-width: 627px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 239px;
}
}
@media screen and (max-width: 902px) {
#write {
max-width: 624px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 238px;
}
}
@media screen and (max-width: 898px) {
#write {
max-width: 621px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 237px;
}
}
@media screen and (max-width: 894px) {
#write {
max-width: 618px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 236px;
}
}
@media screen and (max-width: 890px) {
#write {
max-width: 615px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 235px;
}
}
@media screen and (max-width: 886px) {
#write {
max-width: 612px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 234px;
}
}
@media screen and (max-width: 882px) {
#write {
max-width: 609px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 233px;
}
}
@media screen and (max-width: 878px) {
#write {
max-width: 606px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 232px;
}
}
@media screen and (max-width: 874px) {
#write {
max-width: 603px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 231px;
}
}
@media screen and (max-width: 870px) {
#write {
max-width: 600px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 230px;
}
}
@media screen and (max-width: 866px) {
#write {
max-width: 597px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 229px;
}
}
@media screen and (max-width: 862px) {
#write {
max-width: 594px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 228px;
}
}
@media screen and (max-width: 858px) {
#write {
max-width: 591px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 227px;
}
}
@media screen and (max-width: 854px) {
#write {
max-width: 588px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 226px;
}
}
@media screen and (max-width: 850px) {
#write {
max-width: 585px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 225px;
}
}
@media screen and (max-width: 846px) {
#write {
max-width: 582px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 224px;
}
}
@media screen and (max-width: 842px) {
#write {
max-width: 579px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 223px;
}
}
@media screen and (max-width: 838px) {
#write {
max-width: 576px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 222px;
}
}
@media screen and (max-width: 834px) {
#write {
max-width: 573px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 221px;
}
}
@media screen and (max-width: 830px) {
#write {
max-width: 570px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 220px;
}
}
@media screen and (max-width: 826px) {
#write {
max-width: 567px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 219px;
}
}
@media screen and (max-width: 822px) {
#write {
max-width: 564px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 218px;
}
}
@media screen and (max-width: 818px) {
#write {
max-width: 561px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 217px;
}
}
@media screen and (max-width: 814px) {
#write {
max-width: 558px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 216px;
}
}
@media screen and (max-width: 810px) {
#write {
max-width: 555px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 215px;
}
}
@media screen and (max-width: 806px) {
#write {
max-width: 552px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 214px;
}
}
@media screen and (max-width: 800px) {
.typora-export-sidebar {
display: block;
}
}
@media screen and (max-width: 802px) {
#write {
max-width: 549px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 213px;
}
}
@media screen and (max-width: 798px) {
#write {
max-width: 546px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 212px;
}
}
@media screen and (max-width: 794px) {
#write {
max-width: 543px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 211px;
}
}
@media screen and (max-width: 790px) {
#write {
max-width: 540px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 210px;
}
}
@media screen and (max-width: 786px) {
#write {
max-width: 537px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 209px;
}
}
@media screen and (max-width: 782px) {
#write {
max-width: 534px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 208px;
}
}
@media screen and (max-width: 778px) {
#write {
max-width: 531px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 207px;
}
}
@media screen and (max-width: 774px) {
#write {
max-width: 528px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 206px;
}
}
@media screen and (max-width: 770px) {
#write {
max-width: 525px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 205px;
}
}
@media screen and (max-width: 766px) {
#write {
max-width: 522px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 204px;
}
}
@media screen and (max-width: 762px) {
#write {
max-width: 519px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 203px;
}
}
@media screen and (max-width: 758px) {
#write {
max-width: 516px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 202px;
}
}
@media screen and (max-width: 754px) {
#write {
max-width: 513px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 201px;
}
}
@media screen and (max-width: 750px) {
#write {
max-width: 510px;
}
.typora-export-sidebar, .typora-export-sidebar .outline-content {
width: 200px;
}
}
@media screen and (max-width: 700px) {
.typora-export-sidebar, .typora-export-sidebar .outline-content {
display: none;
}
#write {
max-width: 95%;
}
}
#sidebar-content{
background: #fff;
}
#file-library-search-panel{
background-color: #fff;
}
#file-library-search-input{
border-radius: 3px;
}
#outline-content .outline-h1 >.outline-item {
font-size: larger;
font-weight: bold;
color: #fb9500;
}
#outline-content .outline-h1:not(:first-of-type) >.outline-item{
margin-top: 10px;
}
#outline-content .outline-h2 >.outline-item::before {
content: "";
width: 12px;
height: 12px;
background: #ffc840;
vertical-align: middle;
float: left;
margin-top: -2px;
margin-right: 11px;
margin-left: -24px;
border-radius: 100%;
border: 3px solid #fff;
z-index: 100;
position: relative;
top: 8px;
left: 8px;
}
#outline-content .outline-h2::after {
content: "";
height: calc(100% - 24px);
width: 1px;
background: #ffc840;
position: absolute;
left: 3px;
top: 21px;
}
#outline-content .outline-h2 >.outline-item:last-child:after {
display: none;
}
#outline-content .outline-h2 >.outline-item > .outline-label {
/* top: -1.2em; */
line-height: 1.65rem;
margin: 0;
}
#outline-content .outline-h2 >.outline-item{
/* margin-top: -22px; */
margin-bottom: -3px;
}
#outline-content .outline-h3 >.outline-item>.outline-label{
border-left: 2px solid #ffc840;
padding-left: 8px;
}
.outline-item-active:not(.outline-item-wrapper)::after{
content: "";
position: relative;
width: 11px;
height: 8px;
background: #ffc840;
float: right;
top: -12px;
z-index: 100;
border-radius: 40% 20% 20% 40%;
}
/* 导出网页 */
.outline-content .outline-h1 >.outline-item {
font-size: larger;
font-weight: bold;
color: #fb9500;
}
.outline-content .outline-h1:not(:first-of-type) >.outline-item{
margin-top: 10px;
}
.outline-content .outline-h2 >.outline-item::before {
content: "";
width: 12px;
height: 12px;
background: #ffc840;
vertical-align: middle;
float: left;
margin-top: -2px;
margin-right: 11px;
margin-left: -24px;
border-radius: 100%;
border: 3px solid #fff;
z-index: 100;
position: relative;
top: 8px;
left: 8px;
}
.outline-content .outline-h2::after {
content: "";
height: calc(100% - 24px);
width: 1px;
background: #ffc840;
position: absolute;
left: 3px;
top: 21px;
}
.outline-content .outline-h2 >.outline-item:last-child:after {
display: none;
}
.outline-content .outline-h2 >.outline-item > .outline-label {
/* top: -1.2em; */
line-height: 1.65rem;
margin: 0;
}
.outline-content .outline-h2 >.outline-item{
/* margin-top: -22px; */
margin-bottom: -3px;
}
.outline-content .outline-h3 >.outline-item>.outline-label{
border-left: 2px solid #ffc840;
padding-left: 8px;
} @media print { @page {margin: 0 0 0 0;} body.typora-export {padding-left: 0; padding-right: 0;} #write {padding:0;}}