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; }
body { margin: 0px; padding: 0px; height: auto; inset: 0px; font-size: 1rem; line-height: 1.42857; overflow-x: hidden; background: inherit; tab-size: 4; }
#fans-body { 
    background-image: url(/assets/svg/fans.svg);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    background-attachment: fixed;
 }
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; 
         backdrop-filter: blur(10px);
        }
#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; }
  .CodeMirror-sizer { margin-left: 0px !important; }
  .CodeMirror-gutters { display: none !important; }
}
#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: 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; }
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: 0px; background-color: inherit; }
.CodeMirror-linenumber { 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; }
.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; -webkit-tap-highlight-color: transparent; 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; padding-top: 0px; border-color: transparent !important; }
  .typora-export * { -webkit-print-color-adjust: exact; }
  .typora-export #write { break-after: avoid; }
  .typora-export #write::after { height: 0px; }
  .is-mac table { break-inside: avoid; }
  .typora-export-show-outline .typora-export-sidebar { display: none; }
}
.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: none; }
.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; }
.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: initial !important; border-style: none !important; border-color: initial !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: 0px; }
video { max-width: 100%; display: block; margin: 0px auto; }
iframe { max-width: 100%; width: 100%; border: none; }
.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; }
.outline-content ul { margin-top: 0px; margin-bottom: 0px; }
.outline-content strong { font-weight: 400; }
.outline-expander { width: 1rem; height: 1.42857rem; 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: 28px solid transparent; border-right: 28px solid 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: 8px solid 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; }


.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: 1px solid 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: none !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: 30px solid transparent; width: fit-content; }
.CodeMirror-wrap .CodeMirror-code pre { border-right: none; 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: none; 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; }
}




/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: initial;
}

/* 如果你的项目仅支持 IE9+ | Chrome | Firefox 等，推荐在 <html> 中添加 .borderbox 这个 class */
html.borderbox *,
html.borderbox *:before,
html.borderbox *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,
dl,
dt,
dd,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
}

/* HTML5 媒体文件跟 img 保持一致 */
audio,
canvas,
video {
  display: inline-block;
}

/* 要注意表单元素并不继承父级 font 的问题 */
body,
button,
input,
select,
textarea {
  font: 300 1em/1.8 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* 去掉各Table cell 的边距并让其边重合 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 去除默认边框 */
fieldset,
img {
  border: 0;
}

/* 块/段落引用 */
blockquote {
  position: relative;
  font-weight: 400;
  padding-left: 1em;
  margin: 1em 3em 1em 2em;
}

@media only screen and (max-width: 640px) {
  blockquote {
    margin: 1em 0;
  }
}

/* Firefox 以外，元素没有下划线，需添加 */
acronym,
abbr {
  border-bottom: 1px dotted;
  font-variant: normal;
  text-decoration: none;
}

/* 添加鼠标问号，进一步确保应用的语义是正确的（要知道，交互他们也有洁癖，如果你不去掉，那得多花点口舌） */
abbr {
  cursor: help;
}

/* 一致的 del 样式 */
del {
  text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: 400;
}


/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,
th {
  text-align: left;
}

q:before,
q:after {
  content: '';
}

/* 统一上标和下标 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

:root sub,
:root sup {
  vertical-align: baseline;
  /* for ie9 and other modern browsers */
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* 让链接在 hover 状态下显示下划线 */
a {
  color: #1abc9c;
}

a:hover {
  text-decoration: underline;
}

/* 默认不显示下划线，保持页面简洁 */
ins,
a {
  text-decoration: none;
}

/* 专名号：虽然 u 已经重回 html5 Draft，但在所有浏览器中都是可以使用的，
 * 要做到更好，向后兼容的话，添加 class="typo-u" 来显示专名号
 * 关于 <u> 标签：http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-u-element
 * 被放弃的是 4，之前一直搞错 http://www.w3.org/TR/html401/appendix/changes.html#idx-deprecated
 * 一篇关于 <u> 标签的很好文章：http://html5doctor.com/u-element/
 */
u,
.typo-u {
  text-decoration: underline;
}

/* 标记，类似于手写的荧光笔的作用 */
mark {
  background: #fffdd1;
  padding: 2px;
  margin: 0 5px;
}

/* 代码片断 */
pre,
code,
pre tt {
  font-family: Courier, 'Courier New', monospace;
}

pre {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: 1em 1.5em;
  display: block;
  -webkit-overflow-scrolling: touch;
}

/* 一致化 horizontal rule */
hr {
  border: none;
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 0.8em;
  height: 10px;
}

/* 底部印刷体、版本等标记 */
small,
.typo-small,
/* 图片说明 */
figcaption {
  font-size: 0.9em;
  color: #888;
}

strong,
b {
  font-weight: bold;
}

/* 可拖动文件添加拖动手势 */
[draggable] {
  cursor: move;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
  font-weight: 100;
  line-height: 1.35;
}

/* Responsive images */
img {
  max-width: 100%;
}
/* animation */
#write td,
#megamenu-content td,
.file-list-item,
.megamenu-menu li,
.btn,
.long-btn {
  position: relative;
  overflow: hidden;
}

#write td:after,
#megamenu-content td:after,
.file-list-item:after,
.megamenu-menu li:after,
.btn:after,
.long-btn:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #666 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform 0.3s, opacity 0.5s;
}

