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 }

在Unity中玩转表达式树：解锁游戏逻辑的动态魔法

在Unity 2021 LTS版本中，结合Burst Compiler可以将表达式树编译后的委托性能提升至接近原生C++代码水平，特别适合高频调用的游戏系统（如物理伤害计算、AI决策等）

参考：git-amend

Expression

一、为什么要学习表达式树？

传统Unity开发面临三大痛点：

  1. 逻辑固化 - 编译后无法修改行为逻辑
  2. 组件强耦合 - GameObject之间依赖关系复杂
  3. 动态性不足 - 难以实现运行时逻辑热替换

表达式树(Expression Trees)技术通过将代码转换为可操作的数据结构，完美解决了这些问题。它允许我们：

  • 运行时动态构建逻辑运行时动态构建逻辑
  • 实现组件间的弱耦合通信实现组件间的弱耦合通信
  • 支持可视化配置游戏行为支持可视化配置游戏行为

二、核心应用场景

  1. 动态技能系统

  2. 数据驱动AI

    • 通过JSON配置行为树
    • 运行时解析并生成表达式
    • 实现无需重新编译的AI逻辑更新

  3. MOD支持系统

    • 玩家自定义逻辑脚本
    • 安全沙箱运行表达式
    • 实时加载玩家创作内容

三、实战演示

一、 属性获取器

传统模式缺陷：

 
 
 
xxxxxxxxxx
 
 
 
 
public int GetPlayerStat(Player p, string statName)
{
    switch(statName)
    {
        case "Health": return p.Health;
        case "Mana": return p.Mana;
        // 每新增一个属性需要修改此处
    }
}
 
 

表达式树：

 
 
 
xxxxxxxxxx
 
 
 
 
using System;
using System.Linq.Expressions;
using UnityEngine;


public class ExpressionTreeDemo : MonoBehaviour {


    void Start() {


        Player player = new () { Health = 100 };


        Func<Player, int> healthProperty = CreatePropertyGetter<Player, int>("Health");


        Debug.Log($"Player Health: {healthProperty(player)}");


    }




    public int GetPlayerStat(Player player, string statName) {


        Func<Player, int> propertyGetter = CreatePropertyGetter<Player, int>(statName);


        return propertyGetter(player);


    }




    public Func<T, TProperty> CreatePropertyGetter<T, TProperty>(string propertyName) {


        ParameterExpression param = Expression.Parameter(typeof(T), "x");


        MemberExpression property = Expression.Property(param, propertyName);


        Expression<Func<T, TProperty>> lambda = Expression.Lambda<Func<T, TProperty>>(property, param);


        return lambda.Compile();


    }


}












 


 






应用场景：获取对象属性 技术要点：


  1. 属性访问表达式属性访问表达式：Expression.Property


二、条件触发系统




 


 


 














xxxxxxxxxx




 


 






 


 


public class ConditionTrigger : MonoBehaviour 




{


    public string ConditionExpression = "Player.Health.CurrentHP < 0.3";


    public GameObject ContextObject;




    private Func<GameObject, bool> _compiledCondition;


    private static Dictionary<string, Func<GameObject, bool>> _cache = new();




    void Start()


    {


        if (!_cache.TryGetValue(ConditionExpression, out _compiledCondition))


        {


            var elements = ConditionExpression.Split('.');


            var rootObj = Expression.Parameter(typeof(GameObject), "context");


            Expression accessChain = rootObj;


            foreach (var element in elements.Skip(1))


            {


                accessChain = Expression.PropertyOrField(accessChain, element);


            }




            var conditionExpr = BuildComparison(accessChain, "<", Expression.Constant(0.3f));


            _compiledCondition = Expression.Lambda<Func<GameObject, bool>>(conditionExpr, rootObj).Compile();


            _cache[ConditionExpression] = _compiledCondition;


        }


    }




    void Update()


    {


        if (_compiledCondition(ContextObject))


        {


            Debug.Log("触发条件！");


        }


    }




    private Expression BuildComparison(Expression left, string operatorStr, Expression right)


    {


        return operatorStr switch


        {


            "<" => Expression.LessThan(left, right),


            ">" => Expression.GreaterThan(left, right),


            "==" => Expression.Equal(left, right),


            "!=" => Expression.NotEqual(left, right),


            "<=" => Expression.LessThanOrEqual(left, right),


            ">=" => Expression.GreaterThanOrEqual(left, right),


            _ => throw new NotSupportedException($"不支持的运算符: {operatorStr}")


        };


    }


}












 


 






应用场景：动态游戏事件触发 优势对比：






