C# NativeAOT生成.so 库供Linux下C++调用
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: 0; padding: 0; height: auto; inset: 0px; font-size: 1rem; line-height: 1.42857; overflow-x: hidden; tab-size: 4 }
iframe { margin: auto }
a.url { word-break: break-all }
a:active, a:hover { outline: 0 }
.in-text-selection, ::selection { text-shadow: none; background: var(--select-text-bg-color); color: var(--select-text-font-color) }
#write { margin: 0 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: 0 }
#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: 0; padding-right: 0 } #write { padding-left: 20px; padding-right: 20px } .CodeMirror-sizer { margin-left: 0 !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 }
input[type="checkbox"], input[type="radio"] { line-height: normal; padding: 0 }
*, ::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: rgba(204, 204, 204, 1); font-weight: 700; font-style: italic }
a { cursor: pointer }
sup.md-footnote { padding: 2px 4px; background-color: rgba(238, 238, 238, 0.7); color: rgba(85, 85, 85, 1); 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 0; max-width: calc(100% + 16px); padding: 0 }
figure>table { margin: 0 }
tr { break-inside: avoid; break-after: auto }
thead { display: table-header-group }
table { border-collapse: collapse; border-spacing: 0; width: 100%; overflow: auto; break-inside: auto; text-align: left }
table.md-table td { min-width: 32px }
.CodeMirror-gutters { border-right: 0; background-color: inherit }
.CodeMirror-linenumber { user-select: none }
.CodeMirror { text-align: left }
.CodeMirror-placeholder { opacity: 0.3 }
.CodeMirror pre { padding: 0 4px }
.CodeMirror-lines { padding: 0 }
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; position: relative !important }
.md-fences-adv-panel { width: 100%; margin-top: 10px; text-align: center; padding-top: 0; padding-bottom: 8px; overflow-x: auto }
#write .md-fences.mock-cm { white-space: pre-wrap }
.md-fences.md-fences-with-lineno { padding-left: 0 }
#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: 0 }
.md-reset { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; background: left top; 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: 0 }
blockquote { margin: 1rem 0 }
li .mathjax-block, li p { margin: 0.5rem 0 }
li blockquote { margin: 1rem 0 }
li { margin: 0; position: relative }
blockquote>:last-child { margin-bottom: 0 }
blockquote>:first-child, li>:first-child { margin-top: 0 }
.footnotes-area { color: rgba(136, 136, 136, 1); 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 rgba(0, 0, 0, 0); height: 99%; break-after: avoid; break-before: avoid; font-variant-ligatures: no-common-ligatures } #write { margin-top: 0; padding-top: 0; border-color: rgba(0, 0, 0, 0) !important } .typora-export * { -webkit-print-color-adjust: exact } .typora-export #write { break-after: avoid } .typora-export #write::after { height: 0 } .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: rgba(204, 204, 204, 1); 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 0 0 }
.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: 0; box-shadow: none }
.md-task-list-item { position: relative; list-style-type: none }
.task-list-item.md-task-list-item { padding-left: 0 }
.md-task-list-item>input { position: absolute; top: 0; left: 0; 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: 0 }
.md-toc-content::after, .md-toc::after { display: none }
.md-toc-item { display: block; color: rgba(65, 131, 196, 1) }
.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: 0; 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: 0 0.1em; padding: 0.1em 0.6em; font-size: 0.8em; color: rgba(36, 39, 41, 1); background: rgba(255, 255, 255, 1); border: 1px solid rgba(173, 179, 185, 1); border-radius: 3px; box-shadow: 0 1px rgba(12, 13, 14, 0.2), inset 0 0 2px rgba(255, 255, 255, 1); white-space: nowrap; vertical-align: middle }
.md-comment { color: rgba(162, 127, 3, 1); opacity: 0.6; font-family: var(--monospace) }
code { text-align: left; vertical-align: initial }
a.md-print-anchor { white-space: pre !important; border-style: none !important; display: inline-block !important; position: absolute !important; width: 1px !important; right: 0 !important; outline: 0 !important; background: left top !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: 0 }
video { max-width: 100%; display: block; margin: 0 auto }
iframe { max-width: 100%; width: 100%; border: none }
.highlight td, .highlight tr { border: 0 }
mark { background: rgba(255, 255, 0, 1); color: rgba(0, 0, 0, 1) }
.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: rgba(0, 0, 0, 1) }
@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: 0; white-space: nowrap; border: 0 }
.md-fences-advanced:not(.md-focus) { }
.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: 0; max-height: 100%; 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: 0; margin-right: 0; padding-left: 0; padding-right: 0; list-style: none }
.outline-content ul { margin-top: 0; margin-bottom: 0 }
.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: 0 }
.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: rgba(245, 245, 245, 1); background-color: var(--item-hover-bg-color) }
.outline-item:hover { margin-left: -28px; margin-right: -28px; border-left: 28px solid rgba(0, 0, 0, 0); border-right: 28px solid rgba(0, 0, 0, 0) }
.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 rgba(0, 0, 0, 0) }
.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 { }
.CodeMirror-scroll { z-index: 3 }
.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler { background-color: rgba(255, 255, 255, 1) }
.CodeMirror-gutters { border-right: 1px solid rgba(221, 221, 221, 1); white-space: nowrap }
.CodeMirror-linenumber { padding: 0 3px 0 5px; text-align: right; color: rgba(153, 153, 153, 1) }
.cm-s-inner .cm-keyword { color: rgba(119, 0, 136, 1) }
.cm-s-inner .cm-atom, .cm-s-inner.cm-atom { color: rgba(34, 17, 153, 1) }
.cm-s-inner .cm-number { color: rgba(17, 102, 68, 1) }
.cm-s-inner .cm-def { color: rgba(0, 0, 255, 1) }
.cm-s-inner .cm-variable { color: rgba(0, 0, 0, 1) }
.cm-s-inner .cm-variable-2 { color: rgba(0, 85, 170, 1) }
.cm-s-inner .cm-variable-3 { color: rgba(0, 136, 85, 1) }
.cm-s-inner .cm-string { color: rgba(170, 17, 17, 1) }
.cm-s-inner .cm-property { color: rgba(0, 0, 0, 1) }
.cm-s-inner .cm-operator { color: rgba(152, 26, 26, 1) }
.cm-s-inner .cm-comment, .cm-s-inner.cm-comment { color: rgba(170, 85, 0, 1) }
.cm-s-inner .cm-string-2 { color: rgba(255, 85, 0, 1) }
.cm-s-inner .cm-meta { color: rgba(85, 85, 85, 1) }
.cm-s-inner .cm-qualifier { color: rgba(85, 85, 85, 1) }
.cm-s-inner .cm-builtin { color: rgba(51, 0, 170, 1) }
.cm-s-inner .cm-bracket { color: rgba(153, 153, 119, 1) }
.cm-s-inner .cm-tag { color: rgba(17, 119, 0, 1) }
.cm-s-inner .cm-attribute { color: rgba(0, 0, 204, 1) }
.cm-s-inner .cm-header, .cm-s-inner.cm-header { color: rgba(0, 0, 255, 1) }
.cm-s-inner .cm-quote, .cm-s-inner.cm-quote { color: rgba(0, 153, 0, 1) }
.cm-s-inner .cm-hr, .cm-s-inner.cm-hr { color: rgba(153, 153, 153, 1) }
.cm-s-inner .cm-link, .cm-s-inner.cm-link { color: rgba(0, 0, 204, 1) }
.cm-negative { color: rgba(221, 68, 68, 1) }
.cm-positive { color: rgba(34, 153, 34, 1) }
.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: rgba(255, 0, 0, 1) }
.cm-invalidchar { color: rgba(255, 0, 0, 1) }
.cm-constant { color: rgba(38, 139, 210, 1) }
.cm-defined { color: rgba(181, 137, 0, 1) }
div.CodeMirror span.CodeMirror-matchingbracket { color: rgba(0, 255, 0, 1) }
div.CodeMirror span.CodeMirror-nonmatchingbracket { color: rgba(255, 34, 34, 1) }
.cm-s-inner .CodeMirror-activeline-background { }
.CodeMirror { position: relative; overflow: hidden }
.CodeMirror-scroll { height: 100%; outline: 0; position: relative; box-sizing: content-box }
.CodeMirror-sizer { position: relative }
.CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar { position: absolute; z-index: 6; display: none; outline: 0 }
.CodeMirror-vscrollbar { right: 0; top: 0; overflow: hidden }
.CodeMirror-hscrollbar { bottom: 0; left: 0 }
.CodeMirror-scrollbar-filler { right: 0; bottom: 0 }
.CodeMirror-gutter-filler { left: 0; bottom: 0 }
.CodeMirror-gutters { position: absolute; left: 0; top: 0; 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: left top !important; border: none !important }
.CodeMirror-gutter-background { position: absolute; top: 0; bottom: 0; z-index: 4 }
.CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4 }
.CodeMirror-lines { cursor: text }
.CodeMirror pre { border-radius: 0; border-width: 0; background: left top; font-family: inherit; font-size: inherit; margin: 0; 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 rgba(0, 0, 0, 0); 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: 0; overflow: hidden; visibility: hidden }
.CodeMirror-measure pre { position: static }
.CodeMirror div.CodeMirror-cursor { position: absolute; visibility: hidden; border-right: none; width: 0 }
.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: rgba(255, 255, 255, 1); background-color: rgba(153, 0, 0, 1) }
.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-top-width: 0 !important }
.cm-tw-underline { text-decoration: underline }
@media print { .CodeMirror div.CodeMirror-cursor { visibility: hidden } }
:root { --text-align: justify; --use-dynamic-effect: 1; --h1-hover-effect: 1; --h2-after-effect: 1; --h3-6-hover-effect: 1; --p-hover-effect: 1; --img-hover-effect: 1; --blockquote-hover-effect: 1; --alert-hover-effect: 1; --strong-hover-effect: 1; --em-hover-effect: 1; --u-hover-effect: 1; --mark-hover-effect: 1; --del-hover-effect: 1; --code-hover-effect: 1; --fence-hover-effect: 1; --list-marker-effect: 1; --list-ol-text-style: normal; --hr-hover-effect: 1; --table-hover-effect: 1 }
html { font-size: 16px; max-width: 1080px; margin: 0 auto; padding: 0 20px }
html, body { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", sans-serif; text-align: var(--text-align); overflow-x: hidden; color: rgba(40, 44, 52, 1); -webkit-font-smoothing: antialiased }
content #write { background-color: rgba(254, 254, 254, 1); max-width: 90%; margin: 0 auto; padding-bottom: 7.5rem }
content #write p { word-spacing: 0.1rem; line-height: 1.9rem; margin: 3px }
content #write ol li { padding-left: 0.5rem }
content #write>h1:first-child { font-weight: normal }
content #write>h5.md-focus:before { top: 2px }
::-moz-selection { background-color: rgba(222, 242, 232, 1) }
::selection { background-color: rgba(222, 242, 232, 1) }
#write h1, #write h2, #write h3 { font-style: normal }
#write h1, #write h2 { text-align: center; margin-top: 2rem; margin-bottom: 1rem }
#write h1 { font-size: 2.4rem; position: relative; overflow: hidden; transition: transform 0.4s ease }
#write h1:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(152, 251, 152, 0), rgba(232, 244, 238, 1), rgba(152, 251, 152, 0)); transition: transform 0.4s ease; transform: scaleX(0); transform-origin: center; z-index: -1; display: calc(var(--h1-hover-effect) * var(--use-dynamic-effect)) }
#write h1:hover { transform: scale(calc(1 + 0.1 * var(--h1-hover-effect) * var(--use-dynamic-effect))) }
#write h1:hover:before { transform: scaleX(calc(var(--h1-hover-effect) * var(--use-dynamic-effect))) }
#write h2 { font-size: 2rem; position: relative; padding-bottom: 0.5rem; font-weight: bold }
#write h2:after { content: ""; display: block; width: 30rem; height: 2.5px; margin: 0.5rem auto 0; background: linear-gradient(90deg, rgba(106, 158, 69, 0), rgba(62, 161, 116, 1), rgba(106, 158, 69, 0)); border-radius: 10px; transform: scaleX(0); transition: transform 0.4s ease, background 0.4s ease }
#write h2:hover:after { transform: scaleX(calc(1 * var(--h2-after-effect) * var(--use-dynamic-effect))) }
#write h3 { font-size: 1.8rem }
#write h4 { font-size: 1.5rem }
#write h5 { font-size: 1.3rem }
#write h6 { font-size: 1.2rem }
#write h3, #write h4, #write h5, #write h6 { position: relative; margin-top: 1.5rem; margin-bottom: 0.5rem; transition: transform 0.3s ease }
#write h3:hover, #write h4:hover, #write h5:hover, #write h6:hover { transform: scale(calc(1 + 0.01 * var(--h3-6-hover-effect) * var(--use-dynamic-effect))) }
img { border-radius: 10px; max-width: 100%; display: block; margin: 1em auto; transition: transform 0.15s ease, border-radius 0.15s ease }
img:hover { transform: scale(calc(1 + 0.01 * var(--img-hover-effect) * var(--use-dynamic-effect))); border-radius: calc(10px - 10px * var(--img-hover-effect) * var(--use-dynamic-effect)) }
p { font-size: 1rem; transition: all 0.25s ease }
p:not(:has(img)):hover { background-color: rgba(123, 181, 147, calc(0.1 * var(--p-hover-effect) * var(--use-dynamic-effect))); padding-left: calc(0.5rem * var(--p-hover-effect) * var(--use-dynamic-effect)); padding-right: calc(0.5rem * var(--p-hover-effect) * var(--use-dynamic-effect)); border-radius: calc(10px * var(--p-hover-effect) * var(--use-dynamic-effect)) }
p.md-toc-content:hover { padding-left: 20px }
ul, ol { padding-left: 1.2rem }
ul:first-child, ol:first-child { margin-top: 0 }
ul:last-child, ol:last-child { margin-bottom: 0 }
@keyframes bounce { 0%, 100% { transform: scale(1) } 50% { transform: scale(calc(1 + 0.3 * var(--list-marker-effect) * var(--use-dynamic-effect))) } }
ul .md-list-item::marker { list-style-type: disc; font-size: 27px !important; color: rgba(8, 119, 37, 1); transition: transform 0.3s }
ul .md-list-item:hover::marker { animation: 0.6s ease-in-out bounce }
ul ul .md-list-item::marker { list-style-type: circle; font-size: 27px; color: rgba(8, 109, 33, 1); font-weight: bold; transition: transform 0.3s }
ul ul .md-list-item:hover::marker { animation: 0.6s ease-in-out bounce }
ul ul ul .md-list-item::marker { list-style-type: square; font-size: 27px; color: rgba(87, 160, 19, 1); transition: transform 0.3s }
ul ul ul .md-list-item:hover::marker { animation: 0.6s ease-in-out bounce }
ol .md-list-item::marker { font-family: "Times New Roman", Times, serif; font-size: 20px; font-style: italic }
ol .md-list-item:hover::marker { font-style: var(--list-ol-text-style); font-weight: calc(500 + 100 * var(--list-marker-effect) * var(--use-dynamic-effect)); font-size: calc(20px + 3px * var(--list-marker-effect) * var(--use-dynamic-effect)); color: rgb(0, calc(100 * var(--list-marker-effect) * var(--use-dynamic-effect)), 0) }
blockquote { padding: 0.5rem 1rem; border-left: 8px solid rgba(47, 132, 94, 1); background-color: rgba(232, 244, 235, 1); border-radius: 7px; transition: box-shadow 0.3s ease, border-radius 0.3s ease, border-left 0.3s ease }
blockquote p { margin: 0.1rem 0 }
blockquote:hover { border-left: calc(8px + 1px * var(--blockquote-hover-effect) * var(--use-dynamic-effect)) solid #2f845e; box-shadow: calc(0px + 1px * var(--blockquote-hover-effect) * var(--use-dynamic-effect)) calc(1px + 1px * var(--blockquote-hover-effect) * var(--use-dynamic-effect)) calc(3px + 3px * var(--blockquote-hover-effect) * var(--use-dynamic-effect)) rgba(0, 0, 0, calc(0.15 * var(--blockquote-hover-effect) * var(--use-dynamic-effect))); border-radius: calc(7px + 8px * var(--blockquote-hover-effect) * var(--use-dynamic-effect)) }
blockquote table thead, blockquote .md-table-fig .md-table thead { background-color: rgba(59, 148, 87, 1); color: rgba(59, 59, 59, 0.31) }
blockquote td { background-color: rgba(250, 250, 250, 1) }
.md-alert.md-alert-tip { padding: 0.5rem 1rem; border-left: 8px solid rgba(31, 136, 61, 1); background-color: rgba(232, 244, 235, 1); border-radius: 7px; transition: box-shadow 0.3s ease, border-radius 0.3s ease, border-left 0.3s ease }
.md-alert.md-alert-tip:hover { border-left: calc(8px + 1px * var(--alert-hover-effect) * var(--use-dynamic-effect)) solid #1F883D; box-shadow: calc(0px + 1px * var(--alert-hover-effect) * var(--use-dynamic-effect)) calc(1px + 1px * var(--alert-hover-effect) * var(--use-dynamic-effect)) calc(3px + 3px * var(--alert-hover-effect) * var(--use-dynamic-effect)) rgba(0, 0, 0, calc(0.15 * var(--alert-hover-effect) * var(--use-dynamic-effect))); border-radius: calc(7px + 8px * var(--alert-hover-effect) * var(--use-dynamic-effect)) }
.md-alert.md-alert-tip table thead, .md-alert.md-alert-tip .md-table-fig .md-table thead { background-color: rgba(59, 148, 87, 1); color: rgba(250, 251, 250, 1) }
.md-alert.md-alert-caution { padding: 0.5rem 1rem; border-left: 8px solid rgba(207, 34, 46, 1); background-color: rgba(245, 236, 236, 1); border-radius: 7px; transition: box-shadow 0.3s ease, border-radius 0.3s ease, border-left 0.3s ease }
.md-alert.md-alert-caution:hover { border-left: calc(8px + 1px * var(--alert-hover-effect) * var(--use-dynamic-effect)) solid #CF222E; box-shadow: calc(0px + 1px * var(--alert-hover-effect) * var(--use-dynamic-effect)) calc(1px + 1px * var(--alert-hover-effect) * var(--use-dynamic-effect)) calc(3px + 3px * var(--alert-hover-effect) * var(--use-dynamic-effect)) rgba(0, 0, 0, calc(0.15 * var(--alert-hover-effect) * var(--use-dynamic-effect))); border-radius: calc(7px + 8px * var(--alert-hover-effect) * var(--use-dynamic-effect)) }
.md-alert.md-alert-caution p:hover { background-color: rgba(207, 34, 45, 0.04) }
.md-alert.md-alert-caution ::selection { background-color: rgba(207, 34, 45, 0.09) }
.md-alert.md-alert-caution strong, .md-alert.md-alert-caution em, .md-alert.md-alert-caution code, .md-alert.md-alert-caution a { color: rgba(207, 34, 46, 1) }
.md-alert.md-alert-caution table thead, .md-alert.md-alert-caution .md-table-fig .md-table thead { background-color: rgba(216, 60, 70, 1); color: rgba(250, 251, 250, 1) }
.md-alert.md-alert-caution ul .md-list-item::marker,
.md-alert.md-alert-caution ul ul .md-list-item::marker,
.md-alert.md-alert-caution ul ul .md-list-item::marker,
.md-alert.md-alert-caution ol .md-list-item:hover::marker { color: rgba(207, 34, 46, 1) }
.md-alert.md-alert-warning { padding: 0.5rem 1rem; border-left: 8px solid rgba(154, 103, 0, 1); background-color: rgba(244, 241, 233, 1); border-radius: 7px; transition: box-shadow 0.3s ease, border-radius 0.3s ease, border-left 0.3s ease }
.md-alert.md-alert-warning:hover { border-left: calc(8px + 1px * var(--alert-hover-effect) * var(--use-dynamic-effect)) solid #9A6700; box-shadow: calc(0px + 1px * var(--alert-hover-effect) * var(--use-dynamic-effect)) calc(1px + 1px * var(--alert-hover-effect) * var(--use-dynamic-effect)) calc(3px + 3px * var(--alert-hover-effect) * var(--use-dynamic-effect)) rgba(0, 0, 0, calc(0.15 * var(--alert-hover-effect) * var(--use-dynamic-effect))); border-radius: calc(7px + 8px * var(--alert-hover-effect) * var(--use-dynamic-effect)) }
.md-alert.md-alert-warning p:hover { background-color: rgba(154, 103, 0, 0.04) }
.md-alert.md-alert-warning ::selection { background-color: rgba(154, 103, 0, 0.09) }
.md-alert.md-alert-warning strong, .md-alert.md-alert-warning em, .md-alert.md-alert-warning code, .md-alert.md-alert-warning a { color: rgba(154, 103, 0, 1) }
.md-alert.md-alert-warning table thead, .md-alert.md-alert-warning .md-table-fig .md-table thead { background-color: rgba(183, 131, 28, 1); color: rgba(250, 251, 250, 1) }
.md-alert.md-alert-warning ul .md-list-item::marker,
.md-alert.md-alert-warning ul ul .md-list-item::marker,
.md-alert.md-alert-warning ul ul .md-list-item::marker,
.md-alert.md-alert-warning ol .md-list-item:hover::marker { color: rgba(154, 103, 0, 1) }
.md-alert.md-alert-important { padding: 0.5rem 1rem; border-left: 8px solid rgba(130, 80, 223, 1); background-color: rgba(234, 230, 242, 1); border-radius: 7px; transition: box-shadow 0.3s ease, border-radius 0.3s ease, border-left 0.3s ease }
.md-alert.md-alert-important:hover { border-left: calc(8px + 1px * var(--alert-hover-effect) * var(--use-dynamic-effect)) solid #8250DF; box-shadow: calc(0px + 1px * var(--alert-hover-effect) * var(--use-dynamic-effect)) calc(1px + 1px * var(--alert-hover-effect) * var(--use-dynamic-effect)) calc(3px + 3px * var(--alert-hover-effect) * var(--use-dynamic-effect)) rgba(0, 0, 0, calc(0.15 * var(--alert-hover-effect) * var(--use-dynamic-effect))); border-radius: calc(7px + 8px * var(--alert-hover-effect) * var(--use-dynamic-effect)) }
.md-alert.md-alert-important p:hover { background-color: rgba(130, 80, 223, 0.04) }
.md-alert.md-alert-important ::selection { background-color: rgba(130, 80, 223, 0.09) }
.md-alert.md-alert-important strong, .md-alert.md-alert-important em, .md-alert.md-alert-important code, .md-alert.md-alert-important a { color: rgba(130, 80, 223, 1) }
.md-alert.md-alert-important table thead, .md-alert.md-alert-important .md-table-fig .md-table thead { background-color: rgba(149, 102, 238, 1); color: rgba(250, 251, 250, 1) }
.md-alert.md-alert-important ul .md-list-item::marker,
.md-alert.md-alert-important ul ul .md-list-item::marker,
.md-alert.md-alert-important ul ul .md-list-item::marker,
.md-alert.md-alert-important ol .md-list-item:hover::marker { color: rgba(130, 80, 223, 1) }
.md-alert.md-alert-note { padding: 0.5rem 1rem; border-left: 8px solid rgba(9, 105, 218, 1); background-color: rgba(229, 235, 241, 1); border-radius: 7px; transition: box-shadow 0.3s ease, border-radius 0.3s ease, border-left 0.3s ease }
.md-alert.md-alert-note:hover { border-left: calc(8px + 1px * var(--alert-hover-effect) * var(--use-dynamic-effect)) solid #0969DA; box-shadow: calc(0px + 1px * var(--alert-hover-effect) * var(--use-dynamic-effect)) calc(1px + 1px * var(--alert-hover-effect) * var(--use-dynamic-effect)) calc(3px + 3px * var(--alert-hover-effect) * var(--use-dynamic-effect)) rgba(0, 0, 0, calc(0.15 * var(--alert-hover-effect) * var(--use-dynamic-effect))); border-radius: calc(7px + 8px * var(--alert-hover-effect) * var(--use-dynamic-effect)) }
.md-alert.md-alert-note p:hover { background-color: rgba(9, 105, 218, 0.04) }
.md-alert.md-alert-note ::selection { background-color: rgba(9, 105, 218, 0.09) }
.md-alert.md-alert-note strong, .md-alert.md-alert-note em, .md-alert.md-alert-note code, .md-alert.md-alert-note a { color: rgba(9, 105, 218, 1) }
.md-alert.md-alert-note table thead, .md-alert.md-alert-note .md-table-fig .md-table thead { background-color: rgba(53, 129, 217, 1); color: rgba(250, 251, 250, 1) }
.md-alert.md-alert-note ul .md-list-item::marker,
.md-alert.md-alert-note ul ul .md-list-item::marker,
.md-alert.md-alert-note ul ul .md-list-item::marker,
.md-alert.md-alert-note ol .md-list-item:hover::marker { color: rgba(9, 105, 218, 1) }
.md-alert p { margin: 0.1rem 0 }
blockquote code, .md-alert.md-alert-tip code, .md-alert.md-alert-caution code, .md-alert.md-alert-warning code, .md-alert.md-alert-important code, .md-alert.md-alert-note code { background-color: rgba(103, 103, 103, 0.09) }
.md-alert.md-alert-tip .md-fences::before, .md-alert.md-alert-caution .md-fences::before, .md-alert.md-alert-warning .md-fences::before, .md-alert.md-alert-important .md-fences::before, .md-alert.md-alert-note .md-fences::before { background: rgba(252, 98, 93, 1); box-shadow: 20px 0 rgba(253, 188, 64, 1), 40px 0 rgba(53, 205, 75, 1) }
blockquote td, .md-alert.md-alert-tip td, .md-alert.md-alert-caution td, .md-alert.md-alert-warning td, .md-alert.md-alert-important td, .md-alert.md-alert-note td { background-color: rgba(250, 250, 250, 1) }
.md-alert-text-container { font-size: 20px }
hr { position: relative; margin-top: 2rem; margin-bottom: 2rem; border-top: 2px solid rgba(0, 0, 0, 0); border-right: none; border-bottom: none; border-left: none; background-image: linear-gradient(90deg, rgba(94, 166, 124, 1), rgba(47, 132, 94, 1), rgba(94, 166, 124, 1)); height: 1.5px; overflow: visible; color: rgba(171, 178, 191, 1); opacity: 0.8; border-radius: 5px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15); animation: 0.5s ease-in-out dashanimation; transition: transform 0.3s ease, background-position 0.3s ease, height 0.3s ease; background-size: 200% 100%; background-position: left top }
hr:hover { background-position: calc(100% * var(--hr-hover-effect) * var(--use-dynamic-effect)), 0; transform: scale(calc(1 + 0.02 * var(--hr-hover-effect) * var(--use-dynamic-effect))); height: calc(1.5px + 1px * var(--hr-hover-effect) * var(--use-dynamic-effect)) }
@keyframes dashAnimation { 0% { width: calc(100% - 100% * var(--hr-hover-effect) * var(--use-dynamic-effect)); opacity: calc(1 - 1 * var(--hr-hover-effect) * var(--use-dynamic-effect)) } 100% { width: 100%; opacity: 1 } }
table, .md-table-fig .md-table { border: 1px solid rgba(221, 221, 221, 1); border-radius: 10px; border-collapse: separate; overflow: hidden }
table th, table td, .md-table-fig .md-table th, .md-table-fig .md-table td { padding: 10px 16px; border-top: 1px solid rgba(221, 221, 221, 1); border-left: 1px solid rgba(221, 221, 221, 1); transition: font-size 0.3s ease }
table th:hover, table td:hover, .md-table-fig .md-table th:hover, .md-table-fig .md-table td:hover { font-size: calc(100% + 10% * var(--table-hover-effect) * var(--use-dynamic-effect)) }
table th:first-child, table td:first-child, .md-table-fig .md-table th:first-child, .md-table-fig .md-table td:first-child { border-left: 0 }
table thead, .md-table-fig .md-table thead { background-color: rgba(239, 245, 242, 1); color: rgba(6, 98, 30, 1) }
table caption+thead tr:first-child th, table caption+thead tr:first-child td, table colgroup+thead tr:first-child th, table colgroup+thead tr:first-child td, table thead+tbody tr:first-child th, table thead+tbody tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td, .md-table-fig .md-table caption+thead tr:first-child th, .md-table-fig .md-table caption+thead tr:first-child td, .md-table-fig .md-table colgroup+thead tr:first-child th, .md-table-fig .md-table colgroup+thead tr:first-child td, .md-table-fig .md-table thead+tbody tr:first-child th, .md-table-fig .md-table thead+tbody tr:first-child td, .md-table-fig .md-table thead:first-child tr:first-child th, .md-table-fig .md-table thead:first-child tr:first-child td { border-top: 0 }
table tbody+tbody, .md-table-fig .md-table tbody+tbody { border-top: 2px solid rgba(232, 244, 238, 1) }
.md-table-fig .md-table-edit { background-color: rgba(255, 255, 255, 1) }
.md-table-fig .md-table-edit .btn-default:hover { background-color: rgba(232, 244, 238, 1) }
.md-table-fig .md-table-edit .md-table-resize-popover { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12); border: none; padding: 0; background-color: rgba(0, 0, 0, 0) }
.md-table-fig .md-table-edit .md-table-resize-popover .arrow { top: -10px }
.md-table-fig .md-table-edit .md-table-resize-popover .arrow::after { border-bottom-color: rgba(221, 221, 221, 1) }
.md-table-fig .md-table-edit .md-table-resize-popover .md-reset { border-radius: 10px; background-color: rgba(255, 255, 255, 1) }
.md-table-fig .md-table-edit .md-table-resize-popover .md-reset input { color: rgba(40, 44, 52, 1) !important }
.md-table-fig .md-table-edit .md-table-resize-popover .md-reset input#md-grid-width, .md-table-fig .md-table-edit .md-table-resize-popover .md-reset input#md-grid-height { text-align: center }
.md-table-fig .md-table-edit .md-table-resize-popover .popover-title { border-top: 1px solid rgba(238, 238, 238, 1) }
#write pre.md-meta-block { background: rgba(234, 243, 236, 1); color: rgba(63, 138, 95, 1); border: 0; border-radius: 6px; line-height: 1.3rem; padding: 0.5rem 1.5rem; margin-top: -1rem; margin-bottom: 2rem }
.md-toc { margin-bottom: 1.25rem }
.md-task-list-item>input::before { content: ""; position: absolute; top: -1.5px; left: -3.5px; border-radius: 50%; width: 20px; height: 20px; border: 1px solid rgba(115, 115, 115, 1); background: rgba(255, 255, 255, 1); -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: 5px; left: 1px; width: 0.6rem; height: 0.3rem; border-top: 0; border-right: 0; border-bottom: 2px solid rgba(255, 255, 255, 1); border-left: 2px solid rgba(255, 255, 255, 1); -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-color: rgba(57, 155, 111, 1); border: none }
.md-task-list-item>input:checked::after { opacity: 1 }
.md-task-list-item.task-list-done { text-decoration: line-through; color: rgba(153, 153, 153, 1) }
.footnotes { font-size: 1rem }
.mathjax-block[contenteditable="false"]:active, .mathjax-block[contenteditable="false"]:focus, .md-htmlblock[contenteditable="false"]:active, .md-htmlblock[contenteditable="false"]:focus { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12) }
.mathjax-block:hover .md-rawblock-container, .mathjax-block:hover .md-rawblock-tooltip, .md-htmlblock:hover .md-rawblock-container, .md-htmlblock:hover .md-rawblock-tooltip { background-color: rgba(245, 246, 247, 1); -webkit-animation: showRawBlockTooltip 0s linear; animation: 0s linear showrawblocktooltip }
.mathjax-block:hover .md-rawblock-container, .md-htmlblock:hover .md-rawblock-container { border-radius: 6px 0 6px 6px }
.mathjax-block .md-rawblock-control, .md-htmlblock .md-rawblock-control { background-color: rgba(245, 246, 247, 1) }
.mathjax-block .md-rawblock-tooltip, .md-htmlblock .md-rawblock-tooltip { background-color: rgba(245, 246, 247, 1); -webkit-animation: showRawBlockTooltip 0s linear; animation: 0s linear showrawblocktooltip; border-radius: 4px 4px 0 0 }
.mathjax-block .md-mathblock-panel .code-tooltip[contenteditable="false"] { -webkit-box-shadow: none; box-shadow: none }
.mathjax-block .md-mathblock-panel .md-rawblock-before { padding-top: 6px; border-top-left-radius: 6px }
.mathjax-block .md-mathblock-panel .md-rawblock-after { padding-bottom: 6px }
.mathjax-block .md-mathblock-panel .md-rawblock-input .cm-s-inner { color: rgba(40, 44, 52, 1) }
.mathjax-block .md-mathblock-panel .md-rawblock-input .cm-s-inner .CodeMirror-lines { color: rgba(40, 44, 52, 1) }
.mathjax-block .md-mathblock-panel .md-rawblock-input .cm-s-inner .CodeMirror-gutters { background-color: rgba(245, 246, 247, 1) }
.mathjax-block .md-mathblock-panel .md-rawblock-input .cm-s-inner .CodeMirror-selected, .mathjax-block .md-mathblock-panel .md-rawblock-input .cm-s-inner .CodeMirror-selectedtext { background-color: rgba(186, 198, 233, 1) !important }
.mathjax-block .md-math-container { padding-top: 10px; padding-bottom: 10px }
.md-htmlblock .md-htmlblock-panel { border-radius: 10px 0 10px 10px; padding-left: 6px; padding-right: 6px }
.md-htmlblock .md-htmlblock-panel .md-rawblock-input { padding-top: 14px; padding-bottom: 10px }
.md-htmlblock .md-htmlblock-panel .md-rawblock-input .cm-s-inner .CodeMirror-selected, .md-htmlblock .md-htmlblock-panel .md-rawblock-input .cm-s-inner .CodeMirror-selectedtext { background-color: rgba(222, 242, 232, 1) !important }
strong { font-weight: bold; color: rgba(6, 98, 30, 1); font-size: 1.05rem; transition: font-size 0.3s ease, padding 0.3s ease; display: inline-block; margin: 0 2px }
strong:hover { font-size: calc(1.05rem + 0.05rem * var(--strong-hover-effect) * var(--use-dynamic-effect)); padding: calc(0px + 3px * var(--strong-hover-effect) * var(--use-dynamic-effect)) }
em { background-color: inherit; color: rgba(0, 0, 0, 1); transition: all 0.3s ease; padding-left: 1px; padding-right: 1px }
em:hover { color: rgba(0, 100, 0, 1); font-weight: calc(500 + 100 * var(--em-hover-effect) * var(--use-dynamic-effect)); padding-left: calc(1px + 2px * var(--em-hover-effect) * var(--use-dynamic-effect)); padding-right: calc(1px + 2px * var(--em-hover-effect) * var(--use-dynamic-effect)) }
u { background-color: inherit; color: inherit; text-decoration: none; border-bottom: 2px solid rgba(9, 156, 70, 1); padding-bottom: 2.5px; transition: all 0.3s ease }
u:hover { border-top: ; border-right: ; border-bottom: 2px solid rgba(9, 156, 70, 1); border-left: ; padding: 2.5px; margin: calc(0px + 4px * var(--u-hover-effect) * var(--use-dynamic-effect)); border-radius: calc(0px + 7px * var(--u-hover-effect) * var(--use-dynamic-effect)) }
h1 code, h2 code, h3 code, h4 code, h5 code, h6 code { font-size: inherit }
code { background-color: rgba(221, 235, 213, 0.5); color: rgba(53, 157, 9, 1); font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; margin: 0 2px; padding: 3px 3px 1px; border-radius: 7px; transition: all 0.3s ease; z-index: -1 }
code:hover { background-color: rgba(221, 235, 213, calc(0.5 + 0.5 * var(--code-hover-effect) * var(--use-dynamic-effect))); font-weight: calc(550 + 150 * var(--code-hover-effect) * var(--use-dynamic-effect)); padding: 3px 3px calc(1px + 2px * var(--code-hover-effect) * var(--use-dynamic-effect)) }
del { color: rgba(50, 100, 50, 0.5); text-decoration: rgba(76, 175, 80, 0.7) line-through; text-decoration-thickness: 1.5px; font-style: italic; opacity: 0.8; transition: color 0.3s ease, opacity 0.3s ease }
del:hover { color: rgba(50, 100, 50, calc(0.5 + 0.5 * var(--del-hover-effect) * var(--use-dynamic-effect))); opacity: calc(0.8 + 0.2 * var(--del-hover-effect) * var(--use-dynamic-effect)); text-decoration-color: rgba(76, 175, 80, calc(0.7 + 0.3 * var(--del-hover-effect) * var(--use-dynamic-effect))) }
mark { font-weight: 500; background-color: rgba(174, 230, 195, 1); color: inherit; margin: 0 2px; padding: 3px 3px 2.5px; border-radius: 0; transition: all 0.3s ease }
mark:hover { border-radius: calc(0px + 7px * var(--mark-hover-effect) * var(--use-dynamic-effect)); background-color: rgba(174, 230, 195, calc(1 - 0.5 * var(--mark-hover-effect) * var(--use-dynamic-effect))); padding: 3px 3px calc(2.5px + 1.5px * var(--mark-hover-effect) * var(--use-dynamic-effect)) }
a { background-color: inherit; color: rgba(12, 143, 148, 1); text-decoration: none; transition: color 0.3s ease }
a:hover { text-decoration: underline; color: rgba(2, 80, 42, 1) }
a img { border: none }
.md-fences { font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgba(47, 79, 79, 1); background-color: rgba(255, 255, 255, 1); padding: 32px 17px 17px; border-radius: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative }
.md-fences::before { background: rgba(1, 94, 25, 1); border-radius: 50%; box-shadow: 20px 0 rgba(6, 143, 40, 1), 40px 0 rgba(116, 219, 38, 1); content: " "; height: 12px; width: 12px; position: absolute; left: 13px; top: 12px; transition: all 0.3s ease }
@keyframes bounce-code { 0%, 100% { width: 100%; height: 100%; transform: translate(0, 0) } 50% { transform: translate(calc(-3px * var(--fence-hover-effect) * var(--use-dynamic-effect)), calc(-3px * var(--fence-hover-effect) * var(--use-dynamic-effect))) } }
.md-fences:hover { animation: 0.5s ease-in-out bounce-code; box-shadow: 0 calc(1px + 1px * var(--fence-hover-effect) * var(--use-dynamic-effect)) calc(3px + 1px * var(--fence-hover-effect) * var(--use-dynamic-effect)) rgba(0, 0, 0, calc(0.15 + 0.05 * var(--fence-hover-effect) * var(--use-dynamic-effect))) }
.md-fences:hover::before { background: rgba(252, 98, 93, 1); box-shadow: 20px 0 rgba(253, 188, 64, 1), 40px 0 rgba(53, 205, 75, 1) }
.code-tooltip[contenteditable="false"] { border-radius: 7px }
.cm-s-inner .CodeMirror-linenumber { margin-left: 7px; margin-right: 3px; color: rgba(47, 132, 94, 1) }
.cm-s-inner .cm-keyword { color: rgba(34, 47, 167, 1); font-weight: bold }
.cm-s-inner .cm-operator { color: rgba(0, 100, 0, 1) }
.cm-s-inner .cm-variable { color: rgba(35, 157, 55, 1); font-weight: bold }
.cm-s-inner .cm-variable-2 { color: rgba(16, 137, 121, 1) }
.cm-s-inner .cm-variable-3 { color: rgba(24, 61, 162, 1); font-weight: bold; font-style: italic }
.cm-s-inner .cm-builtin { color: rgba(0, 100, 0, 1); font-style: italic }
.cm-s-inner .cm-atom { color: rgba(59, 143, 143, 1) }
.cm-s-inner .cm-number { color: rgba(62, 25, 207, 1) }
.cm-s-inner .cm-def { color: rgba(16, 98, 62, 1); font-weight: bold }
.cm-s-inner .cm-string { color: rgba(2, 100, 191, 1); font-style: italic }
.cm-s-inner .cm-string-2 { color: rgba(107, 142, 35, 1) }
.cm-s-inner .cm-comment { color: rgba(106, 115, 125, 1); font-style: italic }
.cm-s-inner .cm-tag { color: rgba(4, 44, 153, 1) }
.cm-s-inner .cm-attribute { color: rgba(43, 52, 227, 1) }
.cm-s-inner .cm-property { color: rgba(46, 139, 87, 1) }
.cm-s-inner .cm-qualifier { color: rgba(46, 139, 87, 1) }
.cm-s-inner .cm-meta { color: rgba(9, 159, 139, 1); font-weight: bold; font-style: italic }
.cm-s-inner .cm-link { color: rgba(21, 101, 192, 1); text-decoration: underline }
.cm-s-inner .cm-error { color: rgba(211, 47, 47, 1); background-color: rgba(255, 221, 221, 1) }
.cm-s-inner .cm-boolean { color: rgba(34, 139, 34, 1); font-weight: bold }
.cm-s-inner .cm-type { color: rgba(21, 101, 192, 1); font-weight: bold }
.cm-s-inner .cm-header { color: rgba(46, 139, 87, 1); font-weight: bold }
.cm-s-inner .cm-quote { color: rgba(53, 3, 168, 1); font-style: italic }
::-webkit-scrollbar { width: 8px }
::-webkit-scrollbar-track { background: rgba(250, 250, 250, 1) }
::-webkit-scrollbar-thumb { background: linear-gradient(45deg, rgba(74, 173, 35, 1), rgba(27, 91, 62, 1)) !important; border-radius: 5px }
#typora-quick-open { background-color: rgba(255, 255, 255, 1); color: rgba(40, 44, 52, 1) }
#typora-quick-open .typora-quick-open-item.active { background-color: rgba(186, 198, 233, 1) !important }
#typora-quick-open .ty-quick-open-category-title { border-top: 1px solid rgba(238, 238, 238, 1) !important }
#common-dialog .modal-dialog .modal-content { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12); background-color: rgba(245, 246, 247, 1); border: none; border-radius: 6px }
#common-dialog .modal-dialog .modal-content .modal-footer .btn-default:hover { background-color: rgba(186, 198, 233, 1) !important }
.ty-preferences { font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgba(40, 44, 52, 1) }
.ty-preferences .window-header h2 { font-size: 1.6rem }
.ty-preferences .sidebar { font-size: 1.4rem }
.ty-preferences .sidebar .nav-group-item.active, .ty-preferences .sidebar .nav-group-item:active { color: rgba(239, 239, 239, 1); background-color: rgba(47, 132, 94, 1) }
.html-for-mac #typora-sidebar { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12) }
#md-notification { background-color: rgba(255, 255, 255, 1) !important }
#md-notification #ty-surpress-mode-warning-close-btn:hover { background-color: rgba(186, 198, 233, 1) !important }
#megamenu-menu-sidebar { color: rgba(40, 44, 52, 1); font-size: 1rem }
#megamenu-menu-sidebar #megamenu-menu-list { border-top-color: rgba(47, 53, 58, 1); background-color: rgba(47, 53, 58, 1) }
#megamenu-menu-sidebar #megamenu-menu-list li a { color: rgba(227, 222, 222, 1) !important }
#megamenu-menu-sidebar #megamenu-menu-list li a.active, #megamenu-menu-sidebar #megamenu-menu-list li a:hover { background-color: rgba(62, 66, 73, 1) !important }
#megamenu-menu-sidebar #megamenu-menu-list li a#m-saved { background-color: rgba(0, 0, 0, 0) !important }
.megamenu-opened .megamenu-menu { left: 0 }
#megamenu-content { color: rgba(0, 0, 0, 1) }
#typora-sidebar .info-panel-tab-wrapper .info-panel-tab .info-panel-tab-border { background-color: rgba(47, 132, 94, 1); border-radius: 4px }
#typora-sidebar .sidebar-osx-tab .sidebar-tabs { border-bottom-color: rgba(0, 0, 0, 0) }
#typora-sidebar #sidebar-content .file-list-item { border-bottom: 1px solid rgba(238, 238, 238, 1) }
#typora-sidebar #sidebar-content .file-list-item.active { background-color: rgba(66, 185, 131, 0.1); border-left: 4px solid rgba(47, 132, 94, 1) }
#typora-sidebar #sidebar-content .ty-sidebar-search-panel { border-bottom: 1px solid rgba(238, 238, 238, 1) }
#typora-sidebar #sidebar-content .ty-sidebar-search-panel .searchpanel-search-option-btn { background-color: rgba(255, 255, 255, 1) }
#typora-sidebar #sidebar-content .sidebar-content-content .file-tree-node:not(.file-node-root):hover>.file-node-background { border-left: 4px solid rgba(47, 132, 94, 1); background-color: rgba(66, 185, 131, 0.1) }
#typora-sidebar #sidebar-content .sidebar-content-content .file-tree-node.active>.file-node-background { border-color: rgba(47, 132, 94, 1); background-color: rgba(66, 185, 131, 0.1) }
#typora-sidebar #sidebar-content .sidebar-content-content #file-library-list-children .file-library-file-node:hover { border-left: 4px solid rgba(47, 132, 94, 1); background-color: rgba(66, 185, 131, 0.1) }
#typora-sidebar #sidebar-content #outline-content .no-collapse-outline .outline-item { line-height: 1.375rem; font-size: 1rem }
#typora-sidebar #sidebar-content #outline-content .outline-expander:before { color: inherit; font-size: 14px; top: auto; content: ""; font-family: FontAwesome }
#typora-sidebar #sidebar-content #outline-content .outline-expander:hover:before, #typora-sidebar #sidebar-content #outline-content .outline-item-open>.outline-item>.outline-expander:before { content: "" }
#typora-sidebar #sidebar-content #outline-content .outline-item:hover { background-color: rgba(232, 244, 238, 1) !important }
#typora-sidebar #ty-sidebar-footer { border-top: 1px solid rgba(238, 238, 238, 1) }
#typora-sidebar #ty-sidebar-footer .sidebar-footer-item:hover { background-color: rgba(202, 235, 219, 1) !important }
#typora-sidebar #ty-sidebar-footer #sidebar-files-menu { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12) }
.dropdown-menu>.show+.menuitem-group-label.show { border-top: 1px solid rgba(238, 238, 238, 1) !important }
.dropdown-menu li a { color: rgba(40, 44, 52, 1) !important }
.dropdown-menu li a:hover { background-color: rgba(232, 244, 238, 1) !important }
.dropdown-menu .divider { border-color: rgba(255, 255, 255, 1) }
#sidebar-files-menu, #toc-dropmenu, .auto-suggest-container { background-color: rgba(255, 255, 255, 1); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12); border: none }
#toc-dropmenu .outline-item:hover { background-color: rgba(202, 235, 219, 1) !important }
.auto-suggest-container { padding-top: 4px; padding-bottom: 4px }
.auto-suggest-container li.active, .auto-suggest-container li:hover { background-color: rgba(212, 238, 225, 1) !important }
#typora-source { font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgba(106, 106, 106, 1) }
#typora-source .cm-s-typora-default .cm-header, #typora-source .cm-s-typora-default .cm-property, #typora-source .CodeMirror.cm-s-typora-default div.CodeMirror-cursor { color: rgba(66, 139, 202, 1) }
#typora-source .cm-s-typora-default .cm-atom, #typora-source .cm-s-typora-default .cm-number { color: rgba(119, 119, 119, 1) }
#typora-source .CodeMirror-selectedtext { background-color: rgba(0, 0, 0, 0) !important }
.typora-node .file-list-item-parent-loc, .typora-node .file-list-item-time, .typora-node .file-list-item-summary { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", sans-serif }
C# NativeAOT生成.so 库供Linux下C++调用
#nativeAOT
最终目标
使用 C# 编写
Add(int a, int b)→ 编译为libadd.so→ 在 Linux C++ 中通过dlopen + dlsym调用
第 1 步：创建 NativeAOT 项目
xxxxxxxxxx
dotnet new classlib -n AddLibrary
cd AddLibrary
修改 AddLibrary.csproj
编辑 AddLibrary.csproj 文件，设置为使用 NativeAOT 编译：
xxxxxxxxxx
<Project Sdk="Microsoft.NET.Sdk">
<PropertyGroup>
<OutputType>Library</OutputType>
<TargetFramework>net8.0</TargetFramework>
<PublishAot>true</PublishAot>
<SelfContained>true</SelfContained>
<UseNativeAot>true</UseNativeAot>
</PropertyGroup>
</Project>
第 2 步：编写导出函数（Add）
创建或替换 Class1.cs 文件内容如下：
using System;
using System.Runtime.InteropServices;
public static class Exports
{
[UnmanagedCallersOnly(EntryPoint = "Add")]
public static int Add(int a, int b)
{
return a + b;
}
}
第 3 步：在 Linux 或 WSL 中发布为 .so（WSL为例）
️ 安装WSL
xxxxxxxxxx
wsl --install
️WSL下安装配置dotnet库
xxxxxxxxxx
wget https://dotnet.microsoft.com/download/dotnet/scripts/v1/dotnet-install.sh
chmod +x dotnet-install.sh
./dotnet-install.sh --version 8.0.204
️配置环境变量
你只需在终端执行（或添加到 ~/.bashrc / ~/.zshrc）：
xxxxxxxxxx
export DOTNET_ROOT=$HOME/.dotnet export PATH=$PATH:$HOME/.dotnet:$HOME/.dotnet/tools
然后运行：
xxxxxxxxxx
source ~/.bashrc # 或 ~/.zshrc，如果你用的是 zsh
确认安装成功：
xxxxxxxxxx
dotnet --version
输出 8.0.204 即成功！
️安装构建环境
xxxxxxxxxx
sudo apt update
sudo apt install -y build-essential clang zlib1g-dev
解释：
build-essential：包含gcc,g++,make,ld等工具clang：LLVM 链接器（NativeAOT 优先使用）zlib1g-dev：NativeAOT 部分场景下需要
验证是否安装成功
xxxxxxxxxx
gcc --version
clang --version
你 必须在 Linux 或 WSL 环境下 执行： 示例：项目位于 d:/Work/Test/NativeAOT/ULib
xxxxxxxxxx
cd /mnt/d/Work/Test/NativeAOT/ULib
dotnet publish -c Release -r linux-x64
输出文件位于：
xxxxxxxxxx
bin/Release/net8.0/linux-x64/native/AddLibrary.so
可重命名为：
xxxxxxxxxx
cp bin/Release/net8.0/linux-x64/native/AddLibrary.so ./libadd.so
第 4 步：用 C++ 调用 libadd.so
创建一个 main.cpp：
xxxxxxxxxx
#include <iostream>
#include <dlfcn.h>
typedef int (*AddFunc)(int, int);
int main() {
//加载当前目录下的libadd.so
void* handle = dlopen("./libadd.so", RTLD_NOW);
if (!handle) {
std::cerr << "Failed to load .so: " << dlerror() << std::endl;
return 1;
}
AddFunc add = (AddFunc)dlsym(handle, "Add");
if (!add) {
std::cerr << "Failed to find symbol: " << dlerror() << std::endl;
dlclose(handle);
return 2;
}
int result = add(10, 20);
std::cout << " Add(10, 20) = " << result << std::endl;
dlclose(handle);
return 0;
}
第 5 步：编译并运行 C++ 调用测试
确保在main.cpp和libadd.so所在的目录中运行
xxxxxxxxxx
g++ main.cpp -o testadd -ldl
./testadd
输出：
xxxxxxxxxx
Add(10, 20) = 30
最终结构示意
xxxxxxxxxx
AddLibrary/
├── AddLibrary.csproj
├── Class1.cs (含 Add 方法)
├── bin/
│ └── Release/...
├── libadd.so <-- 编译后复制出来
└── main.cpp <-- 调用测试
额外建议
| 目标 | 操作 |
|---|---|
自动编译 .so + 测试 |
写 build.sh 脚本 |
发布 Windows .dll |
-r win-x64 |
| 多函数导出 | 增加多个 [UnmanagedCallersOnly(EntryPoint = "...")] |
| 高性能 | 避免复杂对象，使用基本类型指针（int, float*） |
总结命令回顾
dotnet new classlib -n AddLibrary
# 编辑代码 & csproj
dotnet publish -c Release -r linux-x64
g++ main.cpp -o testadd -ldl
./testadd
C# NativeAOT生成.so 库供Linux下C++调用的更多相关文章
- linux下java调用.so动态库方法2： JNA
摘自:http://blog.csdn.net/todorovchen/article/details/21319033 另请参见: http://blog.sina.com.cn/s/blog_8c ...
- linux下java调用C
linux下java调用C 分类: linux2012-05-22 09:12 1529人阅读 评论(0) 收藏 举报 javalinuxmakefilegccclasscommand 下面是在ubu ...
- linux下java调用.so文件的方法1： JNI
摘自http://blog.163.com/squall_smile/blog/static/6034984020129296931793/ https://my.oschina.net/simabe ...
- linux下C调用lua的第一个程序
linux下C调用lua的第一个程序 linux的环境是Fedora 18,运行在VM workstation中,以开发模式安装,自带了lua 5.1.4,可以在命令行上直接用lua命令进入到lua环 ...
- Linux下JNA 调用 so 库
原文:https://blog.csdn.net/withiter/article/details/8077470 博文链接:https://i.cnblogs.com/EditPosts.aspx? ...
- Linux 下Python调用C++编写的动态库
在工程中用到使用Python调用C++编写的动态库,结果报如下错误: OSError: ./extract_str.so: undefined symbol: _ZNSt8ios_base4InitD ...
- linux下python3调用c代码或者python3调用c++代码
前几篇的blog都是为了这个实验做基础,先说 原因是python调用数据库150w条数据22s,然后处理数据,其实就2个简单的for循环,65s 需求: 1. python调用c++函数 2. c++ ...
- 中标麒麟(linux)下Qt调用python
转自:https://blog.csdn.net/lwlgzy/article/details/83857297 http://www.cnblogs.com/jiaping/p/6321859.ht ...
- linux下线程调用sleep,进程挂起
http://blog.csdn.net/horstlinux/article/details/7911457 http://blog.csdn.net/eroswang/article/detail ...
- C++库研究笔记——Linux下是否需要使用memory pool？
Linux Slab分配器(一)--概述 Linux slab 分配器剖析 C++库研究笔记——内存池实现 做了一些测试:发现linux使用内存池与否没有明显差别,仅仅有2倍. Linux内存处理机制 ...
随机推荐
- `go install`指令行为分析
分析go install [build flags] [packages]指令做了什么,如何实现安装GO软件,我们如何编写一个软件使得可以使用该指令安装自己编写的程序. 参考go官方文档 安装位置 $ ...
- linux服务器开启BBR
BBR TCP拥塞控制算法,是 Google 为优化网络传输性能而研发的网络优化协议,尤其是在高延迟.高丢包的网络环境下可以显著提升网络传输效率,改善用户体验.开启 BBR 的主要好处: 提高带宽利用 ...
- goland JetBrains编辑器：代码爆红找不到引用，但项目可运行
前言 goland JetBrains 编辑器:代码爆红找不到引用,但项目可运行 解决 goland 缓存已满,需要清除缓存
- Oracle - ORA-19809: 超出了恢复文件数的限制
场景重现 使用rman执行以下命令进行数据库备份的时候出现异常: RMAN> backup database; 出现如下错误: # 主要异常信息如下: # ... RMAN-00571: === ...
- C多进程
这篇文章主要是想针对多进程的创建和一些通信手段来进行一下记录 创建子进程 关于创建子进程的原型一般都是用的这个,直接fork,这个函数在父进程中调用,在父子进程中各有一个pid_t类型的返回值,父进程 ...
- Sunshine+Moonlight让安卓Pad或IPad变6ms低延迟高质量无线显示器 #串流 #无线副屏
1.背景 最近看到多个博主在分享局域网或者公网使用Sunshine+Moonlight串流技术,将电脑画面投屏到其他屏幕(电视.安卓和苹果平板等等),宣称是个位数的延迟,并且能用平板打steam游戏( ...
- 从 Excel 到你的表格应用：数据验证功能的嵌入实践指南
前言: 随着信息化的不断发展,传统表格软件已无法满足用户对便携性.数据自动化管理等日益复杂的要求,将电子表格与其他系统结合.开发自己的表格应用已成为愈发火热的趋势. 然而,当企业需要将 Excel 的 ...
- VSCode输出框中文乱码问题
vscode输出中文的时候,总是出现乱码.找了一个一劳永逸解决问题的方法,转载的,原教程地址:https://blog.csdn.net/a19990412/article/details/90270 ...
- 什么是 Write-Ahead Logging (WAL) 技术？它的优点是什么？MySQL 中是否用到了 WAL？
什么是 Write-Ahead Logging (WAL) 技术? Write-Ahead Logging (WAL) 是一种用于数据库系统的日志记录技术,它要求在对数据库进行任何修改之前,所有的修改 ...
- Go工程选择开源分库分表中间件可用性测试
近期在寻找Go工程可以用的开源分库分表中间件,找了3个:ShardingSphere-Proxy,Kingshard,Gaea,下面给出测试过程和对比结果 ShardingSphere-Proxy h ...