#write td:active:after,
#megamenu-content td:active:after,
.file-list-item:active:after,
.megamenu-menu li:active:after,
.btn:active:after,
.long-btn:active:after {
  transform: scale(0, 0);
  opacity: 0.3;
  transition: 0s;
}

#typora-sidebar #outline-content .outline-h1>.outline-item,
#typora-sidebar .outline-title-wrapper,
#typora-sidebar .outline-item-wrapper.outline-h1>.outline-item,
#typora-sidebar .file-library-node,
#typora-sidebar .file-library-node .file-node-background,
#typora-sidebar #ty-sidebar-footer .sidebar-footer-item {
  transition: background 0.4s;
}
/* 目录自动编号 */
.md-toc::before {
	content: "目录";
	font-family: var(--base-font);
	font-size: 2rem;
	font-weight: 200;
	text-align: center;
	display: block;
	position: absolute;
	left: -10rem;
	padding: 8rem;
	padding-top: 2rem;
	background: linear-gradient(-40deg, transparent 49.5%, deeppink 49.5%, deeppink 50.5%, transparent 50.5%) 40px;
}

.md-toc {
	font-size: 1.25rem;
	line-height: 1.5rem;
	display: table;
	margin: 4rem auto;
	margin-left: 4rem !important;
	max-width: 75%;
}

.md-toc-content {
	line-height: 2rem;
	left: 4rem;
	top: 1rem;

}

.md-toc-item {
	font-family: var(--base-font);
}

.md-toc-h1 {
	margin-top: 4rem;
	font-weight: 300;
	font-size: 1.2rem;
}

.md-toc-h1 .md-toc-inner {
	margin-left: 2em;
}

.md-toc-h2 {
	margin-left: 2rem;
	font-size: 1.1rem;
}

.md-toc-h2,
.md-toc-h3 {
	margin-top: 1rem;
	font-weight: 200;
}

.md-toc-h2+.md-toc-h3 {
	margin-left: 8rem;
}

.md-toc-h3 {
	display: inline-block;
	font-size: 1rem;
}

.md-toc-h3 .md-toc-inner {
	margin-left: .5rem;
}

.md-toc-h3::first-of-type {
	margin-left: 4rem;
}

.md-toc-h3:after {
	content: " / ";
}

.md-toc-inner {
	color: var(--text-color);
	border: none !important;
}

.md-toc-h1 {
	counter-increment: counter_md-toc-h1;
	counter-reset: counter_md-toc-h2;
}

.md-toc-h1:before {
	content: "第"counter(counter_md-toc-h1, cjk-ideographic)"章";
}

.md-toc-h2 {
	counter-increment: counter_md-toc-h2;
	counter-reset: counter_md-toc-h3;
}

.md-toc-h2::before {
	content: "第"counter(counter_md-toc-h2, cjk-ideographic)"节";
}

.md-toc-h3 {
	counter-increment: counter_md-toc-h3;
	counter-reset: counter_md-toc-h4;
}

.md-toc-h3::before {
	content: counter(counter_md-toc-h3);
}

.md-toc-h1::before,
.md-toc-h2::before,
.md-toc-h3::before {
	display: inline-block;
	color: var(--text-color);
}

.md-toc-h4,
.md-toc-h5,
.md-toc-h6 {
	display: none;
}


/* ui */

#write .md-grid-board-wrap input {
    text-align: center !important;
}

.file-list-item:hover,
.file-node-content:hover,
.file-node-background:hover {
    height: auto;
}

.info-panel-tab:hover,
.active-tab-outline,
.active-tab-files,
.outline-item:hover,
.context-menu.dropdown-menu>.active>a,
.context-menu.dropdown-menu>li>a:hover,
.menu-style-btn.active,
.file-list-item:hover,
.file-node-content:hover,
.file-node-background:hover,
.megamenu-menu-list:not(.saved) li a:hover,
.megamenu-menu-list li a.active {
    color: var(--primary-color);
}