传统方式
表达式树方案






硬编码条件判断
支持运行时修改条件逻辑




需要预定义所有情况
可通过配置文件动态加载






三、行为链组合




 


 


 














xxxxxxxxxx




 


 






 


 


using System;




using System.Collections.Generic;


using System.Linq;


using System.Linq.Expressions;


using UnityEngine;




// 使用示例


public class ComboExample : MonoBehaviour


{


    private ComboSystem _comboSystem;




    void Start()


    {


        _comboSystem = new ComboSystem();




        // 添加连招动作


        _comboSystem.ActionExpressions.Add(GetComboExpression(typeof(AttackAnimation), nameof(AttackAnimation.Play), Expression.Constant("SwordSwing")));


        _comboSystem.ActionExpressions.Add(GetComboExpression(typeof(EffectsManager), nameof(EffectsManager.Spawn), Expression.Constant("SwordHit")));


        _comboSystem.ActionExpressions.Add(GetComboExpression(typeof(AttackAnimation), nameof(AttackAnimation.Play), Expression.Constant("SwordSwing2")));


        _comboSystem.ActionExpressions.Add(GetComboExpression(typeof(DamageCalculator), nameof(DamageCalculator.Apply), Expression.Constant(new Vector3(0, 1, 0)), Expression.Constant(100f)));




        // 执行连招


        _comboSystem.ExecuteCombo();


    }




    Expression<Action> GetComboExpression(Type type, string methodName, params Expression[] args)


    {


        return Expression.Lambda<Action>(Expression.Call(type, methodName, null, args));


    }


}




public class ComboSystem


{


    // 存储动作表达式的列表


    public List<Expression<Action>> ActionExpressions = new();




    // 执行连招


    public void ExecuteCombo()


    {


        // 构建复合表达式


        var comboBlock = Expression.Block(


            ActionExpressions.Select(exp => exp.Body)


        );




        // 创建最终的表达式


        //Compile() 方法将 Lambda 表达式编译为可执行的委托。


        //Invoke() 方法调用该委托，从而执行块中的所有表达式。


        var finalExpr = Expression.Lambda<Action>(comboBlock);


        finalExpr.Compile().Invoke(); // 执行连招


    }


}




// 示例动作类


public class AttackAnimation


{


    public static void Play(string animationName)


    {


        Debug.Log($"播放动画: {animationName}");


    }


}




public class EffectsManager


{


    public static void Spawn(string effectName)


    {


        Debug.Log($"生成特效: {effectName}");


    }


}




public class DamageCalculator


{


    public static void Apply(Vector3 position, float damage)


    {


        Debug.Log($"应用伤害: {damage} 到位置: {position}");


    }


}




//生成特效: SwordHit


//播放动画: SwordSwing2


//应用伤害: 100 到位置: (0.00, 1.00, 0.00)












 


 






Expression.Block:


Expression.Block 是一个非常强大的功能，它允许我们将多个表达式组合成一个块（block），并在执行时按顺序执行这些表达式。


四、运行时状态机




 


 


 














xxxxxxxxxx




 


 






 


 


using System;




using System.Linq.Expressions;


using System.Reflection;


using UnityEngine;


using Object = UnityEngine.Object;




public class EnemyStateMachine : MonoBehaviour {


    


    //定义状态机委托，以Enemy和Hero为参数，返回一个以Enemy和Hero为参数的空方法


    //它会根据英雄的状态（如生命值和距离）返回一个相应的行为函数。


    Func<Enemy, Hero, Action<Enemy, Hero>> stateEvaluator;


    //存储当前行为函数


    Action<Enemy, Hero> behavior;


    Enemy enemy;


    Hero hero;




    void Start() {


        enemy = FindObjectOfType<Enemy>();


        hero = FindObjectOfType<Hero>();


        stateEvaluator = CreateDynamicStateMachine();


    }




    void Update() {


        //获取当前行为


        behavior = stateEvaluator(enemy, hero);


        //执行当前行为


        behavior(enemy, hero);


        


        Debug.Log("Enemy Aggression Level:", enemy.AggressionLevel);


    }