.file-list-item:hover,
.file-node-content:hover,
.file-node-background:hover,
.context-menu.dropdown-menu>li>a:focus,
.megamenu-menu-list:not(.saved) li a:hover,
.megamenu-menu-list li a.active,
a.menu-style-btn:hover {
    background-color: var(--active-bg);
}

.megamenu-content {
    background: var(--bg-contents);
}

.megamenu-menu-list:not(.saved) li a:hover,
.megamenu-menu-list li a.active {
    display: block !important;
}

#outline-content,
#file-library {
    color: var(--color-text);
}

#file-library-search-input {
    padding-left: 0.4em;
}

/* 一体化模式下菜单页 */

/* 菜单侧标栏 */
.megamenu-menu {
    width: 250px;
    box-shadow: 2px 2px 5px 0 #33333380, 2px 0px 10px 0 #33333380;
}

/* bugfix */
.megamenu-opened .megamenu-menu {
    left: -1px !important;
}

/* 侧边栏item激活 */

.megamenu-menu-list {
    position: relative;
    top: 16px;
}

.megamenu-menu-list li {
    line-height: 48px;
}

.megamenu-menu-list li a {
    height: 48px;
}

/* 标题 */

.megamenu-menu-panel h1,
.megamenu-menu-panel h2 {
    margin: 2rem auto 3rem;
}

/* 长形按钮 */
.long-btn:hover {
    color: var(--primary-color) !important;
}

.megamenu-menu-panel .btn {
    border: var(--base-border);
}

/* 最近文档 */

.megamenu-menu-panel table tr {
    background: #ffffff00 !important;
}

#recent-file-panel tbody tr:nth-child(2n-1) {
    background-color: var(--active-bg) !important;
}

.megamenu-menu-panel tr:hover,
.megamenu-menu-panel th:hover,
.megamenu-menu-panel td:hover {
    color: var(--primary-color) !important;
}

/* 主题页 */
/* 样式预览 */

#theme-preview-grid {
    max-width: 85%;
}

.theme-preview-div:hover {
    border-color: #80aaff80;
}

.theme-preview-div {
    width: 25%;
    min-width: 250px;
    border: 4px solid #99999950;
}

.theme-preview-content {
    width: 100%;
}

.theme-preview-div.active,
.theme-preview-div.active:hover {
    border-color: var(--primary-color);
}

/* 偏好设定 */

.unibody-window {
    font-family: var(--font-hei);
}

/* 偏好设定侧边栏 */
.nav-group-item.active {
    background: var(--item-hover-bg-color) !important;
    color: var(--primary-color);
}

/* 关于页 */
/* fix */
table#typora-help-md-table tr {
    background: transparent;
}

.about-content-meta {
    font-family: var(--font-title);
}

footer.stopselect.ty-footer {
    right: 0;
}

.md-image>.md-meta {
    color: var(--meta-content-color);
}

.megamenu-menu-panel h1,
.megamenu-menu-panel h2 {
    color: var(--text-color);
}

.megamenu-opened #top-titlebar {
    background-image: none;
    background: var(--bg-contents);
    height: 30px;
}

.ty-preferences * {
    color: var(--text-color);
}


.modal-content,
#ty-surpress-mode-warning-close-btn,
.btn {
    border-radius: 15px;
}

#ty-surpress-mode-warning-close-btn {
    background: var(--theme-color);

}

#ty-surpress-mode-warning-close-btn:hover {
    color: #fff;
}
@media (max-width:1100px) {

    html,
    body,
    content,
    #write {
        background: var(--bg-write);
    }
}

@media (min-width:1100px) {
    #write {
        box-shadow: var(--block-shadow-strong);
        border-radius: 5px;
        margin: 5rem auto;
        padding: 2rem 4rem;
    }

    .typora-node #write {
        min-height: 80%;
    }
}

@media (max-width:500px) {
    #write h1 {
        font: 200 2.5rem/3.75rem var(--font-hei) !important;
    }

    #write h1:before,
    #write h1:after {
        display: none !important;
    }

    #write h2 {
        font: 400 2rem/3rem var(--font-hei) !important;
    }

    #write h3 {
        font: 600 1.75rem/2.625rem var(--font-hei) !important;
    }

    #write h4 {
        font: 600 1.5rem/2.25rem var(--font-hei) !important;
    }

    #write h5 {
        font: 600 1.25rem/1.875rem var(--font-hei) !important;
    }

    #write h6 {
        font: 600 1.25rem/1.875rem var(--font-hei) !important;
    }
}

@media (max-width: 530px) {
    .megamenu-menu-list li a {
        padding-left: 0 !important;
    }
}

@media (min-width:600px){
    .megamenu-content {
        padding-left: 280px;
    }
    .megamenu-menu-list li a {
        padding-left: 45px;
    }
}
:root {
    --mermaid-sequence-numbers: on;
    -–mermaid-flowchart-curve: basis;
    --panel-border-color: var(--theme-color-weak) !important;
    --mermaid-font-family: var(--font-mono) !important;
}

.md-diagram-panel-preview * {
    font-family: var(--font-mono) !important;
}

/* 箭头 */
.arrowheadPath,
.marker {
    fill: var(--mermaid-arrow-color) !important;
}

.edgePath .path,
.marker.cross,
line,
.flowchart-link {
    stroke: var(--mermaid-arrow-color) !important;
}

/* 饼状图标题及图例 */
.pieTitleText,
.legend text {
    fill: var(--color-text) !important;
}

/* 箭头内文字背景 */
.edgeLabel,
.edgeLabel rect {
    background-color: #ffffff00 !important;
    fill: #ffffff00 !important;
}

/* 文本 */
.label,
.cluster-label {
    color: var(--color-text) !important;
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 16, 2022 */



@font-face {
    font-family: 'KaiTi';
    src: url('file:///D://AppData//Typora/themes/FONT/fangzhengkaiti.woff2') format('woff2'),
        url('file:///D://AppData//Typora/themes/FONT/fangzhengkaiti.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
#write blockquote h3::before,
#write blockquote h4::before,
#write blockquote h5::before {
    width: 1.5rem;
    background: transparent;
    position: absolute;
    left: -30px;
    font-size: 1rem !important;
}

#write blockquote h3::before {
    content: url('file:///D://AppData//Typora/themes/assets/thumbs-up.svg');
}

#write blockquote h4::before{
    content: url('file:///D://AppData//Typora/themes/assets/bullhorn.svg');
}

#write blockquote h5::before{
    content: url('file:///D://AppData//Typora/themes/assets/dog.svg');
}
#write a {
    background: url(file:///D://AppData//Typora/themes/assets/share.svg);
    background-repeat: no-repeat !important;
    background-position: left 0px !important;
    padding-left: 24px !important;
    background-size: 20px 20px;
}

#write a[href$=".doc"],
#write a[href$=".docx"] {
    background: url(file:///D://AppData//Typora/themes/assets/file-word.svg);
}

#write a[href$=".xls"],
#write a[href$=".xlsx"] {
    background: url(file:///D://AppData//Typora/themes/assets/file-excel.svg);
}

#write a[href$=".ppt"],
#write a[href$=".pptx"] {
    background: url(file:///D://AppData//Typora/themes/assets/file-powerpoint.svg);
}

#write a[href$=".pdf"] {
    background: url(file:///D://AppData//Typora/themes/assets/file-pdf.svg);
}

#write a[href$=".mp3"] {
    background: url(file:///D://AppData//Typora/themes/assets/file-audio.svg);
}

#write a[href$=".wav"] {
    background: url(file:///D://AppData//Typora/themes/assets/file-waveform.svg);
}

#write a[href$=".swf"],
#write a[href$=".mp4"],
#write a[href$=".mov"],
#write a[href$=".avi"] {
    background: url(file:///D://AppData//Typora/themes/assets/file-video.svg);
}

#write a[href$=".rar"],
#write a[href$=".zip"],
#write a[href$=".7z"] {
    background: url(file:///D://AppData//Typora/themes/assets/file-zipper.svg);
}

#write a[href$=".css"],
#write a[href$=".html"],
#write a[href$=".js"],
#write a[href$=".php"] {
    background: url(file:///D://AppData//Typora/themes/assets/file-code.svg);
}

#write a[href$=".bmp"],
#write a[href$=".jpg"],
#write a[href$=".jpeg"],
#write a[href$=".png"],
#write a[href$=".gif"]{
    background: url(file:///D://AppData//Typora/themes/assets/file-image.svg);
}@import "";
@import "";
@import "";
@import "";
@import "";
@import "";
@import "";
@import "";
@import url();
@import url();