    public Func<Enemy, Hero, Action<Enemy, Hero>> CreateDynamicStateMachine() {


        //定义参数表达式


        ParameterExpression enemyParam = Expression.Parameter(typeof(Enemy), "enemy");


        ParameterExpression heroParam = Expression.Parameter(typeof(Hero), "hero");


        


        //定义一个二元表达式


        BinaryExpression heroLowHealth = Expression.LessThan(


            Expression.Property(heroParam, "Health"),


            Expression.Constant(30)


        );


        BinaryExpression heroNear = Expression.LessThan(


            Expression.Property(heroParam, "Distance"),


            Expression.Constant(10f)


        );


        


        Debug.Log($"HeroLowHealth{heroLowHealth}");


        Debug.Log($"HeroNear{heroNear}");


        


        var attack = CreateActionExpression("Attack").Compile();


        var taunt = CreateActionExpression("Taunt").Compile();


        var patrol = CreateActionExpression("Patrol").Compile();


        


        //条件表达式，如果heroNear为真则执行taunt，否则执行patrol


        ConditionalExpression tauntOrPatrol = Expression.Condition(heroNear, Expression.Constant(taunt), Expression.Constant(patrol));


        ConditionalExpression finalCondition = Expression.Condition(heroLowHealth, Expression.Constant(attack), tauntOrPatrol);


        


        //


        var lambda = Expression.Lambda<Func<Enemy, Hero, Action<Enemy, Hero>>>(finalCondition, enemyParam, heroParam);


        return lambda.Compile();


    }


    


    Expression<Action<Enemy, Hero>> CreateActionExpression(string methodName) {


        ParameterExpression enemyParam = Expression.Parameter(typeof(Enemy), "enemy");


        ParameterExpression heroParam = Expression.Parameter(typeof(Hero), "hero");


        


        MethodInfo method = typeof(Enemy).GetMethod(methodName, new[] { typeof(Hero) });


        


        MethodCallExpression call = Expression.Call(enemyParam, method, heroParam);


        return Expression.Lambda<Action<Enemy, Hero>>(call, enemyParam, heroParam);


    }


}












 


 






CreateDynamicStateMachine


  • 参数定义：定义了两个参数 enemyParam 和 heroParam，用于表示敌人和英雄。
    • 

  • 条件表达式：
    • 

  • heroLowHealth: 检查英雄的生命值是否低于 30。
    

    • heroNear: 检查英雄与敌人的距离是否小于 10。
    • 

  • 行为选择：
    • 

  • 使用 CreateActionExpression 方法创建 Attack、Taunt 和 Patrol 行为的表达式。
    

    • 使用 Expression.Condition 创建条件表达式，根据条件选择行为。
    • 

  • 返回 Lambda 表达式：最终返回一个 Lambda 表达式，接受 Enemy 和 Hero 作为参数，并返回相应的行为函数。


CreateActionExpression


  • 参数定义：定义 enemyParam 和 heroParam。
    • 

  • 获取方法信息：使用反射获取 Enemy 类中与 methodName 相对应的方法。
    • 

  • 创建方法调用表达式：使用 Expression.Call 创建方法调用表达式，并返回一个 Lambda 表达式。




												


											