:root {
    /* color setting */
    --theme-color: hsl(0, 100%, 75%);
    --theme-color-weak: hsl(0, 100%, 95%);
    --theme-color-weaker:hsl(0, 0%, 95%);
    --color-text: #333;
    --text-color: var(--color-text);
    --color-em: #111;
    --color-strong: #000;
    --color-weak: #595959;
    --color-weakest: #808080;

    --md-char-color: var(--theme-color);
    --meta-content-color: var(--color-weakest);

    --color-title: var(--color-em);
    --color-title-h1: var(--color-em);
    --color-title-h2: var(--color-em);
    --color-title-h3: var(--color-em);
    --color-title-h4: var(--color-em);
    --color-title-h5: var(--color-em);
    --color-title-h6: var(--color-em);

    --color-quote: var(--color-weak);
    --color-code: var(--color-text);
    --color-link: var(--theme-color);
    --color-italic: var(--color-em);
    --color-strong: var(--color-strong);
    --color-highlight: var(--color-strong);
    --color-strike: var(--color-weakest);
    --color-footnote: var(--color-weak);

    --thead-color: var(--color-em);
    --tbody-color: var(--color-text);
    --tbody-color-opt: var(--color-text);
    --color-thead-hover: var(--color-weak);
    --color-tbody-hover: var(--color-weak);

    --link-hover-color: #464343;
    --link-hover-bg: none;

    /* background setting */
    --bg-contents: var(--theme-color-weaker);
    --bg-write: #fff;
    --bg-color: var(--bg-contents);
    --bg-title: none;
    --bg-title-h1: none;
    --bg-title-h2: none;
    --bg-title-h3: none;
    --bg-title-h4: none;
    --bg-title-h5: none;
    --bg-title-h6: none;

    --bg-quote: var(--theme-color-weaker);
    --bg-code: var(--theme-color-weak);
    --bg-code-block: var(--theme-color-weaker);
    --bg-link: none;
    --bg-italic: none;
    --bg-strong: none;
    --bg-highlight: #ffb3b3;
    --bg-strike: none;
    --bg-footnote: none;

    --bg-thead: var(--theme-color-weak);
    --bg-tbody: var(--bg-write);
    --bg-tbody-opt: #fcfcfc;
    --bg-thead-hover: var(--bg-contents);
    --bg-tbody-hover: var(--bg-contents);

    /* font setting:font-weight;font-size;line-height;font-family */
    --font-hei: "Poppins", -apple-system, "Helvetica Neue", Helvetica, "Noto Sans", "Nimbus Sans L", Arial, "Liberation Sans", "Noto Sans CJK SC", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    --font-song: "EB Garamond", Georgia, "Nimbus Roman No9 L", "Noto Serif CJK SC", "Songti SC", "Source Han Serif SC", "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif;
    --font-kai: "EB Garamond", Bas kerville, Georgia, "Liberation Serif", STKaiti, "AR PL UKai CN", "AR PL UKai HK", "AR PL UKai TW", "AR PL UKai TW MBE", "AR PL KaitiM GB", KaiTi, KaiTi_GB2312, DFKai-SB, "TW\-Kai", serif;
    --font-mono: "Cascadia Code", "Sarasa Term SC", Monaco, "Deja Vu Sans Mono", Consolas, "Lucida Console", "Andale Mono", Courier, "PingFang SC", "Noto Sans CJK SC";
    --monospace: var(--font-mono);

    --font-weight: 400;
    --font-size: 1rem;
    --line-height: 2rem;
    --font-family: var(--font-hei);

    --text-font: 400 1rem/1.5rem var(--font-hei);
    --text-font-size: 1rem;
    --font-title: var(--font-song);
    --font-title-h1: 900 3rem/4.5rem var(--font-title);
    --font-title-h2: 800 2.5rem/3.75rem var(--font-title);
    --font-title-h3: 600 2rem/3rem var(--font-hei);
    --font-title-h4: 600 1.75rem/2.625rem var(--font-hei);
    --font-title-h5: 600 1.5rem/2.25rem var(--font-hei);
    --font-title-h6: 600 1.5rem/2.25rem var(--font-hei);

    --font-quote: 400 1.25rem/1.875rem var(--font-kai);
    --font-code: 400 0.9rem/1.35rem var(--font-mono);
    --font-footnote: 400 1.1rem/1.65rem var(--font-kai);

    /* margin setting:top;right;bottom;left */
    --margin-h1: 6rem auto 4rem;
    --margin-h2: 4rem auto 2rem;
    --margin-h3: 2rem auto 1rem;
    --margin-h4: 2rem auto 1rem;
    --margin-h5: 2rem auto 1rem;
    --margin-h6: 2rem auto 1rem;

    --margin-text: 1rem auto;
    --margin-block: 1.5rem auto;

    /* padding-setting */
    --padding-text: 1px 4px;
    --padding-block: 1rem;

    /* border setting */
    --base-border: 1px solid var(--theme-color);
    --thin-border: 1px solid hsl(0, 100%, 65%);
    --thick-border: 4px solid hsl(0, 100%, 65%);
    --divide-border: 1px solid var(--theme-color-weaker);
    --dashed-border: 1px dashed hsl(215, 100%, 65%);
    --dashed-border-opt: 1px dashed hsl(0, 100%, 65%);
    --window-border: var(--divide-border);

    /* box-shadow */
    --text-shadow: none;
    --block-shadow: 0px 8px 16px 1px #0000001a;
    --block-shadow-opt: 0px 8px 16px #00000044;
    --block-shadow-weak: 0 8px 16px 0 #b3b3b333;
    --block-shadow-strong: #00000033 0px 25px 56px 0px, #0000001a 0px 5px 15px 0px;

    /* ui setting */
    --blur-text-color: hsl(0, 0%, 75%);
    --active-file-bg-color: hsl(0, 0%, 99%);
    /* 文件列表 当前文件激活 背景色*/
    --active-file-text-color: var(--theme-color);
    --active-file-border-color: var(--theme-color);
    /* 树形结构下文件激活边框色 */
    --side-bar-bg-color: var(--theme-color-weaker);
    /*文件 大纲 侧边栏 背景色*/
    --item-hover-bg-color: var(--theme-color-weak);
    /* 打开文文件夹、正文菜单、最近使用 hover 效果 */
    --item-hover-text-color: inherit;

    --primary-color: var(--theme-color);
    /* color of primary buttons */
    --primary-btn-border-color: var(--theme-color);
    --primary-btn-text-color: #ffffff;

    --select-text-bg-color: var(--theme-color);
    --select-text-font-color: #ffffff;
    --active-bg: hsl(0, 0%, 98%);
    --mermaid-arrow-color:var(--theme-color);

    --control-text-color: var(--color-text);
}

/* global setting */
html,
body,
content,
#write {
    font-size: 16px;
    font-weight: var(--font-weight);
    font-size: var(--font-size);
    font-family: var(--font-family);
    line-height: var(--line-height);
    background: var(--bg-contents);
    color: var(--color-text);
}

content {
    min-width: 25rem;
}

#write {
    background: var(--bg-write);
    max-width: 60rem;
    min-height: calc(100vh - 6rem);
    text-align: justify;
}

#write * {
    -webkit-text-stroke: 0.25px;
}

/* title setting */

#write h1 *,
#write h2 *,
#write h3 *,
#write h4 *,
#write h5 *,
#write h6 * {
    color: var(--color-title) !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

#write h1,
#write h2 {
    text-align: center;
    text-transform: uppercase;
}

#write h1 {
    background: var(--bg-title-h1);
    color: var(--color-title-h1);
    font: var(--font-title-h1);
    margin: var(--margin-h1);
}

#write h2 {
    background: var(--bg-title-h2);
    color: var(--color-title-h2);
    font: var(--font-title-h2);
    margin: var(--margin-h2);
}

#write h3 {
    background: var(--bg-title-h3);
    color: var(--color-title-h3);
    font: var(--font-title-h3);
    margin: var(--margin-h3);
}

#write h4 {
    background: var(--bg-title-h4);
    color: var(--color-title-h4);
    font: var(--font-title-h4);
    margin: var(--margin-h4);
}

#write h5 {
    background: var(--bg-title-h5);
    color: var(--color-title-h5);
    font: var(--font-title-h5);
    margin: var(--margin-h5);
}

#write h6 {
    background: var(--bg-title-h6);
    color: var(--color-title-h6);
    font: var(--font-title-h6);
    margin: var(--margin-h6);
}

#write h1:before,
#write h1:after {
    content: "";
    display: block;
    position: relative;
    width: 50%;
    margin: .5rem auto;
}


#write h3::before {
    content: "H3";
}

#write h4::before {
    content: "H4";
}

#write h5::before {
    content: "H5";
}

#write h6::before {
    content: "H6";
}

#write h3::before,
#write h4::before,
#write h5::before,
#write h6::before {
    font-size: .9rem !important;
    vertical-align: bottom;
    margin-right: .5rem;
    padding: 2px;
    border-radius: 5px;
    background: var(--color-text);
    color: var(--bg-write);
}

/* block-element setting */

blockquote,
pre.md-fences,
figure>table,
#write img {
    margin: var(--margin-block);
    padding: var(--padding-block);
}

p {
    margin: var(--margin-text);
    line-height: var(--line-height);
}

/* blockquote setting */

blockquote {
    background: var(--bg-quote);
    border-radius: 5px;
    box-shadow: var(--block-shadow);
    padding-left: 2rem;
    border: 1px solid #9993;
}

blockquote blockquote {
    padding: 0;
    padding-left: 2rem;
    border: none;
    border-left: var(--thick-border);
    border-radius: 0;
    box-shadow: none;
}

blockquote,
blockquote p {
    font: var(--font-quote);
    color: var(--color-quote);
}

blockquote h6 {
    top: -1rem;
}

blockquote h6:before {
    top: -15px;
    content: "" !important;
    position: absolute;
    width: 4px;
    height: 60px;
    background: none !important;
    left: -2rem;
}