在Unity中玩转表达式树：解锁游戏逻辑的动态魔法的更多相关文章
	

    
						
  1. 【C#表达式树 开篇】 Expression Tree - 动态语言
		
    .NET 3.5中新增的表达式树(Expression Tree)特性,第一次在.NET平台中引入了"逻辑即数据"的概念.也就是说,我们可以在代码里使用高级语言的形式编写一段逻辑, ...
    
		
    2. 
						
  2. C#在泛型类中，通过表达式树构造lambda表达式
		
    场景 最近对爬虫的数据库架构做调整,需要将数据迁移到MongoDB上去,需要重新实现一个针对MongoDB的Dao泛型类,好吧,动手开工,当实现删除操作的时候问题来了. 我们的删除操作定义如下:voi ...
    
		
    3. 
						
  3. Unity中巧用协程和游戏对象的生命周期处理游戏重启的问题
		
    主要用到协程(Coroutines)和游戏对象的生命周期(GameObject Lifecycle)基础知识,巧妙解决了游戏重启的问题. 关于协程,这里有篇文章我觉得写的非常好,理解起来也很容易.推荐 ...
    
		
    4. 
						
  4. 关于Unity中FPS第一人称射击类游戏制作(专题十)
		
    当前Unity最新版本5.6.3f1,我使用的是5.5.1f1 场景搭建 1: 导入人物模型, 手持一把枪;2: 导入碎片模型;3: 创建一个平面;4: 创建一个障碍物;5: 导入人物模型;6: 配置 ...
    
		
    5. 
						
  5. Windows新终端中玩转ASCII和Emoji游戏的正确姿势
		
    Windows新终端中玩转ASCII和Emoji游戏的正确姿势 前一段时间,我搬运了几个Windows Terminal中玩游戏的视频,详情请看 发布在即!来一睹官方团队如何玩转 Windows Te ...
    
		
    6. 
						
  6. 使用Unity中的Box Collider组件完成游戏场景中的碰撞检测功能
		
    一.介绍 目的:通过Unity自带的组件完成游戏场景中的碰撞检测功能. 软件环境:Unity 2017.3.0f3 二.实现过程 1,在面板中点击Add Component按钮 2,添加Box Col ...
    
		
    7. 
						
  7. Unity中uGUI的控件事件穿透逻辑
		
    1.正常来说Image和Text是会拦截点击事件的,假设加入EventTrigger的话,就能够响应相应的交互事件. 2.假设Image和Text是一个Button的子控件.那么尽管其会显示在Butt ...
    
		
    8. 
						
  8. C#动态构建表达式树（三）——表达式的组合
		
    C#动态构建表达式树(三)--表达式的组合 前言 在筛选数据的过程中,可能会有这样的情况:有一些查询条件是公共的,但是根据具体的传入参数可能需要再额外增加一个条件.对于这种问题一般有两种方法: a.  ...
    
		
    9. 
						
  9. 【C#复习总结】细说表达式树
		
    1 前言 系类1:细说委托 系类2:细说匿名方法 系列3:细说Lambda表达式 系列4:细说泛型委托 系列5:细说表达式树 系列6:细说事件 涛声依旧,再续前言,接着用大佬的文章作为开头. 表达式树 ...
    
		
    10. 
						
  10. 表达式树(Expression Tree)
		
    饮水思源 本文并非原创而是下面网址的一个学习笔记 https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/concepts/e ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 认识Redis集群
			
    概述 Redis单实例的架构,从最开始的一主N从,到读写分离,再到Sentinel哨兵机制,单实例的Redis缓存足以应对大多数的使用场景,也能实现主从故障迁移. 但是,在某些场景下,单实例存Redi ...
    
			
    2. 
						
  2. 鸿蒙UI开发快速入门 —— part10: PersistentStorage与Environment
			
    1.前言 我们在鸿蒙UI开发快速入门 -- part09: 应用级状态管理LocalStorage & AppStorage中已经学习了LocalStorage与AppStorage,但他们都 ...
    
			
    3. 
						
  3. GienTech动态|长沙共建交付中心启动、联合华为举办金融CXO沙龙、亮相大湾区多场科技盛会
			
    ---- GienTech动态 ---- 长沙共建交付中心启动仪式圆满举办 11月23日,由中电金信和太平洋人寿保险联合举办的长沙共建交付中心启动仪式顺利举行.太平洋人寿保险总经理助理.首席信息官黄鲲 ...
    
			
    4. 
						
  4. 2019.12.10笔记——Spring Boot热部署的使用和实现自己的热部署（类加载器相关）
			
    Spring Boot热部署 热部署的使用 引入依赖 <!-- spring boot热部署的依赖 --> <dependency> <groupId>org.sp ...
    
			
    5. 
						
  5. Qt/C++开发经验小技巧301-305
			
    从Qt5.2版本开始,QLineEdit文本框控件提供了setClearButtonEnabled函数用于是否开启右侧的关闭按钮,这种控件非常常见,比如还可以增加个搜索按钮,怎么添加呢,在5.2版本以 ...
    
			
    6. 
						
  6. Qt开发经验小技巧166-170
			
    有时候需要暂时停止某个控件发射信号(比如下拉框combobox添加数据的时候会触发当前元素改变信号),有多种处理,推荐用 blockSignals 方法. //方法1:先 disconnect 掉信号 ...
    
			
    7. 
						
  7. 详解AQS四：ReentrantLock条件队列原理
			
    ReentrantLock的条件队列是实现"等待通知"机制的关键,之前在<java线程间通信:等待通知机制>一文中讲过了使用ReentrantLock实现多生产者.多消 ...
    
			
    8. 
						
  8. lottie-web动画库在HTML5页面中和在vue项目中的两种使用方式
			
    本文主要介绍lottie-web动画库在HTML5页面中和在vue项目中的两种使用方式. 1.在HTML5页面中的使用方式 具体使用步骤详见下面的代码: <!DOCTYPE html> & ...
    
			
    9. 
						
  9. [转]Mybatis入门和简单Demo
			
    原文链接: 1.Mybatis入门和简单Demo 2.Mybatis的CRUD案例 3.Mybatis分页查询与动态SQL
    
			
    10. 
						
  10. document.querySelector 有多个类 的情况
			
    document.querySelector 有多个类 document.querySelector 方法用于返回文档中匹配指定 CSS 选择器的第一个元素.如果要查询具有多个类的元素,可以将它们作为 ...
    
			
    11.