blockquote h6 span:first-child:before {
    content: " ";
    position: absolute;
    left: -2rem;
    top: -2px;
    width: .5rem;
    height: 3rem;
    display: block;
    text-align: center;
    font-family: Poppins, sans-serif;
    background: var(--theme-color);
    font-size: xxx-large;
    font-weight: 600;
}

/* list setting */

#write ol {
    list-style: decimal-leading-zero;
}

#write ol ol {
    list-style-type: lower-roman;
}

#write ul ul {
    list-style-type: circle;
}

/* todo list */

.md-task-list-item>input {
    margin-left: -1.5rem;
    top: 5px;
}

.md-task-list-item>input::before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    border-radius: 50%;
    width: 1.3rem;
    height: 1.3rem;
    border: var(--base-border);
    background: #fff;
    -webkit-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
}

.md-task-list-item>input::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 1px;
    width: 0.6rem;
    height: 0.3rem;
    border: 2px solid #fff;
    border-top: 0;
    border-right: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
    -webkit-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
}

.md-task-list-item>input:checked::before {
    background: var(--theme-color);
    border: none;
}

.md-task-list-item>input:checked::after {
    opacity: 1;
}

.md-task-list-item.task-list-done {
    text-decoration: line-through;
    color: var(--color-weakest);
}

/* image setting */

#write img {
    box-shadow: var(--img-shadow);
    border-radius: 5px;
}

/* 使图片去掉阴影 */
img[alt|="no-shadow"] {
    box-shadow: none !important;
}

/* 使图片去掉所有效果 */
img[alt|="normal"] {
    margin: 0 !important;
    box-shadow: none !important;
}

/* horizontal rule */

hr {
    border: none;
    border-bottom: var(--base-border);
    margin: 2rem auto;
    height: 1px;
    width: 50%;
}

hr.pb {
    page-break-after: always;
    border-bottom: 1px solid transparent;
}

/* inline-element setting */

code,
mark,
kbd,
samp,
tt,
var,
#write a,
strong,
em {
    margin: var(--margin-text);
    padding: var(--padding-text);
}

#write a,
ins {
    background-color: var(--bg-link);
    color: var(--color-link);
    text-decoration: none;
}

#write a {
    border-bottom: var(--dashed-border-opt);
}

#write a:hover {
    color: var(--link-hover-color);
    border-bottom-color: var(--link-hover-color);
    text-decoration: none;
}

del {
    color: var(--color-strike);
    background: var(--bg-strike);
}

#write strong {
    background: var(--bg-strong);
    color: var(--color-strong);
}

#write em {
    background: var(--bg-italic);
    color: var(--color-italic);
    text-decoration: underline dotted;
}

em,
strong,
em strong,
strong em {
  font-size: inherit;
}

em strong,
strong em {
    font-weight: 900 !important;
}

#write mark {
    background: var(--bg-highlight);
    color: var(--color-highlight);
}

/* code & code-block setting */

#write pre.md-meta-block,
#write pre.md-fences,
code,
kbd,
samp,
tt,
var {
    font: var(--font-code);
    background: var(--bg-code);
    color: var(--color-code);
}

/* 代码块下的标题颜色过深。修改为浅蓝 */
.cm-s-inner .cm-header,
.cm-s-inner.cm-header {
    color: hsl(215, 100%, 75%);
}

.cm-s-inner .CodeMirror-cursors,
.CodeMirror div.CodeMirror-cursor {
    background-color: var(--theme-color) !important;
    border-left: 2px solid var(--theme-color) !important;
    width: 2px !important;
}

/* code-block setting */


#write pre.md-meta-block {
    min-height: 30px;
    position: sticky;
    padding: 1.5rem;
    margin-top: -1.5rem;
    margin-bottom: 2rem;
}

#write pre.md-fences {
    border-top: 2rem solid var(--bg-code-block);
    padding: var(--padding-block);
    display: block;
    -webkit-overflow-scrolling: touch;
    box-shadow: var(--block-shadow);
    margin: var(--margin-block);
}

#write pre.md-meta-block,
#write pre.md-fences {
    font: var(--font-code);
    border-radius: 5px;
    background: var(--bg-code-block);
    color: var(--color-code);
}

pre.md-fences:before {
    content: ' ';
    background: hsl(2, 96%, 68%);
    box-shadow: 23px 0 #fdbc40, 45px 0 #35cd4b;
    border-radius: 50%;
    margin-top: -2.3rem;
    position: absolute;
    left: 15px;
    height: 12px;
    width: 12px;
}

/* footenote */
.footnotes,
.footnotes em,
.footnotes strong {
    background: var(--bg-footnote);
    color: var(--color-footnote);
    font: var(--font-footnote);
}

.footnotes a {
    color: hsl(215, 100%, 75%);
}

/* table setting */

#write table th,
#write table thead th {
    background: var(--bg-thead);
    padding: .5rem 1rem;
    color: var(--thead-color);
}

#write table caption {
    border-bottom: none;
}

#write table td {
    background: var(--bg-tbody);
    border: var(--divide-border);
    padding: var(--padding-block);
    color: var(--color-text);
}

#write th:hover {
    background: var(--bg-thead-hover);
    color: var(--color-thead-hover);
}

#write td:hover {
    background: var(--bg-tbody-hover);
    color: var(--color-tbody-hover);
}

table tr:nth-child(2n) {
    background: var(--bg-tbody-opt);
    color: var(--tbody-color-opt);
}

/* bugfix start */
figure>table {
    width: 98%;
}

.ty-table-edit {
    margin-top: -10px !important;
}

td.md-reset,
td.md-reset a {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: none !important;
}

.md-grid-board a.md-active,
.md-grid-board a:hover {
    border-color: #333;
    background: #dedede !important;
}

#write .md-grid-board-wrap input {
    text-align: center !important;
}

/* bugfix over */
@media print {
    @page {
        margin: 1cm;
        padding: 1cm;
        size: A4;
    }

    html,
    body,
    content,
    #write {
        margin: 0;
        padding: 0;
    }

    #write * {
        -webkit-text-stroke: 0px;
    }
}
content{
    z-index: -1;
}

#typora-sidebar:before{
    z-index: 1;
}

.sidebar-osx-tab{
    z-index: 99;
}

content,
.on-focus-mode content,
#typora-sidebar {
    background-image: var(--fluent-bg);
    background-attachment: fixed;
    background-position-x: left;
    background-position-y: center;
    background-repeat: no-repeat;
}

content,
.on-focus-mode content {
    background-position-x: center;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: var(--fluent-bg-size);
}

#write table tr,
#write table td {
    border: 1px solid hsla(0, 100%, 75%, 0.3);
}

footer.ty-footer {
    margin: 0 5rem;
    bottom: 1rem;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
}

#write,
ul.dropdown-menu,
.CodeMirror.cm-s-inner,
footer.ty-footer,
.modal-content {
    background: transparent !important;
}

#write:before,
#write:after,
ul.dropdown-menu:before,
#typora-sidebar:before,
footer.ty-footer:before,
#typora-quick-open:before,
.modal-content:before {
    content: "";
    display: block;
    width: 100%;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -99;
    min-height: 100%;
    border-radius: 5px;
    pointer-events: none;
    background-blend-mode: overlay;
}

.ty-on-typewriter-mode #write>[cid]:not(.md-meta-block):last-child {
    margin-bottom: 15rem!important;
    padding-bottom: 5rem;
}


#write:after,
ul.dropdown-menu:after,
#typora-sidebar:before {
    font-size: 0;
    height: 0;
    background-color: #ffffff80;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
}

::-webkit-scrollbar-thumb {
    background-color: hsla(0, 100%, 75%, 0.3);
}

/**fix**/

.info-panel-tab,
#file-library-search,
#outline-content {
    z-index: 99;
}

#typora-sidebar:before {
    z-index: 1;
}

.modal-backdrop {
    position: initial;
}

#typora-sidebar-resizer {
    background: transparent;
    backdrop-filter: blur(55px);
    -webkit-backdrop-filter: blur(55px);
}

input[type=search] {
    background: transparent;
}

.megamenu-menu {
    width: 280px;
}

.megamenu-content {
    padding-left: 280px;
}

.task-list-item input:before {
    background: white;
}

@media (max-width:1300px) {
    content {
        background-size: 100%;
    }
}

@media (min-width:1101px) {

    content {
        background-size: 40%;
    }

    #write {
        margin-top: 25rem;
    }

    .typora-node #write {
        min-height: 2%;
    }

    .ty-on-typewriter-mode #write {
        margin-top: 2rem;
        min-height: calc(100vh - 6rem);
    }

}

@media (max-width:1100px) {
    #write {
        margin-top: 0rem;
    }

    .typora-node #write {
        min-height: 100%;
    }
}@import "";
@import "";

:root {
    --side-bar-bg-color: transparent !important;
    --bg-code-block: #f8f8f880 !important;
    --bg-quote: #f8f8f880 !important;
    --bg-thead: #f0f0f080 !important;
    --bg-tbody: #f8f8f880 !important;
    --bg-tbody-opt: #fcfcfc80 !important;
    --fluent-bg: url(../assets/svg/fans.svg);
    --fluent-bg-size: 50%;
}