/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}
.limit-one-line,
#article-container .flink .flink-item-name,
#article-container .flink .flink-item-desc,
#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a span,
#aside-content .card-categories ul.card-category-list > .card-category-list-item a span,
.site-data > a .headline,
#pagination .prev_info,
#pagination .next_info,
#sidebar #sidebar-menus .menus_items .site-page {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.limit-more-line,
.error404 #error-wrap .error-content .error-info .error_subtitle,
.article-sort-item-title,
#recent-posts > .recent-post-item >.recent-post-info > .article-title,
#recent-posts > .recent-post-item >.recent-post-info > .content,
#aside-content .aside-list > .aside-list-item .content > .name,
#aside-content .aside-list > .aside-list-item .content > .title,
#aside-content .aside-list > .aside-list-item .content > .comment,
#post-info .post-title,
.relatedPosts > .relatedPosts-list .content .title,
#article-container figure.gallery-group p,
#article-container figure.gallery-group .gallery-group-name {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.fontawesomeIcon,
#article-container a.headerlink:after,
#post .post-copyright:before,
#post .post-outdate-notice:before,
.note:not(.no-icon)::before {
  display: inline-block;
  font-weight: 600;
  font-family: 'Font Awesome 6 Free';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.cardHover,
.error404 #error-wrap .error-content,
.layout > div:first-child:not(.recent-posts),
#recent-posts > .recent-post-item,
#aside-content .card-widget,
.layout > .recent-posts .pagination > *:not(.space) {
  border-radius: 8px;
  background: var(--card-bg);
  -webkit-box-shadow: var(--card-box-shadow);
  box-shadow: var(--card-box-shadow);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.cardHover:hover,
.error404 #error-wrap .error-content:hover,
.layout > div:first-child:not(.recent-posts):hover,
#recent-posts > .recent-post-item:hover,
#aside-content .card-widget:hover,
.layout > .recent-posts .pagination > *:not(.space):hover {
  -webkit-box-shadow: var(--card-hover-box-shadow);
  box-shadow: var(--card-hover-box-shadow);
}
.imgHover,
.error404 #error-wrap .error-content .error-img img,
.article-sort-item-img img,
#recent-posts > .recent-post-item .post_cover img.post_bg,
#aside-content .aside-list > .aside-list-item .thumbnail > img {
  width: 100%;
  height: 100%;
  -webkit-transition: filter 375ms ease-in 0.2s, -webkit-transform 0.6s;
  -moz-transition: filter 375ms ease-in 0.2s, -moz-transform 0.6s;
  -o-transition: filter 375ms ease-in 0.2s, -o-transform 0.6s;
  -ms-transition: filter 375ms ease-in 0.2s, -ms-transform 0.6s;
  transition: filter 375ms ease-in 0.2s, transform 0.6s;
  object-fit: cover;
}
.imgHover:hover,
.error404 #error-wrap .error-content .error-img img:hover,
.article-sort-item-img img:hover,
#recent-posts > .recent-post-item .post_cover img.post_bg:hover,
#aside-content .aside-list > .aside-list-item .thumbnail > img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.postImgHover:hover img,
#pagination .prev-post:hover img,
#pagination .next-post:hover img,
.relatedPosts > .relatedPosts-list > div:hover img {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.postImgHover img,
#pagination .prev-post img,
#pagination .next-post img,
.relatedPosts > .relatedPosts-list > div img {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  -webkit-transition: all 0.6s, filter 375ms ease-in 0.2s;
  -moz-transition: all 0.6s, filter 375ms ease-in 0.2s;
  -o-transition: all 0.6s, filter 375ms ease-in 0.2s;
  -ms-transition: all 0.6s, filter 375ms ease-in 0.2s;
  transition: all 0.6s, filter 375ms ease-in 0.2s;
  object-fit: cover;
}
.list-beauty,
.category-lists ul,
#algolia-search .search-dialog .ais-Hits-list {
  list-style: none;
}
.list-beauty li,
.category-lists ul li,
#algolia-search .search-dialog .ais-Hits-list li {
  position: relative;
  padding: 0.12em 0.4em 0.12em 1.4em;
}
.list-beauty li:hover:before,
.category-lists ul li:hover:before,
#algolia-search .search-dialog .ais-Hits-list li:hover:before {
  border-color: var(--pseudo-hover);
}
.list-beauty li:before,
.category-lists ul li:before,
#algolia-search .search-dialog .ais-Hits-list li:before {
  position: absolute;
  top: 0.67em;
  left: 0;
  width: 0.43em;
  height: 0.43em;
  border: 0.215em solid #425aef;
  border-radius: 0.43em;
  background: transparent;
  content: '';
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#content-inner,
#footer {
  -webkit-animation: bottom-top 1s;
  -moz-animation: bottom-top 1s;
  -o-animation: bottom-top 1s;
  -ms-animation: bottom-top 1s;
  animation: bottom-top 1s;
}
#page-header {
  -webkit-animation: header-effect 1s;
  -moz-animation: header-effect 1s;
  -o-animation: header-effect 1s;
  -ms-animation: header-effect 1s;
  animation: header-effect 1s;
}
#site-title,
#site-subtitle {
  -webkit-animation: titleScale 1s;
  -moz-animation: titleScale 1s;
  -o-animation: titleScale 1s;
  -ms-animation: titleScale 1s;
  animation: titleScale 1s;
}
#nav.show {
  -webkit-animation: headerNoOpacity 1s;
  -moz-animation: headerNoOpacity 1s;
  -o-animation: headerNoOpacity 1s;
  -ms-animation: headerNoOpacity 1s;
  animation: headerNoOpacity 1s;
}
canvas:not(#ribbon-canvas),
#web_bg {
  -webkit-animation: to_show 4s;
  -moz-animation: to_show 4s;
  -o-animation: to_show 4s;
  -ms-animation: to_show 4s;
  animation: to_show 4s;
}
#ribbon-canvas {
  -webkit-animation: ribbon_to_show 4s;
  -moz-animation: ribbon_to_show 4s;
  -o-animation: ribbon_to_show 4s;
  -ms-animation: ribbon_to_show 4s;
  animation: ribbon_to_show 4s;
}
#sidebar-menus.open > :nth-child(1) {
  -webkit-animation: sidebarItem 0.2s;
  -moz-animation: sidebarItem 0.2s;
  -o-animation: sidebarItem 0.2s;
  -ms-animation: sidebarItem 0.2s;
  animation: sidebarItem 0.2s;
}
#sidebar-menus.open > :nth-child(2) {
  -webkit-animation: sidebarItem 0.4s;
  -moz-animation: sidebarItem 0.4s;
  -o-animation: sidebarItem 0.4s;
  -ms-animation: sidebarItem 0.4s;
  animation: sidebarItem 0.4s;
}
#sidebar-menus.open > :nth-child(3) {
  -webkit-animation: sidebarItem 0.6s;
  -moz-animation: sidebarItem 0.6s;
  -o-animation: sidebarItem 0.6s;
  -ms-animation: sidebarItem 0.6s;
  animation: sidebarItem 0.6s;
}
#sidebar-menus.open > :nth-child(4) {
  -webkit-animation: sidebarItem 0.8s;
  -moz-animation: sidebarItem 0.8s;
  -o-animation: sidebarItem 0.8s;
  -ms-animation: sidebarItem 0.8s;
  animation: sidebarItem 0.8s;
}
.scroll-down-effects {
  -webkit-animation: scroll-down-effect 1.5s infinite;
  -moz-animation: scroll-down-effect 1.5s infinite;
  -o-animation: scroll-down-effect 1.5s infinite;
  -ms-animation: scroll-down-effect 1.5s infinite;
  animation: scroll-down-effect 1.5s infinite;
}
.reward-main {
  -webkit-animation: donate_effcet 0.3s 0.1s ease both;
  -moz-animation: donate_effcet 0.3s 0.1s ease both;
  -o-animation: donate_effcet 0.3s 0.1s ease both;
  -ms-animation: donate_effcet 0.3s 0.1s ease both;
  animation: donate_effcet 0.3s 0.1s ease both;
}
@-moz-keyframes scroll-down-effect {
  0% {
    top: 0;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }
  50% {
    top: -16px;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    top: 0;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }
}
@-webkit-keyframes scroll-down-effect {
  0% {
    top: 0;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }
  50% {
    top: -16px;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    top: 0;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }
}
@-o-keyframes scroll-down-effect {
  0% {
    top: 0;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }
  50% {
    top: -16px;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    top: 0;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }
}
@keyframes scroll-down-effect {
  0% {
    top: 0;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }
  50% {
    top: -16px;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    top: 0;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }
}
@-moz-keyframes header-effect {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes header-effect {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes header-effect {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes header-effect {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes headerNoOpacity {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes headerNoOpacity {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes headerNoOpacity {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes headerNoOpacity {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes bottom-top {
  0% {
    margin-top: 50px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    margin-top: 0;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes bottom-top {
  0% {
    margin-top: 50px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    margin-top: 0;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes bottom-top {
  0% {
    margin-top: 50px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    margin-top: 0;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes bottom-top {
  0% {
    margin-top: 50px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    margin-top: 0;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-moz-keyframes titleScale {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes titleScale {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes titleScale {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes titleScale {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes search_close {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@-webkit-keyframes search_close {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@-o-keyframes search_close {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@keyframes search_close {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@-moz-keyframes to_show {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes to_show {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes to_show {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes to_show {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-moz-keyframes to_hide {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes to_hide {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes to_hide {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes to_hide {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes ribbon_to_show {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
}
@-webkit-keyframes ribbon_to_show {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
}
@-o-keyframes ribbon_to_show {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
}
@keyframes ribbon_to_show {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
}
@-moz-keyframes avatar_turn_around {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes avatar_turn_around {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes avatar_turn_around {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes avatar_turn_around {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes sub_menus {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes sub_menus {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes sub_menus {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes sub_menus {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes donate_effcet {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes donate_effcet {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes donate_effcet {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes donate_effcet {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes sidebarItem {
  0% {
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -o-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes sidebarItem {
  0% {
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -o-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes sidebarItem {
  0% {
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -o-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes sidebarItem {
  0% {
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -o-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
:root {
  --global-font-size: 15px;
  --global-bg: #fff;
  --font-color: #4c4948;
  --hr-border: #d2ebfd;
  --hr-before-color: #bfe4fb;
  --search-bg: #f6f8fa;
  --search-input-color: #4c4948;
  --search-result-title: #4c4948;
  --preloader-bg: #37474f;
  --preloader-color: #fff;
  --tab-border-color: #f0f0f0;
  --tab-botton-bg: #f0f0f0;
  --tab-botton-color: #1f2d3d;
  --tab-button-hover-bg: #dcdcdc;
  --tab-button-active-bg: #fff;
  --card-bg: #fff;
  --sidebar-bg: #f6f8fa;
  --btn-hover-color: #425aef;
  --btn-color: #fff;
  --btn-bg: #425aef;
  --text-bg-hover: rgba(66,90,239,0.7);
  --light-grey: #eee;
  --dark-grey: #cacaca;
  --white: #fff;
  --text-highlight-color: #1f2d3d;
  --blockquote-color: #6a737d;
  --blockquote-bg: rgba(46,47,45,0.1);
  --reward-pop: #f5f5f5;
  --toc-link-color: #666261;
  --card-box-shadow: 0 3px 8px 6px rgba(7,17,27,0.05);
  --card-hover-box-shadow: 0 3px 8px 6px rgba(7,17,27,0.09);
  --pseudo-hover: #425aef;
  --headline-presudo: #a0a0a0;
  --scrollbar-color: #425aef;
}
body {
  position: relative;
  min-height: 100%;
  background: var(--global-bg);
  color: var(--font-color);
  font-size: var(--global-font-size);
  font-family: HMSans-Medium;
  line-height: 2;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-thumb {
  background: var(--scrollbar-color);
}
*::-webkit-scrollbar-track {
  background-color: transparent;
}
* {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-color) transparent;
}
input::placeholder {
  color: var(--font-color);
}
#web_bg {
  position: fixed;
  z-index: -999;
  width: 100%;
  height: 100%;
  background: url(/img/background.jpg);
  background-attachment: local;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  margin: 20px 0 14px;
  color: var(--text-highlight-color);
  font-weight: bold;
}
h1 code,
h2 code,
h3 code,
h4 code,
h5 code,
h6 code {
  font-size: inherit !important;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
hr {
  position: relative;
  margin: 40px auto;
  border: 2px dashed var(--hr-border);
}
.table-wrap {
  overflow-x: scroll;
  margin: 0 0 20px;
}
table {
  display: table;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  empty-cells: show;
}
table thead {
  background: rgba(153,169,191,0.1);
}
table th,
table td {
  padding: 6px 12px;
  border: 1px solid var(--light-grey);
  vertical-align: middle;
}
*::selection {
  background: #425aef;
  color: #f7f7f7;
}
button {
  padding: 0;
  outline: 0;
  border: none;
  background: none;
  cursor: pointer;
  touch-action: manipulation;
}
a {
  color: #99a9bf;
  text-decoration: none;
  word-wrap: break-word;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  overflow-wrap: break-word;
}
a:hover {
  color: #425aef;
}
#site-title,
#site-subtitle,
#site-name,
#aside-content .author-info__name,
#aside-content .author-info__description {
  font-family: Titillium Web, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;
}
.is-center {
  text-align: center;
}
.copy-true {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
img[src=''],
img:not([src]) {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.img-alt {
  margin: -10px 0 10px;
  color: #858585;
}
.img-alt:hover {
  text-decoration: none !important;
}
blockquote {
  margin: 0 0 20px;
  padding: 12px 15px;
  border-left: 3px solid #2e2f2d;
  background-color: var(--blockquote-bg);
  color: var(--blockquote-color);
}
blockquote footer cite:before {
  padding: 0 5px;
  content: '—';
}
blockquote > :last-child {
  margin-bottom: 0 !important;
}
:root {
  --hl-color: #8f93a2;
  --hl-bg: #0f111a;
  --hltools-bg: #0b0d14;
  --hltools-color: #8f93a2;
  --hlnumber-bg: #0f111a;
  --hlnumber-color: rgba(143,147,162,0.5);
  --hlscrollbar-bg: #1e2234;
  --hlexpand-bg: linear-gradient(180deg, rgba(15,17,26,0.6), rgba(15,17,26,0.9));
}
figure.highlight table {
  scrollbar-color: var(--hlscrollbar-bg) transparent;
}
figure.highlight table::-webkit-scrollbar-thumb {
  background: var(--hlscrollbar-bg);
}
figure.highlight pre .deletion {
  color: #bf42bf;
}
figure.highlight pre .addition {
  color: #105ede;
}
figure.highlight pre .meta {
  color: #c792ea;
}
figure.highlight pre .comment {
  color: rgba(101,115,126,0.8);
}
figure.highlight pre .variable,
figure.highlight pre .attribute,
figure.highlight pre .regexp,
figure.highlight pre .ruby .constant,
figure.highlight pre .xml .tag .title,
figure.highlight pre .xml .pi,
figure.highlight pre .xml .doctype,
figure.highlight pre .html .doctype,
figure.highlight pre .css .id,
figure.highlight pre .tag .name,
figure.highlight pre .css .class,
figure.highlight pre .css .pseudo {
  color: #ff5370;
}
figure.highlight pre .tag {
  color: #89ddff;
}
figure.highlight pre .number,
figure.highlight pre .preprocessor,
figure.highlight pre .literal,
figure.highlight pre .params,
figure.highlight pre .constant,
figure.highlight pre .command {
  color: #f78c6c;
}
figure.highlight pre .built_in {
  color: #ffcb6b;
}
figure.highlight pre .ruby .class .title,
figure.highlight pre .css .rules .attribute,
figure.highlight pre .string,
figure.highlight pre .value,
figure.highlight pre .inheritance,
figure.highlight pre .header,
figure.highlight pre .ruby .symbol,
figure.highlight pre .xml .cdata,
figure.highlight pre .special,
figure.highlight pre .number,
figure.highlight pre .formula {
  color: #c3e88d;
}
figure.highlight pre .keyword,
figure.highlight pre .title,
figure.highlight pre .css .hexcolor {
  color: #89ddff;
}
figure.highlight pre .function,
figure.highlight pre .python .decorator,
figure.highlight pre .python .title,
figure.highlight pre .ruby .function .title,
figure.highlight pre .ruby .title .keyword,
figure.highlight pre .perl .sub,
figure.highlight pre .javascript .title,
figure.highlight pre .coffeescript .title {
  color: #82aaff;
}
figure.highlight pre .tag .attr,
figure.highlight pre .javascript .function {
  color: #c792ea;
}
#article-container figure.highlight .line.marked {
  background-color: rgba(113,124,180,0.314);
}
#article-container figure.highlight table {
  display: block;
  overflow: auto;
  border: none;
}
#article-container figure.highlight table td {
  padding: 0;
  border: none;
}
#article-container figure.highlight .gutter pre {
  padding-right: 10px;
  padding-left: 10px;
  background-color: var(--hlnumber-bg);
  color: var(--hlnumber-color);
  text-align: right;
}
#article-container figure.highlight .code pre {
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
}
#article-container pre,
#article-container figure.highlight {
  overflow: auto;
  margin: 0 0 20px;
  padding: 0;
  background: var(--hl-bg);
  color: var(--hl-color);
  line-height: 1.6;
}
#article-container pre,
#article-container code {
  font-size: var(--global-font-size);
  font-family: consolas, Menlo, "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei", sans-serif !important;
}
#article-container code {
  padding: 2px 4px;
  background: rgba(27,31,35,0.05);
  color: #f47466;
}
#article-container pre {
  padding: 10px 20px;
}
#article-container pre code {
  padding: 0;
  background: none;
  color: var(--hl-color);
  text-shadow: none;
}
#article-container figure.highlight {
  position: relative;
}
#article-container figure.highlight pre {
  margin: 0;
  padding: 8px 0;
  border: none;
}
#article-container figure.highlight figcaption,
#article-container figure.highlight .caption {
  padding: 6px 0 2px 14px;
  font-size: var(--global-font-size);
  line-height: 1em;
}
#article-container figure.highlight figcaption a,
#article-container figure.highlight .caption a {
  float: right;
  padding-right: 10px;
  color: var(--hl-color);
}
#article-container figure.highlight figcaption a:hover,
#article-container figure.highlight .caption a:hover {
  border-bottom-color: var(--hl-color);
}
#article-container .highlight-tools {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
  min-height: 24px;
  height: 2.15em;
  background: var(--hltools-bg);
  color: var(--hltools-color);
  font-size: var(--global-font-size);
}
#article-container .highlight-tools.closed ~ * {
  display: none;
}
#article-container .highlight-tools .expand {
  position: absolute;
  padding: 0.57em 0.7em;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -ms-transition: -ms-transform 0.3s;
  transition: transform 0.3s;
}
#article-container .highlight-tools .expand + .code-lang {
  left: 1.7em;
}
#article-container .highlight-tools .expand.closed {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotate(-90deg) !important;
  -moz-transform: rotate(-90deg) !important;
  -o-transform: rotate(-90deg) !important;
  -ms-transform: rotate(-90deg) !important;
  transform: rotate(-90deg) !important;
}
#article-container .highlight-tools .code-lang {
  position: absolute;
  left: 14px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.15em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#article-container .highlight-tools .copy-notice {
  position: absolute;
  right: 2.4em;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
#article-container .highlight-tools .copy-button {
  position: absolute;
  right: 14px;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -ms-transition: color 0.2s;
  transition: color 0.2s;
}
#article-container .highlight-tools .copy-button:hover {
  color: #425aef;
}
#article-container .gutter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#article-container .gist table {
  width: auto;
}
#article-container .gist table td {
  border: none;
}
@-moz-keyframes code-expand-key {
  0% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
  50% {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
  }
  100% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
}
@-webkit-keyframes code-expand-key {
  0% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
  50% {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
  }
  100% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
}
@-o-keyframes code-expand-key {
  0% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
  50% {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
  }
  100% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
}
@keyframes code-expand-key {
  0% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
  50% {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
  }
  100% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
}
.error404 #error-wrap {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0 auto;
  padding: 60px 20px 0;
  max-width: 1000px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.error404 #error-wrap .error-content {
  overflow: hidden;
  margin: 0 20px;
  height: 360px;
}
@media screen and (max-width: 768px) {
  .error404 #error-wrap .error-content {
    margin: 0;
    height: 500px;
  }
}
.error404 #error-wrap .error-content .error-img {
  display: inline-block;
  overflow: hidden;
  width: 50%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .error404 #error-wrap .error-content .error-img {
    width: 100%;
    height: 45%;
  }
}
.error404 #error-wrap .error-content .error-img img {
  background-color: #425aef;
}
.error404 #error-wrap .error-content .error-info {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  width: 50%;
  height: 100%;
  vertical-align: top;
  text-align: center;
  font-family: Titillium Web, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif;
}
@media screen and (max-width: 768px) {
  .error404 #error-wrap .error-content .error-info {
    width: 100%;
    height: 55%;
  }
}
.error404 #error-wrap .error-content .error-info .error_title {
  margin-top: -0.6em;
  font-size: 9em;
}
@media screen and (max-width: 768px) {
  .error404 #error-wrap .error-content .error-info .error_title {
    font-size: 8em;
  }
}
.error404 #error-wrap .error-content .error-info .error_subtitle {
  margin-top: -3em;
  word-break: break-word;
  font-size: 1.6em;
  -webkit-line-clamp: 2;
}
.error404 + #rightside {
  display: none;
}
.article-sort {
  margin-left: 10px;
  padding-left: 20px;
  border-left: 2px solid #a0acf7;
}
.article-sort-title {
  position: relative;
  margin-left: 10px;
  padding-bottom: 20px;
  padding-left: 20px;
  font-size: 1.72em;
}
.article-sort-title:hover:before {
  border-color: var(--pseudo-hover);
}
.article-sort-title:before {
  position: absolute;
  top: calc(((100% - 36px) / 2));
  left: -9px;
  z-index: 1;
  width: 10px;
  height: 10px;
  border: 5px solid #425aef;
  border-radius: 10px;
  background: var(--card-bg);
  content: '';
  line-height: 10px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.article-sort-title:after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 2px;
  height: 1.5em;
  background: #a0acf7;
  content: '';
}
.article-sort-item {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 20px 10px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.article-sort-item:hover:before {
  border-color: var(--pseudo-hover);
}
.article-sort-item:before {
  position: absolute;
  left: calc(-20px - 17px);
  width: 6px;
  height: 6px;
  border: 3px solid #425aef;
  border-radius: 6px;
  background: var(--card-bg);
  content: '';
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.article-sort-item.no-article-cover {
  height: 80px;
}
.article-sort-item.no-article-cover .article-sort-item-info {
  padding: 0;
}
.article-sort-item.year {
  font-size: 1.43em;
}
.article-sort-item.year:hover:before {
  border-color: #425aef;
}
.article-sort-item.year:before {
  border-color: var(--pseudo-hover);
}
.article-sort-item-time {
  color: #858585;
  font-size: 95%;
}
.article-sort-item-time time {
  padding-left: 6px;
  cursor: default;
}
.article-sort-item-title {
  color: var(--font-color);
  font-size: 1.1em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-line-clamp: 2;
}
.article-sort-item-title:hover {
  color: #425aef;
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -o-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}
.article-sort-item-img {
  overflow: hidden;
  width: 80px;
  height: 80px;
}
.article-sort-item-info {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 16px;
}
.category-lists .category-title {
  font-size: 2.57em;
}
@media screen and (max-width: 768px) {
  .category-lists .category-title {
    font-size: 2em;
  }
}
.category-lists .category-list {
  margin-bottom: 0;
}
.category-lists .category-list a {
  color: var(--font-color);
}
.category-lists .category-list a:hover {
  color: #425aef;
}
.category-lists .category-list .category-list-count {
  margin-left: 8px;
  color: #858585;
}
.category-lists .category-list .category-list-count:before {
  content: '(';
}
.category-lists .category-list .category-list-count:after {
  content: ')';
}
.category-lists ul {
  padding: 0 0 0 20px;
}
.category-lists ul ul {
  padding-left: 4px;
}
.category-lists ul li {
  position: relative;
  margin: 6px 0;
  padding: 0.12em 0.4em 0.12em 1.4em;
}
#body-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}
.layout {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 auto;
  -ms-flex: 1 auto;
  flex: 1 auto;
  margin: 0 auto;
  padding: 40px 15px;
  max-width: 1200px;
  width: 100%;
}
@media screen and (max-width: 900px) {
  .layout {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .layout {
    padding: 20px 5px;
  }
}
@media screen and (min-width: 2000px) {
  .layout {
    max-width: 1500px;
  }
}
.layout > div:first-child:not(.recent-posts) {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -ms-flex-item-align: start;
  padding: 50px 40px;
}
@media screen and (max-width: 768px) {
  .layout > div:first-child:not(.recent-posts) {
    padding: 36px 14px;
  }
}
.layout > div:first-child {
  width: 74%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 900px) {
  .layout > div:first-child {
    width: 100% !important;
  }
}
.layout.hide-aside {
  max-width: 1000px;
}
@media screen and (min-width: 2000px) {
  .layout.hide-aside {
    max-width: 1300px;
  }
}
.layout.hide-aside > div {
  width: 100% !important;
}
.apple #page-header.full_page {
  background-attachment: scroll !important;
}
.apple .recent-post-item,
.apple .avatar-img,
.apple .flink-item-icon {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
#article-container .flink {
  margin-bottom: 20px;
}
#article-container .flink .flink-list {
  overflow: auto;
  padding: 10px 10px 0;
  text-align: center;
}
#article-container .flink .flink-list > .flink-list-item {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 15px 7px;
  width: calc(100% / 3 - 15px);
  height: 90px;
  border-radius: 8px;
  line-height: 17px;
  -webkit-transform: translateZ(0);
}
@media screen and (max-width: 1024px) {
  #article-container .flink .flink-list > .flink-list-item {
    width: calc(50% - 15px) !important;
  }
}
@media screen and (max-width: 600px) {
  #article-container .flink .flink-list > .flink-list-item {
    width: calc(100% - 15px) !important;
  }
}
#article-container .flink .flink-list > .flink-list-item:hover .flink-item-icon {
  margin-left: -10px;
  width: 0;
}
#article-container .flink .flink-list > .flink-list-item:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--text-bg-hover);
  content: '';
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  -ms-transition: -ms-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
#article-container .flink .flink-list > .flink-list-item:hover:before,
#article-container .flink .flink-list > .flink-list-item:focus:before,
#article-container .flink .flink-list > .flink-list-item:active:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
#article-container .flink .flink-list > .flink-list-item a {
  color: var(--font-color);
  text-decoration: none;
}
#article-container .flink .flink-list > .flink-list-item a .flink-item-icon {
  float: left;
  overflow: hidden;
  margin: 15px 10px;
  width: 60px;
  height: 60px;
  border-radius: 35px;
  -webkit-transition: width 0.3s ease-out;
  -moz-transition: width 0.3s ease-out;
  -o-transition: width 0.3s ease-out;
  -ms-transition: width 0.3s ease-out;
  transition: width 0.3s ease-out;
}
#article-container .flink .flink-list > .flink-list-item a .flink-item-icon img {
  width: 100%;
  height: 100%;
  -webkit-transition: filter 375ms ease-in 0.2s, -webkit-transform 0.3s;
  -moz-transition: filter 375ms ease-in 0.2s, -moz-transform 0.3s;
  -o-transition: filter 375ms ease-in 0.2s, -o-transform 0.3s;
  -ms-transition: filter 375ms ease-in 0.2s, -ms-transform 0.3s;
  transition: filter 375ms ease-in 0.2s, transform 0.3s;
  object-fit: cover;
}
#article-container .flink .flink-list > .flink-list-item a .img-alt {
  display: none;
}
#article-container .flink .flink-item-name {
  padding: 16px 10px 0 0;
  height: 40px;
  font-weight: bold;
  font-size: 1.43em;
}
#article-container .flink .flink-item-desc {
  padding: 16px 10px 16px 0;
  height: 50px;
  font-size: 0.93em;
}
#article-container .flink .flink-name {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 1.5em;
}
#recent-posts > .recent-post-item:not(:first-child) {
  margin-top: 20px;
}
#recent-posts > .recent-post-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
  height: 18em;
}
@media screen and (max-width: 768px) {
  #recent-posts > .recent-post-item {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
  }
}
#recent-posts > .recent-post-item:hover img.post_bg {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#recent-posts > .recent-post-item.ads-wrap {
  display: block !important;
  height: auto !important;
}
#recent-posts > .recent-post-item .post_cover {
  overflow: hidden;
  width: 44%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  #recent-posts > .recent-post-item .post_cover {
    width: 100%;
    height: 230px;
  }
}
#recent-posts > .recent-post-item .post_cover.right {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -o-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
@media screen and (max-width: 768px) {
  #recent-posts > .recent-post-item .post_cover.right {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -o-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
  }
}
#recent-posts > .recent-post-item >.recent-post-info {
  padding: 0 40px;
  width: 57%;
}
@media screen and (max-width: 768px) {
  #recent-posts > .recent-post-item >.recent-post-info {
    padding: 20px 20px 30px;
    width: 100%;
  }
}
#recent-posts > .recent-post-item >.recent-post-info.no-cover {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #recent-posts > .recent-post-item >.recent-post-info.no-cover {
    padding: 30px 20px;
  }
}
#recent-posts > .recent-post-item >.recent-post-info > .article-title {
  color: var(--text-highlight-color);
  font-size: 1.72em;
  line-height: 1.4;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 768px) {
  #recent-posts > .recent-post-item >.recent-post-info > .article-title {
    font-size: 1.43em;
  }
}
#recent-posts > .recent-post-item >.recent-post-info > .article-title:hover {
  color: #425aef;
}
#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap {
  margin: 6px 0;
  color: #858585;
  font-size: 90%;
}
#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap > .post-meta-date {
  cursor: default;
}
#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap .sticky {
  color: #ff7242;
}
#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap i {
  margin: 0 4px 0 0;
}
#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap .article-meta-label {
  display: none;
}
#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap .article-meta-separator {
  margin: 0 6px;
}
#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap .article-meta-link {
  margin: 0 4px;
}
#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap time {
  display: none;
}
#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap a {
  color: #858585;
}
#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap a:hover {
  color: #425aef;
  text-decoration: underline;
}
#recent-posts > .recent-post-item >.recent-post-info > .content {
  -webkit-line-clamp: 2;
}
.tag-cloud-list a {
  display: inline-block;
  padding: 0 8px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.tag-cloud-list a:hover {
  color: #425aef !important;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
@media screen and (max-width: 768px) {
  .tag-cloud-list a {
    zoom: 0.85;
  }
}
.tag-cloud-title {
  font-size: 2.57em;
}
@media screen and (max-width: 768px) {
  .tag-cloud-title {
    font-size: 2em;
  }
}
h1.page-title + .tag-cloud-list {
  text-align: left;
}
#aside-content {
  width: 26%;
}
@media screen and (min-width: 900px) {
  #aside-content {
    padding-left: 15px;
  }
}
@media screen and (max-width: 900px) {
  #aside-content {
    width: 100%;
  }
}
#aside-content > .card-widget:first-child {
  margin-top: 0;
}
@media screen and (max-width: 900px) {
  #aside-content > .card-widget:first-child {
    margin-top: 20px;
  }
}
#aside-content .card-widget {
  position: relative;
  overflow: hidden;
  margin-top: 20px;
  padding: 20px 24px;
}
#aside-content .card-info .author-info__name {
  font-weight: 500;
  font-size: 1.57em;
}
#aside-content .card-info .author-info__description {
  margin-top: -0.42em;
}
#aside-content .card-info .card-info-data {
  margin: 14px 0 4px;
}
#aside-content .card-info .card-info-social-icons {
  margin: 6px 0 -6px;
}
#aside-content .card-info .card-info-social-icons .social-icon {
  margin: 0 10px;
  color: var(--font-color);
  font-size: 1.4em;
}
#aside-content .card-info .card-info-social-icons i {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#aside-content .card-info .card-info-social-icons i:hover {
  -webkit-transform: rotate(540deg);
  -moz-transform: rotate(540deg);
  -o-transform: rotate(540deg);
  -ms-transform: rotate(540deg);
  transform: rotate(540deg);
}
#aside-content .card-info #card-info-btn {
  display: block;
  margin-top: 14px;
  background-color: var(--btn-bg);
  color: var(--btn-color);
  text-align: center;
  line-height: 2.4;
}
#aside-content .card-info #card-info-btn:hover {
  background-color: var(--btn-hover-color);
}
#aside-content .card-info #card-info-btn span {
  padding-left: 10px;
}
#aside-content .item-headline {
  padding-bottom: 6px;
  font-size: 1.2em;
}
#aside-content .item-headline span {
  margin-left: 6px;
}
@media screen and (min-width: 900px) {
  #aside-content .sticky_layout {
    position: sticky;
    position: -webkit-sticky;
    top: 20px;
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    -o-transition: top 0.3s;
    -ms-transition: top 0.3s;
    transition: top 0.3s;
  }
}
#aside-content .card-tag-cloud a {
  display: inline-block;
  padding: 0 4px;
}
#aside-content .card-tag-cloud a:hover {
  color: #425aef !important;
}
#aside-content .aside-list > span {
  display: block;
  margin-bottom: 10px;
  text-align: center;
}
#aside-content .aside-list > .aside-list-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 6px 0;
}
#aside-content .aside-list > .aside-list-item:first-child {
  padding-top: 0;
}
#aside-content .aside-list > .aside-list-item:not(:last-child) {
  border-bottom: 1px dashed #f5f5f5;
}
#aside-content .aside-list > .aside-list-item:last-child {
  padding-bottom: 0;
}
#aside-content .aside-list > .aside-list-item .thumbnail {
  overflow: hidden;
  width: 4.2em;
  height: 4.2em;
}
#aside-content .aside-list > .aside-list-item .content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 10px;
  word-break: break-all;
}
#aside-content .aside-list > .aside-list-item .content > .name {
  -webkit-line-clamp: 1;
}
#aside-content .aside-list > .aside-list-item .content > time,
#aside-content .aside-list > .aside-list-item .content > .name {
  display: block;
  color: #858585;
  font-size: 85%;
}
#aside-content .aside-list > .aside-list-item .content > .title,
#aside-content .aside-list > .aside-list-item .content > .comment {
  color: var(--font-color);
  font-size: 95%;
  line-height: 1.5;
  -webkit-line-clamp: 2;
}
#aside-content .aside-list > .aside-list-item .content > .title:hover,
#aside-content .aside-list > .aside-list-item .content > .comment:hover {
  color: #425aef;
}
#aside-content .aside-list > .aside-list-item.no-cover {
  min-height: 4.4em;
}
#aside-content .card-archives ul.card-archive-list,
#aside-content .card-categories ul.card-category-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a,
#aside-content .card-categories ul.card-category-list > .card-category-list-item a {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 3px 10px;
  color: var(--font-color);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}
#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a:hover,
#aside-content .card-categories ul.card-category-list > .card-category-list-item a:hover {
  padding: 3px 17px;
  background-color: var(--text-bg-hover);
}
#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a span:first-child,
#aside-content .card-categories ul.card-category-list > .card-category-list-item a span:first-child {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#aside-content .card-categories .card-category-list.child {
  padding: 0 0 0 16px;
}
#aside-content .card-categories .card-category-list > .parent > a .card-category-list-name {
  width: 70% !important;
}
#aside-content .card-categories .card-category-list > .parent > a .card-category-list-count {
  width: calc(100% - 70% - 20px);
  text-align: right;
}
#aside-content .card-categories .card-category-list > .parent i {
  float: right;
  margin-right: -0.5em;
  padding: 0.5em;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -ms-transition: -ms-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
#aside-content .card-categories .card-category-list > .parent i.expand {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#aside-content .card-webinfo .webinfo .webinfo-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 2px 10px 0;
}
#aside-content .card-webinfo .webinfo .webinfo-item div:first-child {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 20px;
}
@media screen and (min-width: 901px) {
  #aside-content #card-toc {
    right: 0 !important;
  }
}
@media screen and (max-width: 900px) {
  #aside-content #card-toc {
    position: fixed;
    right: -100%;
    bottom: 30px;
    z-index: 100;
    max-width: 380px;
    max-height: calc(100% - 60px);
    width: calc(100% - 80px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: initial;
    -moz-transition: initial;
    -o-transition: initial;
    -ms-transition: initial;
    transition: initial;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
#aside-content #card-toc .toc-percentage {
  float: right;
  margin-top: -9px;
  color: #a9a9a9;
  font-style: italic;
  font-size: 140%;
}
#aside-content #card-toc .toc-content {
  overflow-y: scroll;
  overflow-y: overlay;
  margin: 0 -24px;
  max-height: calc(100vh - 120px);
}
@media screen and (max-width: 900px) {
  #aside-content #card-toc .toc-content {
    max-height: calc(100vh - 140px);
  }
}
#aside-content #card-toc .toc-content > * {
  margin: 0 20px !important;
}
#aside-content #card-toc .toc-content > * > .toc-item > .toc-child {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid var(--dark-grey);
}
#aside-content #card-toc .toc-content:not(.is-expand) .toc-child {
  display: none;
}
@media screen and (max-width: 900px) {
  #aside-content #card-toc .toc-content:not(.is-expand) .toc-child {
    display: block !important;
  }
}
#aside-content #card-toc .toc-content:not(.is-expand) .toc-item.active .toc-child {
  display: block;
}
#aside-content #card-toc .toc-content ol,
#aside-content #card-toc .toc-content li {
  list-style: none;
}
#aside-content #card-toc .toc-content > ol {
  padding: 0 !important;
}
#aside-content #card-toc .toc-content ol {
  margin: 0;
  padding-left: 18px;
}
#aside-content #card-toc .toc-content .toc-link {
  display: block;
  margin: 4px 0;
  padding: 1px 6px;
  color: var(--toc-link-color);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#aside-content #card-toc .toc-content .toc-link:hover {
  color: #425aef;
}
#aside-content #card-toc .toc-content .toc-link.active {
  background: #425aef;
  color: #fff;
}
#aside-content :only-child > .card-widget {
  margin-top: 0;
}
#aside-content .card-more-btn {
  float: right;
  color: inherit;
}
#aside-content .card-more-btn:hover {
  -webkit-animation: more-btn-move 1s infinite;
  -moz-animation: more-btn-move 1s infinite;
  -o-animation: more-btn-move 1s infinite;
  -ms-animation: more-btn-move 1s infinite;
  animation: more-btn-move 1s infinite;
}
#aside-content .card-announcement .item-headline i {
  color: #f00;
}
.avatar-img {
  overflow: hidden;
  margin: 0 auto;
  width: 110px;
  height: 110px;
  border-radius: 70px;
}
.avatar-img img {
  width: 100%;
  height: 100%;
  -webkit-transition: filter 375ms ease-in 0.2s, -webkit-transform 0.3s;
  -moz-transition: filter 375ms ease-in 0.2s, -moz-transform 0.3s;
  -o-transition: filter 375ms ease-in 0.2s, -o-transform 0.3s;
  -ms-transition: filter 375ms ease-in 0.2s, -ms-transform 0.3s;
  transition: filter 375ms ease-in 0.2s, transform 0.3s;
  object-fit: cover;
}
.avatar-img img:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.site-data {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.site-data > a {
  display: table-cell;
}
.site-data > a div {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.site-data > a:hover div {
  color: #425aef !important;
}
.site-data > a .headline {
  color: var(--font-color);
}
.site-data > a .length-num {
  margin-top: -0.32em;
  color: var(--text-highlight-color);
  font-size: 1.4em;
}
@media screen and (min-width: 900px) {
  html.hide-aside .layout {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  html.hide-aside .layout > .aside-content {
    display: none;
  }
  html.hide-aside .layout > div:first-child {
    width: 80%;
  }
}
.page .sticky_layout {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@-moz-keyframes more-btn-move {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -o-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
  }
}
@-webkit-keyframes more-btn-move {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -o-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
  }
}
@-o-keyframes more-btn-move {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -o-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
  }
}
@keyframes more-btn-move {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -o-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
  }
}
@-moz-keyframes toc-open {
  0% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes toc-open {
  0% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes toc-open {
  0% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes toc-open {
  0% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes toc-close {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@-webkit-keyframes toc-close {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@-o-keyframes toc-close {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@keyframes toc-close {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}
#post-comment .comment-head {
  margin-bottom: 20px;
}
#post-comment .comment-head .comment-headline {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  font-size: 1.43em;
}
#post-comment .comment-head #comment-switch {
  display: inline-block;
  float: right;
  margin: 2px auto 0;
  padding: 4px 16px;
  width: max-content;
  border-radius: 8px;
  background: #f6f8fa;
}
#post-comment .comment-head #comment-switch .first-comment {
  color: #49b1f5;
}
#post-comment .comment-head #comment-switch .second-comment {
  color: #ff7242;
}
#post-comment .comment-head #comment-switch .switch-btn {
  position: relative;
  display: inline-block;
  margin: -4px 8px 0;
  width: 42px;
  height: 22px;
  border-radius: 34px;
  background-color: #49b1f5;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
#post-comment .comment-head #comment-switch .switch-btn:before {
  position: absolute;
  bottom: 4px;
  left: 4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #fff;
  content: '';
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
#post-comment .comment-head #comment-switch .switch-btn.move {
  background-color: #ff7242;
}
#post-comment .comment-head #comment-switch .switch-btn.move:before {
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -o-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
#post-comment .comment-wrap > div:nth-child(2) {
  display: none;
}
#footer {
  position: relative;
  background: #425aef;
  background-attachment: scroll;
  background-position: bottom;
  -webkit-background-size: cover;
}
-moz-background-size: cover {
  background-size: cover;
}
-moz-background-size: cover:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  content: '';
}
#footer-wrap {
  position: relative;
  padding: 40px 20px;
  color: var(--light-grey);
  text-align: center;
}
#footer-wrap a {
  color: var(--light-grey);
}
#footer-wrap a:hover {
  text-decoration: underline;
}
#footer-wrap .footer-separator {
  margin: 0 4px;
}
#footer-wrap .icp-icon {
  padding: 0 4px;
  max-height: 1.4em;
  width: auto;
  vertical-align: text-bottom;
}
#page-header {
  position: relative;
  width: 100%;
  background-color: #425aef;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
#page-header:not(.not-top-img):before {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
  content: '';
}
#page-header.full_page {
  height: 220px;
  background-attachment: fixed;
}
#page-header.full_page #site-info {
  position: absolute;
  top: 40%;
  padding: 0 10px;
  width: 100%;
}
#page-header #site-title,
#page-header #site-subtitle,
#page-header #scroll-down .scroll-down-effects {
  text-align: center;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.15);
  line-height: 1;
}
#page-header #site-title {
  margin: 0;
  color: var(--white);
  font-size: 4em;
  font-family: unset;
mobile()
}
@media screen and (min-width: 768px) {
  #page-header #site-title {
    font-size: 5em;
  }
}
#page-header #site-subtitle {
  color: var(--light-grey);
  font-size: 2.5em;
  font-family: Quicksand, Vollkorn, serif;
mobile()
}
@media screen and (min-width: 768px) {
  #page-header #site-subtitle {
    font-size: 3.5em;
  }
}
#page-header #site_social_icons {
  display: none;
  margin: 0 auto;
  width: 300px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #page-header #site_social_icons {
    display: block;
  }
}
#page-header #site_social_icons .social-icon {
  margin: 0 10px;
  color: var(--light-grey);
  text-shadow: 2px 2px 4px rgba(0,0,0,0.15);
  font-size: 1.43em;
}
#page-header #scroll-down {
  position: absolute;
  bottom: 0;
  width: 100%;
  cursor: pointer;
}
#page-header #scroll-down .scroll-down-effects {
  position: relative;
  width: 100%;
  color: var(--light-grey);
  font-size: 30px;
}
#page-header.not-home-page {
  height: 400px;
}
@media screen and (max-width: 768px) {
  #page-header.not-home-page {
    height: 280px;
  }
}
#page-header #page-site-info {
  position: absolute;
  top: 200px;
  padding: 0 10px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #page-header #page-site-info {
    top: 140px;
  }
}
#page-header.post-bg {
  height: 400px;
}
@media screen and (max-width: 768px) {
  #page-header.post-bg {
    height: 360px;
  }
}
#page-header.post-bg:before {
  background-color: rgba(0,0,0,0.5);
}
#page-header #post-info {
  position: absolute;
  bottom: 100px;
  padding: 0 8%;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 900px) {
  #page-header #post-info {
    bottom: 30px;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  #page-header #post-info {
    bottom: 22px;
    padding: 0 22px;
  }
}
#page-header.not-top-img {
  margin-bottom: 10px;
  height: 60px;
  background: 0;
}
#page-header.not-top-img #nav {
  background: rgba(255,255,255,0.8);
  -webkit-box-shadow: 0 5px 6px -5px rgba(133,133,133,0.6);
  box-shadow: 0 5px 6px -5px rgba(133,133,133,0.6);
}
#page-header.not-top-img #nav a {
  color: var(--font-color);
  text-shadow: none;
}
#page-header.nav-fixed #nav {
  position: fixed;
  top: -60px;
  z-index: 91;
  background: rgba(255,255,255,0.8);
  -webkit-box-shadow: 0 5px 6px -5px rgba(133,133,133,0.6);
  box-shadow: 0 5px 6px -5px rgba(133,133,133,0.6);
  -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -o-transition: -o-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -ms-transition: -ms-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
#page-header.nav-fixed #nav a,
#page-header.nav-fixed #nav #site-name,
#page-header.nav-fixed #nav #toggle-menu {
  color: var(--font-color);
  text-shadow: none;
}
#page-header.nav-fixed #nav a:hover,
#page-header.nav-fixed #nav #site-name:hover,
#page-header.nav-fixed #nav #toggle-menu:hover {
  color: #425aef;
}
#page-header.nav-visible #nav {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
#page-header.nav-visible + .layout > .aside-content > .sticky_layout {
  top: 70px;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -o-transition: top 0.5s;
  -ms-transition: top 0.5s;
  transition: top 0.5s;
}
#page h1.page-title {
  margin: 8px 0 20px;
}
#post > #post-info {
  margin-bottom: 30px;
}
#post > #post-info .post-title {
  padding-bottom: 4px;
  border-bottom: 1px solid var(--light-grey);
  color: var(--text-highlight-color);
}
#post > #post-info .post-title .post-edit-link {
  float: right;
}
#post > #post-info #post-meta,
#post > #post-info #post-meta a {
  color: #78818a;
}
#post-info .post-title {
  margin-bottom: 8px;
  color: var(--white);
  font-weight: normal;
  font-size: 2.5em;
  line-height: 1.5;
  -webkit-line-clamp: 3;
}
@media screen and (max-width: 768px) {
  #post-info .post-title {
    font-size: 2.1em;
  }
}
#post-info .post-title .post-edit-link {
  padding-left: 10px;
}
#post-info #post-meta {
  color: var(--light-grey);
  font-size: 95%;
}
@media screen and (min-width: 768px) {
  #post-info #post-meta > .meta-secondline > span:first-child {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #post-info #post-meta {
    font-size: 90%;
  }
  #post-info #post-meta > .meta-firstline,
  #post-info #post-meta > .meta-secondline {
    display: inline;
  }
}
#post-info #post-meta .post-meta-separator {
  margin: 0 5px;
}
#post-info #post-meta .post-meta-icon {
  margin-right: 4px;
}
#post-info #post-meta .post-meta-label {
  display: none;
}
#post-info #post-meta a {
  color: var(--light-grey);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#post-info #post-meta a:hover {
  color: #425aef;
  text-decoration: underline;
}
#nav {
  position: absolute;
  top: 0;
  z-index: 90;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 36px;
  width: 100%;
  height: 60px;
  font-size: 1.3em;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
@media screen and (max-width: 768px) {
  #nav {
    padding: 0 16px;
  }
}
#nav.show {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
#nav #blog_name {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#nav #toggle-menu {
  display: none;
  padding: 2px 0 0 6px;
  vertical-align: top;
}
#nav #toggle-menu:hover {
  color: var(--white);
}
#nav a {
  color: var(--light-grey);
}
#nav a:hover {
  color: var(--white);
}
#nav #site-name {
  text-shadow: 2px 2px 4px rgba(0,0,0,0.15);
  font-weight: bold;
  cursor: pointer;
}
#nav .menus_items {
  display: inline;
}
#nav .menus_items .menus_item {
  position: relative;
  display: inline-block;
  padding: 0 0 0 14px;
}
#nav .menus_items .menus_item:hover .menus_item_child {
  display: block;
}
#nav .menus_items .menus_item:hover > a > i:last-child {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#nav .menus_items .menus_item > a > i:last-child {
  padding: 4px;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -ms-transition: -ms-transform 0.3s;
  transition: transform 0.3s;
}
#nav .menus_items .menus_item .menus_item_child {
  position: absolute;
  right: 0;
  display: none;
  margin-top: 8px;
  padding: 0;
  width: max-content;
  background-color: var(--sidebar-bg);
  -webkit-box-shadow: 0 5px 20px -4px rgba(0,0,0,0.5);
  box-shadow: 0 5px 20px -4px rgba(0,0,0,0.5);
  -webkit-animation: sub_menus 0.3s 0.1s ease both;
  -moz-animation: sub_menus 0.3s 0.1s ease both;
  -o-animation: sub_menus 0.3s 0.1s ease both;
  -ms-animation: sub_menus 0.3s 0.1s ease both;
  animation: sub_menus 0.3s 0.1s ease both;
  border-radius: 5px;
}
#nav .menus_items .menus_item .menus_item_child:before {
  position: absolute;
  top: -8px;
  left: 0;
  width: 100%;
  height: 20px;
  content: '';
}
#nav .menus_items .menus_item .menus_item_child li {
  list-style: none;
}
#nav .menus_items .menus_item .menus_item_child li:hover {
  background: var(--text-bg-hover);
}
#nav .menus_items .menus_item .menus_item_child li:first-child {
  border-radius: 5px 5px 0 0;
}
#nav .menus_items .menus_item .menus_item_child li:last-child {
  border-radius: 0 0 5px 5px;
}
#nav .menus_items .menus_item .menus_item_child li a {
  display: inline-block;
  padding: 8px 16px;
  width: 100%;
  color: var(--font-color) !important;
  text-shadow: none !important;
}
#nav.hide-menu #toggle-menu {
  display: inline-block !important;
}
#nav.hide-menu #toggle-menu .site-page {
  font-size: inherit;
}
#nav.hide-menu .menus_items {
  display: none;
}
#nav.hide-menu #search-button span {
  display: none;
}
#nav #search-button {
  display: inline;
  padding: 0 0 0 14px;
}
#nav .site-page {
  position: relative;
  padding-bottom: 6px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
  font-size: 0.78em;
  cursor: pointer;
}
#nav .site-page:not(.child):after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 0;
  height: 3px;
  background-color: #7b8bf4;
  content: '';
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#nav .site-page:not(.child):hover:after {
  width: 100%;
}
#pagination .pagination {
  margin-top: 20px;
  text-align: center;
}
#pagination .page-number.current {
  background: #425aef;
  color: var(--white);
}
#pagination .pagination-info {
  position: absolute;
  top: 50%;
  padding: 20px 40px;
  width: 100%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#pagination .prev_info,
#pagination .next_info {
  color: var(--white);
  font-weight: 500;
}
#pagination .next-post .pagination-info {
  text-align: right;
}
#pagination .pull-full {
  width: 100% !important;
}
#pagination .prev-post .label,
#pagination .next-post .label {
  color: var(--light-grey);
  text-transform: uppercase;
  font-size: 90%;
}
#pagination .prev-post,
#pagination .next-post {
  width: 50%;
}
@media screen and (max-width: 768px) {
  #pagination .prev-post,
  #pagination .next-post {
    width: 100%;
  }
}
#pagination .prev-post a,
#pagination .next-post a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 150px;
}
#pagination.pagination-post {
  overflow: hidden;
  margin-top: 40px;
  width: 100%;
  background: #000;
}
.layout > .recent-posts .pagination > * {
  display: inline-block;
  margin: 0 6px;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
}
.layout > .recent-posts .pagination > *:not(.space):hover {
  background: var(--btn-hover-color);
  color: var(--btn-color);
}
.layout > div:not(.recent-posts) .pagination .page-number {
  display: inline-block;
  margin: 0 4px;
  min-width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
}
#article-container {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
#article-container a {
  color: #99a9bf;
}
#article-container a:hover {
  text-decoration: underline;
}
#article-container img {
  display: block;
  margin: 0 auto 20px;
  max-width: 100%;
  -webkit-transition: filter 375ms ease-in 0.2s;
  -moz-transition: filter 375ms ease-in 0.2s;
  -o-transition: filter 375ms ease-in 0.2s;
  -ms-transition: filter 375ms ease-in 0.2s;
  transition: filter 375ms ease-in 0.2s;
}
#article-container p {
  margin: 0 0 16px;
}
#article-container iframe {
  margin: 0 0 20px;
}
#article-container kbd {
  margin: 0 3px;
  padding: 3px 5px;
  border: 1px solid #b4b4b4;
  border-radius: 3px;
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25), 0 2px 1px 0 rgba(255,255,255,0.6) inset;
  box-shadow: 0 1px 3px rgba(0,0,0,0.25), 0 2px 1px 0 rgba(255,255,255,0.6) inset;
  color: #34495e;
  white-space: nowrap;
  font-weight: 600;
  font-size: 0.9em;
  font-family: Monaco, 'Ubuntu Mono', monospace;
  line-height: 1em;
}
#article-container a.headerlink:after {
  float: right;
  color: var(--headline-presudo);
  font-size: 0.95em;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#article-container a.headerlink:hover:after {
  color: var(--pseudo-hover);
}
#article-container h1:hover a.headerlink:after,
#article-container h2:hover a.headerlink:after,
#article-container h3:hover a.headerlink:after,
#article-container h4:hover a.headerlink:after,
#article-container h5:hover a.headerlink:after,
#article-container h6:hover a.headerlink:after {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
#article-container ol ol,
#article-container ul ol,
#article-container ol ul,
#article-container ul ul {
  padding-left: 20px;
}
#article-container ol li,
#article-container ul li {
  margin: 4px 0;
}
#article-container ol p,
#article-container ul p {
  margin: 0 0 8px;
}
#article-container > :last-child {
  margin-bottom: 0 !important;
}
#post .tag_share:after {
  display: block;
  clear: both;
  content: '';
}
#post .tag_share .post-meta__tag-list {
  display: inline-block;
}
#post .tag_share .post-meta__tags {
  display: inline-block;
  margin: 8px 8px 8px 0;
  padding: 0 12px;
  width: fit-content;
  border: 1px solid #425aef;
  border-radius: 12px;
  color: #425aef;
  font-size: 0.85em;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#post .tag_share .post-meta__tags:hover {
  background: #425aef;
  color: var(--white);
}
#post .tag_share .post_share {
  display: inline-block;
  float: right;
  margin: 8px 0 0;
  width: fit-content;
}
#post .tag_share .post_share .social-share {
  font-size: 0.85em;
}
#post .tag_share .post_share .social-share .social-share-icon {
  margin: 0 4px;
  width: 1.85em;
  height: 1.85em;
  font-size: 1.2em;
  line-height: 1.85em;
}
#post .post-copyright {
  position: relative;
  margin: 40px 0 10px;
  padding: 10px 16px;
  border: 1px solid var(--light-grey);
  -webkit-transition: box-shadow 0.3s ease-in-out;
  -moz-transition: box-shadow 0.3s ease-in-out;
  -o-transition: box-shadow 0.3s ease-in-out;
  -ms-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
}
#post .post-copyright:before {
  position: absolute;
  top: 2px;
  right: 12px;
  color: #425aef;
  content: '\f1f9';
  font-size: 1.3em;
}
#post .post-copyright:hover {
  -webkit-box-shadow: 0 0 8px 0 rgba(232,237,250,0.6), 0 2px 4px 0 rgba(232,237,250,0.5);
  box-shadow: 0 0 8px 0 rgba(232,237,250,0.6), 0 2px 4px 0 rgba(232,237,250,0.5);
}
#post .post-copyright .post-copyright-meta {
  color: #425aef;
  font-weight: 700;
}
#post .post-copyright .post-copyright-info {
  padding-left: 6px;
}
#post .post-copyright .post-copyright-info a {
  text-decoration: underline;
  word-break: break-word;
}
#post .post-copyright .post-copyright-info a:hover {
  text-decoration: none;
}
#post .post-outdate-notice {
  position: relative;
  margin: 0 0 20px;
  padding: 0.5em 1.2em;
  border-radius: 3px;
  background-color: #ffe6e6;
  color: #f66;
  padding: 0.5em 1em 0.5em 2.6em;
  border-left: 5px solid #ff8080;
}
#post .post-outdate-notice:before {
  position: absolute;
  top: 50%;
  left: 0.9em;
  color: #ff8080;
  content: '\f071';
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#post .ads-wrap {
  margin: 40px 0;
}
.relatedPosts {
  margin-top: 40px;
}
.relatedPosts > .headline {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 1.43em;
}
.relatedPosts > .relatedPosts-list > div {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 3px;
  width: calc(33.333% - 6px);
  height: 200px;
  background: #000;
  vertical-align: bottom;
}
@media screen and (max-width: 768px) {
  .relatedPosts > .relatedPosts-list > div {
    margin: 2px;
    width: calc(50% - 4px);
    height: 150px;
  }
}
@media screen and (max-width: 600px) {
  .relatedPosts > .relatedPosts-list > div {
    width: calc(100% - 4px);
  }
}
.relatedPosts > .relatedPosts-list .content {
  position: absolute;
  top: 50%;
  padding: 0 20px;
  width: 100%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.relatedPosts > .relatedPosts-list .content .date {
  color: var(--light-grey);
  font-size: 90%;
}
.relatedPosts > .relatedPosts-list .content .title {
  color: var(--white);
  -webkit-line-clamp: 2;
}
.post-reward {
  position: relative;
  margin-top: 80px;
  width: 100%;
  text-align: center;
  pointer-events: none;
}
.post-reward > * {
  pointer-events: auto;
}
.post-reward .reward-button {
  display: inline-block;
  padding: 4px 24px;
  background: var(--btn-bg);
  color: var(--btn-color);
  cursor: pointer;
}
.post-reward:hover .reward-button {
  background: var(--btn-hover-color);
}
.post-reward:hover > .reward-main {
  display: block;
}
.post-reward .reward-main {
  position: absolute;
  bottom: 40px;
  left: 0;
  z-index: 100;
  display: none;
  padding: 0 0 15px;
  width: 100%;
}
.post-reward .reward-main .reward-all {
  display: inline-block;
  margin: 0;
  padding: 20px 10px;
  border-radius: 4px;
  background: var(--reward-pop);
}
.post-reward .reward-main .reward-all:before {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 20px;
  content: '';
}
.post-reward .reward-main .reward-all:after {
  position: absolute;
  right: 0;
  bottom: 2px;
  left: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: 13px solid var(--reward-pop);
  border-right: 13px solid transparent;
  border-left: 13px solid transparent;
  content: '';
}
.post-reward .reward-main .reward-all .reward-item {
  display: inline-block;
  padding: 0 8px;
  list-style-type: none;
  vertical-align: top;
}
.post-reward .reward-main .reward-all .reward-item img {
  width: 130px;
  height: 130px;
}
.post-reward .reward-main .reward-all .reward-item .post-qr-code-desc {
  width: 130px;
  color: #858585;
}
#rightside {
  position: fixed;
  right: -48px;
  bottom: 40px;
  z-index: 100;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
#rightside #rightside-config-hide {
  height: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  -ms-transition: -ms-transform 0.4s;
  transition: transform 0.4s;
  -webkit-transform: translate(45px, 0);
  -moz-transform: translate(45px, 0);
  -o-transform: translate(45px, 0);
  -ms-transform: translate(45px, 0);
  transform: translate(45px, 0);
}
#rightside #rightside-config-hide.show {
  height: auto;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#rightside #rightside-config-hide.status {
  height: auto;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
#rightside > div > button,
#rightside > div > a {
  display: block;
  margin-bottom: 5px;
  width: 35px;
  height: 35px;
  border-radius: 5px;
  background-color: var(--btn-bg);
  color: var(--btn-color);
  text-align: center;
  font-size: 16px;
  line-height: 35px;
}
#rightside > div > button:hover,
#rightside > div > a:hover {
  background-color: var(--btn-hover-color);
}
#rightside #mobile-toc-button {
  display: none;
}
@media screen and (max-width: 900px) {
  #rightside #mobile-toc-button {
    display: block;
  }
}
@media screen and (max-width: 900px) {
  #rightside #hide-aside-btn {
    display: none;
  }
}
#sidebar #menu-mask {
  position: fixed;
  z-index: 102;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
}
#sidebar #sidebar-menus {
  position: fixed;
  top: 0;
  right: -300px;
  z-index: 103;
  overflow-x: hidden;
  overflow-y: auto;
  width: 300px;
  height: 100%;
  background: var(--sidebar-bg);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
#sidebar #sidebar-menus.open {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
#sidebar #sidebar-menus > .avatar-img {
  margin: 20px auto;
}
#sidebar #sidebar-menus .sidebar-site-data {
  padding: 0 10px;
}
#sidebar #sidebar-menus hr {
  margin: 20px auto;
}
#sidebar #sidebar-menus .menus_items {
  padding: 0 10px 40px;
}
#sidebar #sidebar-menus .menus_items .site-page {
  position: relative;
  display: block;
  padding: 6px 30px 6px 22px;
  color: var(--font-color);
  font-size: 1.15em;
}
#sidebar #sidebar-menus .menus_items .site-page:hover {
  background: var(--text-bg-hover);
}
#sidebar #sidebar-menus .menus_items .site-page i:first-child {
  width: 15%;
  text-align: left;
}
#sidebar #sidebar-menus .menus_items .site-page.group > i:last-child {
  position: absolute;
  top: 0.78em;
  right: 18px;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -ms-transition: -ms-transform 0.3s;
  transition: transform 0.3s;
}
#sidebar #sidebar-menus .menus_items .site-page.group.hide > i:last-child {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#sidebar #sidebar-menus .menus_items .site-page.group.hide + .menus_item_child {
  display: none;
}
#sidebar #sidebar-menus .menus_items .menus_item_child {
  margin: 0;
  list-style: none;
}
#vcomment {
  font-size: 1.1em;
}
#vcomment .vbtn {
  border: none;
  background: var(--btn-bg);
  color: var(--btn-color);
}
#vcomment .vbtn:hover {
  background: var(--btn-hover-color);
}
#vcomment .vimg {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#vcomment .vimg:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
#vcomment .vcards .vcard .vcontent.expand:before,
#vcomment .vcards .vcard .vcontent.expand:after {
  z-index: 22;
}
#waline-wrap {
  --waline-font-size: 1.1em;
  --waline-theme-color: #425aef;
  --waline-active-color: #425aef;
}
#waline-wrap .vuser {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
#waline-wrap .vuser:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
#vcomment textarea {
  background: url("white") 100% 100% no-repeat;
}
#vcomment textarea:focus {
  background-image: none;
}
.fireworks {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  pointer-events: none;
}
.medium-zoom-image--opened {
  z-index: 99999 !important;
  margin: 0 !important;
}
.medium-zoom-overlay {
  z-index: 99999 !important;
}
.mermaid-wrap {
  margin: 0 0 20px;
  text-align: center;
}
.mermaid-wrap > svg {
  height: 100%;
}
.utterances,
.fb-comments iframe {
  width: 100% !important;
}
#gitalk-container .gt-meta {
  margin: 0 0 0.8em;
  padding: 6px 0 16px;
}
.katex-wrap {
  overflow: auto;
}
.katex-wrap::-webkit-scrollbar {
  display: none;
}
mjx-container[display],
.has-jax {
  overflow-x: auto;
  overflow-y: hidden;
  line-height: normal !important;
}
.aplayer {
  color: #4c4948;
}
#article-container .aplayer {
  margin: 0 0 20px;
}
.snackbar-css {
  border-radius: 5px !important;
}
#article-container .btn-center {
  margin: 0 0 20px;
  text-align: center;
}
#article-container .btn-beautify {
  display: inline-block;
  margin: 0 4px 6px;
  padding: 0 15px;
  background-color: var(--btn-beautify-color, #777);
  color: #fff;
  line-height: 2;
}
#article-container .btn-beautify.blue {
  --btn-beautify-color: #428bca;
}
#article-container .btn-beautify.pink {
  --btn-beautify-color: #ff69b4;
}
#article-container .btn-beautify.red {
  --btn-beautify-color: #f00;
}
#article-container .btn-beautify.purple {
  --btn-beautify-color: #6f42c1;
}
#article-container .btn-beautify.orange {
  --btn-beautify-color: #ff8c00;
}
#article-container .btn-beautify.green {
  --btn-beautify-color: #5cb85c;
}
#article-container .btn-beautify:hover {
  background-color: var(--btn-hover-color);
}
#article-container .btn-beautify i + span {
  margin-left: 6px;
}
#article-container .btn-beautify:not(.block) + .btn-beautify:not(.block) {
  margin: 0 4px 20px;
}
#article-container .btn-beautify.block {
  display: block;
  margin: 0 0 20px;
  width: fit-content;
  width: -moz-fit-content;
}
#article-container .btn-beautify.block.center {
  margin: 0 auto 20px;
}
#article-container .btn-beautify.block.right {
  margin: 0 0 20px auto;
}
#article-container .btn-beautify.larger {
  padding: 6px 15px;
}
#article-container .btn-beautify:hover {
  text-decoration: none;
}
#article-container .btn-beautify.outline {
  border: 1px solid transparent;
  border-color: var(--btn-beautify-color, #777);
  background-color: transparent;
  color: var(--btn-beautify-color, #777);
}
#article-container .btn-beautify.outline:hover {
  background-color: var(--btn-beautify-color, #777);
}
#article-container .btn-beautify.outline:hover {
  color: #fff !important;
}
#article-container figure.gallery-group {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 6px 4px;
  width: calc(50% - 8px);
  height: 250px;
  border-radius: 8px;
  background: #000;
  -webkit-transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 600px) {
  #article-container figure.gallery-group {
    width: calc(100% - 8px);
  }
}
#article-container figure.gallery-group:hover img {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#article-container figure.gallery-group:hover .gallery-group-name::after {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#article-container figure.gallery-group:hover p {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#article-container figure.gallery-group img {
  position: relative;
  margin: 0;
  max-width: none;
  width: calc(100% + 20px);
  height: 250px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -webkit-transition: all 0.3s, filter 375ms ease-in 0.2s;
  -moz-transition: all 0.3s, filter 375ms ease-in 0.2s;
  -o-transition: all 0.3s, filter 375ms ease-in 0.2s;
  -ms-transition: all 0.3s, filter 375ms ease-in 0.2s;
  transition: all 0.3s, filter 375ms ease-in 0.2s;
  -webkit-transform: translate3d(-10px, 0, 0);
  -moz-transform: translate3d(-10px, 0, 0);
  -o-transform: translate3d(-10px, 0, 0);
  -ms-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  object-fit: cover;
}
#article-container figure.gallery-group figcaption {
  position: absolute;
  top: 0;
  left: 0;
  padding: 30px;
  width: 100%;
  height: 100%;
  color: #fff;
  text-transform: uppercase;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
#article-container figure.gallery-group figcaption > a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
#article-container figure.gallery-group p {
  margin: 0;
  padding: 8px 0 0;
  letter-spacing: 1px;
  font-size: 1.1em;
  line-height: 1.5;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  -moz-transition: opacity 0.35s, -moz-transform 0.35s;
  -o-transition: opacity 0.35s, -o-transform 0.35s;
  -ms-transition: opacity 0.35s, -ms-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-line-clamp: 4;
}
#article-container figure.gallery-group .gallery-group-name {
  position: relative;
  margin: 0;
  padding: 8px 0;
  font-weight: bold;
  font-size: 1.65em;
  line-height: 1.5;
  -webkit-line-clamp: 2;
}
#article-container figure.gallery-group .gallery-group-name:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  -moz-transition: -moz-transform 0.35s;
  -o-transition: -o-transform 0.35s;
  -ms-transition: -ms-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
#article-container .gallery-group-main {
  overflow: auto;
  padding: 0 0 16px;
}
#article-container .fj-gallery {
  margin: 0 0 16px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
#article-container .fj-gallery .img-alt {
  display: none;
}
blockquote.pullquote {
  position: relative;
  max-width: 45%;
  font-size: 110%;
}
blockquote.pullquote.left {
  float: left;
  margin: 1em 0.5em 0 0;
}
blockquote.pullquote.right {
  float: right;
  margin: 1em 0 0 0.5em;
}
.video-container {
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
  padding-top: 56.25%;
  height: 0;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
  width: 100%;
  height: 100%;
}
.hide-inline > .hide-button,
.hide-block > .hide-button {
  display: inline-block;
  padding: 5px 18px;
  background: #425aef;
  color: var(--white);
}
.hide-inline > .hide-button:hover,
.hide-block > .hide-button:hover {
  background-color: var(--btn-hover-color);
}
.hide-inline > .hide-button.open,
.hide-block > .hide-button.open {
  display: none;
}
.hide-inline > .hide-button.open + div,
.hide-block > .hide-button.open + div {
  display: block;
}
.hide-inline > .hide-button.open + span,
.hide-block > .hide-button.open + span {
  display: inline;
}
.hide-inline > .hide-content,
.hide-block > .hide-content {
  display: none;
}
.hide-inline > .hide-button {
  margin: 0 6px;
}
.hide-inline > .hide-content {
  margin: 0 6px;
}
.hide-block {
  margin: 0 0 16px;
}
.toggle {
  margin-bottom: 20px;
  border: 1px solid #f0f0f0;
}
.toggle > .toggle-button {
  padding: 6px 15px;
  background: #f0f0f0;
  color: #1f2d3d;
  cursor: pointer;
}
.toggle > .toggle-content {
  margin: 30px 24px;
}
#article-container .inline-img {
  display: inline;
  margin: 0 3px;
  height: 1.1em;
  vertical-align: text-bottom;
}
.hl-label {
  padding: 2px 4px;
  border-radius: 3px;
  color: #fff;
}
.hl-label.default {
  background-color: #777;
}
.hl-label.blue {
  background-color: #428bca;
}
.hl-label.pink {
  background-color: #ff69b4;
}
.hl-label.red {
  background-color: #f00;
}
.hl-label.purple {
  background-color: #6f42c1;
}
.hl-label.orange {
  background-color: #ff8c00;
}
.hl-label.green {
  background-color: #5cb85c;
}
.note {
  position: relative;
  margin: 0 0 20px;
  padding: 15px;
  border-radius: 3px;
}
.note.icon {
  padding-left: 3em;
}
.note > .note-icon {
  position: absolute;
  top: calc(50% - 0.5em);
  left: 0.8em;
  font-size: larger;
}
.note.blue:not(.disabled) {
  border-left-color: #428bca !important;
}
.note.blue:not(.disabled).modern {
  border-left-color: transparent !important;
  color: #428bca;
}
.note.blue:not(.disabled):not(.simple) {
  background: #e3eef7 !important;
}
.note.blue > .note-icon {
  color: #428bca;
}
.note.pink:not(.disabled) {
  border-left-color: #ff69b4 !important;
}
.note.pink:not(.disabled).modern {
  border-left-color: transparent !important;
  color: #ff69b4;
}
.note.pink:not(.disabled):not(.simple) {
  background: #ffe9f4 !important;
}
.note.pink > .note-icon {
  color: #ff69b4;
}
.note.red:not(.disabled) {
  border-left-color: #f00 !important;
}
.note.red:not(.disabled).modern {
  border-left-color: transparent !important;
  color: #f00;
}
.note.red:not(.disabled):not(.simple) {
  background: #ffd9d9 !important;
}
.note.red > .note-icon {
  color: #f00;
}
.note.purple:not(.disabled) {
  border-left-color: #6f42c1 !important;
}
.note.purple:not(.disabled).modern {
  border-left-color: transparent !important;
  color: #6f42c1;
}
.note.purple:not(.disabled):not(.simple) {
  background: #e9e3f6 !important;
}
.note.purple > .note-icon {
  color: #6f42c1;
}
.note.orange:not(.disabled) {
  border-left-color: #ff8c00 !important;
}
.note.orange:not(.disabled).modern {
  border-left-color: transparent !important;
  color: #ff8c00;
}
.note.orange:not(.disabled):not(.simple) {
  background: #ffeed9 !important;
}
.note.orange > .note-icon {
  color: #ff8c00;
}
.note.green:not(.disabled) {
  border-left-color: #5cb85c !important;
}
.note.green:not(.disabled).modern {
  border-left-color: transparent !important;
  color: #5cb85c;
}
.note.green:not(.disabled):not(.simple) {
  background: #e7f4e7 !important;
}
.note.green > .note-icon {
  color: #5cb85c;
}
.note.simple {
  border: 1px solid #eee;
  border-left-width: 5px;
}
.note.modern {
  border: 1px solid transparent !important;
  background-color: #f5f5f5;
  color: #4c4948;
}
.note.flat {
  border: initial;
  border-left: 5px solid #eee;
  background-color: #f9f9f9;
  color: #4c4948;
}
.note h2,
.note h3,
.note h4,
.note h5,
.note h6 {
  margin-top: 3px;
  margin-bottom: 0;
  padding-top: 0 !important;
  border-bottom: initial;
}
.note p:first-child,
.note ul:first-child,
.note ol:first-child,
.note table:first-child,
.note pre:first-child,
.note blockquote:first-child,
.note img:first-child {
  margin-top: 0 !important;
}
.note p:last-child,
.note ul:last-child,
.note ol:last-child,
.note table:last-child,
.note pre:last-child,
.note blockquote:last-child,
.note img:last-child {
  margin-bottom: 0 !important;
}
.note:not(.no-icon) {
  padding-left: 3em;
}
.note:not(.no-icon)::before {
  position: absolute;
  top: calc(50% - 0.95em);
  left: 0.8em;
  font-size: larger;
}
.note.default.flat {
  background: #f7f7f7;
}
.note.default.modern {
  border-color: #e1e1e1;
  background: #f3f3f3;
  color: #666;
}
.note.default.modern a:not(.btn) {
  color: #666;
}
.note.default.modern a:not(.btn):hover {
  color: #454545;
}
.note.default:not(.modern) {
  border-left-color: #777;
}
.note.default:not(.modern) h2,
.note.default:not(.modern) h3,
.note.default:not(.modern) h4,
.note.default:not(.modern) h5,
.note.default:not(.modern) h6 {
  color: #777;
}
.note.default:not(.no-icon)::before {
  content: '\f0a9';
}
.note.default:not(.no-icon):not(.modern)::before {
  color: #777;
}
.note.primary.flat {
  background: #f5f0fa;
}
.note.primary.modern {
  border-color: #e1c2ff;
  background: #f3daff;
  color: #6f42c1;
}
.note.primary.modern a:not(.btn) {
  color: #6f42c1;
}
.note.primary.modern a:not(.btn):hover {
  color: #453298;
}
.note.primary:not(.modern) {
  border-left-color: #6f42c1;
}
.note.primary:not(.modern) h2,
.note.primary:not(.modern) h3,
.note.primary:not(.modern) h4,
.note.primary:not(.modern) h5,
.note.primary:not(.modern) h6 {
  color: #6f42c1;
}
.note.primary:not(.no-icon)::before {
  content: '\f055';
}
.note.primary:not(.no-icon):not(.modern)::before {
  color: #6f42c1;
}
.note.info.flat {
  background: #eef7fa;
}
.note.info.modern {
  border-color: #b3e5ef;
  background: #d9edf7;
  color: #31708f;
}
.note.info.modern a:not(.btn) {
  color: #31708f;
}
.note.info.modern a:not(.btn):hover {
  color: #215761;
}
.note.info:not(.modern) {
  border-left-color: #428bca;
}
.note.info:not(.modern) h2,
.note.info:not(.modern) h3,
.note.info:not(.modern) h4,
.note.info:not(.modern) h5,
.note.info:not(.modern) h6 {
  color: #428bca;
}
.note.info:not(.no-icon)::before {
  content: '\f05a';
}
.note.info:not(.no-icon):not(.modern)::before {
  color: #428bca;
}
.note.success.flat {
  background: #eff8f0;
}
.note.success.modern {
  border-color: #d0e6be;
  background: #dff0d8;
  color: #3c763d;
}
.note.success.modern a:not(.btn) {
  color: #3c763d;
}
.note.success.modern a:not(.btn):hover {
  color: #32562c;
}
.note.success:not(.modern) {
  border-left-color: #5cb85c;
}
.note.success:not(.modern) h2,
.note.success:not(.modern) h3,
.note.success:not(.modern) h4,
.note.success:not(.modern) h5,
.note.success:not(.modern) h6 {
  color: #5cb85c;
}
.note.success:not(.no-icon)::before {
  content: '\f058';
}
.note.success:not(.no-icon):not(.modern)::before {
  color: #5cb85c;
}
.note.warning.flat {
  background: #fdf8ea;
}
.note.warning.modern {
  border-color: #fae4cd;
  background: #fcf4e3;
  color: #8a6d3b;
}
.note.warning.modern a:not(.btn) {
  color: #8a6d3b;
}
.note.warning.modern a:not(.btn):hover {
  color: #714f30;
}
.note.warning:not(.modern) {
  border-left-color: #f0ad4e;
}
.note.warning:not(.modern) h2,
.note.warning:not(.modern) h3,
.note.warning:not(.modern) h4,
.note.warning:not(.modern) h5,
.note.warning:not(.modern) h6 {
  color: #f0ad4e;
}
.note.warning:not(.no-icon)::before {
  content: '\f06a';
}
.note.warning:not(.no-icon):not(.modern)::before {
  color: #f0ad4e;
}
.note.danger.flat {
  background: #fcf1f2;
}
.note.danger.modern {
  border-color: #ebcdd2;
  background: #f2dfdf;
  color: #a94442;
}
.note.danger.modern a:not(.btn) {
  color: #a94442;
}
.note.danger.modern a:not(.btn):hover {
  color: #84333f;
}
.note.danger:not(.modern) {
  border-left-color: #d9534f;
}
.note.danger:not(.modern) h2,
.note.danger:not(.modern) h3,
.note.danger:not(.modern) h4,
.note.danger:not(.modern) h5,
.note.danger:not(.modern) h6 {
  color: #d9534f;
}
.note.danger:not(.no-icon)::before {
  content: '\f056';
}
.note.danger:not(.no-icon):not(.modern)::before {
  color: #d9534f;
}
#article-container .tabs {
  position: relative;
  margin: 0 0 20px;
  border-right: 1px solid var(--tab-border-color);
  border-bottom: 1px solid var(--tab-border-color);
  border-left: 1px solid var(--tab-border-color);
}
#article-container .tabs > .nav-tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  background: var(--tab-botton-bg);
}
#article-container .tabs > .nav-tabs > .tab {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 768px) {
  #article-container .tabs > .nav-tabs > .tab {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
#article-container .tabs > .nav-tabs > .tab button {
  display: block;
  padding: 8px 18px;
  width: 100%;
  border-top: 2px solid var(--tab-border-color);
  background: var(--tab-botton-bg);
  color: var(--tab-botton-color);
  line-height: 2;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}
#article-container .tabs > .nav-tabs > .tab button i {
  width: 1.5em;
}
#article-container .tabs > .nav-tabs > .tab.active button {
  border-top: 2px solid #425aef;
  background: var(--tab-button-active-bg);
  cursor: default;
}
#article-container .tabs > .nav-tabs > .tab:not(.active) button:hover {
  border-top: 2px solid var(--tab-button-hover-bg);
  background: var(--tab-button-hover-bg);
}
#article-container .tabs > .tab-contents .tab-item-content {
  position: relative;
  display: none;
  padding: 36px 24px;
}
@media screen and (max-width: 768px) {
  #article-container .tabs > .tab-contents .tab-item-content {
    padding: 24px 14px;
  }
}
#article-container .tabs > .tab-contents .tab-item-content.active {
  display: block;
  -webkit-animation: tabshow 0.5s;
  -moz-animation: tabshow 0.5s;
  -o-animation: tabshow 0.5s;
  -ms-animation: tabshow 0.5s;
  animation: tabshow 0.5s;
}
#article-container .tabs .tab-to-top {
  position: relative;
  display: block;
  margin: 0 0 0 auto;
  color: #99a9bf;
}
@-moz-keyframes tabshow {
  0% {
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes tabshow {
  0% {
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes tabshow {
  0% {
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes tabshow {
  0% {
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
#article-container .timeline {
  margin: 0 0 20px 10px;
  padding: 14px 20px 5px;
  border-left: 2px solid var(--timeline-color, #425aef);
}
#article-container .timeline.blue {
  --timeline-color: #428bca;
  --timeline-bg: rgba(66,139,202, 0.2);
}
#article-container .timeline.pink {
  --timeline-color: #ff69b4;
  --timeline-bg: rgba(255,105,180, 0.2);
}
#article-container .timeline.red {
  --timeline-color: #f00;
  --timeline-bg: rgba(255,0,0, 0.2);
}
#article-container .timeline.purple {
  --timeline-color: #6f42c1;
  --timeline-bg: rgba(111,66,193, 0.2);
}
#article-container .timeline.orange {
  --timeline-color: #ff8c00;
  --timeline-bg: rgba(255,140,0, 0.2);
}
#article-container .timeline.green {
  --timeline-color: #5cb85c;
  --timeline-bg: rgba(92,184,92, 0.2);
}
#article-container .timeline .timeline-item {
  margin: 0 0 15px;
}
#article-container .timeline .timeline-item:hover .item-circle:before {
  border-color: var(--timeline-color, #425aef);
}
#article-container .timeline .timeline-item.headline .timeline-item-title .item-circle > p {
  font-weight: 600;
  font-size: 1.2em;
}
#article-container .timeline .timeline-item.headline .timeline-item-title .item-circle:before {
  left: -28px;
  border: 4px solid var(--timeline-color, #425aef);
}
#article-container .timeline .timeline-item.headline:hover .item-circle:before {
  border-color: var(--pseudo-hover);
}
#article-container .timeline .timeline-item .timeline-item-title {
  position: relative;
}
#article-container .timeline .timeline-item .item-circle:before {
  position: absolute;
  top: 50%;
  left: -27px;
  width: 6px;
  height: 6px;
  border: 3px solid var(--pseudo-hover);
  border-radius: 50%;
  background: var(--card-bg);
  content: '';
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#article-container .timeline .timeline-item .item-circle > p {
  margin: 0 0 8px;
  font-weight: 500;
}
#article-container .timeline .timeline-item .timeline-item-content {
  position: relative;
  padding: 12px 15px;
  border-radius: 8px;
  background: var(--timeline-bg, #e3e6fd);
  font-size: 0.93em;
}
#article-container .timeline .timeline-item .timeline-item-content > :last-child {
  margin-bottom: 0;
}
#article-container .timeline + .timeline {
  margin-top: -20px;
}
[data-theme='dark'] {
  --global-bg: #0d0d0d;
  --font-color: rgba(255,255,255,0.7);
  --hr-border: rgba(255,255,255,0.4);
  --hr-before-color: rgba(255,255,255,0.7);
  --search-bg: #121212;
  --search-input-color: rgba(255,255,255,0.7);
  --search-result-title: rgba(255,255,255,0.9);
  --preloader-bg: #cc4346;
  --preloader-color: rgba(255,255,255,0.7);
  --tab-border-color: #2c2c2c;
  --tab-botton-bg: #2c2c2c;
  --tab-botton-color: rgba(255,255,255,0.7);
  --tab-button-hover-bg: #383838;
  --tab-button-active-bg: #121212;
  --card-bg: #121212;
  --sidebar-bg: #121212;
  --btn-hover-color: #787878;
  --btn-color: rgba(255,255,255,0.7);
  --btn-bg: #1f1f1f;
  --text-bg-hover: #383838;
  --light-grey: rgba(255,255,255,0.7);
  --dark-grey: rgba(255,255,255,0.2);
  --white: rgba(255,255,255,0.9);
  --text-highlight-color: rgba(255,255,255,0.9);
  --blockquote-color: rgba(255,255,255,0.7);
  --blockquote-bg: #2c2c2c;
  --reward-pop: #2c2c2c;
  --toc-link-color: rgba(255,255,255,0.6);
  --hl-color: rgba(255,255,255,0.7);
  --hl-bg: #171717;
  --hltools-bg: #1a1a1a;
  --hltools-color: #90a4ae;
  --hlnumber-bg: #171717;
  --hlnumber-color: rgba(255,255,255,0.4);
  --hlscrollbar-bg: #1f1f1f;
  --hlexpand-bg: linear-gradient(180deg, rgba(23,23,23,0.6), rgba(23,23,23,0.9));
  --scrollbar-color: #1f1f1f;
  --timeline-bg: #1f1f1f;
}
[data-theme='dark'] #web_bg:before,
[data-theme='dark'] #footer:before,
[data-theme='dark'] #page-header:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  content: '';
}
[data-theme='dark'] #article-container code {
  background: #2c2c2c;
}
[data-theme='dark'] #article-container pre > code {
  background: #171717;
}
[data-theme='dark'] #article-container figure.highlight {
  -webkit-box-shadow: none;
  box-shadow: none;
}
[data-theme='dark'] #article-container .note code {
  background: rgba(27,31,35,0.05);
}
[data-theme='dark'] #article-container .aplayer {
  filter: brightness(0.8);
}
[data-theme='dark'] #article-container kbd {
  border-color: #696969;
  background-color: #525252;
  color: #e2f1ff;
}
[data-theme='dark'] #page-header.nav-fixed > #nav,
[data-theme='dark'] #page-header.not-top-img > #nav {
  background: rgba(18,18,18,0.8);
  -webkit-box-shadow: 0 5px 6px -5px rgba(133,133,133,0);
  box-shadow: 0 5px 6px -5px rgba(133,133,133,0);
}
[data-theme='dark'] #post-comment #comment-switch {
  background: #2c2c2c !important;
}
[data-theme='dark'] #post-comment #comment-switch .switch-btn {
  filter: brightness(0.8);
}
[data-theme='dark'] .note {
  filter: brightness(0.8);
}
[data-theme='dark'] .hide-button,
[data-theme='dark'] .btn-beautify,
[data-theme='dark'] .hl-label,
[data-theme='dark'] .post-outdate-notice,
[data-theme='dark'] .error-img,
[data-theme='dark'] #article-container iframe,
[data-theme='dark'] .gist,
[data-theme='dark'] .ads-wrap {
  filter: brightness(0.8);
}
[data-theme='dark'] img {
  filter: brightness(0.8);
}
[data-theme='dark'] #aside-content .aside-list > .aside-list-item:not(:last-child) {
  border-bottom: 1px dashed rgba(255,255,255,0.1);
}
[data-theme='dark'] #gitalk-container {
  filter: brightness(0.8);
}
[data-theme='dark'] #gitalk-container svg {
  fill: rgba(255,255,255,0.9) !important;
}
[data-theme='dark'] #disqus_thread #dsqjs .dsqjs-tab-active,
[data-theme='dark'] #disqus_thread #dsqjs .dsqjs-no-comment {
  color: rgba(255,255,255,0.7);
}
[data-theme='dark'] #disqus_thread #dsqjs .dsqjs-order-label {
  background-color: #1f1f1f;
}
[data-theme='dark'] #disqus_thread #dsqjs .dsqjs-post-body {
  color: rgba(255,255,255,0.7);
}
[data-theme='dark'] #disqus_thread #dsqjs .dsqjs-post-body code,
[data-theme='dark'] #disqus_thread #dsqjs .dsqjs-post-body pre {
  background: #2c2c2c;
}
[data-theme='dark'] #disqus_thread #dsqjs .dsqjs-post-body blockquote {
  color: rgba(255,255,255,0.7);
}
[data-theme='dark'] #artitalk_main #lazy {
  background: #121212;
}
[data-theme='dark'] #operare_artitalk .c2 {
  background: #121212;
}
@media screen and (max-width: 900px) {
  [data-theme='dark'] #card-toc {
    background: #1f1f1f;
  }
}
.read-mode {
  --font-color: #4c4948;
  --readmode-light-color: #fff;
  --white: #4c4948;
  --light-grey: #4c4948;
  --gray: #d6dbdf;
  --hr-border: #d6dbdf;
  --hr-before-color: #b9c2c9;
  --highlight-bg: #f7f7f7;
  --exit-btn-bg: #c0c0c0;
  --exit-btn-color: #fff;
  --exit-btn-hover: #8d8d8d;
  --pseudo-hover: none;
}
[data-theme='dark'] .read-mode {
  --font-color: rgba(255,255,255,0.7);
  --readmode-light-color: #0d0d0d;
  --white: rgba(255,255,255,0.9);
  --light-grey: rgba(255,255,255,0.7);
  --gray: rgba(255,255,255,0.7);
  --hr-border: rgba(255,255,255,0.5);
  --hr-before-color: rgba(255,255,255,0.7);
  --highlight-bg: #171717;
  --exit-btn-bg: #1f1f1f;
  --exit-btn-color: rgba(255,255,255,0.9);
  --exit-btn-hover: #525252;
}
.read-mode {
  background: var(--readmode-light-color);
}
.read-mode .exit-readmode {
  position: fixed;
  top: 30px;
  right: 30px;
  z-index: 100;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: var(--exit-btn-bg);
  color: var(--exit-btn-color);
  font-size: 16px;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  -ms-transition: background 0.3s;
  transition: background 0.3s;
}
@media screen and (max-width: 768px) {
  .read-mode .exit-readmode {
    top: initial;
    bottom: 30px;
  }
}
.read-mode .exit-readmode:hover {
  background: var(--exit-btn-hover);
}
.read-mode #aside-content {
  display: none;
}
.read-mode #page-header.post-bg {
  background-color: transparent;
  background-image: none !important;
}
.read-mode #page-header.post-bg:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.read-mode #page-header.post-bg > #post-info {
  text-align: center;
}
.read-mode #post {
  margin: 0 auto;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.read-mode #post:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.read-mode > canvas {
  display: none !important;
}
.read-mode .highlight-tools,
.read-mode #footer,
.read-mode #post > *:not(#post-info):not(.post-content),
.read-mode #nav,
.read-mode .post-outdate-notice,
.read-mode #web_bg,
.read-mode #rightside,
.read-mode .not-top-img {
  display: none !important;
}
.read-mode #article-container a {
  color: #99a9bf;
}
.read-mode #article-container pre,
.read-mode #article-container .highlight:not(.js-file-line-container) {
  background: var(--highlight-bg) !important;
}
.read-mode #article-container pre *,
.read-mode #article-container .highlight:not(.js-file-line-container) * {
  color: var(--font-color) !important;
}
.read-mode #article-container figure.highlight {
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.read-mode #article-container figure.highlight > :not(.highlight-tools) {
  display: block !important;
}
.read-mode #article-container figure.highlight .line:before {
  color: var(--font-color) !important;
}
.read-mode #article-container figure.highlight .hljs {
  background: var(-highlight-bg) !important;
}
.read-mode #article-container h1,
.read-mode #article-container h2,
.read-mode #article-container h3,
.read-mode #article-container h4,
.read-mode #article-container h5,
.read-mode #article-container h6 {
  padding: 0;
}
.read-mode #article-container h1:before,
.read-mode #article-container h2:before,
.read-mode #article-container h3:before,
.read-mode #article-container h4:before,
.read-mode #article-container h5:before,
.read-mode #article-container h6:before {
  content: '';
}
.read-mode #article-container h1:hover,
.read-mode #article-container h2:hover,
.read-mode #article-container h3:hover,
.read-mode #article-container h4:hover,
.read-mode #article-container h5:hover,
.read-mode #article-container h6:hover {
  padding: 0;
}
.read-mode #article-container ul:hover:before,
.read-mode #article-container li:hover:before,
.read-mode #article-container ol:hover:before {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}
.read-mode #article-container ol:before,
.read-mode #article-container li:before {
  background: transparent !important;
  color: var(--font-color) !important;
}
.read-mode #article-container ul >li:before {
  border-color: var(--gray) !important;
}
.read-mode #article-container .tabs {
  border: 2px solid var(--tab-border-color);
}
.read-mode #article-container .tabs > .nav-tabs {
  background: transparent;
}
.read-mode #article-container .tabs > .nav-tabs > .tab {
  border-bottom: 0;
}
.read-mode #article-container .tabs > .nav-tabs > .tab button {
  border-top: none !important;
  background: transparent;
}
.read-mode #article-container .tabs > .nav-tabs > .tab button:hover {
  background: none !important;
}
.read-mode #article-container .tabs > .nav-tabs > .tab.active button {
  text-decoration: underline;
}
.read-mode #article-container .tabs > .tab-contents .tab-item-content.active {
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  -ms-animation: none;
  animation: none;
}
.read-mode #article-container code {
  color: var(--font-color);
}
.read-mode #article-container blockquote {
  border-color: var(--gray);
  background-color: var(--readmode-light-color);
}
.read-mode #article-container kbd {
  border: 1px solid var(--gray);
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--font-color);
}
.read-mode #article-container .hide-toggle {
  border: 1px solid var(--gray) !important;
}
.read-mode #article-container .hide-button,
.read-mode #article-container .btn-beautify,
.read-mode #article-container .hl-label {
  border: 1px solid var(--gray) !important;
  background: var(--readmode-light-color) !important;
  color: var(--font-color) !important;
}
.read-mode #article-container .note {
  border: 2px solid var(--gray);
  border-left-color: var(--gray) !important;
  filter: none;
  background-color: var(--readmode-light-color) !important;
  color: var(--font-color);
}
.read-mode #article-container .note:before,
.read-mode #article-container .note .note-icon {
  color: var(--font-color);
}
/* about关于页 */

.la-widget.la-data-widget__container {
    border-radius: 12px;
    border: var(--style-border) !important;
    box-shadow: var(--heo-shadow-border);
    border-color: var(--heo-card-border);
}

#about-page {
    display: flex;
    padding-top: 1rem;
    flex-direction: column;
    align-items: center;
}

#about-page .author-img {
    margin: auto;
    border-radius: 50%;
    width: 180px;
    height: 180px;
    position: relative;
}

#about-page .author-img img {
    border-radius: 200px;
}

#about-page .author-img::before {
    content: '';
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
    width: 30px;
    height: 30px;
    background: var(--heo-green);
    position: absolute;
    border-radius: 50%;
    border: 5px solid var(--heo-background);
    bottom: 5px;
    right: 10px;
    z-index: 2;
}

@media screen and (max-width: 768px) {
    #about-page .author-img {
        width: 120px;
        height: 120px;
    }
    #about-page .author-img::before {
        bottom: -5px;
        right: -5px;
    }
}

#about-page .author-title {
    font-size: 2rem;
    font-weight: bold;
    margin: 1rem 0;
    line-height: 1;
}

.page-title {
    display: none;
}

:root {
    --offset: 0px;
}

.inline-word {
    word-break: keep-all;
    white-space: nowrap;
}


/* 一行内容 */

.author-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 1rem;
}


/* 一行内容，纵向组件 */

.author-content-item-group.column {
    display: flex;
    flex-direction: column;
    width: 49%;
    justify-content: space-between;
}


/* 一行内容，横向组件 */

.author-content-item {
    width: 49%;
    border-radius: 24px;
    background: var(--heo-card-bg);
    border: var(--style-border-always);
    box-shadow: var(--heo-shadow-border);
    position: relative;
    padding: 1rem 2rem;
    overflow: hidden;
}

.author-content-item.single {
    width: 100%;
}

.author-content-item .author-content-item-title {
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
}

.author-content-item .author-content-item-tips {
    opacity: 0.8;
    font-size: 0.6rem;
    margin-bottom: 0.5rem;
}

@media screen and (max-width: 768px) {
    .author-content-item {
        width: 100% !important;
        margin-top: 1rem;
        padding: 1rem;
    }
    .author-content-item-group.column {
        width: 100% !important;
    }
    .author-content {
        margin-top: 0rem;
    }
}

.card-background-icon {
    font-size: 12rem;
    opacity: 0.2;
    position: absolute;
    right: 0;
    bottom: -40%;
    transform: rotate(30deg);
    transition: 2s ease-in-out;
}

.author-content-item:hover .card-background-icon {
    transform: rotate(20deg);
}


/* 关于页面打招呼信息 */

#about-page .myInfoAndSayHello {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--heo-white);
    background: linear-gradient(120deg, rgba(91, 39, 255, 1) 0%, rgba(0, 212, 255, 1) 100%);
    background-size: 200%;
    animation: gradient 15s ease infinite;
    width: 59%;
}

#about-page .myInfoAndSayHello .title1 {
    opacity: 0.8;
    line-height: 1.3;
}

#about-page .myInfoAndSayHello .title2 {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.1;
    margin: 0.5rem 0;
}

.author-content-item-group.column.mapAndInfo {
    width: 59%;
}


/* 关于页面地图 */

.author-content-item.map {
    background: url(https://pic.imgdb.cn/item/642654f7a682492fcc64d897.png) no-repeat center !important;
    min-height: 160px!important;
    max-height: 400px!important;
    position: relative!important;
    overflow: hidden!important;
    margin-bottom: 0.5rem!important;
    height: 60%!important;
    background-size: 100%!important;
    transition: 1s ease-in-out!important;
}

[data-theme=dark] .author-content-item.map {
    background: url(https://pic.imgdb.cn/item/642654f7a682492fcc64d897.png) no-repeat center !important;
    background-size: 100%!important;
}

.author-content-item.map:hover {
    background-size: 120%!important;
    transition: 4s ease-in-out!important;
    background-position-x: 0!important;
    background-position-y: 36%!important;
}

.author-content-item.map .map-title {
    position: absolute!important;
    bottom: 0px!important;
    left: 0px!important;
    width: 100%!important;
    background: var(--heo-maskbg)!important;
    padding: 0.5rem 2rem!important;
    backdrop-filter: saturate(180%) blur(20px)!important;
    -webkit-backdrop-filter: blur(20px)!important;
    transition: 1s ease-in-out!important;
    font-size: 20px!important;
}

.author-content-item.map:hover .map-title {
    bottom: -100%;
}

.author-content-item.map .map-title b {
    color: var(--heo-fontcolor);
}

@media screen and (max-width: 768px) {
    .author-content-item.map.myphoto {
        background-size: cover !important;
    }
    .author-content-item.map .map-title {
        padding: 1rem;
    }
}


/* 关于页面自我信息 */

.author-content-item.selfInfo {
    display: flex;
    min-height: 100px;
    max-height: 400px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    height: -webkit-fill-available;
    height: 40%;
}

@media screen and (max-width: 1300px) {
    .author-content-item.selfInfo {
        height: 70%;
    }
}

.author-content-item.selfInfo div {
    display: flex;
    flex-direction: column;
    margin: 0.5rem 2rem 0.5rem 0;
}

.author-content-item.selfInfo .selfInfo-title {
    opacity: 0.8;
    font-size: 0.6rem;
    line-height: 1;
    margin-bottom: 8px;
}

.author-content-item.selfInfo .selfInfo-content {
    font-weight: bold;
    font-size: 34px;
    line-height: 1;
}

@media screen and (max-width: 667px) {
    .author-content-item.selfInfo .selfInfo-content {
        font-size: 18px;
    }
}


/* 关于页面我的照片 */

.author-content-item.myphoto {
    height: 60%;
    min-height: 240px;
    position: relative;
    overflow: hidden;
    width: 39%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.author-content-item.myphoto img {
    position: absolute;
    height: 100%;
    min-width: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.author-content-item.myphoto:hover img {
    min-width: 105%;
    transition: 2s;
}

.author-content-item.myphoto .myphoto-title {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: var(--heo-maskbgdeep);
    padding: 0.5rem 2rem;
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: blur(20px);
}


/* 关于页面我的生涯图片 */

.author-content-item.careers {
    min-height: 400px;
}

.author-content-item.careers img {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    transition: 0.6s;
}

.author-content-item.careers .careers-group {
    margin-top: 12px;
}

.author-content-item.careers .careers-item {
    display: flex;
    align-items: center;
}

.author-content-item.careers .careers-item .circle {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    border-radius: 16px;
}

.author-content-item.careers .careers-item .name {
    color: var(--heo-secondtext);
}


/* 关于页面我的性格 */

.author-content-item.personalities {
    overflow: hidden;
    position: relative;
    width: 59%;
}

.author-content-item.personalities .title2 {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.1;
}

.author-content-item.personalities .image {
    position: absolute;
    right: -40px;
    bottom: -10rem;
    transition: transform 2s cubic-bezier(0.13, 0.45, 0.21, 1.02);
}

.author-content-item.personalities:hover .image {
    transform: rotate(-10deg);
}

@media screen and (max-width: 768px) {
    .author-content-item.personalities {
        min-height: 360px;
    }
    .author-content-item.personalities .image {
        right: -70px;
    }
}


/* element.style {
  width: 40%;
  height: 60%;
  transform: translate3d(180px, -190px, 0px);
  content-visibility: visible;
} */


/* 关于页面座右铭 */

.author-content-item.maxim {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    width: 39%;
}

.author-content-item.maxim .maxim-title {
    display: flex;
    flex-direction: column;
}

.author-content-item.maxim .title1 {
    opacity: 0.8;
    font-size: 0.6rem;
    margin-bottom: 0.5rem;
}


/* 关于页面特长 */

.author-content-item.buff {
    height: 200px;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(120deg, rgba(255, 39, 232, 1) 0%, rgba(255, 128, 0, 1) 100%);
    color: var(--heo-white);
    background-size: 200%;
    animation: gradient 15s ease infinite;
    min-height: 200px;
    height: fit-content;
    width: 59%;
}

.author-content-item.buff .card-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.author-content-item.buff .buff-title {
    display: flex;
    flex-direction: column;
}

.author-content-item.buff .title1 {
    opacity: 0.8;
    font-size: 0.6rem;
    margin-bottom: 0.5rem;
}


/* 关于页面我的技能 */

.author-content-item.skills {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    width: 49%;
    min-height: 450px;
}

.author-content-item.skills .tags-group-all {
    display: flex;
    transform: rotate(0deg);
    transition: 0.3s;
}

.author-content-item.skills .tags-group-wrapper {
    margin-top: 40px;
    display: flex;
    flex-wrap: nowrap;
    animation: rowup 60s linear infinite;
}

.author-content-item.skills .skills-style-group {
    position: relative;
}

.author-content-item.skills .skills-list {
    display: flex;
    opacity: 0;
    transition: 0.3s;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 10px;
}

.author-content-item.skills:hover .skills-style-group .tags-group-all {
    opacity: 0;
}

.author-content-item.skills:hover .skills-style-group .skills-list {
    opacity: 1;
}

.author-content-item.skills .skill-info {
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-top: 10px;
    background: var(--heo-background);
    border-radius: 40px;
    padding: 4px 12px 4px 8px;
    border: var(--style-border);
    box-shadow: var(--heo-shadow-border);
}

.author-content-item.skills .etc {
    margin-right: 10px;
    margin-top: 10px;
}

.author-content-item.skills .skill-icon {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.author-content-item.skills .skill-icon img {
    width: 18px;
    height: 18px;
}

.author-content-item.skills .skill-name {
    font-weight: bold;
}


/* 关于页面滚动 */

.author-content-item.aboutsiteTips {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    width: 39%;
}

.aboutsiteTips h2 {
    margin-right: auto;
    font-size: 36px;
    font-family: Helvetica;
    line-height: 1.06;
    letter-spacing: -0.02em;
    color: var(--heo-fontcolor);
    margin-top: 0;
}

.aboutsiteTips .mask {
    height: 36px;
    position: relative;
    overflow: hidden;
    margin-top: 4px;
}

.aboutsiteTips .mask span {
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 36px;
    padding-bottom: var(--offset);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-repeat: no-repeat;
}

.aboutsiteTips .mask span[data-show] {
    transform: translateY(-100%);
    transition: .5s transform ease-in-out;
}

.aboutsiteTips .mask span[data-up] {
    transform: translateY(-200%);
    transition: .5s transform ease-in-out;
}

.aboutsiteTips .mask span:nth-child(1) {
    background-image: linear-gradient(45deg, #0ecffe 50%, #07a6f1);
}

.aboutsiteTips .mask span:nth-child(2) {
    background-image: linear-gradient(45deg, #18e198 50%, #0ec15d);
}

.aboutsiteTips .mask span:nth-child(3) {
    background-image: linear-gradient(45deg, #8a7cfb 50%, #633e9c);
}

.aboutsiteTips .mask span:nth-child(4) {
    background-image: linear-gradient(45deg, #fa7671 50%, #f45f7f);
}

@media screen and (max-width: 768px) {
    .author-content-item.map {
        margin-bottom: 0;
    }
}


/* 关于51la页面统计 */

#about-page .about-statistic {
    min-height: 380px;
    width: 39%;
    background: url(https://pic.imgdb.cn/item/64265d01a682492fcc706957.jpg) no-repeat top !important;
    background-size: cover!important;
    color: var(--heo-white)!important;
    overflow: hidden!important;
}

#about-page .about-statistic::after {
    box-shadow: 0 -159px 173px 71px #0f1114 inset;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#statistic {
    font-size: 16px;
    border-radius: 15px;
    width: 100%;
    color: var(--heo-white);
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

#statistic div {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 50%;
    margin-bottom: 0.5rem;
}

#statistic div span:first-child {
    opacity: 0.8;
    font-size: 0.6rem;
}

#statistic div span:last-child {
    font-weight: bold;
    font-size: 34px;
    line-height: 1;
    white-space: nowrap;
}

.author-content-item.about-statistic .card-content .banner-button-group .banner-button:hover {
    background: #998c5a;
    color: var(--heo-white);
}


/* 关于页面赞赏 */

.author-content-item.single.reward .author-content-item .author-content-item-title {
    color: var(--heo-red);
}

.author-content-item.single.reward .reward-list-all {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    margin-left: -0.25rem;
    margin-right: -0.25rem;
}

.author-content-item.single.reward .reward-list-all .reward-list-item {
    padding: 1rem;
    border-radius: 12px;
    border: var(--style-border-always);
    width: calc((100% / 6) - 0.5rem);
    margin: 0rem 0.25rem 0.5rem 0.25rem;
    box-shadow: var(--heo-shadow-border);
}

@media screen and (max-width: 1200px) {
    .author-content-item.single.reward .reward-list-all .reward-list-item {
        width: calc((100% / 4) - 0.5rem);
    }
}

@media screen and (max-width: 900px) {
    .author-content-item.single.reward .reward-list-all .reward-list-item {
        width: calc((100% / 2) - 0.5rem);
    }
}

@media screen and (max-width: 768px) {
    .author-content-item.single.reward .reward-list-all .reward-list-item {
        width: 100%;
    }
}

.author-content-item.single.reward .author-content-item-description {
    font-size: 16px;
    margin-top: 0.5rem;
}

.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-name {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 0.5rem;
}

.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-bottom-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-money {
    padding: 4px;
    background: var(--heo-fontcolor);
    color: var(--card-bg);
    font-size: 12px;
    line-height: 1;
    border-radius: 4px;
    margin-right: 4px;
    white-space: nowrap;
}

.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-time {
    font-size: 12px;
    color: var(--heo-secondtext);
    white-space: nowrap;
}

.author-content-item.single.reward .reward-list-updateDate {
    color: var(--heo-gray);
    font-size: 14px;
}

.author-content-item.single.reward .post-reward {
    position: absolute;
    right: 2rem;
    top: 2rem;
}

.author-content-item.single.reward .post-reward .reward-button {
    padding: 8px 12px;
    background: var(--heo-red);
    border-radius: 12px;
    color: var(--heo-white);
    display: flex;
    align-items: center;
    z-index: 1;
    transition: .3s;
    cursor: pointer;
    box-shadow: none;
    width: fit-content;
    height: fit-content;
    line-height: 2;
}

@media screen and (max-width: 768px) {
    .author-content-item.single.reward .post-reward .reward-button {
        display: none;
    }
}

.author-content-item.single.reward .post-reward .reward-button i {
    margin-right: 8px;
    font-size: 1rem;
}

.author-content-item.single.reward .post-reward .reward-main {
    top: 60px;
    right: 0;
    left: auto;
    bottom: auto;
    width: fit-content;
    box-shadow: var(--heo-shadow-border);
}

.author-content-item.single.reward .post-reward .reward-main .reward-all::before {
    bottom: auto;
    top: -16px;
}

.author-content-item.single.reward a.reward-main-btn {
    display: none;
}


/* 喜欢的领域 */

.author-content-item.game-lol {
    background: url(https://pic.imgdb.cn/item/64265707a682492fcc696e6c.png) no-repeat top!important;
    background-size: cover!important;
    min-height: 300px!important;
    overflow: hidden!important;
    color: var(--heo-white)!important;
    width: 59%!important;
}

.author-content-item .card-content {
    position: absolute!important;
    width: 100%!important;
    height: 100%!important;
    top: 0!important;
    left: 0!important;
    z-index: 2!important;
    display: flex!important;
    flex-direction: column!important;
    padding: 1rem 2rem!important;
}

@media screen and (max-width: 768px) {
    .author-content-item .card-content {
        padding: 1rem!important;
    }
}

.author-content-item.game-lol::after {
    box-shadow: 0 -69px 203px 11px #04120f inset!important;
    position: absolute!important;
    content: ''!important;
    width: 100%!important;
    height: 100%!important;
    top: 0!important;
    left: 0!important;
}

.author-content-item .content-bottom {
    margin-top: auto!important;
    display: flex!important;
    align-items: center!important;
    justify-content: space-between!important;
}

.author-content-item .content-bottom .icon-group {
    display: flex!important;
}

.author-content-item .content-bottom .icon-group i {
    display: inline-block!important;
    width: 22px!important;
    height: 18px!important;
    margin-right: 0.5rem!important;
}

.icon-pos-sup {
    background: url('../images/63074b68d9f4c.png');
}

.icon-pos-mid {
    background: url('../images/63074b54d2731.png');
}


/* 喜欢的动漫 */

.author-content-item.game-wolf {
    width: 39%;
    background: url(https://pic.imgdb.cn/item/64265727a682492fcc6993f8.png) no-repeat top !important;
    background-size: cover !important;
    min-height: 300px !important;
    overflow: hidden !important;
    color: var(--heo-white) !important;
}

.author-content-item.game-wolf::after {
    box-shadow: 0 -69px 203px 11px #415dc9 inset!important;
    position: absolute!important;
    content: ''!important;
    width: 100%!important;
    height: 100%!important;
    top: 0!important;
    left: 0!important;
}


/* 关注领域 */

.author-content-item.like-technology {
    background: url(https://pic.imgdb.cn/item/64265caca682492fcc7008f9.jpg) no-repeat !important;
    background-size: cover !important;
    min-height: 230px !important;
    color: var(--heo-white) !important;
}


/* 喜欢音乐 */

.author-content-item.like-music {
    background: url(https://pic.imgdb.cn/item/642659c5a682492fcc6cb802.jpg) no-repeat top !important;
    background-size: cover !important;
    min-height: 400px !important;
    color: var(--heo-white) !important;
    overflow: hidden !important;
}

.author-content-item.like-music::after {
    box-shadow: 0 -69px 203px 11px #736896 inset !important;
    position: absolute !important;
    content: '' !important;
    width: 100%!important;
    height: 100%!important;
    top: 0!important;
    left: 0!important;
}

.author-content-item .card-content .author-content-item-title {
    margin-bottom: 0.5rem!important;
}

.author-content-item .card-content .banner-button-group {
    position: absolute!important;
    bottom: 1.5rem!important;
    right: 2rem!important;
}

.author-content-item .card-content .banner-button-group .banner-button {
    height: 40px!important;
    width: 124px!important;
    border-radius: 8px 8px 8px 8px!important;
    border-bottom: 0px !important;
    justify-content: center!important;
    background: var(--heo-black-op)!important;
    color: white!important;
    display: flex!important;
    align-items: center!important;
    z-index: 1!important;
    transition: .3s!important;
    cursor: pointer!important;
    backdrop-filter: saturate(180%) blur(20px)!important;
    -webkit-backdrop-filter: blur(20px)!important;
}

.author-content-item .card-content .banner-button-group .banner-button:hover {
    background: var(--heo-main)!important;
    color: var(--heo-white)!important;
}

.author-content-item .card-content .banner-button-group .banner-button i {
    margin-right: 8px!important;
    font-size: 1rem!important;
}

@media screen and (max-width: 768px) {
    .author-content-item .card-content .banner-button-group {
        right: 1rem!important;
        bottom: 1rem!important;
    }
    .author-content-item .card-content .banner-button-group .banner-button {
        background: none!important;
        color: var(--heo-white)!important;
        padding: 0!important;
        width: fit-content!important;
    }
    .author-content-item .card-content .banner-button-group .banner-button i {
        margin-right: 0!important;
        font-size: 1.5rem!important;
    }
    .author-content-item .card-content .banner-button-group .banner-button-text {
        display: none!important;
    }
}


/* 豆瓣电影页面 */

.author-content-item.single.like-movie {
    height: 19rem;
    background: url(../images/633289920d1c7.webp) no-repeat top !important;
    background-size: cover;
    color: var(--heo-white);
    overflow: hidden;
}

.author-content-item.single.like-movie::after {
    box-shadow: 0 21px 133px 81px #1c1c1c inset;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#article-container .author-content-item.single.like-movie .banner-button-group .banner-button {
    padding: 8px 12px;
    background: var(--heo-white);
    border-radius: 12px;
    color: var(--heo-black);
    display: flex;
    align-items: center;
    z-index: 1;
    transition: 0.3s;
    cursor: pointer;
    border: none;
}

#article-container .author-content-item.single.like-movie .banner-button-group .banner-button:hover {
    background: #d0b247;
    color: var(--heo-white);
}

#article-container .author-content-item.single.like-movie .banner-button-group .banner-button i {
    margin-right: 8px;
    font-size: 1rem;
}

@media screen and (max-width: 768px) {
    #article-container .author-content-item.single.like-movie .banner-button-group {
        right: 1rem;
        bottom: 1rem;
    }
    #article-container .author-content-item.single.like-movie .banner-button-group .banner-button {
        background: none;
        color: var(--heo-white);
        padding: 0;
    }
    #article-container .author-content-item.single.like-movie .banner-button-group .banner-button i {
        margin-right: 0;
        font-size: 1.5rem;
    }
    #article-container .author-content-item.single.like-movie .banner-button-group .banner-button-text {
        display: none;
    }
}


/* 关于页面滚动 */

.author-content-item.aboutsiteTips {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    width: 39%;
}

.aboutsiteTips h2 {
    margin-right: auto;
    font-size: 36px;
    font-family: Helvetica;
    line-height: 1.06;
    letter-spacing: -0.02em;
    color: var(--heo-fontcolor);
    margin-top: 0;
}

.aboutsiteTips .mask {
    height: 36px;
    position: relative;
    overflow: hidden;
    margin-top: 4px;
}

.aboutsiteTips .mask span {
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 36px;
    padding-bottom: var(--offset);
    background-size: 100% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-repeat: no-repeat;
}

.aboutsiteTips .mask span[data-show] {
    transform: translateY(-100%);
    transition: .5s transform ease-in-out;
}

.aboutsiteTips .mask span[data-up] {
    transform: translateY(-200%);
    transition: .5s transform ease-in-out;
}

.aboutsiteTips .mask span:nth-child(1) {
    background-image: linear-gradient(45deg, #0ecffe 50%, #07a6f1);
}

.aboutsiteTips .mask span:nth-child(2) {
    background-image: linear-gradient(45deg, #18e198 50%, #0ec15d);
}

.aboutsiteTips .mask span:nth-child(3) {
    background-image: linear-gradient(45deg, #8a7cfb 50%, #633e9c);
}

.aboutsiteTips .mask span:nth-child(4) {
    background-image: linear-gradient(45deg, #fa7671 50%, #f45f7f);
}

@media screen and (max-width: 768px) {
    .author-content-item.map {
        margin-bottom: 0;
    }
}


/*个人技能滚动*/

@keyframes rowup {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-50%);
    }
}

.tags-group-icon {
    width: 120px;
    height: 120px;
    border-radius: 30px;
}

.tags-group-all {
    display: flex;
    transform: rotate(-30deg);
}

.tags-group-all.nowrapMove {
    transform: rotate(0);
    padding-bottom: 2rem;
}

.tags-group-wrapper {
    margin-top: 5rem;
    display: flex;
    flex-wrap: nowrap;
    animation: rowup 60s linear infinite;
}

.nowrapMove .tags-group-wrapper {
    margin-top: 7rem;
    animation: rowup 120s linear infinite;
}

.tags-group-icon-pair .tags-group-icon:nth-child(even) {
    margin-top: 1rem;
    transform: translate(-60px);
}

.tags-group-icon-pair {
    margin-left: 1rem;
}

.tags-group-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 66px;
    font-weight: bold;
    box-shadow: var(--heo-shadow-blackdeep);
}

.nowrapMove .tags-group-icon {
    border-radius: 50%;
}

.tags-group-icon img {
    width: 60%;
}

.nowrapMove .tags-group-icon img {
    min-width: 100%;
    min-height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
/*!
 * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */

.fa {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.fa,
.fa-brands,
.fa-duotone,
.fa-light,
.fa-regular,
.fa-solid,
.fa-thin,
.fab,
.fad,
.fal,
.far,
.fas,
.fat {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: .225em
}

.fa-xs {
    font-size: .75em;
    line-height: .08333em;
    vertical-align: .125em
}

.fa-sm {
    font-size: .875em;
    line-height: .07143em;
    vertical-align: .05357em
}

.fa-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em
}

.fa-xl {
    font-size: 1.5em;
    line-height: .04167em;
    vertical-align: -.125em
}

.fa-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -.1875em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: var(--fa-li-margin, 2.5em);
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: calc(var(--fa-li-width, 2em)*-1);
    position: absolute;
    text-align: center;
    width: var(--fa-li-width, 2em);
    line-height: inherit
}

.fa-border {
    border-radius: var(--fa-border-radius, .1em);
    border: var(--fa-border-width, .08em) var(--fa-border-style, solid) var(--fa-border-color, #eee);
    padding: var(--fa-border-padding, .2em .25em .15em)
}

.fa-pull-left {
    float: left;
    margin-right: var(--fa-pull-margin, .3em)
}

.fa-pull-right {
    float: right;
    margin-left: var(--fa-pull-margin, .3em)
}

.fa-beat {
    -webkit-animation-name: fa-beat;
    animation-name: fa-beat;
    -webkit-animation-delay: var(--fa-animation-delay, 0);
    animation-delay: var(--fa-animation-delay, 0);
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal);
    -webkit-animation-duration: var(--fa-animation-duration, 1s);
    animation-duration: var(--fa-animation-duration, 1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
    animation-timing-function: var(--fa-animation-timing, ease-in-out)
}

.fa-bounce {
    -webkit-animation-name: fa-bounce;
    animation-name: fa-bounce;
    -webkit-animation-delay: var(--fa-animation-delay, 0);
    animation-delay: var(--fa-animation-delay, 0);
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal);
    -webkit-animation-duration: var(--fa-animation-duration, 1s);
    animation-duration: var(--fa-animation-duration, 1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1));
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1))
}

.fa-fade {
    -webkit-animation-name: fa-fade;
    animation-name: fa-fade;
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1));
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}

.fa-beat-fade,
.fa-fade {
    -webkit-animation-delay: var(--fa-animation-delay, 0);
    animation-delay: var(--fa-animation-delay, 0);
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal);
    -webkit-animation-duration: var(--fa-animation-duration, 1s);
    animation-duration: var(--fa-animation-duration, 1s)
}

.fa-beat-fade {
    -webkit-animation-name: fa-beat-fade;
    animation-name: fa-beat-fade;
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1));
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}

.fa-flip {
    -webkit-animation-name: fa-flip;
    animation-name: fa-flip;
    -webkit-animation-delay: var(--fa-animation-delay, 0);
    animation-delay: var(--fa-animation-delay, 0);
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal);
    -webkit-animation-duration: var(--fa-animation-duration, 1s);
    animation-duration: var(--fa-animation-duration, 1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
    animation-timing-function: var(--fa-animation-timing, ease-in-out)
}

.fa-shake {
    -webkit-animation-name: fa-shake;
    animation-name: fa-shake;
    -webkit-animation-duration: var(--fa-animation-duration, 1s);
    animation-duration: var(--fa-animation-duration, 1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, linear);
    animation-timing-function: var(--fa-animation-timing, linear)
}

.fa-shake,
.fa-spin {
    -webkit-animation-delay: var(--fa-animation-delay, 0);
    animation-delay: var(--fa-animation-delay, 0);
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal)
}

.fa-spin {
    -webkit-animation-name: fa-spin;
    animation-name: fa-spin;
    -webkit-animation-duration: var(--fa-animation-duration, 2s);
    animation-duration: var(--fa-animation-duration, 2s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, linear);
    animation-timing-function: var(--fa-animation-timing, linear)
}

.fa-spin-reverse {
    --fa-animation-direction: reverse
}

.fa-pulse,
.fa-spin-pulse {
    -webkit-animation-name: fa-spin;
    animation-name: fa-spin;
    -webkit-animation-direction: var(--fa-animation-direction, normal);
    animation-direction: var(--fa-animation-direction, normal);
    -webkit-animation-duration: var(--fa-animation-duration, 1s);
    animation-duration: var(--fa-animation-duration, 1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
    animation-timing-function: var(--fa-animation-timing, steps(8))
}

@media (prefers-reduced-motion:reduce) {
    .fa-beat,
    .fa-beat-fade,
    .fa-bounce,
    .fa-fade,
    .fa-flip,
    .fa-pulse,
    .fa-shake,
    .fa-spin,
    .fa-spin-pulse {
        -webkit-animation-delay: -1ms;
        animation-delay: -1ms;
        -webkit-animation-duration: 1ms;
        animation-duration: 1ms;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

@-webkit-keyframes fa-beat {
    0%,
    90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    45% {
        -webkit-transform: scale(var(--fa-beat-scale, 1.25));
        transform: scale(var(--fa-beat-scale, 1.25))
    }
}

@keyframes fa-beat {
    0%,
    90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    45% {
        -webkit-transform: scale(var(--fa-beat-scale, 1.25));
        transform: scale(var(--fa-beat-scale, 1.25))
    }
}

@-webkit-keyframes fa-bounce {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }
    10% {
        -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
        transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
    }
    30% {
        -webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
        transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
    }
    50% {
        -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
        transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
    }
    57% {
        -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em));
        transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
    }
    64% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }
    to {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }
}

@keyframes fa-bounce {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }
    10% {
        -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
        transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
    }
    30% {
        -webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em));
        transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
    }
    50% {
        -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
        transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
    }
    57% {
        -webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em));
        transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
    }
    64% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }
    to {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }
}

@-webkit-keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity, .4)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity, .4)
    }
}

@-webkit-keyframes fa-beat-fade {
    0%,
    to {
        opacity: var(--fa-beat-fade-opacity, .4);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
        transform: scale(var(--fa-beat-fade-scale, 1.125))
    }
}

@keyframes fa-beat-fade {
    0%,
    to {
        opacity: var(--fa-beat-fade-opacity, .4);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
        transform: scale(var(--fa-beat-fade-scale, 1.125))
    }
}

@-webkit-keyframes fa-flip {
    50% {
        -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
        transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
    }
}

@keyframes fa-flip {
    50% {
        -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
        transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
    }
}

@-webkit-keyframes fa-shake {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    4% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    8%,
    24% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }
    12%,
    28% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }
    16% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }
    20% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }
    32% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }
    36% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }
    40%,
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes fa-shake {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    4% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    8%,
    24% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }
    12%,
    28% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }
    16% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }
    20% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }
    32% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }
    36% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }
    40%,
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

.fa-rotate-by {
    -webkit-transform: rotate(var(--fa-rotate-angle, none));
    transform: rotate(var(--fa-rotate-angle, none))
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: var(--fa-stack-z-index, auto)
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: var(--fa-inverse, #fff)
}

.fa-0:before {
    content: "\30"
}

.fa-1:before {
    content: "\31"
}

.fa-2:before {
    content: "\32"
}

.fa-3:before {
    content: "\33"
}

.fa-4:before {
    content: "\34"
}

.fa-5:before {
    content: "\35"
}

.fa-6:before {
    content: "\36"
}

.fa-7:before {
    content: "\37"
}

.fa-8:before {
    content: "\38"
}

.fa-9:before {
    content: "\39"
}

.fa-a:before {
    content: "\41"
}

.fa-address-book:before,
.fa-contact-book:before {
    content: "\f2b9"
}

.fa-address-card:before,
.fa-contact-card:before,
.fa-vcard:before {
    content: "\f2bb"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-double-down:before,
.fa-angles-down:before {
    content: "\f103"
}

.fa-angle-double-left:before,
.fa-angles-left:before {
    content: "\f100"
}

.fa-angle-double-right:before,
.fa-angles-right:before {
    content: "\f101"
}

.fa-angle-double-up:before,
.fa-angles-up:before {
    content: "\f102"
}

.fa-ankh:before {
    content: "\f644"
}

.fa-apple-alt:before,
.fa-apple-whole:before {
    content: "\f5d1"
}

.fa-archway:before {
    content: "\f557"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-arrow-down-1-9:before,
.fa-sort-numeric-asc:before,
.fa-sort-numeric-down:before {
    content: "\f162"
}

.fa-arrow-down-9-1:before,
.fa-sort-numeric-desc:before,
.fa-sort-numeric-down-alt:before {
    content: "\f886"
}

.fa-arrow-down-a-z:before,
.fa-sort-alpha-asc:before,
.fa-sort-alpha-down:before {
    content: "\f15d"
}

.fa-arrow-down-long:before,
.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-arrow-down-short-wide:before,
.fa-sort-amount-desc:before,
.fa-sort-amount-down-alt:before {
    content: "\f884"
}

.fa-arrow-down-wide-short:before,
.fa-sort-amount-asc:before,
.fa-sort-amount-down:before {
    content: "\f160"
}

.fa-arrow-down-z-a:before,
.fa-sort-alpha-desc:before,
.fa-sort-alpha-down-alt:before {
    content: "\f881"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-left-long:before,
.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-arrow-pointer:before,
.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-right-arrow-left:before,
.fa-exchange:before {
    content: "\f0ec"
}

.fa-arrow-right-from-bracket:before,
.fa-sign-out:before {
    content: "\f08b"
}

.fa-arrow-right-long:before,
.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-arrow-right-to-bracket:before,
.fa-sign-in:before {
    content: "\f090"
}

.fa-arrow-left-rotate:before,
.fa-arrow-rotate-back:before,
.fa-arrow-rotate-backward:before,
.fa-arrow-rotate-left:before,
.fa-undo:before {
    content: "\f0e2"
}

.fa-arrow-right-rotate:before,
.fa-arrow-rotate-forward:before,
.fa-arrow-rotate-right:before,
.fa-redo:before {
    content: "\f01e"
}

.fa-arrow-trend-down:before {
    content: "\e097"
}

.fa-arrow-trend-up:before {
    content: "\e098"
}

.fa-arrow-turn-down:before,
.fa-level-down:before {
    content: "\f149"
}

.fa-arrow-turn-up:before,
.fa-level-up:before {
    content: "\f148"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-up-1-9:before,
.fa-sort-numeric-up:before {
    content: "\f163"
}

.fa-arrow-up-9-1:before,
.fa-sort-numeric-up-alt:before {
    content: "\f887"
}

.fa-arrow-up-a-z:before,
.fa-sort-alpha-up:before {
    content: "\f15e"
}

.fa-arrow-up-from-bracket:before {
    content: "\e09a"
}

.fa-arrow-up-long:before,
.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-arrow-up-right-from-square:before,
.fa-external-link:before {
    content: "\f08e"
}

.fa-arrow-up-short-wide:before,
.fa-sort-amount-up-alt:before {
    content: "\f885"
}

.fa-arrow-up-wide-short:before,
.fa-sort-amount-up:before {
    content: "\f161"
}

.fa-arrow-up-z-a:before,
.fa-sort-alpha-up-alt:before {
    content: "\f882"
}

.fa-arrows-h:before,
.fa-arrows-left-right:before {
    content: "\f07e"
}

.fa-arrows-rotate:before,
.fa-refresh:before,
.fa-sync:before {
    content: "\f021"
}

.fa-arrows-up-down:before,
.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-up-down-left-right:before,
.fa-arrows:before {
    content: "\f047"
}

.fa-asterisk:before {
    content: "\2a"
}

.fa-at:before {
    content: "\40"
}

.fa-atom:before {
    content: "\f5d2"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-austral-sign:before {
    content: "\e0a9"
}

.fa-award:before {
    content: "\f559"
}

.fa-b:before {
    content: "\42"
}

.fa-baby:before {
    content: "\f77c"
}

.fa-baby-carriage:before,
.fa-carriage-baby:before {
    content: "\f77d"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-backward-fast:before,
.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward-step:before,
.fa-step-backward:before {
    content: "\f048"
}

.fa-bacon:before {
    content: "\f7e5"
}

.fa-bacteria:before {
    content: "\e059"
}

.fa-bacterium:before {
    content: "\e05a"
}

.fa-bag-shopping:before,
.fa-shopping-bag:before {
    content: "\f290"
}

.fa-bahai:before {
    content: "\f666"
}

.fa-baht-sign:before {
    content: "\e0ac"
}

.fa-ban:before,
.fa-cancel:before {
    content: "\f05e"
}

.fa-ban-smoking:before,
.fa-smoking-ban:before {
    content: "\f54d"
}

.fa-band-aid:before,
.fa-bandage:before {
    content: "\f462"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-bars:before,
.fa-navicon:before {
    content: "\f0c9"
}

.fa-bars-progress:before,
.fa-tasks-alt:before {
    content: "\f828"
}

.fa-bars-staggered:before,
.fa-reorder:before,
.fa-stream:before {
    content: "\f550"
}

.fa-baseball-ball:before,
.fa-baseball:before {
    content: "\f433"
}

.fa-baseball-bat-ball:before {
    content: "\f432"
}

.fa-basket-shopping:before,
.fa-shopping-basket:before {
    content: "\f291"
}

.fa-basketball-ball:before,
.fa-basketball:before {
    content: "\f434"
}

.fa-bath:before,
.fa-bathtub:before {
    content: "\f2cd"
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\f244"
}

.fa-battery-5:before,
.fa-battery-full:before,
.fa-battery:before {
    content: "\f240"
}

.fa-battery-3:before,
.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-2:before,
.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-4:before,
.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-bed:before {
    content: "\f236"
}

.fa-bed-pulse:before,
.fa-procedures:before {
    content: "\f487"
}

.fa-beer-mug-empty:before,
.fa-beer:before {
    content: "\f0fc"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-bell-concierge:before,
.fa-concierge-bell:before {
    content: "\f562"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bezier-curve:before {
    content: "\f55b"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-biohazard:before {
    content: "\f780"
}

.fa-bitcoin-sign:before {
    content: "\e0b4"
}

.fa-blender:before {
    content: "\f517"
}

.fa-blender-phone:before {
    content: "\f6b6"
}

.fa-blog:before {
    content: "\f781"
}

.fa-bold:before {
    content: "\f032"
}

.fa-bolt:before,
.fa-zap:before {
    content: "\f0e7"
}

.fa-bolt-lightning:before {
    content: "\e0b7"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-bone:before {
    content: "\f5d7"
}

.fa-bong:before {
    content: "\f55c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-atlas:before,
.fa-book-atlas:before {
    content: "\f558"
}

.fa-bible:before,
.fa-book-bible:before {
    content: "\f647"
}

.fa-book-journal-whills:before,
.fa-journal-whills:before {
    content: "\f66a"
}

.fa-book-medical:before {
    content: "\f7e6"
}

.fa-book-open:before {
    content: "\f518"
}

.fa-book-open-reader:before,
.fa-book-reader:before {
    content: "\f5da"
}

.fa-book-quran:before,
.fa-quran:before {
    content: "\f687"
}

.fa-book-dead:before,
.fa-book-skull:before {
    content: "\f6b7"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-border-all:before {
    content: "\f84c"
}

.fa-border-none:before {
    content: "\f850"
}

.fa-border-style:before,
.fa-border-top-left:before {
    content: "\f853"
}

.fa-bowling-ball:before {
    content: "\f436"
}

.fa-box:before {
    content: "\f466"
}

.fa-archive:before,
.fa-box-archive:before {
    content: "\f187"
}

.fa-box-open:before {
    content: "\f49e"
}

.fa-box-tissue:before {
    content: "\e05b"
}

.fa-boxes-alt:before,
.fa-boxes-stacked:before,
.fa-boxes:before {
    content: "\f468"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-brain:before {
    content: "\f5dc"
}

.fa-brazilian-real-sign:before {
    content: "\e46c"
}

.fa-bread-slice:before {
    content: "\f7ec"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-briefcase-medical:before {
    content: "\f469"
}

.fa-broom:before {
    content: "\f51a"
}

.fa-broom-ball:before,
.fa-quidditch-broom-ball:before,
.fa-quidditch:before {
    content: "\f458"
}

.fa-brush:before {
    content: "\f55d"
}

.fa-bug:before {
    content: "\f188"
}

.fa-bug-slash:before {
    content: "\e490"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-bank:before,
.fa-building-columns:before,
.fa-institution:before,
.fa-museum:before,
.fa-university:before {
    content: "\f19c"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-burger:before,
.fa-hamburger:before {
    content: "\f805"
}

.fa-bus:before {
    content: "\f207"
}

.fa-bus-alt:before,
.fa-bus-simple:before {
    content: "\f55e"
}

.fa-briefcase-clock:before,
.fa-business-time:before {
    content: "\f64a"
}

.fa-c:before {
    content: "\43"
}

.fa-birthday-cake:before,
.fa-cake-candles:before,
.fa-cake:before {
    content: "\f1fd"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-calendar:before {
    content: "\f133"
}

.fa-calendar-check:before {
    content: "\f274"
}

.fa-calendar-day:before {
    content: "\f783"
}

.fa-calendar-alt:before,
.fa-calendar-days:before {
    content: "\f073"
}

.fa-calendar-minus:before {
    content: "\f272"
}

.fa-calendar-plus:before {
    content: "\f271"
}

.fa-calendar-week:before {
    content: "\f784"
}

.fa-calendar-times:before,
.fa-calendar-xmark:before {
    content: "\f273"
}

.fa-camera-alt:before,
.fa-camera:before {
    content: "\f030"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-camera-rotate:before {
    content: "\e0d8"
}

.fa-campground:before {
    content: "\f6bb"
}

.fa-candy-cane:before {
    content: "\f786"
}

.fa-cannabis:before {
    content: "\f55f"
}

.fa-capsules:before {
    content: "\f46b"
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9"
}

.fa-battery-car:before,
.fa-car-battery:before {
    content: "\f5df"
}

.fa-car-crash:before {
    content: "\f5e1"
}

.fa-car-alt:before,
.fa-car-rear:before {
    content: "\f5de"
}

.fa-car-side:before {
    content: "\f5e4"
}

.fa-caravan:before {
    content: "\f8ff"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-carrot:before {
    content: "\f787"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-cart-flatbed:before,
.fa-dolly-flatbed:before {
    content: "\f474"
}

.fa-cart-flatbed-suitcase:before,
.fa-luggage-cart:before {
    content: "\f59d"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-shopping:before,
.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-cash-register:before {
    content: "\f788"
}

.fa-cat:before {
    content: "\f6be"
}

.fa-cedi-sign:before {
    content: "\e0df"
}

.fa-cent-sign:before {
    content: "\e3f5"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-chair:before {
    content: "\f6c0"
}

.fa-blackboard:before,
.fa-chalkboard:before {
    content: "\f51b"
}

.fa-chalkboard-teacher:before,
.fa-chalkboard-user:before {
    content: "\f51c"
}

.fa-champagne-glasses:before,
.fa-glass-cheers:before {
    content: "\f79f"
}

.fa-charging-station:before {
    content: "\f5e7"
}

.fa-area-chart:before,
.fa-chart-area:before {
    content: "\f1fe"
}

.fa-bar-chart:before,
.fa-chart-bar:before {
    content: "\f080"
}

.fa-chart-column:before {
    content: "\e0e3"
}

.fa-chart-gantt:before {
    content: "\e0e4"
}

.fa-chart-line:before,
.fa-line-chart:before {
    content: "\f201"
}

.fa-chart-pie:before,
.fa-pie-chart:before {
    content: "\f200"
}

.fa-check:before {
    content: "\f00c"
}

.fa-check-double:before {
    content: "\f560"
}

.fa-check-to-slot:before,
.fa-vote-yea:before {
    content: "\f772"
}

.fa-cheese:before {
    content: "\f7ef"
}

.fa-chess:before {
    content: "\f439"
}

.fa-chess-bishop:before {
    content: "\f43a"
}

.fa-chess-board:before {
    content: "\f43c"
}

.fa-chess-king:before {
    content: "\f43f"
}

.fa-chess-knight:before {
    content: "\f441"
}

.fa-chess-pawn:before {
    content: "\f443"
}

.fa-chess-queen:before {
    content: "\f445"
}

.fa-chess-rook:before {
    content: "\f447"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-church:before {
    content: "\f51d"
}

.fa-circle:before {
    content: "\f111"
}

.fa-arrow-circle-down:before,
.fa-circle-arrow-down:before {
    content: "\f0ab"
}

.fa-arrow-circle-left:before,
.fa-circle-arrow-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before,
.fa-circle-arrow-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before,
.fa-circle-arrow-up:before {
    content: "\f0aa"
}

.fa-check-circle:before,
.fa-circle-check:before {
    content: "\f058"
}

.fa-chevron-circle-down:before,
.fa-circle-chevron-down:before {
    content: "\f13a"
}

.fa-chevron-circle-left:before,
.fa-circle-chevron-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before,
.fa-circle-chevron-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before,
.fa-circle-chevron-up:before {
    content: "\f139"
}

.fa-circle-dollar-to-slot:before,
.fa-donate:before {
    content: "\f4b9"
}

.fa-circle-dot:before,
.fa-dot-circle:before {
    content: "\f192"
}

.fa-arrow-alt-circle-down:before,
.fa-circle-down:before {
    content: "\f358"
}

.fa-circle-exclamation:before,
.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-circle-h:before,
.fa-hospital-symbol:before {
    content: "\f47e"
}

.fa-adjust:before,
.fa-circle-half-stroke:before {
    content: "\f042"
}

.fa-circle-info:before,
.fa-info-circle:before {
    content: "\f05a"
}

.fa-arrow-alt-circle-left:before,
.fa-circle-left:before {
    content: "\f359"
}

.fa-circle-minus:before,
.fa-minus-circle:before {
    content: "\f056"
}

.fa-circle-notch:before {
    content: "\f1ce"
}

.fa-circle-pause:before,
.fa-pause-circle:before {
    content: "\f28b"
}

.fa-circle-play:before,
.fa-play-circle:before {
    content: "\f144"
}

.fa-circle-plus:before,
.fa-plus-circle:before {
    content: "\f055"
}

.fa-circle-question:before,
.fa-question-circle:before {
    content: "\f059"
}

.fa-circle-radiation:before,
.fa-radiation-alt:before {
    content: "\f7ba"
}

.fa-arrow-alt-circle-right:before,
.fa-circle-right:before {
    content: "\f35a"
}

.fa-circle-stop:before,
.fa-stop-circle:before {
    content: "\f28d"
}

.fa-arrow-alt-circle-up:before,
.fa-circle-up:before {
    content: "\f35b"
}

.fa-circle-user:before,
.fa-user-circle:before {
    content: "\f2bd"
}

.fa-circle-xmark:before,
.fa-times-circle:before,
.fa-xmark-circle:before {
    content: "\f057"
}

.fa-city:before {
    content: "\f64f"
}

.fa-clapperboard:before {
    content: "\e131"
}

.fa-clipboard:before {
    content: "\f328"
}

.fa-clipboard-check:before {
    content: "\f46c"
}

.fa-clipboard-list:before {
    content: "\f46d"
}

.fa-clock-four:before,
.fa-clock:before {
    content: "\f017"
}

.fa-clock-rotate-left:before,
.fa-history:before {
    content: "\f1da"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-closed-captioning:before {
    content: "\f20a"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-cloud-arrow-down:before,
.fa-cloud-download-alt:before,
.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-arrow-up:before,
.fa-cloud-upload-alt:before,
.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-cloud-meatball:before {
    content: "\f73b"
}

.fa-cloud-moon:before {
    content: "\f6c3"
}

.fa-cloud-moon-rain:before {
    content: "\f73c"
}

.fa-cloud-rain:before {
    content: "\f73d"
}

.fa-cloud-showers-heavy:before {
    content: "\f740"
}

.fa-cloud-sun:before {
    content: "\f6c4"
}

.fa-cloud-sun-rain:before {
    content: "\f743"
}

.fa-clover:before {
    content: "\e139"
}

.fa-code:before {
    content: "\f121"
}

.fa-code-branch:before {
    content: "\f126"
}

.fa-code-commit:before {
    content: "\f386"
}

.fa-code-compare:before {
    content: "\e13a"
}

.fa-code-fork:before {
    content: "\e13b"
}

.fa-code-merge:before {
    content: "\f387"
}

.fa-code-pull-request:before {
    content: "\e13c"
}

.fa-coins:before {
    content: "\f51e"
}

.fa-colon-sign:before {
    content: "\e140"
}

.fa-comment:before {
    content: "\f075"
}

.fa-comment-dollar:before {
    content: "\f651"
}

.fa-comment-dots:before,
.fa-commenting:before {
    content: "\f4ad"
}

.fa-comment-medical:before {
    content: "\f7f5"
}

.fa-comment-slash:before {
    content: "\f4b3"
}

.fa-comment-sms:before,
.fa-sms:before {
    content: "\f7cd"
}

.fa-comments:before {
    content: "\f086"
}

.fa-comments-dollar:before {
    content: "\f653"
}

.fa-compact-disc:before {
    content: "\f51f"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-compass-drafting:before,
.fa-drafting-compass:before {
    content: "\f568"
}

.fa-compress:before {
    content: "\f066"
}

.fa-computer-mouse:before,
.fa-mouse:before {
    content: "\f8cc"
}

.fa-cookie:before {
    content: "\f563"
}

.fa-cookie-bite:before {
    content: "\f564"
}

.fa-copy:before {
    content: "\f0c5"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-couch:before {
    content: "\f4b8"
}

.fa-credit-card-alt:before,
.fa-credit-card:before {
    content: "\f09d"
}

.fa-crop:before {
    content: "\f125"
}

.fa-crop-alt:before,
.fa-crop-simple:before {
    content: "\f565"
}

.fa-cross:before {
    content: "\f654"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-crow:before {
    content: "\f520"
}

.fa-crown:before {
    content: "\f521"
}

.fa-crutch:before {
    content: "\f7f7"
}

.fa-cruzeiro-sign:before {
    content: "\e152"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-d:before {
    content: "\44"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-backspace:before,
.fa-delete-left:before {
    content: "\f55a"
}

.fa-democrat:before {
    content: "\f747"
}

.fa-desktop-alt:before,
.fa-desktop:before {
    content: "\f390"
}

.fa-dharmachakra:before {
    content: "\f655"
}

.fa-diagram-next:before {
    content: "\e476"
}

.fa-diagram-predecessor:before {
    content: "\e477"
}

.fa-diagram-project:before,
.fa-project-diagram:before {
    content: "\f542"
}

.fa-diagram-successor:before {
    content: "\e47a"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-diamond-turn-right:before,
.fa-directions:before {
    content: "\f5eb"
}

.fa-dice:before {
    content: "\f522"
}

.fa-dice-d20:before {
    content: "\f6cf"
}

.fa-dice-d6:before {
    content: "\f6d1"
}

.fa-dice-five:before {
    content: "\f523"
}

.fa-dice-four:before {
    content: "\f524"
}

.fa-dice-one:before {
    content: "\f525"
}

.fa-dice-six:before {
    content: "\f526"
}

.fa-dice-three:before {
    content: "\f527"
}

.fa-dice-two:before {
    content: "\f528"
}

.fa-disease:before {
    content: "\f7fa"
}

.fa-divide:before {
    content: "\f529"
}

.fa-dna:before {
    content: "\f471"
}

.fa-dog:before {
    content: "\f6d3"
}

.fa-dollar-sign:before,
.fa-dollar:before,
.fa-usd:before {
    content: "\24"
}

.fa-dolly-box:before,
.fa-dolly:before {
    content: "\f472"
}

.fa-dong-sign:before {
    content: "\e169"
}

.fa-door-closed:before {
    content: "\f52a"
}

.fa-door-open:before {
    content: "\f52b"
}

.fa-dove:before {
    content: "\f4ba"
}

.fa-compress-alt:before,
.fa-down-left-and-up-right-to-center:before {
    content: "\f422"
}

.fa-down-long:before,
.fa-long-arrow-alt-down:before {
    content: "\f309"
}

.fa-download:before {
    content: "\f019"
}

.fa-dragon:before {
    content: "\f6d5"
}

.fa-draw-polygon:before {
    content: "\f5ee"
}

.fa-droplet:before,
.fa-tint:before {
    content: "\f043"
}

.fa-droplet-slash:before,
.fa-tint-slash:before {
    content: "\f5c7"
}

.fa-drum:before {
    content: "\f569"
}

.fa-drum-steelpan:before {
    content: "\f56a"
}

.fa-drumstick-bite:before {
    content: "\f6d7"
}

.fa-dumbbell:before {
    content: "\f44b"
}

.fa-dumpster:before {
    content: "\f793"
}

.fa-dumpster-fire:before {
    content: "\f794"
}

.fa-dungeon:before {
    content: "\f6d9"
}

.fa-e:before {
    content: "\45"
}

.fa-deaf:before,
.fa-deafness:before,
.fa-ear-deaf:before,
.fa-hard-of-hearing:before {
    content: "\f2a4"
}

.fa-assistive-listening-systems:before,
.fa-ear-listen:before {
    content: "\f2a2"
}

.fa-earth-africa:before,
.fa-globe-africa:before {
    content: "\f57c"
}

.fa-earth-america:before,
.fa-earth-americas:before,
.fa-earth:before,
.fa-globe-americas:before {
    content: "\f57d"
}

.fa-earth-asia:before,
.fa-globe-asia:before {
    content: "\f57e"
}

.fa-earth-europe:before,
.fa-globe-europe:before {
    content: "\f7a2"
}

.fa-earth-oceania:before,
.fa-globe-oceania:before {
    content: "\e47b"
}

.fa-egg:before {
    content: "\f7fb"
}

.fa-eject:before {
    content: "\f052"
}

.fa-elevator:before {
    content: "\e16d"
}

.fa-ellipsis-h:before,
.fa-ellipsis:before {
    content: "\f141"
}

.fa-ellipsis-v:before,
.fa-ellipsis-vertical:before {
    content: "\f142"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-text:before {
    content: "\f658"
}

.fa-envelopes-bulk:before,
.fa-mail-bulk:before {
    content: "\f674"
}

.fa-equals:before {
    content: "\3d"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-ethernet:before {
    content: "\f796"
}

.fa-eur:before,
.fa-euro-sign:before,
.fa-euro:before {
    content: "\f153"
}

.fa-exclamation:before {
    content: "\21"
}

.fa-expand:before {
    content: "\f065"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-dropper-empty:before,
.fa-eye-dropper:before,
.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-eye-low-vision:before,
.fa-low-vision:before {
    content: "\f2a8"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-f:before {
    content: "\46"
}

.fa-angry:before,
.fa-face-angry:before {
    content: "\f556"
}

.fa-dizzy:before,
.fa-face-dizzy:before {
    content: "\f567"
}

.fa-face-flushed:before,
.fa-flushed:before {
    content: "\f579"
}

.fa-face-frown:before,
.fa-frown:before {
    content: "\f119"
}

.fa-face-frown-open:before,
.fa-frown-open:before {
    content: "\f57a"
}

.fa-face-grimace:before,
.fa-grimace:before {
    content: "\f57f"
}

.fa-face-grin:before,
.fa-grin:before {
    content: "\f580"
}

.fa-face-grin-beam:before,
.fa-grin-beam:before {
    content: "\f582"
}

.fa-face-grin-beam-sweat:before,
.fa-grin-beam-sweat:before {
    content: "\f583"
}

.fa-face-grin-hearts:before,
.fa-grin-hearts:before {
    content: "\f584"
}

.fa-face-grin-squint:before,
.fa-grin-squint:before {
    content: "\f585"
}

.fa-face-grin-squint-tears:before,
.fa-grin-squint-tears:before {
    content: "\f586"
}

.fa-face-grin-stars:before,
.fa-grin-stars:before {
    content: "\f587"
}

.fa-face-grin-tears:before,
.fa-grin-tears:before {
    content: "\f588"
}

.fa-face-grin-tongue:before,
.fa-grin-tongue:before {
    content: "\f589"
}

.fa-face-grin-tongue-squint:before,
.fa-grin-tongue-squint:before {
    content: "\f58a"
}

.fa-face-grin-tongue-wink:before,
.fa-grin-tongue-wink:before {
    content: "\f58b"
}

.fa-face-grin-wide:before,
.fa-grin-alt:before {
    content: "\f581"
}

.fa-face-grin-wink:before,
.fa-grin-wink:before {
    content: "\f58c"
}

.fa-face-kiss:before,
.fa-kiss:before {
    content: "\f596"
}

.fa-face-kiss-beam:before,
.fa-kiss-beam:before {
    content: "\f597"
}

.fa-face-kiss-wink-heart:before,
.fa-kiss-wink-heart:before {
    content: "\f598"
}

.fa-face-laugh:before,
.fa-laugh:before {
    content: "\f599"
}

.fa-face-laugh-beam:before,
.fa-laugh-beam:before {
    content: "\f59a"
}

.fa-face-laugh-squint:before,
.fa-laugh-squint:before {
    content: "\f59b"
}

.fa-face-laugh-wink:before,
.fa-laugh-wink:before {
    content: "\f59c"
}

.fa-face-meh:before,
.fa-meh:before {
    content: "\f11a"
}

.fa-face-meh-blank:before,
.fa-meh-blank:before {
    content: "\f5a4"
}

.fa-face-rolling-eyes:before,
.fa-meh-rolling-eyes:before {
    content: "\f5a5"
}

.fa-face-sad-cry:before,
.fa-sad-cry:before {
    content: "\f5b3"
}

.fa-face-sad-tear:before,
.fa-sad-tear:before {
    content: "\f5b4"
}

.fa-face-smile:before,
.fa-smile:before {
    content: "\f118"
}

.fa-face-smile-beam:before,
.fa-smile-beam:before {
    content: "\f5b8"
}

.fa-face-smile-wink:before,
.fa-smile-wink:before {
    content: "\f4da"
}

.fa-face-surprise:before,
.fa-surprise:before {
    content: "\f5c2"
}

.fa-face-tired:before,
.fa-tired:before {
    content: "\f5c8"
}

.fa-fan:before {
    content: "\f863"
}

.fa-faucet:before {
    content: "\e005"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-feather:before {
    content: "\f52d"
}

.fa-feather-alt:before,
.fa-feather-pointed:before {
    content: "\f56b"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-arrow-down:before,
.fa-file-download:before {
    content: "\f56d"
}

.fa-file-arrow-up:before,
.fa-file-upload:before {
    content: "\f574"
}

.fa-file-audio:before {
    content: "\f1c7"
}

.fa-file-code:before {
    content: "\f1c9"
}

.fa-file-contract:before {
    content: "\f56c"
}

.fa-file-csv:before {
    content: "\f6dd"
}

.fa-file-excel:before {
    content: "\f1c3"
}

.fa-arrow-right-from-file:before,
.fa-file-export:before {
    content: "\f56e"
}

.fa-file-image:before {
    content: "\f1c5"
}

.fa-arrow-right-to-file:before,
.fa-file-import:before {
    content: "\f56f"
}

.fa-file-invoice:before {
    content: "\f570"
}

.fa-file-invoice-dollar:before {
    content: "\f571"
}

.fa-file-alt:before,
.fa-file-lines:before,
.fa-file-text:before {
    content: "\f15c"
}

.fa-file-medical:before {
    content: "\f477"
}

.fa-file-pdf:before {
    content: "\f1c1"
}

.fa-file-powerpoint:before {
    content: "\f1c4"
}

.fa-file-prescription:before {
    content: "\f572"
}

.fa-file-signature:before {
    content: "\f573"
}

.fa-file-video:before {
    content: "\f1c8"
}

.fa-file-medical-alt:before,
.fa-file-waveform:before {
    content: "\f478"
}

.fa-file-word:before {
    content: "\f1c2"
}

.fa-file-archive:before,
.fa-file-zipper:before {
    content: "\f1c6"
}

.fa-fill:before {
    content: "\f575"
}

.fa-fill-drip:before {
    content: "\f576"
}

.fa-film:before {
    content: "\f008"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-filter-circle-dollar:before,
.fa-funnel-dollar:before {
    content: "\f662"
}

.fa-filter-circle-xmark:before {
    content: "\e17b"
}

.fa-fingerprint:before {
    content: "\f577"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-fire-alt:before,
.fa-fire-flame-curved:before {
    content: "\f7e4"
}

.fa-burn:before,
.fa-fire-flame-simple:before {
    content: "\f46a"
}

.fa-fish:before {
    content: "\f578"
}

.fa-flag:before {
    content: "\f024"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-flag-usa:before {
    content: "\f74d"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-floppy-disk:before,
.fa-save:before {
    content: "\f0c7"
}

.fa-florin-sign:before {
    content: "\e184"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-minus:before {
    content: "\f65d"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-folder-plus:before {
    content: "\f65e"
}

.fa-folder-tree:before {
    content: "\f802"
}

.fa-font:before {
    content: "\f031"
}

.fa-football-ball:before,
.fa-football:before {
    content: "\f44e"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before,
.fa-forward-fast:before {
    content: "\f050"
}

.fa-forward-step:before,
.fa-step-forward:before {
    content: "\f051"
}

.fa-franc-sign:before {
    content: "\e18f"
}

.fa-frog:before {
    content: "\f52e"
}

.fa-futbol-ball:before,
.fa-futbol:before,
.fa-soccer-ball:before {
    content: "\f1e3"
}

.fa-g:before {
    content: "\47"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-gas-pump:before {
    content: "\f52f"
}

.fa-dashboard:before,
.fa-gauge-med:before,
.fa-gauge:before,
.fa-tachometer-alt-average:before {
    content: "\f624"
}

.fa-gauge-high:before,
.fa-tachometer-alt-fast:before,
.fa-tachometer-alt:before {
    content: "\f625"
}

.fa-gauge-simple-med:before,
.fa-gauge-simple:before,
.fa-tachometer-average:before {
    content: "\f629"
}

.fa-gauge-simple-high:before,
.fa-tachometer-fast:before,
.fa-tachometer:before {
    content: "\f62a"
}

.fa-gavel:before,
.fa-legal:before {
    content: "\f0e3"
}

.fa-cog:before,
.fa-gear:before {
    content: "\f013"
}

.fa-cogs:before,
.fa-gears:before {
    content: "\f085"
}

.fa-gem:before {
    content: "\f3a5"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-ghost:before {
    content: "\f6e2"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-gifts:before {
    content: "\f79c"
}

.fa-glasses:before {
    content: "\f530"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-golf-ball-tee:before,
.fa-golf-ball:before {
    content: "\f450"
}

.fa-gopuram:before {
    content: "\f664"
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
    content: "\f19d"
}

.fa-greater-than:before {
    content: "\3e"
}

.fa-greater-than-equal:before {
    content: "\f532"
}

.fa-grip-horizontal:before,
.fa-grip:before {
    content: "\f58d"
}

.fa-grip-lines:before {
    content: "\f7a4"
}

.fa-grip-lines-vertical:before {
    content: "\f7a5"
}

.fa-grip-vertical:before {
    content: "\f58e"
}

.fa-guarani-sign:before {
    content: "\e19a"
}

.fa-guitar:before {
    content: "\f7a6"
}

.fa-gun:before {
    content: "\e19b"
}

.fa-h:before {
    content: "\48"
}

.fa-hammer:before {
    content: "\f6e3"
}

.fa-hamsa:before {
    content: "\f665"
}

.fa-hand-paper:before,
.fa-hand:before {
    content: "\f256"
}

.fa-hand-back-fist:before,
.fa-hand-rock:before {
    content: "\f255"
}

.fa-allergies:before,
.fa-hand-dots:before {
    content: "\f461"
}

.fa-fist-raised:before,
.fa-hand-fist:before {
    content: "\f6de"
}

.fa-hand-holding:before {
    content: "\f4bd"
}

.fa-hand-holding-dollar:before,
.fa-hand-holding-usd:before {
    content: "\f4c0"
}

.fa-hand-holding-droplet:before,
.fa-hand-holding-water:before {
    content: "\f4c1"
}

.fa-hand-holding-heart:before {
    content: "\f4be"
}

.fa-hand-holding-medical:before {
    content: "\e05c"
}

.fa-hand-lizard:before {
    content: "\f258"
}

.fa-hand-middle-finger:before {
    content: "\f806"
}

.fa-hand-peace:before {
    content: "\f25b"
}

.fa-hand-point-down:before {
    content: "\f0a7"
}

.fa-hand-point-left:before {
    content: "\f0a5"
}

.fa-hand-point-right:before {
    content: "\f0a4"
}

.fa-hand-point-up:before {
    content: "\f0a6"
}

.fa-hand-pointer:before {
    content: "\f25a"
}

.fa-hand-scissors:before {
    content: "\f257"
}

.fa-hand-sparkles:before {
    content: "\e05d"
}

.fa-hand-spock:before {
    content: "\f259"
}

.fa-hands:before,
.fa-sign-language:before,
.fa-signing:before {
    content: "\f2a7"
}

.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before,
.fa-hands-american-sign-language-interpreting:before,
.fa-hands-asl-interpreting:before {
    content: "\f2a3"
}

.fa-hands-bubbles:before,
.fa-hands-wash:before {
    content: "\e05e"
}

.fa-hands-clapping:before {
    content: "\e1a8"
}

.fa-hands-holding:before {
    content: "\f4c2"
}

.fa-hands-praying:before,
.fa-praying-hands:before {
    content: "\f684"
}

.fa-handshake:before {
    content: "\f2b5"
}

.fa-hands-helping:before,
.fa-handshake-angle:before {
    content: "\f4c4"
}

.fa-handshake-alt-slash:before,
.fa-handshake-simple-slash:before {
    content: "\e05f"
}

.fa-handshake-slash:before {
    content: "\e060"
}

.fa-hanukiah:before {
    content: "\f6e6"
}

.fa-hard-drive:before,
.fa-hdd:before {
    content: "\f0a0"
}

.fa-hashtag:before {
    content: "\23"
}

.fa-hat-cowboy:before {
    content: "\f8c0"
}

.fa-hat-cowboy-side:before {
    content: "\f8c1"
}

.fa-hat-wizard:before {
    content: "\f6e8"
}

.fa-head-side-cough:before {
    content: "\e061"
}

.fa-head-side-cough-slash:before {
    content: "\e062"
}

.fa-head-side-mask:before {
    content: "\e063"
}

.fa-head-side-virus:before {
    content: "\e064"
}

.fa-header:before,
.fa-heading:before {
    content: "\f1dc"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-headphones-alt:before,
.fa-headphones-simple:before {
    content: "\f58f"
}

.fa-headset:before {
    content: "\f590"
}

.fa-heart:before {
    content: "\f004"
}

.fa-heart-broken:before,
.fa-heart-crack:before {
    content: "\f7a9"
}

.fa-heart-pulse:before,
.fa-heartbeat:before {
    content: "\f21e"
}

.fa-helicopter:before {
    content: "\f533"
}

.fa-hard-hat:before,
.fa-hat-hard:before,
.fa-helmet-safety:before {
    content: "\f807"
}

.fa-highlighter:before {
    content: "\f591"
}

.fa-hippo:before {
    content: "\f6ed"
}

.fa-hockey-puck:before {
    content: "\f453"
}

.fa-holly-berry:before {
    content: "\f7aa"
}

.fa-horse:before {
    content: "\f6f0"
}

.fa-horse-head:before {
    content: "\f7ab"
}

.fa-hospital-alt:before,
.fa-hospital-wide:before,
.fa-hospital:before {
    content: "\f0f8"
}

.fa-hospital-user:before {
    content: "\f80d"
}

.fa-hot-tub-person:before,
.fa-hot-tub:before {
    content: "\f593"
}

.fa-hotdog:before {
    content: "\f80f"
}

.fa-hotel:before {
    content: "\f594"
}

.fa-hourglass-2:before,
.fa-hourglass-half:before,
.fa-hourglass:before {
    content: "\f254"
}

.fa-hourglass-empty:before {
    content: "\f252"
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\f251"
}

.fa-home-alt:before,
.fa-home-lg-alt:before,
.fa-home:before,
.fa-house:before {
    content: "\f015"
}

.fa-home-lg:before,
.fa-house-chimney:before {
    content: "\e3af"
}

.fa-house-chimney-crack:before,
.fa-house-damage:before {
    content: "\f6f1"
}

.fa-clinic-medical:before,
.fa-house-chimney-medical:before {
    content: "\f7f2"
}

.fa-house-chimney-user:before {
    content: "\e065"
}

.fa-house-chimney-window:before {
    content: "\e00d"
}

.fa-house-crack:before {
    content: "\e3b1"
}

.fa-house-laptop:before,
.fa-laptop-house:before {
    content: "\e066"
}

.fa-house-medical:before {
    content: "\e3b2"
}

.fa-home-user:before,
.fa-house-user:before {
    content: "\e1b0"
}

.fa-hryvnia-sign:before,
.fa-hryvnia:before {
    content: "\f6f2"
}

.fa-i:before {
    content: "\49"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-ice-cream:before {
    content: "\f810"
}

.fa-icicles:before {
    content: "\f7ad"
}

.fa-heart-music-camera-bolt:before,
.fa-icons:before {
    content: "\f86d"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-drivers-license:before,
.fa-id-card:before {
    content: "\f2c2"
}

.fa-id-card-alt:before,
.fa-id-card-clip:before {
    content: "\f47f"
}

.fa-igloo:before {
    content: "\f7ae"
}

.fa-image:before {
    content: "\f03e"
}

.fa-image-portrait:before,
.fa-portrait:before {
    content: "\f3e0"
}

.fa-images:before {
    content: "\f302"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-indian-rupee-sign:before,
.fa-indian-rupee:before,
.fa-inr:before {
    content: "\e1bc"
}

.fa-industry:before {
    content: "\f275"
}

.fa-infinity:before {
    content: "\f534"
}

.fa-info:before {
    content: "\f129"
}

.fa-italic:before {
    content: "\f033"
}

.fa-j:before {
    content: "\4a"
}

.fa-jedi:before {
    content: "\f669"
}

.fa-fighter-jet:before,
.fa-jet-fighter:before {
    content: "\f0fb"
}

.fa-joint:before {
    content: "\f595"
}

.fa-k:before {
    content: "\4b"
}

.fa-kaaba:before {
    content: "\f66b"
}

.fa-key:before {
    content: "\f084"
}

.fa-keyboard:before {
    content: "\f11c"
}

.fa-khanda:before {
    content: "\f66d"
}

.fa-kip-sign:before {
    content: "\e1c4"
}

.fa-first-aid:before,
.fa-kit-medical:before {
    content: "\f479"
}

.fa-kiwi-bird:before {
    content: "\f535"
}

.fa-l:before {
    content: "\4c"
}

.fa-landmark:before {
    content: "\f66f"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-laptop-code:before {
    content: "\f5fc"
}

.fa-laptop-medical:before {
    content: "\f812"
}

.fa-lari-sign:before {
    content: "\e1c8"
}

.fa-layer-group:before {
    content: "\f5fd"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-left-long:before,
.fa-long-arrow-alt-left:before {
    content: "\f30a"
}

.fa-arrows-alt-h:before,
.fa-left-right:before {
    content: "\f337"
}

.fa-lemon:before {
    content: "\f094"
}

.fa-less-than:before {
    content: "\3c"
}

.fa-less-than-equal:before {
    content: "\f537"
}

.fa-life-ring:before {
    content: "\f1cd"
}

.fa-lightbulb:before {
    content: "\f0eb"
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1"
}

.fa-chain-broken:before,
.fa-chain-slash:before,
.fa-link-slash:before,
.fa-unlink:before {
    content: "\f127"
}

.fa-lira-sign:before {
    content: "\f195"
}

.fa-list-squares:before,
.fa-list:before {
    content: "\f03a"
}

.fa-list-check:before,
.fa-tasks:before {
    content: "\f0ae"
}

.fa-list-1-2:before,
.fa-list-numeric:before,
.fa-list-ol:before {
    content: "\f0cb"
}

.fa-list-dots:before,
.fa-list-ul:before {
    content: "\f0ca"
}

.fa-litecoin-sign:before {
    content: "\e1d3"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-location-crosshairs:before,
.fa-location:before {
    content: "\f601"
}

.fa-location-dot:before,
.fa-map-marker-alt:before {
    content: "\f3c5"
}

.fa-location-pin:before,
.fa-map-marker:before {
    content: "\f041"
}

.fa-lock:before {
    content: "\f023"
}

.fa-lock-open:before {
    content: "\f3c1"
}

.fa-lungs:before {
    content: "\f604"
}

.fa-lungs-virus:before {
    content: "\e067"
}

.fa-m:before {
    content: "\4d"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-magnifying-glass:before,
.fa-search:before {
    content: "\f002"
}

.fa-magnifying-glass-dollar:before,
.fa-search-dollar:before {
    content: "\f688"
}

.fa-magnifying-glass-location:before,
.fa-search-location:before {
    content: "\f689"
}

.fa-magnifying-glass-minus:before,
.fa-search-minus:before {
    content: "\f010"
}

.fa-magnifying-glass-plus:before,
.fa-search-plus:before {
    content: "\f00e"
}

.fa-manat-sign:before {
    content: "\e1d5"
}

.fa-map:before {
    content: "\f279"
}

.fa-map-location:before,
.fa-map-marked:before {
    content: "\f59f"
}

.fa-map-location-dot:before,
.fa-map-marked-alt:before {
    content: "\f5a0"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-marker:before {
    content: "\f5a1"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mars-and-venus:before {
    content: "\f224"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-h:before,
.fa-mars-stroke-right:before {
    content: "\f22b"
}

.fa-mars-stroke-up:before,
.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-glass-martini-alt:before,
.fa-martini-glass:before {
    content: "\f57b"
}

.fa-cocktail:before,
.fa-martini-glass-citrus:before {
    content: "\f561"
}

.fa-glass-martini:before,
.fa-martini-glass-empty:before {
    content: "\f000"
}

.fa-mask:before {
    content: "\f6fa"
}

.fa-mask-face:before {
    content: "\e1d7"
}

.fa-masks-theater:before,
.fa-theater-masks:before {
    content: "\f630"
}

.fa-expand-arrows-alt:before,
.fa-maximize:before {
    content: "\f31e"
}

.fa-medal:before {
    content: "\f5a2"
}

.fa-memory:before {
    content: "\f538"
}

.fa-menorah:before {
    content: "\f676"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-comment-alt:before,
.fa-message:before {
    content: "\f27a"
}

.fa-meteor:before {
    content: "\f753"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-alt:before,
.fa-microphone-lines:before {
    content: "\f3c9"
}

.fa-microphone-alt-slash:before,
.fa-microphone-lines-slash:before {
    content: "\f539"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-microscope:before {
    content: "\f610"
}

.fa-mill-sign:before {
    content: "\e1ed"
}

.fa-compress-arrows-alt:before,
.fa-minimize:before {
    content: "\f78c"
}

.fa-minus:before,
.fa-subtract:before {
    content: "\f068"
}

.fa-mitten:before {
    content: "\f7b5"
}

.fa-mobile-android:before,
.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f3ce"
}

.fa-mobile-button:before {
    content: "\f10b"
}

.fa-mobile-alt:before,
.fa-mobile-screen-button:before {
    content: "\f3cd"
}

.fa-money-bill:before {
    content: "\f0d6"
}

.fa-money-bill-1:before,
.fa-money-bill-alt:before {
    content: "\f3d1"
}

.fa-money-bill-1-wave:before,
.fa-money-bill-wave-alt:before {
    content: "\f53b"
}

.fa-money-bill-wave:before {
    content: "\f53a"
}

.fa-money-check:before {
    content: "\f53c"
}

.fa-money-check-alt:before,
.fa-money-check-dollar:before {
    content: "\f53d"
}

.fa-monument:before {
    content: "\f5a6"
}

.fa-moon:before {
    content: "\f186"
}

.fa-mortar-pestle:before {
    content: "\f5a7"
}

.fa-mosque:before {
    content: "\f678"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-mountain:before {
    content: "\f6fc"
}

.fa-mug-hot:before {
    content: "\f7b6"
}

.fa-coffee:before,
.fa-mug-saucer:before {
    content: "\f0f4"
}

.fa-music:before {
    content: "\f001"
}

.fa-n:before {
    content: "\4e"
}

.fa-naira-sign:before {
    content: "\e1f6"
}

.fa-network-wired:before {
    content: "\f6ff"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-newspaper:before {
    content: "\f1ea"
}

.fa-not-equal:before {
    content: "\f53e"
}

.fa-note-sticky:before,
.fa-sticky-note:before {
    content: "\f249"
}

.fa-notes-medical:before {
    content: "\f481"
}

.fa-o:before {
    content: "\4f"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-oil-can:before {
    content: "\f613"
}

.fa-om:before {
    content: "\f679"
}

.fa-otter:before {
    content: "\f700"
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b"
}

.fa-p:before {
    content: "\50"
}

.fa-pager:before {
    content: "\f815"
}

.fa-paint-roller:before {
    content: "\f5aa"
}

.fa-paint-brush:before,
.fa-paintbrush:before {
    content: "\f1fc"
}

.fa-palette:before {
    content: "\f53f"
}

.fa-pallet:before {
    content: "\f482"
}

.fa-panorama:before {
    content: "\e209"
}

.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-parachute-box:before {
    content: "\f4cd"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-passport:before {
    content: "\f5ab"
}

.fa-file-clipboard:before,
.fa-paste:before {
    content: "\f0ea"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-peace:before {
    content: "\f67c"
}

.fa-pen:before {
    content: "\f304"
}

.fa-pen-alt:before,
.fa-pen-clip:before {
    content: "\f305"
}

.fa-pen-fancy:before {
    content: "\f5ac"
}

.fa-pen-nib:before {
    content: "\f5ad"
}

.fa-pen-ruler:before,
.fa-pencil-ruler:before {
    content: "\f5ae"
}

.fa-edit:before,
.fa-pen-to-square:before {
    content: "\f044"
}

.fa-pencil-alt:before,
.fa-pencil:before {
    content: "\f303"
}

.fa-people-arrows-left-right:before,
.fa-people-arrows:before {
    content: "\e068"
}

.fa-people-carry-box:before,
.fa-people-carry:before {
    content: "\f4ce"
}

.fa-pepper-hot:before {
    content: "\f816"
}

.fa-percent:before,
.fa-percentage:before {
    content: "\25"
}

.fa-male:before,
.fa-person:before {
    content: "\f183"
}

.fa-biking:before,
.fa-person-biking:before {
    content: "\f84a"
}

.fa-person-booth:before {
    content: "\f756"
}

.fa-diagnoses:before,
.fa-person-dots-from-line:before {
    content: "\f470"
}

.fa-female:before,
.fa-person-dress:before {
    content: "\f182"
}

.fa-hiking:before,
.fa-person-hiking:before {
    content: "\f6ec"
}

.fa-person-praying:before,
.fa-pray:before {
    content: "\f683"
}

.fa-person-running:before,
.fa-running:before {
    content: "\f70c"
}

.fa-person-skating:before,
.fa-skating:before {
    content: "\f7c5"
}

.fa-person-skiing:before,
.fa-skiing:before {
    content: "\f7c9"
}

.fa-person-skiing-nordic:before,
.fa-skiing-nordic:before {
    content: "\f7ca"
}

.fa-person-snowboarding:before,
.fa-snowboarding:before {
    content: "\f7ce"
}

.fa-person-swimming:before,
.fa-swimmer:before {
    content: "\f5c4"
}

.fa-person-walking:before,
.fa-walking:before {
    content: "\f554"
}

.fa-blind:before,
.fa-person-walking-with-cane:before {
    content: "\f29d"
}

.fa-peseta-sign:before {
    content: "\e221"
}

.fa-peso-sign:before {
    content: "\e222"
}

.fa-phone:before {
    content: "\f095"
}

.fa-phone-alt:before,
.fa-phone-flip:before {
    content: "\f879"
}

.fa-phone-slash:before {
    content: "\f3dd"
}

.fa-phone-volume:before,
.fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-photo-film:before,
.fa-photo-video:before {
    content: "\f87c"
}

.fa-piggy-bank:before {
    content: "\f4d3"
}

.fa-pills:before {
    content: "\f484"
}

.fa-pizza-slice:before {
    content: "\f818"
}

.fa-place-of-worship:before {
    content: "\f67f"
}

.fa-plane:before {
    content: "\f072"
}

.fa-plane-arrival:before {
    content: "\f5af"
}

.fa-plane-departure:before {
    content: "\f5b0"
}

.fa-plane-slash:before {
    content: "\e069"
}

.fa-play:before {
    content: "\f04b"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-add:before,
.fa-plus:before {
    content: "\2b"
}

.fa-plus-minus:before {
    content: "\e43c"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-poo:before {
    content: "\f2fe"
}

.fa-poo-bolt:before,
.fa-poo-storm:before {
    content: "\f75a"
}

.fa-poop:before {
    content: "\f619"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-prescription:before {
    content: "\f5b1"
}

.fa-prescription-bottle:before {
    content: "\f485"
}

.fa-prescription-bottle-alt:before,
.fa-prescription-bottle-medical:before {
    content: "\f486"
}

.fa-print:before {
    content: "\f02f"
}

.fa-pump-medical:before {
    content: "\e06a"
}

.fa-pump-soap:before {
    content: "\e06b"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-q:before {
    content: "\51"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-question:before {
    content: "\3f"
}

.fa-quote-left-alt:before,
.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right-alt:before,
.fa-quote-right:before {
    content: "\f10e"
}

.fa-r:before {
    content: "\52"
}

.fa-radiation:before {
    content: "\f7b9"
}

.fa-rainbow:before {
    content: "\f75b"
}

.fa-receipt:before {
    content: "\f543"
}

.fa-record-vinyl:before {
    content: "\f8d9"
}

.fa-ad:before,
.fa-rectangle-ad:before {
    content: "\f641"
}

.fa-list-alt:before,
.fa-rectangle-list:before {
    content: "\f022"
}

.fa-rectangle-times:before,
.fa-rectangle-xmark:before,
.fa-times-rectangle:before,
.fa-window-close:before {
    content: "\f410"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-repeat:before {
    content: "\f363"
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f3e5"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122"
}

.fa-republican:before {
    content: "\f75e"
}

.fa-restroom:before {
    content: "\f7bd"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-ribbon:before {
    content: "\f4d6"
}

.fa-right-from-bracket:before,
.fa-sign-out-alt:before {
    content: "\f2f5"
}

.fa-exchange-alt:before,
.fa-right-left:before {
    content: "\f362"
}

.fa-long-arrow-alt-right:before,
.fa-right-long:before {
    content: "\f30b"
}

.fa-right-to-bracket:before,
.fa-sign-in-alt:before {
    content: "\f2f6"
}

.fa-ring:before {
    content: "\f70b"
}

.fa-road:before {
    content: "\f018"
}

.fa-robot:before {
    content: "\f544"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-rotate:before,
.fa-sync-alt:before {
    content: "\f2f1"
}

.fa-rotate-back:before,
.fa-rotate-backward:before,
.fa-rotate-left:before,
.fa-undo-alt:before {
    content: "\f2ea"
}

.fa-redo-alt:before,
.fa-rotate-forward:before,
.fa-rotate-right:before {
    content: "\f2f9"
}

.fa-route:before {
    content: "\f4d7"
}

.fa-feed:before,
.fa-rss:before {
    content: "\f09e"
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble-sign:before,
.fa-ruble:before {
    content: "\f158"
}

.fa-ruler:before {
    content: "\f545"
}

.fa-ruler-combined:before {
    content: "\f546"
}

.fa-ruler-horizontal:before {
    content: "\f547"
}

.fa-ruler-vertical:before {
    content: "\f548"
}

.fa-rupee-sign:before,
.fa-rupee:before {
    content: "\f156"
}

.fa-rupiah-sign:before {
    content: "\e23d"
}

.fa-s:before {
    content: "\53"
}

.fa-sailboat:before {
    content: "\e445"
}

.fa-satellite:before {
    content: "\f7bf"
}

.fa-satellite-dish:before {
    content: "\f7c0"
}

.fa-balance-scale:before,
.fa-scale-balanced:before {
    content: "\f24e"
}

.fa-balance-scale-left:before,
.fa-scale-unbalanced:before {
    content: "\f515"
}

.fa-balance-scale-right:before,
.fa-scale-unbalanced-flip:before {
    content: "\f516"
}

.fa-school:before {
    content: "\f549"
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4"
}

.fa-screwdriver:before {
    content: "\f54a"
}

.fa-screwdriver-wrench:before,
.fa-tools:before {
    content: "\f7d9"
}

.fa-scroll:before {
    content: "\f70e"
}

.fa-scroll-torah:before,
.fa-torah:before {
    content: "\f6a0"
}

.fa-sd-card:before {
    content: "\f7c2"
}

.fa-section:before {
    content: "\e447"
}

.fa-seedling:before,
.fa-sprout:before {
    content: "\f4d8"
}

.fa-server:before {
    content: "\f233"
}

.fa-shapes:before,
.fa-triangle-circle-square:before {
    content: "\f61f"
}

.fa-arrow-turn-right:before,
.fa-mail-forward:before,
.fa-share:before {
    content: "\f064"
}

.fa-share-from-square:before,
.fa-share-square:before {
    content: "\f14d"
}

.fa-share-alt:before,
.fa-share-nodes:before {
    content: "\f1e0"
}

.fa-ils:before,
.fa-shekel-sign:before,
.fa-shekel:before,
.fa-sheqel-sign:before,
.fa-sheqel:before {
    content: "\f20b"
}

.fa-shield:before {
    content: "\f132"
}

.fa-shield-alt:before,
.fa-shield-blank:before {
    content: "\f3ed"
}

.fa-shield-virus:before {
    content: "\e06c"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-shirt:before,
.fa-t-shirt:before,
.fa-tshirt:before {
    content: "\f553"
}

.fa-shoe-prints:before {
    content: "\f54b"
}

.fa-shop:before,
.fa-store-alt:before {
    content: "\f54f"
}

.fa-shop-slash:before,
.fa-store-alt-slash:before {
    content: "\e070"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-shrimp:before {
    content: "\e448"
}

.fa-random:before,
.fa-shuffle:before {
    content: "\f074"
}

.fa-shuttle-space:before,
.fa-space-shuttle:before {
    content: "\f197"
}

.fa-sign-hanging:before,
.fa-sign:before {
    content: "\f4d9"
}

.fa-signal-5:before,
.fa-signal-perfect:before,
.fa-signal:before {
    content: "\f012"
}

.fa-signature:before {
    content: "\f5b7"
}

.fa-map-signs:before,
.fa-signs-post:before {
    content: "\f277"
}

.fa-sim-card:before {
    content: "\f7c4"
}

.fa-sink:before {
    content: "\e06d"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-skull:before {
    content: "\f54c"
}

.fa-skull-crossbones:before {
    content: "\f714"
}

.fa-slash:before {
    content: "\f715"
}

.fa-sleigh:before {
    content: "\f7cc"
}

.fa-sliders-h:before,
.fa-sliders:before {
    content: "\f1de"
}

.fa-smog:before {
    content: "\f75f"
}

.fa-smoking:before {
    content: "\f48d"
}

.fa-snowflake:before {
    content: "\f2dc"
}

.fa-snowman:before {
    content: "\f7d0"
}

.fa-snowplow:before {
    content: "\f7d2"
}

.fa-soap:before {
    content: "\e06e"
}

.fa-socks:before {
    content: "\f696"
}

.fa-solar-panel:before {
    content: "\f5ba"
}

.fa-sort:before,
.fa-unsorted:before {
    content: "\f0dc"
}

.fa-sort-desc:before,
.fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-asc:before,
.fa-sort-up:before {
    content: "\f0de"
}

.fa-spa:before {
    content: "\f5bb"
}

.fa-pastafarianism:before,
.fa-spaghetti-monster-flying:before {
    content: "\f67b"
}

.fa-spell-check:before {
    content: "\f891"
}

.fa-spider:before {
    content: "\f717"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-splotch:before {
    content: "\f5bc"
}

.fa-spoon:before,
.fa-utensil-spoon:before {
    content: "\f2e5"
}

.fa-spray-can:before {
    content: "\f5bd"
}

.fa-air-freshener:before,
.fa-spray-can-sparkles:before {
    content: "\f5d0"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-external-link-square:before,
.fa-square-arrow-up-right:before {
    content: "\f14c"
}

.fa-caret-square-down:before,
.fa-square-caret-down:before {
    content: "\f150"
}

.fa-caret-square-left:before,
.fa-square-caret-left:before {
    content: "\f191"
}

.fa-caret-square-right:before,
.fa-square-caret-right:before {
    content: "\f152"
}

.fa-caret-square-up:before,
.fa-square-caret-up:before {
    content: "\f151"
}

.fa-check-square:before,
.fa-square-check:before {
    content: "\f14a"
}

.fa-envelope-square:before,
.fa-square-envelope:before {
    content: "\f199"
}

.fa-square-full:before {
    content: "\f45c"
}

.fa-h-square:before,
.fa-square-h:before {
    content: "\f0fd"
}

.fa-minus-square:before,
.fa-square-minus:before {
    content: "\f146"
}

.fa-parking:before,
.fa-square-parking:before {
    content: "\f540"
}

.fa-pen-square:before,
.fa-pencil-square:before,
.fa-square-pen:before {
    content: "\f14b"
}

.fa-phone-square:before,
.fa-square-phone:before {
    content: "\f098"
}

.fa-phone-square-alt:before,
.fa-square-phone-flip:before {
    content: "\f87b"
}

.fa-plus-square:before,
.fa-square-plus:before {
    content: "\f0fe"
}

.fa-poll-h:before,
.fa-square-poll-horizontal:before {
    content: "\f682"
}

.fa-poll:before,
.fa-square-poll-vertical:before {
    content: "\f681"
}

.fa-square-root-alt:before,
.fa-square-root-variable:before {
    content: "\f698"
}

.fa-rss-square:before,
.fa-square-rss:before {
    content: "\f143"
}

.fa-share-alt-square:before,
.fa-square-share-nodes:before {
    content: "\f1e1"
}

.fa-external-link-square-alt:before,
.fa-square-up-right:before {
    content: "\f360"
}

.fa-square-xmark:before,
.fa-times-square:before,
.fa-xmark-square:before {
    content: "\f2d3"
}

.fa-stairs:before {
    content: "\e289"
}

.fa-stamp:before {
    content: "\f5bf"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-and-crescent:before {
    content: "\f699"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-star-half-alt:before,
.fa-star-half-stroke:before {
    content: "\f5c0"
}

.fa-star-of-david:before {
    content: "\f69a"
}

.fa-star-of-life:before {
    content: "\f621"
}

.fa-gbp:before,
.fa-pound-sign:before,
.fa-sterling-sign:before {
    content: "\f154"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-stopwatch:before {
    content: "\f2f2"
}

.fa-stopwatch-20:before {
    content: "\e06f"
}

.fa-store:before {
    content: "\f54e"
}

.fa-store-slash:before {
    content: "\e071"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-stroopwafel:before {
    content: "\f551"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-medkit:before,
.fa-suitcase-medical:before {
    content: "\f0fa"
}

.fa-suitcase-rolling:before {
    content: "\f5c1"
}

.fa-sun:before {
    content: "\f185"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-swatchbook:before {
    content: "\f5c3"
}

.fa-synagogue:before {
    content: "\f69b"
}

.fa-syringe:before {
    content: "\f48e"
}

.fa-t:before {
    content: "\54"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-table-cells:before,
.fa-th:before {
    content: "\f00a"
}

.fa-table-cells-large:before,
.fa-th-large:before {
    content: "\f009"
}

.fa-columns:before,
.fa-table-columns:before {
    content: "\f0db"
}

.fa-table-list:before,
.fa-th-list:before {
    content: "\f00b"
}

.fa-ping-pong-paddle-ball:before,
.fa-table-tennis-paddle-ball:before,
.fa-table-tennis:before {
    content: "\f45d"
}

.fa-tablet-android:before,
.fa-tablet:before {
    content: "\f3fb"
}

.fa-tablet-button:before {
    content: "\f10a"
}

.fa-tablet-alt:before,
.fa-tablet-screen-button:before {
    content: "\f3fa"
}

.fa-tablets:before {
    content: "\f490"
}

.fa-digital-tachograph:before,
.fa-tachograph-digital:before {
    content: "\f566"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-tape:before {
    content: "\f4db"
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba"
}

.fa-teeth:before {
    content: "\f62e"
}

.fa-teeth-open:before {
    content: "\f62f"
}

.fa-temperature-0:before,
.fa-temperature-empty:before,
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-temperature-4:before,
.fa-temperature-full:before,
.fa-thermometer-4:before,
.fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-temperature-2:before,
.fa-temperature-half:before,
.fa-thermometer-2:before,
.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-temperature-high:before {
    content: "\f769"
}

.fa-temperature-low:before {
    content: "\f76b"
}

.fa-temperature-1:before,
.fa-temperature-quarter:before,
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-temperature-3:before,
.fa-temperature-three-quarters:before,
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-tenge-sign:before,
.fa-tenge:before {
    content: "\f7d7"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-remove-format:before,
.fa-text-slash:before {
    content: "\f87d"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-thermometer:before {
    content: "\f491"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumb-tack:before,
.fa-thumbtack:before {
    content: "\f08d"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-ticket-alt:before,
.fa-ticket-simple:before {
    content: "\f3ff"
}

.fa-timeline:before {
    content: "\e29c"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-toilet:before {
    content: "\f7d8"
}

.fa-toilet-paper:before {
    content: "\f71e"
}

.fa-toilet-paper-slash:before {
    content: "\e072"
}

.fa-toolbox:before {
    content: "\f552"
}

.fa-tooth:before {
    content: "\f5c9"
}

.fa-torii-gate:before {
    content: "\f6a1"
}

.fa-broadcast-tower:before,
.fa-tower-broadcast:before {
    content: "\f519"
}

.fa-tractor:before {
    content: "\f722"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-traffic-light:before {
    content: "\f637"
}

.fa-trailer:before {
    content: "\e041"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before,
.fa-train-subway:before {
    content: "\f239"
}

.fa-train-tram:before,
.fa-tram:before {
    content: "\f7da"
}

.fa-transgender-alt:before,
.fa-transgender:before {
    content: "\f225"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-trash-arrow-up:before,
.fa-trash-restore:before {
    content: "\f829"
}

.fa-trash-alt:before,
.fa-trash-can:before {
    content: "\f2ed"
}

.fa-trash-can-arrow-up:before,
.fa-trash-restore-alt:before {
    content: "\f82a"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-exclamation-triangle:before,
.fa-triangle-exclamation:before,
.fa-warning:before {
    content: "\f071"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-shipping-fast:before,
.fa-truck-fast:before {
    content: "\f48b"
}

.fa-ambulance:before,
.fa-truck-medical:before {
    content: "\f0f9"
}

.fa-truck-monster:before {
    content: "\f63b"
}

.fa-truck-moving:before {
    content: "\f4df"
}

.fa-truck-pickup:before {
    content: "\f63c"
}

.fa-truck-loading:before,
.fa-truck-ramp-box:before {
    content: "\f4de"
}

.fa-teletype:before,
.fa-tty:before {
    content: "\f1e4"
}

.fa-try:before,
.fa-turkish-lira-sign:before,
.fa-turkish-lira:before {
    content: "\e2bb"
}

.fa-level-down-alt:before,
.fa-turn-down:before {
    content: "\f3be"
}

.fa-level-up-alt:before,
.fa-turn-up:before {
    content: "\f3bf"
}

.fa-television:before,
.fa-tv-alt:before,
.fa-tv:before {
    content: "\f26c"
}

.fa-u:before {
    content: "\55"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-umbrella-beach:before {
    content: "\f5ca"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-unlock-alt:before,
.fa-unlock-keyhole:before {
    content: "\f13e"
}

.fa-arrows-alt-v:before,
.fa-up-down:before {
    content: "\f338"
}

.fa-arrows-alt:before,
.fa-up-down-left-right:before {
    content: "\f0b2"
}

.fa-long-arrow-alt-up:before,
.fa-up-long:before {
    content: "\f30c"
}

.fa-expand-alt:before,
.fa-up-right-and-down-left-from-center:before {
    content: "\f424"
}

.fa-external-link-alt:before,
.fa-up-right-from-square:before {
    content: "\f35d"
}

.fa-upload:before {
    content: "\f093"
}

.fa-user:before {
    content: "\f007"
}

.fa-user-astronaut:before {
    content: "\f4fb"
}

.fa-user-check:before {
    content: "\f4fc"
}

.fa-user-clock:before {
    content: "\f4fd"
}

.fa-user-doctor:before,
.fa-user-md:before {
    content: "\f0f0"
}

.fa-user-cog:before,
.fa-user-gear:before {
    content: "\f4fe"
}

.fa-user-graduate:before {
    content: "\f501"
}

.fa-user-friends:before,
.fa-user-group:before {
    content: "\f500"
}

.fa-user-injured:before {
    content: "\f728"
}

.fa-user-alt:before,
.fa-user-large:before {
    content: "\f406"
}

.fa-user-alt-slash:before,
.fa-user-large-slash:before {
    content: "\f4fa"
}

.fa-user-lock:before {
    content: "\f502"
}

.fa-user-minus:before {
    content: "\f503"
}

.fa-user-ninja:before {
    content: "\f504"
}

.fa-user-nurse:before {
    content: "\f82f"
}

.fa-user-edit:before,
.fa-user-pen:before {
    content: "\f4ff"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-user-shield:before {
    content: "\f505"
}

.fa-user-slash:before {
    content: "\f506"
}

.fa-user-tag:before {
    content: "\f507"
}

.fa-user-tie:before {
    content: "\f508"
}

.fa-user-times:before,
.fa-user-xmark:before {
    content: "\f235"
}

.fa-users:before {
    content: "\f0c0"
}

.fa-users-cog:before,
.fa-users-gear:before {
    content: "\f509"
}

.fa-users-slash:before {
    content: "\e073"
}

.fa-cutlery:before,
.fa-utensils:before {
    content: "\f2e7"
}

.fa-v:before {
    content: "\56"
}

.fa-shuttle-van:before,
.fa-van-shuttle:before {
    content: "\f5b6"
}

.fa-vault:before {
    content: "\e2c5"
}

.fa-vector-square:before {
    content: "\f5cb"
}

.fa-venus:before {
    content: "\f221"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-vest:before {
    content: "\e085"
}

.fa-vest-patches:before {
    content: "\e086"
}

.fa-vial:before {
    content: "\f492"
}

.fa-vials:before {
    content: "\f493"
}

.fa-video-camera:before,
.fa-video:before {
    content: "\f03d"
}

.fa-video-slash:before {
    content: "\f4e2"
}

.fa-vihara:before {
    content: "\f6a7"
}

.fa-virus:before {
    content: "\e074"
}

.fa-virus-covid:before {
    content: "\e4a8"
}

.fa-virus-covid-slash:before {
    content: "\e4a9"
}

.fa-virus-slash:before {
    content: "\e075"
}

.fa-viruses:before {
    content: "\e076"
}

.fa-voicemail:before {
    content: "\f897"
}

.fa-volleyball-ball:before,
.fa-volleyball:before {
    content: "\f45f"
}

.fa-volume-high:before,
.fa-volume-up:before {
    content: "\f028"
}

.fa-volume-down:before,
.fa-volume-low:before {
    content: "\f027"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-mute:before,
.fa-volume-times:before,
.fa-volume-xmark:before {
    content: "\f6a9"
}

.fa-vr-cardboard:before {
    content: "\f729"
}

.fa-w:before {
    content: "\57"
}

.fa-wallet:before {
    content: "\f555"
}

.fa-magic:before,
.fa-wand-magic:before {
    content: "\f0d0"
}

.fa-magic-wand-sparkles:before,
.fa-wand-magic-sparkles:before {
    content: "\e2ca"
}

.fa-wand-sparkles:before {
    content: "\f72b"
}

.fa-warehouse:before {
    content: "\f494"
}

.fa-water:before {
    content: "\f773"
}

.fa-ladder-water:before,
.fa-swimming-pool:before,
.fa-water-ladder:before {
    content: "\f5c5"
}

.fa-wave-square:before {
    content: "\f83e"
}

.fa-weight-hanging:before {
    content: "\f5cd"
}

.fa-weight-scale:before,
.fa-weight:before {
    content: "\f496"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-glass-whiskey:before,
.fa-whiskey-glass:before {
    content: "\f7a0"
}

.fa-wifi-3:before,
.fa-wifi-strong:before,
.fa-wifi:before {
    content: "\f1eb"
}

.fa-wind:before {
    content: "\f72e"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-wine-bottle:before {
    content: "\f72f"
}

.fa-wine-glass:before {
    content: "\f4e3"
}

.fa-wine-glass-alt:before,
.fa-wine-glass-empty:before {
    content: "\f5ce"
}

.fa-krw:before,
.fa-won-sign:before,
.fa-won:before {
    content: "\f159"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-x:before {
    content: "\58"
}

.fa-x-ray:before {
    content: "\f497"
}

.fa-close:before,
.fa-multiply:before,
.fa-remove:before,
.fa-times:before,
.fa-xmark:before {
    content: "\f00d"
}

.fa-y:before {
    content: "\59"
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen-sign:before,
.fa-yen:before {
    content: "\f157"
}

.fa-yin-yang:before {
    content: "\f6ad"
}

.fa-z:before {
    content: "\5a"
}

.fa-sr-only,
.fa-sr-only-focusable:not(:focus),
.sr-only,
.sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

:host,
:root {
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/fa-brands-400.woff2) format("woff2"), url(../fonts/fa-brands-400.ttf) format("truetype")
}

.fa-brands,
.fab {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa-42-group:before,
.fa-innosoft:before {
    content: "\e080"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-accessible-icon:before {
    content: "\f368"
}

.fa-accusoft:before {
    content: "\f369"
}

.fa-adn:before {
    content: "\f170"
}

.fa-adversal:before {
    content: "\f36a"
}

.fa-affiliatetheme:before {
    content: "\f36b"
}

.fa-airbnb:before {
    content: "\f834"
}

.fa-algolia:before {
    content: "\f36c"
}

.fa-alipay:before {
    content: "\f642"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-amazon-pay:before {
    content: "\f42c"
}

.fa-amilia:before {
    content: "\f36d"
}

.fa-android:before {
    content: "\f17b"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-angrycreative:before {
    content: "\f36e"
}

.fa-angular:before {
    content: "\f420"
}

.fa-app-store:before {
    content: "\f36f"
}

.fa-app-store-ios:before {
    content: "\f370"
}

.fa-apper:before {
    content: "\f371"
}

.fa-apple:before {
    content: "\f179"
}

.fa-apple-pay:before {
    content: "\f415"
}

.fa-artstation:before {
    content: "\f77a"
}

.fa-asymmetrik:before {
    content: "\f372"
}

.fa-atlassian:before {
    content: "\f77b"
}

.fa-audible:before {
    content: "\f373"
}

.fa-autoprefixer:before {
    content: "\f41c"
}

.fa-avianex:before {
    content: "\f374"
}

.fa-aviato:before {
    content: "\f421"
}

.fa-aws:before {
    content: "\f375"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-battle-net:before {
    content: "\f835"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-bilibili:before {
    content: "\e3d9"
}

.fa-bimobject:before {
    content: "\f378"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitcoin:before {
    content: "\f379"
}

.fa-bity:before {
    content: "\f37a"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-blackberry:before {
    content: "\f37b"
}

.fa-blogger:before {
    content: "\f37c"
}

.fa-blogger-b:before {
    content: "\f37d"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-bootstrap:before {
    content: "\f836"
}

.fa-bots:before {
    content: "\e340"
}

.fa-btc:before {
    content: "\f15a"
}

.fa-buffer:before {
    content: "\f837"
}

.fa-buromobelexperte:before {
    content: "\f37f"
}

.fa-buy-n-large:before {
    content: "\f8a6"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-canadian-maple-leaf:before {
    content: "\f785"
}

.fa-cc-amazon-pay:before {
    content: "\f42d"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-apple-pay:before {
    content: "\f416"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-centercode:before {
    content: "\f380"
}

.fa-centos:before {
    content: "\f789"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-chromecast:before {
    content: "\f838"
}

.fa-cloudflare:before {
    content: "\e07d"
}

.fa-cloudscale:before {
    content: "\f383"
}

.fa-cloudsmith:before {
    content: "\f384"
}

.fa-cloudversify:before {
    content: "\f385"
}

.fa-cmplid:before {
    content: "\e360"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-confluence:before {
    content: "\f78d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-cotton-bureau:before {
    content: "\f89e"
}

.fa-cpanel:before {
    content: "\f388"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-creative-commons-by:before {
    content: "\f4e7"
}

.fa-creative-commons-nc:before {
    content: "\f4e8"
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9"
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea"
}

.fa-creative-commons-nd:before {
    content: "\f4eb"
}

.fa-creative-commons-pd:before {
    content: "\f4ec"
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed"
}

.fa-creative-commons-remix:before {
    content: "\f4ee"
}

.fa-creative-commons-sa:before {
    content: "\f4ef"
}

.fa-creative-commons-sampling:before {
    content: "\f4f0"
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1"
}

.fa-creative-commons-share:before {
    content: "\f4f2"
}

.fa-creative-commons-zero:before {
    content: "\f4f3"
}

.fa-critical-role:before {
    content: "\f6c9"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-css3-alt:before {
    content: "\f38b"
}

.fa-cuttlefish:before {
    content: "\f38c"
}

.fa-d-and-d:before {
    content: "\f38d"
}

.fa-d-and-d-beyond:before {
    content: "\f6ca"
}

.fa-dailymotion:before {
    content: "\e052"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-deezer:before {
    content: "\e077"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-deploydog:before {
    content: "\f38e"
}

.fa-deskpro:before {
    content: "\f38f"
}

.fa-dev:before {
    content: "\f6cc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-dhl:before {
    content: "\f790"
}

.fa-diaspora:before {
    content: "\f791"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-digital-ocean:before {
    content: "\f391"
}

.fa-discord:before {
    content: "\f392"
}

.fa-discourse:before {
    content: "\f393"
}

.fa-dochub:before {
    content: "\f394"
}

.fa-docker:before {
    content: "\f395"
}

.fa-draft2digital:before {
    content: "\f396"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-dribbble-square:before {
    content: "\f397"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-dyalog:before {
    content: "\f399"
}

.fa-earlybirds:before {
    content: "\f39a"
}

.fa-ebay:before {
    content: "\f4f4"
}

.fa-edge:before {
    content: "\f282"
}

.fa-edge-legacy:before {
    content: "\e078"
}

.fa-elementor:before {
    content: "\f430"
}

.fa-ello:before {
    content: "\f5f1"
}

.fa-ember:before {
    content: "\f423"
}

.fa-empire:before {
    content: "\f1d1"
}

.fa-envira:before {
    content: "\f299"
}

.fa-erlang:before {
    content: "\f39d"
}

.fa-ethereum:before {
    content: "\f42e"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-evernote:before {
    content: "\f839"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-facebook-f:before {
    content: "\f39e"
}

.fa-facebook-messenger:before {
    content: "\f39f"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-fantasy-flight-games:before {
    content: "\f6dc"
}

.fa-fedex:before {
    content: "\f797"
}

.fa-fedora:before {
    content: "\f798"
}

.fa-figma:before {
    content: "\f799"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-firefox-browser:before {
    content: "\e007"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-first-order-alt:before {
    content: "\f50a"
}

.fa-firstdraft:before {
    content: "\f3a1"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-flipboard:before {
    content: "\f44d"
}

.fa-fly:before {
    content: "\f417"
}

.fa-font-awesome-flag:before,
.fa-font-awesome-logo-full:before,
.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-fonticons-fi:before {
    content: "\f3a2"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-fort-awesome-alt:before {
    content: "\f3a3"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-freebsd:before {
    content: "\f3a4"
}

.fa-fulcrum:before {
    content: "\f50b"
}

.fa-galactic-republic:before {
    content: "\f50c"
}

.fa-galactic-senate:before {
    content: "\f50d"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-git-alt:before {
    content: "\f841"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-github:before {
    content: "\f09b"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-gitkraken:before {
    content: "\f3a6"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-gitter:before {
    content: "\f426"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-gofore:before {
    content: "\f3a7"
}

.fa-golang:before {
    content: "\e40f"
}

.fa-goodreads:before {
    content: "\f3a8"
}

.fa-goodreads-g:before {
    content: "\f3a9"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-google-drive:before {
    content: "\f3aa"
}

.fa-google-pay:before {
    content: "\e079"
}

.fa-google-play:before {
    content: "\f3ab"
}

.fa-google-plus:before {
    content: "\f2b3"
}

.fa-google-plus-g:before {
    content: "\f0d5"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-gratipay:before {
    content: "\f184"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-gripfire:before {
    content: "\f3ac"
}

.fa-grunt:before {
    content: "\f3ad"
}

.fa-guilded:before {
    content: "\e07e"
}

.fa-gulp:before {
    content: "\f3ae"
}

.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-hacker-news-square:before {
    content: "\f3af"
}

.fa-hackerrank:before {
    content: "\f5f7"
}

.fa-hashnode:before {
    content: "\e499"
}

.fa-hips:before {
    content: "\f452"
}

.fa-hire-a-helper:before {
    content: "\f3b0"
}

.fa-hive:before {
    content: "\e07f"
}

.fa-hooli:before {
    content: "\f427"
}

.fa-hornbill:before {
    content: "\f592"
}

.fa-hotjar:before {
    content: "\f3b1"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-hubspot:before {
    content: "\f3b2"
}

.fa-ideal:before {
    content: "\e013"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-instagram-square:before {
    content: "\e055"
}

.fa-instalod:before {
    content: "\e081"
}

.fa-intercom:before {
    content: "\f7af"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-invision:before {
    content: "\f7b0"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-itch-io:before {
    content: "\f83a"
}

.fa-itunes:before {
    content: "\f3b4"
}

.fa-itunes-note:before {
    content: "\f3b5"
}

.fa-java:before {
    content: "\f4e4"
}

.fa-jedi-order:before {
    content: "\f50e"
}

.fa-jenkins:before {
    content: "\f3b6"
}

.fa-jira:before {
    content: "\f7b1"
}

.fa-joget:before {
    content: "\f3b7"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-js:before {
    content: "\f3b8"
}

.fa-js-square:before {
    content: "\f3b9"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-kaggle:before {
    content: "\f5fa"
}

.fa-keybase:before {
    content: "\f4f5"
}

.fa-keycdn:before {
    content: "\f3ba"
}

.fa-kickstarter:before {
    content: "\f3bb"
}

.fa-kickstarter-k:before {
    content: "\f3bc"
}

.fa-korvue:before {
    content: "\f42f"
}

.fa-laravel:before {
    content: "\f3bd"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-less:before {
    content: "\f41d"
}

.fa-line:before {
    content: "\f3c0"
}

.fa-linkedin:before {
    content: "\f08c"
}

.fa-linkedin-in:before {
    content: "\f0e1"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-lyft:before {
    content: "\f3c3"
}

.fa-magento:before {
    content: "\f3c4"
}

.fa-mailchimp:before {
    content: "\f59e"
}

.fa-mandalorian:before {
    content: "\f50f"
}

.fa-markdown:before {
    content: "\f60f"
}

.fa-mastodon:before {
    content: "\f4f6"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-mdb:before {
    content: "\f8ca"
}

.fa-medapps:before {
    content: "\f3c6"
}

.fa-medium-m:before,
.fa-medium:before {
    content: "\f23a"
}

.fa-medrt:before {
    content: "\f3c8"
}

.fa-meetup:before {
    content: "\f2e0"
}

.fa-megaport:before {
    content: "\f5a3"
}

.fa-mendeley:before {
    content: "\f7b3"
}

.fa-microblog:before {
    content: "\e01a"
}

.fa-microsoft:before {
    content: "\f3ca"
}

.fa-mix:before {
    content: "\f3cb"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-mixer:before {
    content: "\e056"
}

.fa-mizuni:before {
    content: "\f3cc"
}

.fa-modx:before {
    content: "\f285"
}

.fa-monero:before {
    content: "\f3d0"
}

.fa-napster:before {
    content: "\f3d2"
}

.fa-neos:before {
    content: "\f612"
}

.fa-nimblr:before {
    content: "\f5a8"
}

.fa-node:before {
    content: "\f419"
}

.fa-node-js:before {
    content: "\f3d3"
}

.fa-npm:before {
    content: "\f3d4"
}

.fa-ns8:before {
    content: "\f3d5"
}

.fa-nutritionix:before {
    content: "\f3d6"
}

.fa-octopus-deploy:before {
    content: "\e082"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-old-republic:before {
    content: "\f510"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-orcid:before {
    content: "\f8d2"
}

.fa-osi:before {
    content: "\f41a"
}

.fa-padlet:before {
    content: "\e4a0"
}

.fa-page4:before {
    content: "\f3d7"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-palfed:before {
    content: "\f3d8"
}

.fa-patreon:before {
    content: "\f3d9"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-perbyte:before {
    content: "\e083"
}

.fa-periscope:before {
    content: "\f3da"
}

.fa-phabricator:before {
    content: "\f3db"
}

.fa-phoenix-framework:before {
    content: "\f3dc"
}

.fa-phoenix-squadron:before {
    content: "\f511"
}

.fa-php:before {
    content: "\f457"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-pied-piper-hat:before {
    content: "\f4e5"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-square:before {
    content: "\e01e"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-pix:before {
    content: "\e43a"
}

.fa-playstation:before {
    content: "\f3df"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-pushed:before {
    content: "\f3e1"
}

.fa-python:before {
    content: "\f3e2"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-quinscape:before {
    content: "\f459"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-r-project:before {
    content: "\f4f7"
}

.fa-raspberry-pi:before {
    content: "\f7bb"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-react:before {
    content: "\f41b"
}

.fa-reacteurope:before {
    content: "\f75d"
}

.fa-readme:before {
    content: "\f4d5"
}

.fa-rebel:before {
    content: "\f1d0"
}

.fa-red-river:before {
    content: "\f3e3"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-redhat:before {
    content: "\f7bc"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-replyd:before {
    content: "\f3e6"
}

.fa-researchgate:before {
    content: "\f4f8"
}

.fa-resolving:before {
    content: "\f3e7"
}

.fa-rev:before {
    content: "\f5b2"
}

.fa-rocketchat:before {
    content: "\f3e8"
}

.fa-rockrms:before {
    content: "\f3e9"
}

.fa-rust:before {
    content: "\e07a"
}

.fa-safari:before {
    content: "\f267"
}

.fa-salesforce:before {
    content: "\f83b"
}

.fa-sass:before {
    content: "\f41e"
}

.fa-schlix:before {
    content: "\f3ea"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-searchengin:before {
    content: "\f3eb"
}

.fa-sellcast:before {
    content: "\f2da"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-servicestack:before {
    content: "\f3ec"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-shopify:before {
    content: "\e057"
}

.fa-shopware:before {
    content: "\f5b5"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-sistrix:before {
    content: "\f3ee"
}

.fa-sith:before {
    content: "\f512"
}

.fa-sitrox:before {
    content: "\e44a"
}

.fa-sketch:before {
    content: "\f7c6"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-slack-hash:before,
.fa-slack:before {
    content: "\f198"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-snapchat-ghost:before,
.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-sourcetree:before {
    content: "\f7d3"
}

.fa-speakap:before {
    content: "\f3f3"
}

.fa-speaker-deck:before {
    content: "\f83c"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-square-font-awesome:before {
    content: "\f425"
}

.fa-font-awesome-alt:before,
.fa-square-font-awesome-stroke:before {
    content: "\f35c"
}

.fa-squarespace:before {
    content: "\f5be"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-stackpath:before {
    content: "\f842"
}

.fa-staylinked:before {
    content: "\f3f5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-steam-symbol:before {
    content: "\f3f6"
}

.fa-sticker-mule:before {
    content: "\f3f7"
}

.fa-strava:before {
    content: "\f428"
}

.fa-stripe:before {
    content: "\f429"
}

.fa-stripe-s:before {
    content: "\f42a"
}

.fa-studiovinari:before {
    content: "\f3f8"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-supple:before {
    content: "\f3f9"
}

.fa-suse:before {
    content: "\f7d6"
}

.fa-swift:before {
    content: "\f8e1"
}

.fa-symfony:before {
    content: "\f83d"
}

.fa-teamspeak:before {
    content: "\f4f9"
}

.fa-telegram-plane:before,
.fa-telegram:before {
    content: "\f2c6"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-the-red-yeti:before {
    content: "\f69d"
}

.fa-themeco:before {
    content: "\f5c6"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-think-peaks:before {
    content: "\f731"
}

.fa-tiktok:before {
    content: "\e07b"
}

.fa-trade-federation:before {
    content: "\f513"
}

.fa-trello:before {
    content: "\f181"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-typo3:before {
    content: "\f42b"
}

.fa-uber:before {
    content: "\f402"
}

.fa-ubuntu:before {
    content: "\f7df"
}

.fa-uikit:before {
    content: "\f403"
}

.fa-umbraco:before {
    content: "\f8e8"
}

.fa-uncharted:before {
    content: "\e084"
}

.fa-uniregistry:before {
    content: "\f404"
}

.fa-unity:before {
    content: "\e049"
}

.fa-unsplash:before {
    content: "\e07c"
}

.fa-untappd:before {
    content: "\f405"
}

.fa-ups:before {
    content: "\f7e0"
}

.fa-usb:before {
    content: "\f287"
}

.fa-usps:before {
    content: "\f7e1"
}

.fa-ussunnah:before {
    content: "\f407"
}

.fa-vaadin:before {
    content: "\f408"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-viber:before {
    content: "\f409"
}

.fa-vimeo:before {
    content: "\f40a"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-vimeo-v:before {
    content: "\f27d"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-vk:before {
    content: "\f189"
}

.fa-vnv:before {
    content: "\f40b"
}

.fa-vuejs:before {
    content: "\f41f"
}

.fa-watchman-monitoring:before {
    content: "\e087"
}

.fa-waze:before {
    content: "\f83f"
}

.fa-weebly:before {
    content: "\f5cc"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-weixin:before {
    content: "\f1d7"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-whatsapp-square:before {
    content: "\f40c"
}

.fa-whmcs:before {
    content: "\f40d"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-wirsindhandwerk:before,
.fa-wsh:before {
    content: "\e2d0"
}

.fa-wix:before {
    content: "\f5cf"
}

.fa-wizards-of-the-coast:before {
    content: "\f730"
}

.fa-wodu:before {
    content: "\e088"
}

.fa-wolf-pack-battalion:before {
    content: "\f514"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-wordpress-simple:before {
    content: "\f411"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-wpressr:before {
    content: "\f3e4"
}

.fa-xbox:before {
    content: "\f412"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-y-combinator:before {
    content: "\f23b"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-yammer:before {
    content: "\f840"
}

.fa-yandex:before {
    content: "\f413"
}

.fa-yandex-international:before {
    content: "\f414"
}

.fa-yarn:before {
    content: "\f7e3"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-youtube-square:before {
    content: "\f431"
}

.fa-zhihu:before {
    content: "\f63f"
}

:host,
:root {
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/fa-regular-400.woff2) format("woff2"), url(../fonts/fa-regular-400.ttf) format("truetype")
}

.fa-regular,
.far {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

:host,
:root {
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.ttf) format("truetype")
}

.fa-solid,
.fas {
    font-family: "Font Awesome 6 Free";
    font-weight: 900
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-display: block;
    font-weight: 400;
    src: url(../fonts/fa-brands-400.woff2) format("woff2"), url(../fonts/fa-brands-400.ttf) format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 900;
    src: url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.ttf) format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 400;
    src: url(../fonts/fa-regular-400.woff2) format("woff2"), url(../fonts/fa-regular-400.ttf) format("truetype")
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.ttf) format("truetype")
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(../fonts/fa-brands-400.woff2) format("woff2"), url(../fonts/fa-brands-400.ttf) format("truetype")
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(../fonts/fa-regular-400.woff2) format("woff2"), url(../fonts/fa-regular-400.ttf) format("truetype");
    unicode-range: u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d, u+f022, u+f03e, u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088, u+f08a, u+f094, u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5, u+f0c7, u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a, u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e, u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7, u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d, u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba, u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(../fonts/fa-v4compatibility.woff2) format("woff2"), url(../fonts/fa-v4compatibility.ttf) format("truetype");
    unicode-range: u+f041, u+f047, u+f065-f066, u+f07d-f07e, u+f080, u+f08b, u+f08e, u+f090, u+f09a, u+f0ac, u+f0ae, u+f0b2, u+f0d0, u+f0d6, u+f0e4, u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e, u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f250, u+f252, u+f27a
}
/* bb哔哔 */


/* bb样式 */

#bber.timeline #waterfall {
    opacity: 0;
    transition: 0.3s;
}

#bber.timeline #waterfall.show {
    opacity: 1;
}

#bber.timeline ul li.item {
    position: relative;
    width: 32%;
    border: var(--style-border-always);
    border-radius: 12px;
    padding: 1rem;
    padding-bottom: 0.5rem;
    transition: 0.3s;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    background: var(--heo-card-bg);
    box-shadow: var(--heo-shadow-border);
    margin-right: 2%;
}

#bber.timeline ul li.item hr {
    display: flex;
    position: relative;
    margin: 8px 0;
    border: 1px dashed var(--heo-theme-op);
    width: 100%;
}

@media screen and (max-width: 768px) {
    #bber.timeline ul li.item {
        padding: 0;
    }
}

#bber.timeline ul li.item:hover {
    border: var(--style-border-hover);
}

#bber ul.list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

#bber li.item {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
}

@media screen and (max-width: 1300px) {
    #bber .timeline ul li.item {
        width: 49%;
        margin-right: 1%;
    }
}

@media screen and (max-width: 768px) {
    #bber.timeline ul li.item {
        width: 100%;
        margin-right: 0;
    }
    #bber.timeline ul li.item {
        padding: 16px 20px;
    }
}

.timeline ul .list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}


/* 标题 */

.bb-info {
    display: inline;
    float: right;
    line-height: 1;
    color: var(--heo-secondtext);
    margin-left: auto;
    margin-bottom: 1rem;
    margin-right: 0.5rem;
}

.bb-info:hover {
    color: var(--heo-hovertext);
}

#bber {
    margin-top: 1rem;
    width: 100%;
}


/* 只能展示30条的提示 */

#bber-tips {
    font-size: 14px;
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}


/* 图片 */

#bber .bber-content-img img {
    object-fit: cover;
    max-height: 100%;
    border-radius: 12px;
}

#bber .bber-content-img {
    height: 100px;
    margin: auto;
    margin-top: 0.2rem;
    margin-bottom: 0.3rem;
    margin-left: 0;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    position: relative;
}


/* 时间 */

#bber>section>ul>li>div .bber-info-time {
    color: var(--heo-fontcolor);
    font-size: 0.7rem;
    background-color: var(--heo-gray-op);
    padding: 0 8px;
    border-radius: 20px;
    cursor: default;
    display: flex;
    align-items: center;
}

#bber>section>ul>li>div .bber-info-time i {
    margin-right: 8px;
}


/* 内容 */

#bber .bber-content .datacont {
    order: 0;
    font-size: 0.8rem;
    font-weight: bold;
    color: var(--heo-fontcolor);
    width: 100%;
    line-height: 1.38;
    border-radius: 12px;
    margin-bottom: 0.5rem;
    display: flex;
    flex-direction: column;
    text-align: justify;
}


/* 设备 */

#bber>section>ul>li>div .datafrom {
    order: 2;
    color: var(--heo-secondtext);
    font-size: 0.7rem;
    margin-left: 8px;
}

#bber>section>ul>li>div .datafrom small {
    font-size: 0.7rem;
}
.comment-barrage{
	position: fixed;
	bottom: 0;
	right: 20px;
	padding: 0 0 20px 10px;
	z-index: 100;
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: flex-end;
  z-index: 999;
  transition: 0.3s;
}

@media screen and (max-width: 768px){
	.comment-barrage{
		display: none!important;
	}
}
.comment-barrage-item {
	min-width: 300px;
	max-width: 300px;
	width: fit-content;
	min-height: 80px;
	max-height: 150px;
	margin: 4px;
	padding: 8px 14px;
	background: var(--heo-maskbgdeep);
	border-radius: 8px;
	color: var(--heo-fontcolor);
	animation: barrageIn 0.6s cubic-bezier(0.42, 0, 0.3, 1.11);
	transition: 0.3s;
	display: flex;
	flex-direction: column;
	border: var(--style-border);
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: blur(20px);
  position: fixed;
  box-shadow: var(--heo-shadow-border);
  overflow: hidden;
}

.comment-barrage-item:hover {
  border: var(--style-border-hover);
  box-shadow: var(--heo-shadow-main);
}

.comment-barrage-item.out{
	opacity: 0;
  animation: barrageOut 0.6s cubic-bezier(0.42, 0, 0.3, 1.11);
}

.comment-barrage-item.hovered {
  opacity: 0;
}

.comment-barrage-item .comment-barrage-close {
  color: var(--heo-secondtext);
  cursor: pointer;
  line-height: 1;
  padding: 4px;
}

.comment-barrage-item .comment-barrage-close:hover {
  color: var(--heo-main);
}

.comment-barrage-item pre {
  display: none;
}

.comment-barrage-item p img:not(.tk-owo-emotion) {
  display: none;
}

.comment-barrage-item p img.tk-owo-emotion {
  width: 16px;
  padding: 0;
  margin: 0;
  transform: translateY(2px);
}

.comment-barrage-item blockquote {
  display: none;
}

.comment-barrage-item br {
  display: none;
}

.comment-barrage-item .barrageHead{
	height: 30px;
	padding: 0;
	line-height: 30px;
	font-size: 12px;
	border-bottom: var(--style-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  padding-bottom: 6px;
}

.comment-barrage-item .barrageHead .barrageTitle {
	color: var(--heo-card-bg);
	margin-right: 8px;
  background: var(--heo-fontcolor);
  line-height: 1;
  padding: 4px;
  border-radius: 4px;
}

.comment-barrage-item .barrageHead .barrageTitle:hover {
  background: var(--heo-main);
  color: var(--heo-white);
}

.comment-barrage-item .barrageAvatar{
	width: 16px;
	height: 16px;
  margin: 0;
	margin-left: auto;
  margin-right: 8px;
	border-radius: 50%;
  background: var(--heo-secondbg);
}
.comment-barrage-item .barrageContent{
	font-size: 14px!important;
  font-weight: normal!important;
	height: calc(100% - 30px);
	overflow: hidden;
  width: fit-content;
}

.comment-barrage-item .barrageContent a {
  pointer-events:none;
}

.comment-barrage-item .barrageContent::-webkit-scrollbar{
	height: 0;
	width: 4px;
}
.comment-barrage-item .barrageContent::-webkit-scrollbar-button{
	display: none;
}

.comment-barrage-item p{
  margin: 8px 0;
  line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
  font-size: 14;
}

.comment-barrage-item .barrageContent h1,.comment-barrage-item .barrageContent h2,.comment-barrage-item .barrageContent h3,.comment-barrage-item .barrageContent h4 {
  font-size: 14px!important;
  font-weight: normal!important;
  margin: 8px 0!important;
}
/* 豆瓣 */

.hexo-douban-item {
    border-bottom: none !important;
    background: var(--heo-card-bg);
    border: var(--style-border);
    box-shadow: var(--heo-shadow-border);
    border-radius: 12px;
    margin: 8px 0;
    height: 160px;
    min-height: 160px !important;
    width: 49%;
    overflow: hidden;
}

@media screen and (min-width: 1300px) {
    .hexo-douban-item {
        width: 32%;
    }
}

#hexo-douban-item3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.hexo-douban-item .hexo-douban-picture a {
    padding: 0 !important;
}

.hexo-douban-item .hexo-douban-picture img {
    margin: 0px !important;
    height: 100% !important;
}

.hexo-douban-tabs {
    display: none;
}

.hexo-douban-title a {
    border-bottom: 0px !important;
}

.hexo-douban-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hexo-douban-title a:hover {
    color: var(--heo-lighttext) !important;
    background: var(--heo-none) !important;
}

.hexo-douban-pagination {
    margin: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

span.hexo-douban-pagenum {
    margin: 0 0.5rem;
}

.hexo-douban-title {
    font-size: 1rem;
    line-height: 1;
}

.hexo-douban-title a {
    padding: 0 !important;
}

.hexo-douban-info {
    padding-left: 130px !important;
    margin-right: 0.5rem;
}

.hexo-douban-meta {
    font-size: 0.7rem !important;
    color: var(--heo-secondtext);
    margin-top: 0.3rem;
    line-height: 1.05;
}

.hexo-douban-comments {
    line-height: 1.2;
    margin-top: 0.5rem;
    font-size: 0.8rem !important;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hexo-douban-picture {
    height: 100%;
    top: 0 !important;
    padding: 10px 0 10px 10px;
}

.hexo-douban-picture a img {
    border-radius: 8px !important;
}

.hexo-douban-button {
    width: 4rem;
    height: 2rem;
    line-height: 1.9rem;
    border-radius: 8px !important;
    background: var(--heo-card-bg);
    box-shadow: var(--heo-shadow-lightblack);
    border: var(--style-border);
    margin: 0 0.2rem;
    border-bottom: var(--style-border) !important;
}


/* 豆瓣电影页面 */

.author-content-item.single.like-movie {
    height: 19rem;
    background: url(https://img.zhheo.com/i/2022/09/27/633289920d1c7.webp) no-repeat top;
    background-size: cover;
    color: var(--heo-white);
    overflow: hidden;
}

.author-content-item.single.like-movie::after {
    box-shadow: 0 21px 133px 81px #1c1c1c inset;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#article-container .author-content-item.single.like-movie .banner-button-group .banner-button {
    padding: 8px 12px;
    background: var(--heo-white);
    border-radius: 12px;
    color: var(--heo-black);
    display: flex;
    align-items: center;
    z-index: 1;
    transition: 0.3s;
    cursor: pointer;
    border: none;
}

#article-container .author-content-item.single.like-movie .banner-button-group .banner-button:hover {
    background: #d0b247;
    color: var(--heo-white);
}

#article-container .author-content-item.single.like-movie .banner-button-group .banner-button i {
    margin-right: 8px;
    font-size: 1rem;
}

@media screen and (max-width: 768px) {
    #article-container .author-content-item.single.like-movie .banner-button-group {
        right: 1rem;
        bottom: 1rem;
    }
    #article-container .author-content-item.single.like-movie .banner-button-group .banner-button {
        background: none;
        color: var(--heo-white);
        padding: 0;
    }
    #article-container .author-content-item.single.like-movie .banner-button-group .banner-button i {
        margin-right: 0;
        font-size: 1.5rem;
    }
    #article-container .author-content-item.single.like-movie .banner-button-group .banner-button-text {
        display: none;
    }
}
@font-face {
  font-family: "iconfont"; /* Project id 1891866 */
  src: url('../fonts/font_1891866_47sukspu18q.woff2') format('woff2'),
       url('../fonts/font_1891866_47sukspu18q.woff') format('woff'),
       url('../fonts/font_1891866_47sukspu18q.ttf') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-dribbble1:before {
  content: "\e615";
}

.icon-github1:before {
  content: "\e61d";
}

.icon-dribbble:before {
  content: "\e604";
}

.icon-bilibili:before {
  content: "\e602";
}

.icon-insgram:before {
  content: "\e603";
}

.icon-github:before {
  content: "\e613";
}

.icon-weibo:before {
  content: "\e632";
}

.icon-mail1:before {
  content: "\e743";
}

.icon-pinterest:before {
  content: "\f662";
}

.icon-mail-circle:before {
  content: "\e6d7";
}

.icon-facebook:before {
  content: "\eb8d";
}

.icon-home:before {
  content: "\e601";
}

.icon-heo:before {
  content: "\e68a";
}

.icon-CN_bilibili:before {
  content: "\e600";
}

.icon-mail:before {
  content: "\e7b7";
}

.icon-weixin:before {
  content: "\e933";
}

.icon-bilibili-fill:before {
  content: "\e93e";
}

.icon-ins:before {
  content: "\e639";
}

.icon-bblogo:before {
  content: "\e67a";
}

.icon-favicon:before {
  content: "\e679";
}

.icon-heo-e:before {
  content: "\e676";
}

.icon-heo-h:before {
  content: "\e677";
}

.icon-heo-o:before {
  content: "\e678";
}

.icon-ozero:before {
  content: "\e675";
}

.icon-oshare:before {
  content: "\e674";
}

.icon-osampling:before {
  content: "\e673";
}

.icon-osamplingplus:before {
  content: "\e672";
}

.icon-osa:before {
  content: "\e671";
}

.icon-oremix:before {
  content: "\e670";
}

.icon-opublicdomainalt:before {
  content: "\e66f";
}

.icon-opd:before {
  content: "\e66e";
}

.icon-onc-eu:before {
  content: "\e66d";
}

.icon-onc-jp:before {
  content: "\e66c";
}

.icon-ond:before {
  content: "\e668";
}

.icon-occ-by:before {
  content: "\e669";
}

.icon-onc:before {
  content: "\e66a";
}

.icon-occ:before {
  content: "\e66b";
}


@font-face {
  font-family: "iconfont"; /* Project id 3440926 */
  src: url('//at.alicdn.com/t/c/font_3440926_703wu95cuvq.woff2?t=1660044515871') format('woff2'),
       url('//at.alicdn.com/t/c/font_3440926_703wu95cuvq.woff?t=1660044515871') format('woff'),
       url('//at.alicdn.com/t/c/font_3440926_703wu95cuvq.ttf?t=1660044515871') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-kaggle:before {
  content: "\ec0c";
}

.icon-dongtai:before {
  content: "\e7ae";
}

.icon-guanyu:before {
  content: "\e65d";
}

.icon-xiangce:before {
  content: "\e60a";
}

.icon-ziyuan:before {
  content: "\e8a4";
}

.icon-book:before {
  content: "\e6c2";
}

.icon-musicnav:before {
  content: "\e6e0";
}

.icon-navicon-yhxy:before {
  content: "\e677";
}

.icon-guanyu1:before {
  content: "\e655";
}

.icon-jingyan:before {
  content: "\e60f";
}

.icon-movie:before {
  content: "\e62b";
}

.icon-bilibili-fill:before {
  content: "\e7b1";
}

.icon-WH:before {
  content: "\e609";
}

.icon-weibo1:before {
  content: "\e62f";
}

.icon-sousuo1:before {
  content: "\e63d";
}

.icon-xianxingriyue:before {
  content: "\e63b";
}

.icon-sousuo:before {
  content: "\e61a";
}

.icon-shouye:before {
  content: "\e629";
}

.icon-github1:before {
  content: "\e6b7";
}

.icon-linkedin:before {
  content: "\e653";
}

.icon-by:before {
  content: "\e604";
}

.icon-cc:before {
  content: "\e605";
}

.icon-nc:before {
  content: "\e606";
}

.icon-nd:before {
  content: "\e607";
}

.icon-social-_round-instagram:before {
  content: "\e684";
}

.icon-douban1:before {
  content: "\e648";
}

.icon-youjian:before {
  content: "\e668";
}

.icon-linkedin0:before {
  content: "\e698";
}

.icon-weibo-icon:before {
  content: "\e618";
}

.icon-facebookfacebook52:before {
  content: "\e608";
}

.icon-youxiang1:before {
  content: "\e626";
}

.icon-github:before {
  content: "\e645";
}

.icon-icon_bilibili-circle:before {
  content: "\e603";
}

.icon-douban:before {
  content: "\fed2";
}

.icon-weibo_icon_final:before {
  content: "\fed3";
}

.icon-bilibili:before {
  content: "\fed4";
}

.icon-caidan:before {
  content: "\e62c";
}

.icon-cangkukucun:before {
  content: "\e64b";
}

.icon-facebook:before {
  content: "\e600";
}

.icon-video:before {
  content: "\e612";
}

.icon-weixin:before {
  content: "\e601";
}

.icon-huidaodingbu:before {
  content: "\e602";
}

.icon-music:before {
  content: "\e625";
}

.icon-tuitetwitter43:before {
  content: "\e6ee";
}

.icon-youxiang:before {
  content: "\e632";
}

.icon-lianjie:before {
  content: "\e646";
}

.icon-taiyang-copy:before {
  content: "\e64c";
}

.icon-41shuoshuo:before {
  content: "\e658";
}

.icon-arrow-down:before {
  content: "\e621";
}

.icon-weibo:before {
  content: "\e699";
}

.icon-liaotian:before {
  content: "\e63c";
}

.icon-fenlei:before {
  content: "\e690";
}

.icon-shezhi:before {
  content: "\e70f";
}

.icon-instagram:before {
  content: "\e87f";
}

.icon-github-fill:before {
  content: "\e885";
}

.icon-instagram-fill:before {
  content: "\e88f";
}

.icon-zhuye:before {
  content: "\e628";
}

.icon-sousuo_o:before {
  content: "\eb86";
}

.icon-shubiao:before {
  content: "\e65e";
}

.icon-24gl-tags2:before {
  content: "\e87c";
}

.icon-guanyuwomen:before {
  content: "\e662";
}

.icon-icon_zuoyoujiantou:before {
  content: "\e60d";
}

.icon-gitee-fill-round:before {
  content: "\e686";
}

.icon-bilibili-line:before {
  content: "\e66d";
}

.icon-line:before {
  content: "\ec0e";
}


@font-face {
  font-family: "iconfont"; /* Project id 3440926 */
  src: url('//at.alicdn.com/t/font_3440926_qvpbidrd2h.woff2?t=1653994433618') format('woff2'),
       url('//at.alicdn.com/t/font_3440926_qvpbidrd2h.woff?t=1653994433618') format('woff'),
       url('//at.alicdn.com/t/font_3440926_qvpbidrd2h.ttf?t=1653994433618') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-caidan:before {
  content: "\e62c";
}

.icon-cangkukucun:before {
  content: "\e64b";
}

.icon-facebook:before {
  content: "\e600";
}

.icon-video:before {
  content: "\e612";
}

.icon-weixin:before {
  content: "\e601";
}

.icon-huidaodingbu:before {
  content: "\e602";
}

.icon-music:before {
  content: "\e625";
}

.icon-tuitetwitter43:before {
  content: "\e6ee";
}

.icon-youxiang:before {
  content: "\e632";
}

.icon-lianjie:before {
  content: "\e646";
}

.icon-taiyang-copy:before {
  content: "\e64c";
}

.icon-41shuoshuo:before {
  content: "\e658";
}

.icon-arrow-down:before {
  content: "\e621";
}

.icon-weibo:before {
  content: "\e699";
}

.icon-liaotian:before {
  content: "\e63c";
}

.icon-fenlei:before {
  content: "\e690";
}

.icon-shezhi:before {
  content: "\e70f";
}

.icon-instagram:before {
  content: "\e87f";
}

.icon-github-fill:before {
  content: "\e885";
}

.icon-instagram-fill:before {
  content: "\e88f";
}

.icon-zhuye:before {
  content: "\e628";
}

.icon-sousuo_o:before {
  content: "\eb86";
}

.icon-shubiao:before {
  content: "\e65e";
}

.icon-24gl-tags2:before {
  content: "\e87c";
}

.icon-guanyuwomen:before {
  content: "\e662";
}

.icon-icon_zuoyoujiantou:before {
  content: "\e60d";
}

.icon-gitee-fill-round:before {
  content: "\e686";
}

.icon-bilibili-line:before {
  content: "\e66d";
}

.icon-line:before {
  content: "\ec0e";
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span,
#aside-content .card-categories ul.card-category-list>.card-category-list-item a span,
#aside-content .card-info .card-info-data>.card-info-data-item a .headline,
#pagination .next_info,
#pagination .prev_info,
#sidebar #sidebar-menus .menus_items .site-page,
#sidebar #sidebar-menus .site-data .data-item .data-item-link>a>div,
.flink#article-container .flink-list>.flink-list-item a .flink-item-desc,
.flink#article-container .flink-list>.flink-list-item a .flink-item-name,
.limit-one-line {
    overflow: unset;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

#aside-content .aside-list>.aside-list-item .content>.comment,
#aside-content .aside-list>.aside-list-item .content>.name,
#aside-content .aside-list>.aside-list-item .content>.title,
#error-wrap .error-content .error-info .error_subtitle,
#post-info .post-title,
#recent-posts>.recent-post-item>.recent-post-info>.article-title,
#recent-posts>.recent-post-item>.recent-post-info>.content,
.article-sort-item-title,
.limit-more-line,
.relatedPosts>.relatedPosts-list .content .title,
figure.gallery-group .gallery-group-name,
figure.gallery-group p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

#article-container h1:before,
#article-container h2:before,
#article-container h3:before,
#article-container h4:before,
#article-container h5:before,
#article-container h6:before,
#post .post-copyright:before,
#post .post-outdate-notice:before,
.fontawesomeIcon,
.note:not(.no-icon)::before {
    display: inline-block;
    font-weight: 600;
    font-style: normal;
    font-variant: normal;
    font-family: 'Font Awesome 5 Free';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.card-announcement-animation {
    color: red;
    -webkit-animation: announ_animation .8s linear infinite;
    -moz-animation: announ_animation .8s linear infinite;
    -o-animation: announ_animation .8s linear infinite;
    -ms-animation: announ_animation .8s linear infinite;
    animation: announ_animation .8s linear infinite
}

.scroll-down-effects {
    -webkit-animation: scroll-down-effect 1.5s infinite;
    -moz-animation: scroll-down-effect 1.5s infinite;
    -o-animation: scroll-down-effect 1.5s infinite;
    -ms-animation: scroll-down-effect 1.5s infinite;
    animation: scroll-down-effect 1.5s infinite
}

.reward-main {
    -webkit-animation: donate_effcet .3s .1s ease both;
    -moz-animation: donate_effcet .3s .1s ease both;
    -o-animation: donate_effcet .3s .1s ease both;
    -ms-animation: donate_effcet .3s .1s ease both;
    animation: donate_effcet .3s .1s ease both
}

@-moz-keyframes scroll-down-effect {
    0% {
        top: 0;
        opacity: .4
    }
    50% {
        top: -16px;
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
    100% {
        top: 0;
        opacity: .4
    }
}

@-webkit-keyframes scroll-down-effect {
    0% {
        top: 0;
        opacity: .4
    }
    50% {
        top: -16px;
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
    100% {
        top: 0;
        opacity: .4
    }
}

@-o-keyframes scroll-down-effect {
    0% {
        top: 0;
        opacity: .4
    }
    50% {
        top: -16px;
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
    100% {
        top: 0;
        opacity: .4
    }
}

@keyframes scroll-down-effect {
    0% {
        top: 0;
        opacity: .4
    }
    50% {
        top: -16px;
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
    100% {
        top: 0;
        opacity: .4
    }
}

@-moz-keyframes header-effect {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px)
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes header-effect {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px)
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes header-effect {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px)
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes header-effect {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px)
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes headerNoOpacity {
    0% {
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes headerNoOpacity {
    0% {
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes headerNoOpacity {
    0% {
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes headerNoOpacity {
    0% {
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes bottom-top {
    0% {
        opacity: 0;
        margin-top: 50px
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        margin-top: 0
    }
}

@-webkit-keyframes bottom-top {
    0% {
        opacity: 0;
        margin-top: 50px
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        margin-top: 0
    }
}

@-o-keyframes bottom-top {
    0% {
        opacity: 0;
        margin-top: 50px
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        margin-top: 0
    }
}

@keyframes bottom-top {
    0% {
        opacity: 0;
        margin-top: 50px
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        margin-top: 0
    }
}

@-moz-keyframes titlescale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes titlescale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes titlescale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes titlescale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes search_close {
    0% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
}

@-webkit-keyframes search_close {
    0% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
}

@-o-keyframes search_close {
    0% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
}

@keyframes search_close {
    0% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
}

@-moz-keyframes to_show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
}

@-webkit-keyframes to_show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
}

@-o-keyframes to_show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
}

@keyframes to_show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
}

@-moz-keyframes to_hide {
    0% {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes to_hide {
    0% {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
    100% {
        opacity: 0
    }
}

@-o-keyframes to_hide {
    0% {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
    100% {
        opacity: 0
    }
}

@keyframes to_hide {
    0% {
        opacity: 1;
        -ms-filter: none;
        filter: none
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes ribbon_to_show {
    0% {
        opacity: 0
    }
    100% {
        opacity: .6
    }
}

@-webkit-keyframes ribbon_to_show {
    0% {
        opacity: 0
    }
    100% {
        opacity: .6
    }
}

@-o-keyframes ribbon_to_show {
    0% {
        opacity: 0
    }
    100% {
        opacity: .6
    }
}

@keyframes ribbon_to_show {
    0% {
        opacity: 0
    }
    100% {
        opacity: .6
    }
}

@-moz-keyframes avatar_turn_around {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes avatar_turn_around {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes avatar_turn_around {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes avatar_turn_around {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes sub_menus {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -o-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes sub_menus {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -o-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes sub_menus {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -o-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes sub_menus {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -o-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes donate_effcet {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes donate_effcet {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes donate_effcet {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes donate_effcet {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes announ_animation {
    0%,
    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        filter: blur(0)
    }
    50% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        filter: blur(20px)
    }
}

@-webkit-keyframes announ_animation {
    0%,
    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        filter: blur(0)
    }
    50% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        filter: blur(20px)
    }
}

@-o-keyframes announ_animation {
    0%,
    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        filter: blur(0)
    }
    50% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        filter: blur(20px)
    }
}

@keyframes announ_animation {
    0%,
    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        filter: blur(0)
    }
    50% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        filter: blur(20px)
    }
}

@-moz-keyframes sidebarItem {
    0% {
        -webkit-transform: translateX(200px);
        -moz-transform: translateX(200px);
        -o-transform: translateX(200px);
        -ms-transform: translateX(200px);
        transform: translateX(200px)
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes sidebarItem {
    0% {
        -webkit-transform: translateX(200px);
        -moz-transform: translateX(200px);
        -o-transform: translateX(200px);
        -ms-transform: translateX(200px);
        transform: translateX(200px)
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-o-keyframes sidebarItem {
    0% {
        -webkit-transform: translateX(200px);
        -moz-transform: translateX(200px);
        -o-transform: translateX(200px);
        -ms-transform: translateX(200px);
        transform: translateX(200px)
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes sidebarItem {
    0% {
        -webkit-transform: translateX(200px);
        -moz-transform: translateX(200px);
        -o-transform: translateX(200px);
        -ms-transform: translateX(200px);
        transform: translateX(200px)
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

:root {
    --global-font-size: 16px;
    --global-bg: #fff;
    --font-color: #4c4948;
    --hr-border: #97bcfb;
    --hr-before-color: #6ea2f9;
    --search-bg: #f6f8fa;
    --search-input-color: #4c4948;
    --search-result-title: #4c4948;
    --preloader-bg: #37474f;
    --preloader-color: #fff;
    --tab-border-color: #f0f0f0;
    --tab-botton-bg: #f0f0f0;
    --tab-botton-color: #1f2d3d;
    --tab-button-hover-bg: #dcdcdc;
    --tab-button-active-bg: #fff;
    --card-bg: #fff;
    --sidebar-bg: #f6f8fa;
    --btn-hover-color: #ff7242;
    --btn-color: #fff;
    --btn-bg: #307af6;
    --text-bg-hover: #307af6;
    --light-grey: #eee;
    --white: #fff;
    --text-highlight-color: #1f2d3d;
    --blockquote-color: #6a737d;
    --blockquote-bg: rgba(73, 177, 245, 0.1);
    --reward-pop: #f5f5f5;
    --toc-link-color: #666261;
    --card-box-shadow: 0 3px 8px 6px rgba(7, 17, 27, 0.06);
    --card-hover-box-shadow: 0 3px 8px 6px rgba(7, 17, 27, 0.15)
}

html {
    height: 100%;
    font-size: 20px
}

body {
    position: relative;
    min-height: 100%;
    background: var(--global-bg);
    color: var(--font-color);
    font-size: var(--global-font-size);
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei;
    line-height: 2;
    -webkit-tap-highlight-color: transparent
}

input::placeholder {
    color: var(--font-color)
}

#web_bg {
    position: fixed;
    z-index: -999;
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    background-attachment: local;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    margin: 1rem 0 .7rem;
    color: var(--text-highlight-color);
    font-weight: 700
}

h1 code,
h2 code,
h3 code,
h4 code,
h5 code,
h6 code {
    font-size: inherit !important
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

hr {
    position: relative;
    margin: 2rem auto;
    border: 2px dashed var(--hr-border)
}

.table-wrap {
    overflow-x: scroll;
    margin: 0 0 1rem
}

table {
    display: table;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    empty-cells: show
}

table thead {
    background: rgba(153, 169, 191, .1)
}

table td,
table th {
    padding: .3rem .6rem;
    border: 1px solid var(--light-grey);
    vertical-align: middle
}

::selection {
    background: #0079ff;
    color: #f7f7f7
}

button {
    padding: 0;
    outline: 0;
    border: none;
    background: 0 0;
    cursor: pointer
}

a {
    color: #99a9bf;
    text-decoration: none;
    word-wrap: break-word;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
    overflow-wrap: break-word
}

a:hover {
    color: #307af6
}

#aside-content .author-info__description,
#aside-content .author-info__name,
#site-name,
#site-subtitle,
#site-title {
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif
}

.is-center {
    text-align: center
}

.copy-true {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.button--animated {
    position: relative;
    z-index: 1;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -o-transition: color 1s;
    -ms-transition: color 1s;
    transition: color 1s
}

.button--animated:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--btn-hover-color);
    content: '';
    -webkit-transition: -webkit-transform .5s ease-out;
    -moz-transition: -moz-transform .5s ease-out;
    -o-transition: -o-transform .5s ease-out;
    -ms-transition: -ms-transform .5s ease-out;
    transition: transform .5s ease-out;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.button--animated:hover:before {
    -webkit-transition-timing-function: cubic-bezier(.45, 1.64, .47, .66);
    -moz-transition-timing-function: cubic-bezier(.45, 1.64, .47, .66);
    -o-transition-timing-function: cubic-bezier(.45, 1.64, .47, .66);
    -ms-transition-timing-function: cubic-bezier(.45, 1.64, .47, .66);
    transition-timing-function: cubic-bezier(.45, 1.64, .47, .66);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

img {
    max-width: 100%;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

img:not([src]),
img[src=''] {
    opacity: 0
}

.img-alt {
    margin: -.5rem 0 .5rem;
    color: #858585
}

.img-alt:hover {
    text-decoration: none !important
}

:root {
    --hl-color: #eff;
    --hl-bg: #212121;
    --hltools-bg: #1c1c1c;
    --hltools-color: rgba(238, 255, 255, 0.8);
    --hlnumber-bg: #212121;
    --hlnumber-color: rgba(238, 255, 255, 0.5);
    --hlscrollbar-bg: #121212;
    --hlexpand-bg: linear-gradient(180deg, rgba(33, 33, 33, 0.6), rgba(33, 33, 33, 0.9))
}

figure.highlight table::-webkit-scrollbar-thumb {
    background: var(--hlscrollbar-bg)
}

figure.highlight pre .deletion {
    color: #bf42bf
}

figure.highlight pre .addition {
    color: #105ede
}

figure.highlight pre .meta {
    color: #c792ea
}

figure.highlight pre .comment {
    color: #969896
}

figure.highlight pre .attribute,
figure.highlight pre .css .class,
figure.highlight pre .css .id,
figure.highlight pre .css .pseudo,
figure.highlight pre .html .doctype,
figure.highlight pre .regexp,
figure.highlight pre .ruby .constant,
figure.highlight pre .tag .name,
figure.highlight pre .variable,
figure.highlight pre .xml .doctype,
figure.highlight pre .xml .pi,
figure.highlight pre .xml .tag .title {
    color: #ff5370
}

figure.highlight pre .tag {
    color: #89ddff
}

figure.highlight pre .command,
figure.highlight pre .constant,
figure.highlight pre .literal,
figure.highlight pre .number,
figure.highlight pre .params,
figure.highlight pre .preprocessor {
    color: #f78c6c
}

figure.highlight pre .built_in {
    color: #ffcb6b
}

figure.highlight pre .css .rules .attribute,
figure.highlight pre .formula,
figure.highlight pre .header,
figure.highlight pre .inheritance,
figure.highlight pre .number,
figure.highlight pre .ruby .class .title,
figure.highlight pre .ruby .symbol,
figure.highlight pre .special,
figure.highlight pre .string,
figure.highlight pre .value,
figure.highlight pre .xml .cdata {
    color: #c3e88d
}

figure.highlight pre .css .hexcolor,
figure.highlight pre .keyword,
figure.highlight pre .title {
    color: #89ddff
}

figure.highlight pre .coffeescript .title,
figure.highlight pre .function,
figure.highlight pre .javascript .title,
figure.highlight pre .perl .sub,
figure.highlight pre .python .decorator,
figure.highlight pre .python .title,
figure.highlight pre .ruby .function .title,
figure.highlight pre .ruby .title .keyword {
    color: #82aaff
}

figure.highlight pre .javascript .function,
figure.highlight pre .tag .attr {
    color: #c792ea
}

#article-container figure.highlight .line.marked {
    background-color: rgba(97, 97, 97, .314)
}

#article-container figure.highlight table {
    display: block;
    overflow: auto;
    border: none
}

#article-container figure.highlight table td {
    padding: 0;
    border: none
}

#article-container figure.highlight .gutter pre {
    padding-right: .5rem;
    padding-left: .5rem;
    background-color: var(--hlnumber-bg);
    color: var(--hlnumber-color);
    text-align: right
}

#article-container figure.highlight .code pre {
    padding-right: .5rem;
    padding-left: .5rem;
    width: 100%
}

#article-container figure.highlight,
#article-container pre {
    overflow: auto;
    margin: 0 0 1rem;
    padding: 0;
    background: var(--hl-bg);
    color: var(--hl-color);
    line-height: 1.6
}

blockquote {
    margin: 0 0 1rem;
    padding: .1rem .8rem;
    border-left: .2rem solid #49b1f5;
    background-color: var(--blockquote-bg);
    color: var(--blockquote-color)
}

blockquote a {
    word-break: break-all
}

blockquote p {
    margin: 0 !important;
    padding: .5rem 0
}

blockquote footer {
    padding: 0 0 .5rem
}

blockquote footer cite:before {
    padding: 0 .3em;
    content: '—'
}

#article-container code,
#article-container pre {
    font-size: var(--global-font-size);
    font-family: consolas, Menlo, 'PingFang SC', 'Microsoft YaHei', sans-serif !important
}

#article-container code {
    padding: .1rem .2rem;
    background: rgba(27, 31, 35, .05);
    color: #f47466
}

#article-container pre {
    padding: 10px 20px
}

#article-container pre code {
    padding: 0;
    background: 0 0;
    color: var(--hl-color);
    text-shadow: none
}

#article-container figure.highlight {
    position: relative
}

#article-container figure.highlight pre {
    margin: 0;
    padding: 8px 0;
    border: none
}

#article-container figure.highlight .caption,
#article-container figure.highlight figcaption {
    padding: .3rem 0 .1rem .7rem;
    font-size: var(--global-font-size);
    line-height: 1em
}

#article-container figure.highlight .caption a,
#article-container figure.highlight figcaption a {
    float: right;
    padding-right: 10px;
    color: var(--hl-color)
}

#article-container figure.highlight .caption a:hover,
#article-container figure.highlight figcaption a:hover {
    border-bottom-color: var(--hl-color)
}

#article-container .highlight-tools {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    min-height: 1.2rem;
    height: 2.15em;
    background: var(--hltools-bg);
    color: var(--hltools-color);
    font-size: var(--global-font-size)
}

#article-container .highlight-tools.closed+table {
    display: none
}

#article-container .highlight-tools .expand {
    position: absolute;
    padding: .4rem .7rem;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -o-transition: -o-transform .3s;
    -ms-transition: -ms-transform .3s;
    transition: transform .3s
}

#article-container .highlight-tools .expand+.code-lang {
    left: 1.7rem
}

#article-container .highlight-tools .expand.closed {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotate(-90deg) !important;
    -moz-transform: rotate(-90deg) !important;
    -o-transform: rotate(-90deg) !important;
    -ms-transform: rotate(-90deg) !important;
    transform: rotate(-90deg) !important
}

#article-container .highlight-tools .code-lang {
    position: absolute;
    left: .7rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.15em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#article-container .highlight-tools .copy-notice {
    position: absolute;
    right: 1.7rem;
    opacity: 0;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    -ms-transition: opacity .4s;
    transition: opacity .4s
}

#article-container .highlight-tools .copy-button {
    position: absolute;
    right: .7rem;
    cursor: pointer;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    -ms-transition: color .2s;
    transition: color .2s
}

#article-container .highlight-tools .copy-button:hover {
    color: #307af6
}

#article-container .gutter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#article-container .gist table {
    width: auto
}

#article-container .gist table td {
    border: none
}

#article-container .code-expand-btn {
    position: absolute;
    bottom: 0;
    z-index: 10;
    width: 100%;
    background: var(--hlexpand-bg);
    text-align: center;
    font-size: var(--global-font-size);
    cursor: pointer
}

#article-container .code-expand-btn i {
    padding: .3rem 0;
    color: var(--hlnumber-color);
    -webkit-animation: code-expand-key 1.2s infinite;
    -moz-animation: code-expand-key 1.2s infinite;
    -o-animation: code-expand-key 1.2s infinite;
    -ms-animation: code-expand-key 1.2s infinite;
    animation: code-expand-key 1.2s infinite
}

#article-container .code-expand-btn.expand-done {
    display: none !important
}

#article-container .code-expand-btn:not(.expand-done)~pre,
#article-container .code-expand-btn:not(.expand-done)~table {
    overflow: hidden;
    height: 400px
}

@-moz-keyframes code-expand-key {
    0% {
        opacity: .6
    }
    50% {
        opacity: .1
    }
    100% {
        opacity: .6
    }
}

@-webkit-keyframes code-expand-key {
    0% {
        opacity: .6
    }
    50% {
        opacity: .1
    }
    100% {
        opacity: .6
    }
}

@-o-keyframes code-expand-key {
    0% {
        opacity: .6
    }
    50% {
        opacity: .1
    }
    100% {
        opacity: .6
    }
}

@keyframes code-expand-key {
    0% {
        opacity: .6
    }
    50% {
        opacity: .1
    }
    100% {
        opacity: .6
    }
}

.article-sort {
    margin-left: .5rem;
    padding-left: 1rem;
    border-left: 2px solid #92b9fa
}

.article-sort-title {
    position: relative;
    margin-left: .5rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    font-size: 1.72em
}

.article-sort-title:hover:before {
    border-color: #ff7242
}

.article-sort-title:before {
    position: absolute;
    top: calc(((100% - 1.8rem)/ 2));
    left: -.45rem;
    z-index: 1;
    width: .5rem;
    height: .5rem;
    border: .25rem solid #307af6;
    border-radius: .5rem;
    background: var(--card-bg);
    content: '';
    line-height: .5rem;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.article-sort-title:after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: .1rem;
    height: 1.5em;
    background: #92b9fa;
    content: ''
}

.article-sort-item {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 0 1rem .5rem;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.article-sort-item:hover:before {
    border-color: #ff7242
}

.article-sort-item:before {
    position: absolute;
    left: calc(-1rem - 17px);
    width: .3rem;
    height: .3rem;
    border: .15rem solid #307af6;
    border-radius: .3rem;
    background: var(--card-bg);
    content: '';
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.article-sort-item.no-article-cover {
    height: 80px
}

.article-sort-item.no-article-cover .article-sort-item-info {
    padding: 0
}

.article-sort-item.year {
    font-size: 1.43em
}

.article-sort-item.year:hover:before {
    border-color: #307af6
}

.article-sort-item.year:before {
    border-color: #ff7242
}

.article-sort-item-time {
    color: #858585;
    font-size: 95%
}

.article-sort-item-time time {
    padding-left: .3rem;
    cursor: default
}

.article-sort-item-title {
    color: var(--font-color);
    font-size: 1.1em;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    -webkit-line-clamp: 2
}

.article-sort-item-title:hover {
    color: #307af6;
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
}

.article-sort-item-img {
    overflow: hidden;
    width: 80px;
    height: 80px
}

.article-sort-item-img img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;
    object-fit: cover
}

.article-sort-item-img img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.article-sort-item-info {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 .8rem
}

#page .category-lists {
    padding: 1rem 0 1.5rem
}

@media screen and (max-width:768px) {
    #page .category-lists {
        padding: 0
    }
}

#page .category-lists .category-title {
    font-size: 2.57em
}

@media screen and (max-width:768px) {
    #page .category-lists .category-title {
        font-size: 2em
    }
}

#page .category-lists .category-list a {
    color: var(--font-color)
}

#page .category-lists .category-list a:hover {
    color: #307af6
}

#page .category-lists .category-list .category-list-count {
    margin-left: .4rem;
    color: #858585
}

#page .category-lists .category-list .category-list-count:before {
    content: '('
}

#page .category-lists .category-list .category-list-count:after {
    content: ')'
}

#page .category-lists ul {
    margin-top: .4rem;
    padding: 0 0 0 1rem;
    list-style: none;
    counter-reset: li
}

#page .category-lists ul ul {
    padding-left: .2rem
}

#page .category-lists ul li {
    position: relative;
    margin: .3rem 0;
    padding: .12em .4em .12em 1.4em
}

#page .category-lists ul li:before {
    position: absolute;
    left: 0;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    top: .7em;
    width: .43em;
    height: .43em;
    border: .215em solid #307af6;
    border-radius: .43em;
    background: 0 0;
    content: ''
}

#page .category-lists ul li:hover:before {
    border-color: #ff7242
}

.layout {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin: 0 auto;
    padding: 2rem 15px;
    max-width: 1200px
}

@media screen and (max-width:900px) {
    .layout {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width:768px) {
    .layout {
        padding: 1rem 5px
    }
}

@media screen and (min-width:2000px) {
    .layout {
        max-width: 1500px
    }
}

.layout>div:first-child:not(.recent-posts) {
    -webkit-align-self: flex-start;
    align-self: flex-start;
    -ms-flex-item-align: start;
    padding: 50px 40px;
    border-radius: 8px;
    background: var(--card-bg);
    -webkit-box-shadow: var(--card-box-shadow);
    box-shadow: var(--card-box-shadow)
}

.layout>div:first-child:not(.recent-posts):hover {
    -webkit-box-shadow: var(--card-hover-box-shadow);
    box-shadow: var(--card-hover-box-shadow)
}

@media screen and (max-width:768px) {
    .layout>div:first-child:not(.recent-posts) {
        padding: 1.8rem .7rem !important
    }
}

.layout>div:first-child {
    width: 75%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

@media screen and (max-width:900px) {
    .layout>div:first-child {
        width: 100% !important
    }
}

.layout.hide-aside {
    max-width: 1000px
}

@media screen and (min-width:2000px) {
    .layout.hide-aside {
        max-width: 1300px
    }
}

.layout.hide-aside>div {
    width: 100% !important
}

.flink#article-container .flink-desc {
    margin: .2rem 0 .5rem
}

.flink#article-container .flink-list {
    overflow: auto;
    padding: 10px 10px 0;
    text-align: center
}

.flink#article-container .flink-list>.flink-list-item {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 15px 7px;
    width: calc(100% / 4 - 12px);
    height: 90px;
    border-radius: 5px;
    line-height: 17px;
    -webkit-transform: translateZ(0);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s
}

@media screen and (max-width:1200px) {
    .flink#article-container .flink-list>.flink-list-item {
        width: calc(100% / 4 - 12px) !important
    }
}

@media screen and (max-width:1024px) {
    .flink#article-container .flink-list>.flink-list-item {
        width: calc(100% / 3 - 12px) !important
    }
}

@media screen and (max-width:768px) {
    .flink#article-container .flink-list>.flink-list-item {
        width: calc(100% / 2 - 12px) !important
    }
}

@media screen and (max-width:600px) {
    .flink#article-container .flink-list>.flink-list-item {
        width: calc(100% - 12px) !important
    }
}

.flink#article-container .flink-list>.flink-list-item:hover {
    background: #006cf2;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.flink#article-container .flink-list>.flink-list-item a {
    color: var(--font-color);
    text-decoration: none
}

.flink#article-container .flink-list>.flink-list-item a img {
    float: left;
    margin: 15px 10px;
    width: 60px;
    height: 60px;
    border-radius: 35px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.flink#article-container .flink-list>.flink-list-item a .img-alt {
    display: none
}

.flink#article-container .flink-list>.flink-list-item a .flink-item-name {
    display: block;
    padding: 16px 10px 0 0;
    height: 40px;
    font-weight: 700;
    font-size: 1.43em
}

.flink#article-container .flink-list>.flink-list-item a .flink-item-desc {
    display: block;
    padding: 16px 10px 16px 0;
    height: 50px;
    font-size: .93em
}

.flink#article-container .site-card-group {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: -8px;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -o-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

.flink#article-container .site-card {
    margin: 8px;
    width: calc(100% / 5 - 16px);
    display: block;
    line-height: 1.4;
    height: 100%
}

@media screen and (max-width:1200px) {
    .flink#article-container .site-card {
        width: calc(100% / 5 - 16px) !important
    }
}

@media screen and (max-width:1024px) {
    .flink#article-container .site-card {
        width: calc(100% / 4 - 16px) !important
    }
}

@media screen and (max-width:768px) {
    .flink#article-container .site-card {
        width: calc(100% / 3 - 16px) !important
    }
}

@media screen and (max-width:600px) {
    .flink#article-container .site-card {
        width: calc(100% / 2 - 16px) !important
    }
}

.flink#article-container .site-card .img {
    width: 100%;
    height: 120px;
    overflow: hidden;
    border-radius: 12px 12px 0 0;
    background: #f6f6f6
}

@media screen and (max-width:500px) {
    .flink#article-container .site-card .img {
        height: 100px
    }
}

.flink#article-container .site-card .img img {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 2s ease;
    -moz-transition: -moz-transform 2s ease;
    -o-transition: -o-transform 2s ease;
    -ms-transition: -ms-transform 2s ease;
    transition: transform 2s ease;
    object-fit: cover
}

.flink#article-container .site-card .info {
    margin-top: 8px
}

.flink#article-container .site-card .info img {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    float: left;
    margin-right: 8px;
    margin-top: 2px
}

.flink#article-container .site-card .info span {
    display: block
}

.flink#article-container .site-card .info .title {
    font-weight: 600;
    font-size: $fontsize-list;
    color: #444;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease
}

.flink#article-container .site-card .info .desc {
    font-size: $fontsize-footnote;
    word-wrap: break-word;
    line-height: 1.2;
    color: #888;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2
}

.flink#article-container .site-card .img {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease
}

.flink#article-container .site-card .img-alt {
    display: none
}

.flink#article-container .site-card:hover .info .title {
    color: #ff5722
}

#recent-posts>.recent-post-item:not(:first-child) {
    margin-top: 1rem
}

#recent-posts>.recent-post-item {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 15.5em;
    border-radius: 12px 8px 8px 12px;
    background: var(--card-bg);
    -webkit-box-shadow: var(--card-box-shadow);
    box-shadow: var(--card-box-shadow);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

@media screen and (max-width:768px) {
    #recent-posts>.recent-post-item {
        border-radius: 12px 12px 8px 8px
    }
}

#recent-posts>.recent-post-item:hover {
    -webkit-box-shadow: var(--card-hover-box-shadow);
    box-shadow: var(--card-hover-box-shadow)
}

#recent-posts>.recent-post-item:hover img.post_bg {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#recent-posts>.recent-post-item .left_radius {
    border-radius: 5px 0 0 8px
}

#recent-posts>.recent-post-item .right_radius {
    border-radius: 5px 0 0 8px
}

#recent-posts>.recent-post-item.ads-wrap {
    display: block !important;
    height: auto !important
}

#recent-posts>.recent-post-item .post_cover {
    overflow: hidden;
    width: 45%;
    height: 100%;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000)
}

#recent-posts>.recent-post-item .post_cover img.post_bg {
    width: 100%;
    height: 100%;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;
    object-fit: cover
}

#recent-posts>.recent-post-item .post_cover img.post_bg:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#recent-posts>.recent-post-item>.recent-post-info {
    display: inline-block;
    overflow: hidden;
    padding: 0 40px;
    width: 55%
}

#recent-posts>.recent-post-item>.recent-post-info.no-cover {
    width: 100%
}

#recent-posts>.recent-post-item>.recent-post-info>.article-title {
    margin-bottom: .3rem;
    color: var(--text-highlight-color);
    font-size: 1.4em;
    line-height: 1.4;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-line-clamp: 2
}

#recent-posts>.recent-post-item>.recent-post-info>.article-title:hover {
    color: #307af6
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap {
    color: #858585;
    font-size: 90%
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap>.post-meta-date {
    cursor: default
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .sticky {
    color: #ff7242
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap i {
    margin: 0 .2rem 0 0
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .article-meta-label {
    padding-right: .2rem
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .article-meta__separator {
    margin: 0 .3rem
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .article-meta__link {
    margin: 0 .2rem
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .fa-angle-right {
    margin: 0 .2rem
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap time {
    display: none
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap a {
    color: #858585
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap a:hover {
    color: #307af6;
    cursor: pointer;
    border-radius: 4px;
    background-color: rgba(59, 130, 255, .25)
}

#recent-posts>.recent-post-item>.recent-post-info>.content {
    margin-top: .3rem;
    -webkit-line-clamp: 3
}

@media screen and (max-width:768px) {
    #recent-posts .recent-post-item {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto !important
    }
    #recent-posts .recent-post-item .post_cover {
        -webkit-box-ordinal-group: 1 !important;
        -moz-box-ordinal-group: 1 !important;
        -o-box-ordinal-group: 1 !important;
        -ms-flex-order: 1 !important;
        -webkit-order: 1 !important;
        order: 1 !important;
        width: 100%;
        height: 230px;
        border-radius: 5px 8px 0 0
    }
    #recent-posts .recent-post-item .recent-post-info {
        -webkit-box-ordinal-group: 2 !important;
        -moz-box-ordinal-group: 2 !important;
        -o-box-ordinal-group: 2 !important;
        -ms-flex-order: 2 !important;
        -webkit-order: 2 !important;
        order: 2 !important;
        padding: 1rem 1rem 1.5rem;
        width: 100%
    }
    #recent-posts .recent-post-item .recent-post-info.no-cover {
        padding: 1.5rem 1rem
    }
    #recent-posts .recent-post-item .recent-post-info .article-title {
        font-size: 1.43em
    }
    #recent-posts .recent-post-item .recent-post-info .content {
        height: auto
    }
}

.tag-cloud-list a {
    display: inline-block;
    padding: 0 .4rem;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.tag-cloud-list a:hover {
    color: #307af6 !important;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

@media screen and (max-width:768px) {
    .tag-cloud-list a {
        zoom: .85
    }
}

.tag-cloud-title {
    font-size: 2.57em
}

@media screen and (max-width:768px) {
    .tag-cloud-title {
        font-size: 2em
    }
}

#error-wrap {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding: 0 1rem;
    max-width: 1000px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

#error-wrap .error-content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 1rem;
    height: 18rem;
    border-radius: 5px;
    background: var(--card-bg);
    -webkit-box-shadow: var(--card-box-shadow);
    box-shadow: var(--card-box-shadow);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

#error-wrap .error-content:hover {
    -webkit-box-shadow: var(--card-hover-box-shadow);
    box-shadow: var(--card-hover-box-shadow)
}

@media screen and (max-width:768px) {
    #error-wrap .error-content {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        height: 25rem
    }
}

#error-wrap .error-content .error-img {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #307af6;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

@media screen and (max-width:768px) {
    #error-wrap .error-content .error-img {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0
    }
}

#error-wrap .error-content .error-info {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .5rem;
    text-align: center;
    font-size: 14px;
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif
}

@media screen and (max-width:768px) {
    #error-wrap .error-content .error-info {
        -webkit-box-flex: 1.1;
        -moz-box-flex: 1.1;
        -o-box-flex: 1.1;
        box-flex: 1.1;
        -webkit-flex: 1.1;
        -ms-flex: 1.1;
        flex: 1.1;
        width: 100%
    }
}

#error-wrap .error-content .error-info .error_title {
    margin-top: -4rem;
    font-size: 9em
}

@media screen and (max-width:768px) {
    #error-wrap .error-content .error-info .error_title {
        margin-top: -3rem
    }
}

#error-wrap .error-content .error-info .error_subtitle {
    margin-top: -3.5rem;
    word-break: break-word;
    font-size: 1.6em;
    -webkit-line-clamp: 2
}

#error-wrap .error-content .error-info a {
    display: inline-block;
    margin-top: .5rem;
    padding: .3rem 1.5rem;
    background: var(--btn-bg);
    color: var(--btn-color)
}

#error-wrap .error-content .error-info a i {
    padding-right: .3rem
}

#aside-content {
    width: 25%
}

@media screen and (min-width:900px) {
    #aside-content {
        padding-left: 15px
    }
}

@media screen and (max-width:900px) {
    #aside-content {
        width: 100%
    }
}

#aside-content>.card-widget:first-child {
    margin-top: 0
}

@media screen and (max-width:900px) {
    #aside-content>.card-widget:first-child {
        margin-top: 1rem
    }
}

#aside-content .card-widget {
    position: relative;
    overflow: hidden;
    margin-top: 1rem;
    padding: 1rem 1.2rem;
    border-radius: 8px;
    background: var(--card-bg);
    -webkit-box-shadow: var(--card-box-shadow);
    box-shadow: var(--card-box-shadow);
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    -ms-transition: box-shadow .3s;
    transition: box-shadow .3s
}

#aside-content .card-widget:hover {
    -webkit-box-shadow: var(--card-hover-box-shadow);
    box-shadow: var(--card-hover-box-shadow)
}

@media screen and (max-width:768px) {
    #aside-content .card-widget:not(#card-toc) {
        display: none
    }
}

#aside-content .card-info img {
    width: 110px;
    height: 110px;
    border-radius: 70px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

#aside-content .card-info .author-info__name {
    font-weight: 500;
    font-size: 1.57em
}

#aside-content .card-info .author-info__description {
    margin-top: -.3rem
}

#aside-content .card-info .card-info-data {
    display: table;
    margin: .7rem 0 .2rem;
    width: 100%;
    table-layout: fixed
}

#aside-content .card-info .card-info-data>.card-info-data-item {
    display: table-cell
}

#aside-content .card-info .card-info-data>.card-info-data-item:hover {
    background: #000;
    border-radius: 5px
}

#aside-content .card-info .card-info-data>.card-info-data-item a .headline {
    color: var(--font-color);
    font-size: 1em
}

#aside-content .card-info .card-info-data>.card-info-data-item a .length-num {
    margin-top: -.3rem;
    color: var(--text-highlight-color);
    font-size: 1.4em
}

#aside-content .card-info .card-info-social-icons {
    margin: .3rem 0 -.3rem
}

#aside-content .card-info .card-info-social-icons .social-icon {
    margin: 0 .5rem;
    color: var(--font-color);
    font-size: 1.4em;
    cursor: pointer
}

#aside-content .card-info .card-info-social-icons i {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    padding: 8px 8px;
    border-radius: 32px
}

#aside-content .card-info .card-info-social-icons i:hover {
    -webkit-transform: rotate(540deg);
    -moz-transform: rotate(540deg);
    -o-transform: rotate(540deg);
    -ms-transform: rotate(540deg);
    transform: rotate(540deg);
    background-color: #000;
    cursor: pointer
}

#aside-content .card-info #card-info-btn {
    display: block;
    margin-top: .7rem;
    background-color: var(--btn-bg);
    color: var(--btn-color);
    text-align: center;
    line-height: 2.4
}

#aside-content .card-info #card-info-btn span {
    padding-left: .5rem
}

#aside-content .item-headline {
    padding-bottom: .3rem;
    font-size: 1.2em
}

#aside-content .item-headline span {
    margin-left: .5rem
}

@media screen and (min-width:900px) {
    #aside-content .sticky_layout {
        position: sticky;
        position: -webkit-sticky;
        top: 20px;
        -webkit-transition: top .3s;
        -moz-transition: top .3s;
        -o-transition: top .3s;
        -ms-transition: top .3s;
        transition: top .3s
    }
}

#aside-content .card-tag-cloud a {
    display: inline-block;
    padding: 0 .3rem
}

#aside-content .card-tag-cloud a:hover {
    color: #307af6 !important;
    background-color: #fff;
    color: #3b82ff;
    cursor: pointer;
    border-radius: 5px;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#aside-content .aside-list>span {
    display: block;
    margin-bottom: .5rem;
    text-align: center
}

#aside-content .aside-list>.aside-list-item {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .3rem 0
}

#aside-content .aside-list>.aside-list-item:first-child {
    padding-top: 0
}

#aside-content .aside-list>.aside-list-item:not(:last-child) {
    border-bottom: 1px dashed #f5f5f5
}

#aside-content .aside-list>.aside-list-item:last-child {
    padding-bottom: 0
}

#aside-content .aside-list>.aside-list-item .thumbnail {
    overflow: hidden;
    width: 4.2em;
    height: 4.2em
}

#aside-content .aside-list>.aside-list-item .thumbnail>img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;
    object-fit: cover
}

#aside-content .aside-list>.aside-list-item .thumbnail>img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#aside-content .aside-list>.aside-list-item .content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px;
    word-break: break-all
}

#aside-content .aside-list>.aside-list-item .content>.name {
    -webkit-line-clamp: 1
}

#aside-content .aside-list>.aside-list-item .content>.name,
#aside-content .aside-list>.aside-list-item .content>time {
    display: block;
    color: #858585;
    font-size: 85%
}

#aside-content .aside-list>.aside-list-item .content>.comment,
#aside-content .aside-list>.aside-list-item .content>.title {
    color: var(--font-color);
    font-size: 95%;
    line-height: 1.5;
    -webkit-line-clamp: 2
}

#aside-content .aside-list>.aside-list-item .content>.comment:hover,
#aside-content .aside-list>.aside-list-item .content>.title:hover {
    color: #307af6
}

#aside-content .aside-list>.aside-list-item.no-cover {
    min-height: 4.4em
}

#aside-content .card-archives ul.card-archive-list,
#aside-content .card-categories ul.card-category-list {
    margin: 0;
    padding: 0;
    list-style: none
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a,
#aside-content .card-categories ul.card-category-list>.card-category-list-item a {
    display: inline-block;
    padding: .15rem .5rem;
    width: 100%;
    color: var(--font-color);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
    border-radius: 5px
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a:hover,
#aside-content .card-categories ul.card-category-list>.card-category-list-item a:hover {
    padding: .15rem .85rem;
    background-color: #fff;
    color: #427bee;
    border-radius: 5px
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span,
#aside-content .card-categories ul.card-category-list>.card-category-list-item a span {
    display: inline-block;
    vertical-align: bottom
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span:first-child,
#aside-content .card-categories ul.card-category-list>.card-category-list-item a span:first-child {
    width: 80%
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span:last-child,
#aside-content .card-categories ul.card-category-list>.card-category-list-item a span:last-child {
    width: 20%;
    text-align: right
}

#aside-content .card-categories .card-category-list.child {
    padding: 0 0 0 .8rem
}

#aside-content .card-categories .card-category-list>.parent>a .card-category-list-name {
    width: 70% !important
}

#aside-content .card-categories .card-category-list>.parent>a .card-category-list-count {
    width: calc(100% - 70% - 20px);
    text-align: right
}

#aside-content .card-categories .card-category-list>.parent i {
    float: right;
    margin-right: -.35rem;
    padding: .35rem;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -o-transition: -o-transform .3s;
    -ms-transition: -ms-transform .3s;
    transition: transform .3s;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

#aside-content .card-categories .card-category-list>.parent i.expand {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

#aside-content .card-webinfo .webinfo .webinfo-item {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .1rem .5rem 0
}

#aside-content .card-webinfo .webinfo .webinfo-item div:first-child {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 1rem
}

@media screen and (min-width:901px) {
    #aside-content #card-toc {
        right: 0 !important
    }
}

@media screen and (max-width:900px) {
    #aside-content #card-toc {
        position: fixed;
        right: -100%;
        bottom: 30px;
        z-index: 100;
        max-height: calc(100% - 60px);
        width: 300px;
        opacity: 0;
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom
    }
}

#aside-content #card-toc .toc-content {
    overflow-y: auto;
    max-height: calc(100vh - 120px)
}

@media screen and (max-width:900px) {
    #aside-content #card-toc .toc-content {
        max-height: calc(100vh - 140px)
    }
}

#aside-content #card-toc .toc-content .toc-child {
    display: none
}

@media screen and (max-width:900px) {
    #aside-content #card-toc .toc-content .toc-child {
        display: block !important
    }
}

#aside-content #card-toc .toc-content .toc-item.active .toc-child {
    display: block
}

#aside-content #card-toc .toc-content li,
#aside-content #card-toc .toc-content ol {
    list-style: none
}

#aside-content #card-toc .toc-content>ol {
    padding: 0 !important
}

#aside-content #card-toc .toc-content ol {
    margin: 0;
    padding-left: .4rem
}

#aside-content #card-toc .toc-content .toc-link {
    display: block;
    padding-left: .3rem;
    border-left: 3px solid transparent;
    color: var(--toc-link-color);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#aside-content #card-toc .toc-content .toc-link.active {
    border-left-color: #0061cc;
    background: #0079ff;
    color: #fff
}

#aside-content #card-toc .toc-content:before {
    position: absolute;
    top: .6rem;
    right: 1.2rem;
    color: #a9a9a9;
    content: attr(progress-percentage);
    font-style: italic;
    font-size: 1.2rem
}

#aside-content :only-child>.card-widget {
    margin-top: 0
}

#aside-content .card-more-btn {
    float: right;
    color: inherit
}

#aside-content .card-more-btn:hover {
    -webkit-animation: more-btn-move 1s infinite;
    -moz-animation: more-btn-move 1s infinite;
    -o-animation: more-btn-move 1s infinite;
    -ms-animation: more-btn-move 1s infinite;
    animation: more-btn-move 1s infinite
}

@media screen and (min-width:900px) {
    html.hide-aside .layout {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
    html.hide-aside .layout>.aside-content {
        display: none
    }
    html.hide-aside .layout>div:first-child {
        width: 80%
    }
}

.page .sticky_layout {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@-moz-keyframes more-btn-move {
    0%,
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(3px);
        -moz-transform: translateX(3px);
        -o-transform: translateX(3px);
        -ms-transform: translateX(3px);
        transform: translateX(3px)
    }
}

@-webkit-keyframes more-btn-move {
    0%,
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(3px);
        -moz-transform: translateX(3px);
        -o-transform: translateX(3px);
        -ms-transform: translateX(3px);
        transform: translateX(3px)
    }
}

@-o-keyframes more-btn-move {
    0%,
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(3px);
        -moz-transform: translateX(3px);
        -o-transform: translateX(3px);
        -ms-transform: translateX(3px);
        transform: translateX(3px)
    }
}

@keyframes more-btn-move {
    0%,
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(3px);
        -moz-transform: translateX(3px);
        -o-transform: translateX(3px);
        -ms-transform: translateX(3px);
        transform: translateX(3px)
    }
}

@-moz-keyframes toc-open {
    0% {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes toc-open {
    0% {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes toc-open {
    0% {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes toc-open {
    0% {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes toc-close {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
}

@-webkit-keyframes toc-close {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
}

@-o-keyframes toc-close {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
}

@keyframes toc-close {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
}

#post-comment .comment-head {
    margin-bottom: 1rem
}

#post-comment .comment-head .comment-headline {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    font-size: 1.43em
}

#post-comment .comment-head #comment-switch {
    display: inline-block;
    float: right;
    margin: .1rem auto 0;
    padding: .2rem .8rem;
    width: max-content;
    border-radius: 5px;
    background: #f6f8fa
}

#post-comment .comment-head #comment-switch .first-comment {
    color: #307af6
}

#post-comment .comment-head #comment-switch .second-comment {
    color: #ff7242
}

#post-comment .comment-head #comment-switch .switch-btn {
    position: relative;
    display: inline-block;
    margin: -4px .4rem 0;
    width: 42px;
    height: 22px;
    border-radius: 34px;
    background-color: #307af6;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    -ms-transition: .4s;
    transition: .4s
}

#post-comment .comment-head #comment-switch .switch-btn:before {
    position: absolute;
    bottom: 4px;
    left: 4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fff;
    content: '';
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    -ms-transition: .4s;
    transition: .4s
}

#post-comment .comment-head #comment-switch .switch-btn.move {
    background-color: #ff7242
}

#post-comment .comment-head #comment-switch .switch-btn.move:before {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}

#post-comment .comment-wrap>div:nth-child(2) {
    display: none
}

#footer {
    position: relative;
    background: #307af6;
    background-attachment: local;
    background-position: bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

#footer-wrap {
    position: relative;
    padding: 2rem 1rem;
    color: var(--light-grey);
    text-align: center
}

#footer-wrap a {
    color: var(--light-grey);
    padding: 4px 12px;
    border-radius: 5px
}

#footer-wrap a:hover {
    background-color: #fff;
    color: #3b82ff;
    cursor: pointer;
    border-radius: 5px
}

#footer-wrap .footer-separator {
    margin: 0 .2rem
}

#footer-wrap .icp-icon {
    padding: 0 4px;
    vertical-align: text-bottom;
    max-height: 1.4em;
    width: auto
}

#page-header {
    position: relative;
    width: 100%;
    background-color: none;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

#page-header.full_page {
    height: 20rem;
    background-attachment: fixed
}

#page-header.full_page #site-info {
    position: absolute;
    top: 7.8rem;
    padding: 0 .5rem;
    width: 100%
}

#page-header #scroll-down .scroll-down-effects,
#page-header #site-subtitle,
#page-header #site-title {
    text-align: center;
    line-height: 1.5
}

#page-header #site-title {
    margin: 0;
    color: var(--white);
    font-size: 1.85em
}

@media screen and (min-width:768px) {
    #page-header #site-title {
        font-size: 2.85em
    }
}

#page-header #site-subtitle {
    color: var(--light-grey);
    font-size: 1.15em
}

@media screen and (min-width:768px) {
    #page-header #site-subtitle {
        font-size: 1.72em
    }
}

#page-header #site_social_icons {
    display: none;
    margin: 0 auto;
    width: 15rem;
    text-align: center
}

@media screen and (max-width:768px) {
    #page-header #site_social_icons {
        display: block
    }
}

#page-header #site_social_icons .social-icon {
    margin: 0 .5rem;
    color: var(--light-grey);
    text-shadow: .1rem .1rem .2rem rgba(0, 0, 0, .15);
    font-size: 1.43em;
    cursor: pointer
}

#page-header #scroll-down {
    position: absolute;
    bottom: 0;
    width: 100%;
    cursor: pointer;
    display: none
}

#page-header #scroll-down .scroll-down-effects {
    position: relative;
    width: 100%;
    color: var(--light-grey);
    font-size: 30px
}

#page-header.not-home-page {
    height: 20rem
}

@media screen and (max-width:768px) {
    #page-header.not-home-page {
        height: 14rem
    }
}

#page-header #page-site-info {
    position: absolute;
    top: 10rem;
    padding: 0 .5rem;
    width: 100%
}

@media screen and (max-width:768px) {
    #page-header #page-site-info {
        top: 7rem
    }
}

#page-header.post-bg {
    height: 20rem
}

@media screen and (max-width:768px) {
    #page-header.post-bg {
        height: 18rem
    }
}

#page-header.post-bg:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    content: ''
}

#page-header #post-info {
    position: absolute;
    padding: 0 8%;
    width: 100%;
    text-align: center
}

@media screen and (max-width:900px) {
    #page-header #post-info {
        bottom: 1.5rem;
        text-align: left
    }
}

@media screen and (max-width:768px) {
    #page-header #post-info {
        bottom: 1.1rem;
        padding: 0 1.1rem
    }
}

#page-header.not-top-img {
    margin-bottom: .5rem;
    height: 60px;
    background: 0
}

#page-header.not-top-img #nav {
    background: rgba(255, 255, 255, .8)
}

#page-header.not-top-img #nav a {
    color: var(--font-color);
    text-shadow: none
}

#page-header.nav-fixed #nav {
    position: fixed;
    top: -60px;
    z-index: 91;
    background: rgba(255, 255, 255, .8);
    -webkit-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out;
    -moz-transition: -moz-transform .2s ease-in-out, opacity .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out, opacity .2s ease-in-out;
    -ms-transition: -ms-transform .2s ease-in-out, opacity .2s ease-in-out;
    transition: transform .2s ease-in-out, opacity .2s ease-in-out
}

#page-header.nav-fixed #nav #site-name,
#page-header.nav-fixed #nav #toggle-menu,
#page-header.nav-fixed #nav a {
    color: var(--font-color);
    text-shadow: none
}

#page-header.nav-fixed #nav #site-name:hover,
#page-header.nav-fixed #nav #toggle-menu:hover,
#page-header.nav-fixed #nav a:hover {
    color: #307af6
}

#page-header.nav-visible #nav {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

#page-header.nav-visible+.layout>.aside-content>.sticky_layout {
    top: 70px;
    -webkit-transition: top .5s;
    -moz-transition: top .5s;
    -o-transition: top .5s;
    -ms-transition: top .5s;
    transition: top .5s
}

_::-webkit-full-page-media,
_:future,
:root #page-header.full_page {
    background-attachment: scroll !important
}

#page h1.page-title {
    margin: .4rem 0 1rem
}

#post>#post-info {
    margin-bottom: 1.5rem
}

#post>#post-info .post-title {
    padding-bottom: .2rem;
    border-bottom: 1px solid var(--light-grey);
    color: var(--text-highlight-color)
}

#post>#post-info .post-title .post-edit-link {
    float: right
}

#post>#post-info #post-meta,
#post>#post-info #post-meta a {
    color: #78818a
}

#post-info .post-title {
    margin-bottom: .4rem;
    color: var(--white);
    font-weight: 400;
    font-size: 2.5em;
    line-height: 1.5;
    -webkit-line-clamp: 3
}

@media screen and (max-width:768px) {
    #post-info .post-title {
        font-size: 1.72em
    }
}

#post-info .post-title .post-edit-link {
    padding-left: .5rem
}

#post-info #post-meta {
    color: var(--light-grey);
    font-size: 95%
}

@media screen and (min-width:768px) {
    #post-info #post-meta>.meta-secondline>span:first-child {
        display: none
    }
}

@media screen and (max-width:768px) {
    #post-info #post-meta {
        font-size: 90%
    }
    #post-info #post-meta>.meta-firstline,
    #post-info #post-meta>.meta-secondline {
        display: inline
    }
}

#post-info #post-meta .post-meta-separator {
    margin: 0 .25rem
}

#post-info #post-meta .post-meta-icon {
    margin-right: .2rem
}

#post-info #post-meta .post-meta-label {
    margin-right: .2rem
}

#post-info #post-meta a {
    color: var(--light-grey);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#post-info #post-meta a:hover {
    color: #307af6;
    text-decoration: underline
}

#nav {
    position: absolute;
    top: 0;
    z-index: 90;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 36px;
    width: 100%;
    height: 60px;
    font-size: 1.3em;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

@media screen and (max-width:768px) {
    #nav {
        padding: 0 16px
    }
}

#nav.show {
    opacity: 1;
    -ms-filter: none;
    filter: none
}

#nav #toggle-menu {
    display: none;
    padding: .1rem 0 0 .3rem;
    vertical-align: top
}

#nav #toggle-menu:hover {
    color: var(--white)
}

#nav a {
    color: var(--light-grey);
    padding: .3rem .4rem 0 .4rem;
    border-radius: 5px
}

#nav a:hover {
    color: var(--white);
    background: rgba(0, 0, 0, .25)
}

#nav #site-name {
    text-shadow: .1rem .1rem .2rem rgba(0, 0, 0, .15);
    font-weight: 700;
    cursor: pointer
}

#nav .menus_items {
    display: inline
}

#nav .menus_items .menus_item {
    position: relative;
    display: inline-block;
    padding: 0 .4rem 0 0
}

#nav .menus_items .menus_item:hover .menus_item_child {
    display: block
}

#nav .menus_items .menus_item:hover i.expand {
    -webkit-transform: rotate(180deg) !important;
    -moz-transform: rotate(180deg) !important;
    -o-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important
}

#nav .menus_items .menus_item i.expand {
    padding: 4px;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -o-transition: -o-transform .3s;
    -ms-transition: -ms-transform .3s;
    transition: transform .3s
}

#nav .menus_items .menus_item .menus_item_child {
    position: absolute;
    display: none;
    margin-top: 8px;
    padding: 0;
    background-color: var(--sidebar-bg);
    -webkit-box-shadow: 0 5px 20px -4px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 20px -4px rgba(0, 0, 0, .5);
    -webkit-animation: sub_menus .3s .1s ease both;
    -moz-animation: sub_menus .3s .1s ease both;
    -o-animation: sub_menus .3s .1s ease both;
    -ms-animation: sub_menus .3s .1s ease both;
    animation: sub_menus .3s .1s ease both;
    border-radius: 5px;
    white-space: nowrap
}

#nav .menus_items .menus_item .menus_item_child:before {
    position: absolute;
    top: -8px;
    left: 0;
    width: 100%;
    height: 20px;
    content: ''
}

#nav .menus_items .menus_item .menus_item_child li {
    list-style: none;
    border-radius: 5px
}

#nav .menus_items .menus_item .menus_item_child li a {
    display: inline-block;
    padding: .3rem .7rem;
    width: 100%;
    color: var(--font-color) !important;
    text-shadow: none !important
}

#nav.hide-menu #toggle-menu {
    display: inline-block !important
}

#nav.hide-menu #toggle-menu .site-page {
    font-size: inherit
}

#nav.hide-menu .menus_items {
    position: absolute;
    left: 0;
    visibility: hidden;
    opacity: 0
}

#nav.hide-menu #search-button span {
    display: none !important
}

#nav #search-button {
    display: inline;
    padding: 0 .4rem
}

#nav .site-page {
    position: relative;
    padding-bottom: .3rem;
    text-shadow: .05rem .05rem .1rem rgba(0, 0, 0, .3);
    font-size: .78em;
    cursor: pointer
}

#loading-box .carplay {
    position: fixed;
    z-index: 1002;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    width: 100vw;
    height: 100vh
}

#loading-box .spinner-box {
    position: fixed;
    z-index: 1001;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100vh
}

#loading-box .spinner-box .configure-border-1 {
    position: absolute;
    padding: 3px;
    width: 115px;
    height: 115px;
    background: #ffab91;
    -webkit-animation: configure-clockwise 3s ease-in-out 0s infinite alternate;
    -moz-animation: configure-clockwise 3s ease-in-out 0s infinite alternate;
    -o-animation: configure-clockwise 3s ease-in-out 0s infinite alternate;
    -ms-animation: configure-clockwise 3s ease-in-out 0s infinite alternate;
    animation: configure-clockwise 3s ease-in-out 0s infinite alternate
}

#loading-box .spinner-box .configure-border-2 {
    left: -115px;
    padding: 3px;
    width: 115px;
    height: 115px;
    background: #3ff9dc;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
    -moz-animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
    -o-animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
    -ms-animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
    animation: configure-xclockwise 3s ease-in-out 0s infinite alternate
}

#loading-box .spinner-box .loading-word {
    position: absolute;
    color: var(--preloader-color);
    font-size: .8rem
}

#loading-box .spinner-box .configure-core {
    width: 100%;
    height: 100%;
    background-color: var(--preloader-bg)
}

#loading-box .spinner-box .pic {
    vertical-align: middle
}

#loading-box .spinner-box .txt {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #aeaeae
}

#loading-box.loaded .loading-left-bg {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

#loading-box.loaded .loading-right-bg {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

#loading-box.loaded .spinner-box {
    display: none
}

#loading-box.loaded .carplay {
    display: none
}

#loadingtxt {
    width: 100%;
    height: 25px;
    line-height: 25px;
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    color: #e0e0e0;
    top: 30px
}

.li-style {
    width: 100%;
    height: 25px;
    text-align: center
}

li,
ul {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0
}

@-moz-keyframes configure-clockwise {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    75% {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes configure-clockwise {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    75% {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes configure-clockwise {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    75% {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes configure-clockwise {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    75% {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes configure-xclockwise {
    0% {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    25% {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    50% {
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }
    75% {
        -webkit-transform: rotate(-225deg);
        -moz-transform: rotate(-225deg);
        -o-transform: rotate(-225deg);
        -ms-transform: rotate(-225deg);
        transform: rotate(-225deg)
    }
    100% {
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        -o-transform: rotate(-315deg);
        -ms-transform: rotate(-315deg);
        transform: rotate(-315deg)
    }
}

@-webkit-keyframes configure-xclockwise {
    0% {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    25% {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    50% {
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }
    75% {
        -webkit-transform: rotate(-225deg);
        -moz-transform: rotate(-225deg);
        -o-transform: rotate(-225deg);
        -ms-transform: rotate(-225deg);
        transform: rotate(-225deg)
    }
    100% {
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        -o-transform: rotate(-315deg);
        -ms-transform: rotate(-315deg);
        transform: rotate(-315deg)
    }
}

@-o-keyframes configure-xclockwise {
    0% {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    25% {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    50% {
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }
    75% {
        -webkit-transform: rotate(-225deg);
        -moz-transform: rotate(-225deg);
        -o-transform: rotate(-225deg);
        -ms-transform: rotate(-225deg);
        transform: rotate(-225deg)
    }
    100% {
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        -o-transform: rotate(-315deg);
        -ms-transform: rotate(-315deg);
        transform: rotate(-315deg)
    }
}

@keyframes configure-xclockwise {
    0% {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    25% {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    50% {
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }
    75% {
        -webkit-transform: rotate(-225deg);
        -moz-transform: rotate(-225deg);
        -o-transform: rotate(-225deg);
        -ms-transform: rotate(-225deg);
        transform: rotate(-225deg)
    }
    100% {
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        -o-transform: rotate(-315deg);
        -ms-transform: rotate(-315deg);
        transform: rotate(-315deg)
    }
}

#pagination {
    overflow: hidden;
    margin-top: 1rem;
    width: 100%
}

#pagination .pagination {
    text-align: center
}

#pagination .page-number {
    display: inline-block;
    margin: 0 .2rem;
    min-width: 1.2rem;
    height: 1.2rem;
    text-align: center;
    line-height: 1.2rem;
    cursor: pointer
}

#pagination .page-number.current {
    background: #0079ff;
    color: var(--white);
    cursor: default;
    border-radius: 5px
}

#pagination img.next-cover,
#pagination img.prev-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .4;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;
    object-fit: cover
}

#pagination .pagination-info {
    position: absolute;
    top: 50%;
    padding: 1rem 2rem;
    width: 100%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

#pagination .next_info,
#pagination .prev_info {
    color: var(--white);
    font-weight: 500
}

#pagination .next-post .pagination-info {
    text-align: right
}

#pagination .pull-full {
    width: 100% !important
}

#pagination .next-post .label,
#pagination .prev-post .label {
    color: var(--light-grey);
    text-transform: uppercase;
    font-size: 90%
}

#pagination .next-post,
#pagination .prev-post {
    width: 50%
}

@media screen and (max-width:768px) {
    #pagination .next-post,
    #pagination .prev-post {
        width: 100%
    }
}

#pagination .next-post a,
#pagination .prev-post a {
    position: relative;
    display: block;
    overflow: hidden;
    height: 150px
}

#pagination .next-post:hover img.next-cover,
#pagination .next-post:hover img.prev-cover,
#pagination .prev-post:hover img.next-cover,
#pagination .prev-post:hover img.prev-cover {
    opacity: .8;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

#pagination.pagination-post {
    margin-top: 2rem;
    background: #000
}

#article-container {
    word-wrap: break-word;
    overflow-wrap: break-word
}

#article-container a {
    color: #307af6
}

#article-container a:hover {
    text-decoration: underline
}

#article-container img {
    display: block;
    margin: 0 auto .8rem
}

#article-container p {
    margin: 0 0 .8rem
}

#article-container iframe {
    margin: 0 0 1rem
}

#article-container kbd {
    margin: 0 3px;
    padding: 3px 5px;
    border: 1px solid #b4b4b4;
    border-radius: 3px;
    background-color: #f8f8f8;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .25), 0 2px 1px 0 rgba(255, 255, 255, .6) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25), 0 2px 1px 0 rgba(255, 255, 255, .6) inset;
    color: #34495e;
    white-space: nowrap;
    font-weight: 600;
    font-size: .9em;
    font-family: Monaco, 'Ubuntu Mono', monospace;
    line-height: 1em
}

#article-container h1,
#article-container h2,
#article-container h3,
#article-container h4,
#article-container h5,
#article-container h6 {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out
}

#article-container h1:before,
#article-container h2:before,
#article-container h3:before,
#article-container h4:before,
#article-container h5:before,
#article-container h6:before {
    position: absolute;
    top: calc(50% - .35rem);
    color: #f2ba4b;
    content: '\f054';
    line-height: 1;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out
}

#article-container h1:hover:before,
#article-container h2:hover:before,
#article-container h3:hover:before,
#article-container h4:hover:before,
#article-container h5:hover:before,
#article-container h6:hover:before {
    color: #307af6
}

#article-container h1 {
    padding-left: 1.4rem
}

#article-container h1 code {
    font-size: 1rem
}

#article-container h1:before {
    margin-left: -1.2rem;
    font-size: 1rem
}

#article-container h1:hover {
    padding-left: 1.6rem
}

#article-container h2 {
    padding-left: 1.3rem
}

#article-container h2 code {
    font-size: .9rem
}

#article-container h2:before {
    margin-left: -1.1rem;
    font-size: .9rem
}

#article-container h2:hover {
    padding-left: 1.5rem
}

#article-container h3 {
    padding-left: 1.2rem
}

#article-container h3 code {
    font-size: .8rem
}

#article-container h3:before {
    margin-left: -1rem;
    font-size: .8rem
}

#article-container h3:hover {
    padding-left: 1.4rem
}

#article-container h4 {
    padding-left: 1.1rem
}

#article-container h4 code {
    font-size: .7rem
}

#article-container h4:before {
    margin-left: -.9rem;
    font-size: .7rem
}

#article-container h4:hover {
    padding-left: 1.3rem
}

#article-container h5 {
    padding-left: 1rem
}

#article-container h5 code {
    font-size: .6rem
}

#article-container h5:before {
    margin-left: -.8rem;
    font-size: .6rem
}

#article-container h5:hover {
    padding-left: 1.2rem
}

#article-container h6 {
    padding-left: 1rem
}

#article-container h6 code {
    font-size: .6rem
}

#article-container h6:before {
    margin-left: -.8rem;
    font-size: .6rem
}

#article-container h6:hover {
    padding-left: 1.2rem
}

#article-container ol,
#article-container ul {
    margin-top: .4rem;
    padding: 0 0 0 .8rem;
    list-style: none;
    counter-reset: li
}

@media screen and (max-width:768px) {
    #article-container ol,
    #article-container ul {
        padding: 0 0 0 .4rem
    }
}

#article-container ol p,
#article-container ul p {
    margin: 0 0 .5rem
}

#article-container ol ol,
#article-container ol ul,
#article-container ul ol,
#article-container ul ul {
    padding-left: .6rem
}

@media screen and (max-width:768px) {
    #article-container ol ol,
    #article-container ol ul,
    #article-container ul ol,
    #article-container ul ul {
        padding-left: .2rem
    }
}

#article-container ol li:not(.tab),
#article-container ul li:not(.tab) {
    position: relative;
    margin: .2rem 0
}

#article-container ol li:hover:before,
#article-container ul li:hover:before {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

#article-container ol li:before,
#article-container ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    background: #307af6;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#article-container ol>li:not(.tab) {
    padding: .2em .2em .2em 1.8em
}

#article-container ol>li:before {
    margin-top: .65em;
    width: 1.45em;
    height: 1.45em;
    border-radius: .725em;
    content: counter(li);
    counter-increment: li;
    text-align: center;
    font-size: .85em;
    line-height: 1.45em
}

#article-container ul>li:not(.tab) {
    padding: .2em .2em .2em 1.4em
}

#article-container ul>li:not(.tab):hover:before {
    border-color: #ff7242
}

#article-container ul>li:not(.tab):before {
    top: .78em;
    width: .42em;
    height: .42em;
    border: .21em solid #307af6;
    border-radius: .42em;
    background: 0 0;
    content: '';
    line-height: .42em
}

#article-container>:last-child {
    margin-bottom: 0 !important
}

#post .tag_share .post-meta__tag-list {
    display: inline-block
}

#post .tag_share .post-meta__tags {
    display: inline-block;
    margin: .4rem .4rem .4rem 0;
    padding: 0 .6rem;
    width: fit-content;
    border: 1px solid #307af6;
    border-radius: 2rem;
    font-size: .85em;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #307af6;
    color: var(--white)
}

#post .tag_share .post-meta__tags:hover {
    color: #307af6;
    background: 0 0
}

#post .tag_share .post_share {
    display: inline-block;
    float: right;
    margin: .4rem 0;
    width: fit-content
}

#post .tag_share .post_share .social-share {
    font-size: .85em
}

#post .tag_share .post_share .social-share .social-share-icon {
    margin: 0 4px;
    width: 1.85em;
    height: 1.85em;
    font-size: 1.2em;
    line-height: 1.85em
}

#post .post-copyright {
    position: relative;
    margin: 2rem 0 .5rem;
    padding: .5rem .8rem;
    -webkit-transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
    -o-transition: box-shadow .3s ease-in-out;
    -ms-transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    background: #16181a;
    border-radius: 12px !important
}

#post .post-copyright:before {
    position: absolute;
    top: .1rem;
    right: .6rem;
    color: #307af6;
    content: '\f1f9';
    font-size: 1rem
}

#post .post-copyright .post-copyright-meta {
    color: var(--heo-lighttext);
    font-weight: 700
}

#post .post-copyright .post-copyright-info {
    padding-left: .3rem
}

#post .post-copyright .post-copyright-info a {
    text-decoration: none;
    word-break: break-word;
    color: #3b82ff;
    padding: 0 4px;
    border-radius: 4px
}

#post .post-copyright .post-copyright-info a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #3b82ff;
    cursor: pointer;
    border-radius: 4px
}

#post .post-outdate-notice {
    position: relative;
    margin: 0 0 1rem;
    padding: .5em 1.2em;
    border-radius: 3px;
    background-color: #ffe6e6;
    color: #f66;
    padding: .5em 1em .5em 2.6em;
    border-left: 5px solid #ff8080
}

#post .post-outdate-notice:before {
    position: absolute;
    top: 50%;
    left: .9em;
    color: #ff8080;
    content: '\f071';
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#post .ads-wrap {
    margin: 2rem 0
}

.relatedPosts {
    margin-top: 2rem
}

.relatedPosts>.headline {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 1.43em
}

.relatedPosts>.relatedPosts-list>div {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 3px;
    width: calc(33.333% - 6px);
    height: 200px;
    background: #000;
    vertical-align: bottom
}

.relatedPosts>.relatedPosts-list>div:hover .cover {
    opacity: .8;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

@media screen and (max-width:768px) {
    .relatedPosts>.relatedPosts-list>div {
        margin: 2px;
        width: calc(50% - 4px);
        height: 150px
    }
}

@media screen and (max-width:600px) {
    .relatedPosts>.relatedPosts-list>div {
        width: calc(100% - 4px)
    }
}

.relatedPosts>.relatedPosts-list .cover {
    width: 100%;
    height: 100%;
    opacity: .4;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;
    object-fit: cover
}

.relatedPosts>.relatedPosts-list .content {
    position: absolute;
    top: 50%;
    padding: 0 1rem;
    width: 100%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.relatedPosts>.relatedPosts-list .content .date {
    color: var(--light-grey);
    font-size: 90%
}

.relatedPosts>.relatedPosts-list .content .title {
    color: var(--white);
    -webkit-line-clamp: 2
}

.post-reward {
    position: relative;
    margin-top: 4rem;
    text-align: center
}

.post-reward .reward-button {
    display: inline-block;
    padding: .2rem 1.2rem;
    background: var(--btn-bg);
    color: var(--btn-color);
    cursor: pointer;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
    border-radius: 5px
}

.post-reward:hover>.reward-main {
    display: block
}

.post-reward .reward-main {
    position: absolute;
    bottom: 40px;
    left: 0;
    z-index: 100;
    display: none;
    padding: 0 0 15px;
    width: 100%
}

.post-reward .reward-main .reward-all {
    display: inline-block;
    margin: 0;
    padding: 1rem .5rem;
    border-radius: 4px;
    background: var(--reward-pop)
}

.post-reward .reward-main .reward-all:before {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 20px;
    content: ''
}

.post-reward .reward-main .reward-all:after {
    position: absolute;
    right: 0;
    bottom: 2px;
    left: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 13px solid var(--reward-pop);
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
    content: ''
}

.post-reward .reward-main .reward-all .reward-item {
    display: inline-block;
    padding: 0 8px;
    list-style-type: none;
    vertical-align: top
}

.post-reward .reward-main .reward-all .reward-item img {
    width: 130px;
    height: 130px
}

.post-reward .reward-main .reward-all .reward-item .post-qr-code-desc {
    padding-top: .4rem;
    width: 130px;
    color: #858585
}

#rightside {
    position: fixed;
    right: -38px;
    bottom: 40px;
    z-index: 100;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

#rightside #rightside-config-hide {
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s;
    -o-transition: -o-transform .4s;
    -ms-transition: -ms-transform .4s;
    transition: transform .4s;
    -webkit-transform: translate(35px, 0);
    -moz-transform: translate(35px, 0);
    -o-transform: translate(35px, 0);
    -ms-transform: translate(35px, 0);
    transform: translate(35px, 0)
}

#rightside #rightside-config-hide.show {
    -webkit-transform: translate(0, 0) !important;
    -moz-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important
}

#rightside>div>a,
#rightside>div>button {
    display: block;
    margin-bottom: 2px;
    width: 30px;
    height: 30px;
    background-color: var(--btn-bg);
    color: var(--btn-color);
    text-align: center;
    font-size: 16px
}

#rightside>div>a:hover,
#rightside>div>button:hover {
    background-color: var(--btn-hover-color)
}

#rightside #mobile-toc-button {
    display: none
}

@media screen and (max-width:900px) {
    #rightside #mobile-toc-button {
        display: block
    }
}

@media screen and (max-width:900px) {
    #rightside #hide-aside-btn {
        display: none
    }
}

#sidebar #menu-mask {
    position: fixed;
    z-index: 102;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8)
}

#sidebar #sidebar-menus {
    position: fixed;
    top: 0;
    right: -300px;
    z-index: 103;
    overflow-x: hidden;
    overflow-y: auto;
    width: 300px;
    height: 100%;
    background: var(--sidebar-bg);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

#sidebar #sidebar-menus.open {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

#sidebar #sidebar-menus>.author-avatar {
    padding: 1.3rem 1.5rem 0;
    text-align: center
}

#sidebar #sidebar-menus>.author-avatar img {
    width: 110px;
    height: 110px;
    border-radius: 70px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

#sidebar #sidebar-menus>.author-avatar img:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

#sidebar #sidebar-menus .site-data {
    display: table;
    padding: .6rem .5rem 0;
    width: 100%;
    table-layout: fixed
}

#sidebar #sidebar-menus .site-data .data-item {
    display: table-cell
}

#sidebar #sidebar-menus .site-data .data-item .data-item-link .length-num {
    color: var(--text-highlight-color);
    font-size: 1.28em
}

#sidebar #sidebar-menus .site-data .data-item .data-item-link .headline {
    color: var(--font-color)
}

#sidebar #sidebar-menus hr {
    margin: 1rem auto
}

#sidebar #sidebar-menus .menus_items {
    padding: 0 .5rem 2rem
}

#sidebar #sidebar-menus .menus_items .site-page {
    position: relative;
    display: block;
    padding: .3rem 1.5rem;
    color: var(--font-color);
    font-size: 1.15em;
    cursor: pointer
}

#sidebar #sidebar-menus .menus_items .site-page i:first-child {
    width: 25%;
    text-align: left
}

#sidebar #sidebar-menus .menus_items .site-page span {
    width: 75%
}

#sidebar #sidebar-menus .menus_items .site-page span:hover {
    color: #307af6
}

#sidebar #sidebar-menus .menus_items .expand {
    position: absolute;
    top: .78em;
    right: .4rem;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    -o-transition: -o-transform .3s;
    -ms-transition: -ms-transform .3s;
    transition: transform .3s
}

#sidebar #sidebar-menus .menus_items .expand.hide {
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important
}

#sidebar #sidebar-menus .menus_items .menus_item_child {
    margin: 0;
    list-style: none
}

#vcomment,
#waline {
    font-size: 1.1em
}

#vcomment .vbtn,
#waline .vbtn {
    border: none;
    background: var(--btn-bg);
    color: var(--btn-color)
}

#vcomment .vbtn:hover,
#waline .vbtn:hover {
    background: var(--btn-hover-color)
}

#vcomment .vimg,
#waline .vimg {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

#vcomment .vimg:hover,
#waline .vimg:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

#vcomment .vcards .vcard .vcontent.expand:after,
#vcomment .vcards .vcard .vcontent.expand:before,
#waline .vcards .vcard .vcontent.expand:after,
#waline .vcards .vcard .vcontent.expand:before {
    z-index: 22
}

.fireworks {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    pointer-events: none
}

.medium-zoom-image--opened {
    z-index: 99999 !important;
    margin: 0 !important
}

.medium-zoom-overlay {
    z-index: 99999 !important
}

.mermaid {
    overflow: auto;
    margin: 0 0 1rem;
    background: #fff;
    text-align: center;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.mermaid[data-processed] {
    opacity: 1;
    -ms-filter: none;
    filter: none
}

.fb-comments iframe,
.utterances {
    width: 100% !important
}

#gitalk-container .gt-meta {
    margin: 0 0 .8em;
    padding: .3rem 0 .8em
}

.katex-wrap {
    overflow: auto
}

.katex-wrap::-webkit-scrollbar {
    display: none
}

.mathjax-overflow {
    overflow-x: auto;
    overflow-y: hidden
}

mjx-container[jax=CHTML][display=true] {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: .3rem
}

.aplayer {
    color: $font-white
}

#article-container .aplayer {
    margin: 0 0 1rem
}

#article-container .aplayer ol,
#article-container .aplayer ul {
    margin: 0;
    padding: 0
}

#article-container .aplayer ol li,
#article-container .aplayer ul li {
    margin: 0;
    padding: 0 15px
}

#article-container .aplayer ol li:before,
#article-container .aplayer ul li:before {
    content: none
}

#article-container .btn-center {
    margin: 0 0 1rem;
    text-align: center
}

#article-container .btn-beautify {
    display: inline-block;
    margin: 0 .2rem .3rem;
    padding: 0 1rem;
    background-color: #777;
    color: #fff;
    line-height: 2
}

#article-container .btn-beautify i+span {
    margin-left: .3rem
}

#article-container .btn-beautify:not(.block)+.btn-beautify:not(.block) {
    margin: 0 .2rem 1rem
}

#article-container .btn-beautify.block {
    display: block;
    margin: 0 0 1rem;
    width: fit-content;
    width: -moz-fit-content
}

#article-container .btn-beautify.block.center {
    margin: 0 auto 1rem
}

#article-container .btn-beautify.block.right {
    margin: 0 0 1rem auto
}

#article-container .btn-beautify.larger {
    padding: .3rem 1.3rem
}

#article-container .btn-beautify:hover {
    text-decoration: none
}

#article-container .btn-beautify.blue {
    background-color: #428bca
}

#article-container .btn-beautify.pink {
    background-color: #ff69b4
}

#article-container .btn-beautify.red {
    background-color: red
}

#article-container .btn-beautify.purple {
    background-color: #6f42c1
}

#article-container .btn-beautify.orange {
    background-color: #ff8c00
}

#article-container .btn-beautify.green {
    background-color: #5cb85c
}

#article-container .btn-beautify.outline {
    border: 1px solid transparent;
    border-color: #777;
    background-color: transparent;
    color: #777;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

#article-container .btn-beautify.outline.button--animated:before {
    background: #777
}

#article-container .btn-beautify.outline:hover {
    color: #fff !important
}

#article-container .btn-beautify.outline.blue {
    border-color: #428bca;
    color: #428bca
}

#article-container .btn-beautify.outline.blue.button--animated:before {
    background: #428bca
}

#article-container .btn-beautify.outline.pink {
    border-color: #ff69b4;
    color: #ff69b4
}

#article-container .btn-beautify.outline.pink.button--animated:before {
    background: #ff69b4
}

#article-container .btn-beautify.outline.red {
    border-color: red;
    color: red
}

#article-container .btn-beautify.outline.red.button--animated:before {
    background: red
}

#article-container .btn-beautify.outline.purple {
    border-color: #6f42c1;
    color: #6f42c1
}

#article-container .btn-beautify.outline.purple.button--animated:before {
    background: #6f42c1
}

#article-container .btn-beautify.outline.orange {
    border-color: #ff8c00;
    color: #ff8c00
}

#article-container .btn-beautify.outline.orange.button--animated:before {
    background: #ff8c00
}

#article-container .btn-beautify.outline.green {
    border-color: #5cb85c;
    color: #5cb85c
}

#article-container .btn-beautify.outline.green.button--animated:before {
    background: #5cb85c
}

figure.gallery-group {
    position: relative;
    float: left;
    overflow: hidden;
    margin: .3rem .2rem;
    width: calc(50% - .4rem);
    height: 250px;
    border-radius: 5px;
    background: #000;
    -webkit-transform: translate3d(0, 0, 0)
}

@media screen and (max-width:600px) {
    figure.gallery-group {
        width: calc(100% - .4rem)
    }
}

figure.gallery-group:hover img {
    opacity: .4;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.gallery-group:hover .gallery-group-name::after {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.gallery-group:hover p {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

figure.gallery-group img {
    position: relative;
    margin: 0 !important;
    max-width: none;
    width: calc(100% + 20px);
    height: 250px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: .8;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    -moz-transition: opacity .35s, -moz-transform .35s;
    -o-transition: opacity .35s, -o-transform .35s;
    -ms-transition: opacity .35s, -ms-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-10px, 0, 0);
    -moz-transform: translate3d(-10px, 0, 0);
    -o-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
    object-fit: cover
}

figure.gallery-group figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1.5rem;
    width: 100%;
    height: 100%;
    color: #fff;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

figure.gallery-group figcaption>a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    opacity: 0
}

figure.gallery-group p {
    margin: 0;
    padding: .4rem 0 0;
    letter-spacing: 1px;
    font-size: 1.1em;
    line-height: 1.5;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    -moz-transition: opacity .35s, -moz-transform .35s;
    -o-transition: opacity .35s, -o-transform .35s;
    -ms-transition: opacity .35s, -ms-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-line-clamp: 4
}

figure.gallery-group .gallery-group-name {
    position: relative;
    margin: 0;
    padding: .4rem 0;
    font-weight: 700;
    font-size: 1.65em;
    line-height: 1.5;
    -webkit-line-clamp: 2
}

figure.gallery-group .gallery-group-name:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    content: '';
    -webkit-transition: -webkit-transform .35s;
    -moz-transition: -moz-transform .35s;
    -o-transition: -o-transform .35s;
    -ms-transition: -ms-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.gallery-group-main {
    overflow: auto;
    padding: 0 0 .8rem
}

.justified-gallery {
    margin: 0 0 .8rem
}

.justified-gallery img {
    opacity: 0
}

.justified-gallery .img-alt {
    display: none
}

.justified-gallery .fancybox {
    width: auto;
    text-align: inherit
}

blockquote.pullquote {
    position: relative;
    max-width: 45%;
    font-size: 110%
}

blockquote.pullquote.left {
    float: left;
    margin: 1em .5em 0 0
}

blockquote.pullquote.right {
    float: right;
    margin: 1em 0 0 .5rem
}

.video-container {
    position: relative;
    overflow: hidden;
    margin-bottom: .8rem;
    padding-top: 56.25%;
    height: 0
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;
    width: 100%;
    height: 100%
}

.hide-block>.hide-button,
.hide-inline>.hide-button {
    display: inline-block;
    padding: .3rem 1rem;
    background: #307af6;
    color: var(--white)
}

.hide-block>.hide-button.open,
.hide-inline>.hide-button.open {
    display: none
}

.hide-block>.hide-button.open+div,
.hide-inline>.hide-button.open+div {
    display: block
}

.hide-block>.hide-button.open+span,
.hide-inline>.hide-button.open+span {
    display: inline
}

.hide-block>.hide-content,
.hide-inline>.hide-content {
    display: none
}

.hide-inline>.hide-button {
    margin: 0 .3rem
}

.hide-inline>.hide-content {
    margin: 0 .3rem
}

.hide-block {
    margin: 0 0 .8rem
}

.hide-toggle {
    margin-bottom: 1rem;
    border: 1px solid #f0f0f0
}

.hide-toggle>.hide-button {
    padding: .3rem .5rem;
    background: #f0f0f0;
    color: #1f2d3d;
    cursor: pointer
}

.hide-toggle>.hide-button>i {
    font-size: 1.2em;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.hide-toggle>.hide-button.open i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hide-toggle>.hide-button.open+div {
    display: block
}

.hide-toggle>.hide-content {
    display: none;
    margin: 1.5rem 1.2rem
}

#article-container .inline-img {
    display: inline;
    margin: 0 3px;
    height: 1.1em;
    vertical-align: text-bottom
}

.hl-label {
    padding: 2px 4px;
    border-radius: 3px;
    color: #fff
}

.hl-label.default {
    background-color: #777
}

.hl-label.blue {
    background-color: #428bca
}

.hl-label.pink {
    background-color: #ff69b4
}

.hl-label.red {
    background-color: red
}

.hl-label.purple {
    background-color: #6f42c1
}

.hl-label.orange {
    background-color: #ff8c00
}

.hl-label.green {
    background-color: #5cb85c
}

.note {
    position: relative;
    margin: 0 0 1rem;
    padding: 15px;
    border-radius: 3px
}

.note.icon {
    padding-left: 2.25rem
}

.note>.note-icon {
    position: absolute;
    top: calc(50% - .4rem);
    left: .7rem;
    font-size: larger
}

.note.blue:not(.disabled) {
    border-left-color: #428bca !important
}

.note.blue:not(.disabled).modern {
    border-left-color: transparent !important;
    color: #428bca
}

.note.blue:not(.disabled):not(.simple) {
    background: #e3eef7 !important
}

.note.blue>.note-icon {
    color: #428bca
}

.note.pink:not(.disabled) {
    border-left-color: #ff69b4 !important
}

.note.pink:not(.disabled).modern {
    border-left-color: transparent !important;
    color: #ff69b4
}

.note.pink:not(.disabled):not(.simple) {
    background: #ffe9f4 !important
}

.note.pink>.note-icon {
    color: #ff69b4
}

.note.red:not(.disabled) {
    border-left-color: red !important
}

.note.red:not(.disabled).modern {
    border-left-color: transparent !important;
    color: red
}

.note.red:not(.disabled):not(.simple) {
    background: #ffd9d9 !important
}

.note.red>.note-icon {
    color: red
}

.note.purple:not(.disabled) {
    border-left-color: #6f42c1 !important
}

.note.purple:not(.disabled).modern {
    border-left-color: transparent !important;
    color: #6f42c1
}

.note.purple:not(.disabled):not(.simple) {
    background: #e9e3f6 !important
}

.note.purple>.note-icon {
    color: #6f42c1
}

.note.orange:not(.disabled) {
    border-left-color: #ff8c00 !important
}

.note.orange:not(.disabled).modern {
    border-left-color: transparent !important;
    color: #ff8c00
}

.note.orange:not(.disabled):not(.simple) {
    background: #ffeed9 !important
}

.note.orange>.note-icon {
    color: #ff8c00
}

.note.green:not(.disabled) {
    border-left-color: #5cb85c !important
}

.note.green:not(.disabled).modern {
    border-left-color: transparent !important;
    color: #5cb85c
}

.note.green:not(.disabled):not(.simple) {
    background: #e7f4e7 !important
}

.note.green>.note-icon {
    color: #5cb85c
}

.note.simple {
    border: 1px solid #eee;
    border-left-width: 5px
}

.note.modern {
    border: 1px solid transparent !important;
    background-color: #f5f5f5;
    color: #4c4948
}

.note.flat {
    border: initial;
    border-left: 5px solid #eee;
    background-color: #f9f9f9;
    color: #4c4948
}

.note h2,
.note h3,
.note h4,
.note h5,
.note h6 {
    margin-top: 3px;
    margin-bottom: 0;
    padding-top: 0 !important;
    border-bottom: initial
}

.note blockquote:first-child,
.note img:first-child,
.note ol:first-child,
.note p:first-child,
.note pre:first-child,
.note table:first-child,
.note ul:first-child {
    margin-top: 0 !important
}

.note blockquote:last-child,
.note img:last-child,
.note ol:last-child,
.note p:last-child,
.note pre:last-child,
.note table:last-child,
.note ul:last-child {
    margin-bottom: 0 !important
}

.note:not(.no-icon) {
    padding-left: 2.25rem
}

.note:not(.no-icon)::before {
    position: absolute;
    top: calc(50% - .8rem);
    left: .7rem;
    font-size: larger
}

.note.default.flat {
    background: #f7f7f7
}

.note.default.modern {
    border-color: #e1e1e1;
    background: #f3f3f3;
    color: #666
}

.note.default.modern a:not(.btn) {
    color: #666
}

.note.default.modern a:not(.btn):hover {
    color: #454545
}

.note.default:not(.modern) {
    border-left-color: #777
}

.note.default:not(.modern) h2,
.note.default:not(.modern) h3,
.note.default:not(.modern) h4,
.note.default:not(.modern) h5,
.note.default:not(.modern) h6 {
    color: #777
}

.note.default:not(.no-icon)::before {
    content: '\f0a9'
}

.note.default:not(.no-icon):not(.modern)::before {
    color: #777
}

.note.primary.flat {
    background: #f5f0fa
}

.note.primary.modern {
    border-color: #e1c2ff;
    background: #f3daff;
    color: #6f42c1
}

.note.primary.modern a:not(.btn) {
    color: #6f42c1
}

.note.primary.modern a:not(.btn):hover {
    color: #453298
}

.note.primary:not(.modern) {
    border-left-color: #6f42c1
}

.note.primary:not(.modern) h2,
.note.primary:not(.modern) h3,
.note.primary:not(.modern) h4,
.note.primary:not(.modern) h5,
.note.primary:not(.modern) h6 {
    color: #6f42c1
}

.note.primary:not(.no-icon)::before {
    content: '\f055'
}

.note.primary:not(.no-icon):not(.modern)::before {
    color: #6f42c1
}

.note.info.flat {
    background: #eef7fa
}

.note.info.modern {
    border-color: #b3e5ef;
    background: #d9edf7;
    color: #31708f
}

.note.info.modern a:not(.btn) {
    color: #31708f
}

.note.info.modern a:not(.btn):hover {
    color: #215761
}

.note.info:not(.modern) {
    border-left-color: #428bca
}

.note.info:not(.modern) h2,
.note.info:not(.modern) h3,
.note.info:not(.modern) h4,
.note.info:not(.modern) h5,
.note.info:not(.modern) h6 {
    color: #428bca
}

.note.info:not(.no-icon)::before {
    content: '\f05a'
}

.note.info:not(.no-icon):not(.modern)::before {
    color: #428bca
}

.note.success.flat {
    background: #eff8f0
}

.note.success.modern {
    border-color: #d0e6be;
    background: #dff0d8;
    color: #3c763d
}

.note.success.modern a:not(.btn) {
    color: #3c763d
}

.note.success.modern a:not(.btn):hover {
    color: #32562c
}

.note.success:not(.modern) {
    border-left-color: #5cb85c
}

.note.success:not(.modern) h2,
.note.success:not(.modern) h3,
.note.success:not(.modern) h4,
.note.success:not(.modern) h5,
.note.success:not(.modern) h6 {
    color: #5cb85c
}

.note.success:not(.no-icon)::before {
    content: '\f058'
}

.note.success:not(.no-icon):not(.modern)::before {
    color: #5cb85c
}

.note.warning.flat {
    background: #fdf8ea
}

.note.warning.modern {
    border-color: #fae4cd;
    background: #fcf4e3;
    color: #8a6d3b
}

.note.warning.modern a:not(.btn) {
    color: #8a6d3b
}

.note.warning.modern a:not(.btn):hover {
    color: #714f30
}

.note.warning:not(.modern) {
    border-left-color: #f0ad4e
}

.note.warning:not(.modern) h2,
.note.warning:not(.modern) h3,
.note.warning:not(.modern) h4,
.note.warning:not(.modern) h5,
.note.warning:not(.modern) h6 {
    color: #f0ad4e
}

.note.warning:not(.no-icon)::before {
    content: '\f06a'
}

.note.warning:not(.no-icon):not(.modern)::before {
    color: #f0ad4e
}

.note.danger.flat {
    background: #fcf1f2
}

.note.danger.modern {
    border-color: #ebcdd2;
    background: #f2dfdf;
    color: #a94442
}

.note.danger.modern a:not(.btn) {
    color: #a94442
}

.note.danger.modern a:not(.btn):hover {
    color: #84333f
}

.note.danger:not(.modern) {
    border-left-color: #d9534f
}

.note.danger:not(.modern) h2,
.note.danger:not(.modern) h3,
.note.danger:not(.modern) h4,
.note.danger:not(.modern) h5,
.note.danger:not(.modern) h6 {
    color: #d9534f
}

.note.danger:not(.no-icon)::before {
    content: '\f056'
}

.note.danger:not(.no-icon):not(.modern)::before {
    color: #d9534f
}

#article-container .tabs {
    position: relative;
    margin: 0 0 1rem;
    border-right: 1px solid var(--tab-border-color);
    border-bottom: 1px solid var(--tab-border-color);
    border-left: 1px solid var(--tab-border-color)
}

#article-container .tabs>.nav-tabs {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    background: var(--tab-botton-bg)
}

#article-container .tabs>.nav-tabs>.tab {
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width:768px) {
    #article-container .tabs>.nav-tabs>.tab {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -o-box-flex: 1;
        -ms-box-flex: 1;
        box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }
}

#article-container .tabs>.nav-tabs>.tab button {
    display: block;
    padding: .5rem 1rem;
    width: 100%;
    border-top: 2px solid var(--tab-border-color);
    background: var(--tab-botton-bg);
    color: var(--tab-botton-color);
    line-height: 2;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s
}

#article-container .tabs>.nav-tabs>.tab button i {
    width: 1.5em
}

#article-container .tabs>.nav-tabs>.tab.active button {
    border-top: 2px solid #307af6;
    background: var(--tab-button-active-bg);
    cursor: default
}

#article-container .tabs>.nav-tabs>.tab:not(.active) button:hover {
    border-top: 2px solid var(--tab-button-hover-bg);
    background: var(--tab-button-hover-bg)
}

#article-container .tabs>.tab-contents .tab-item-content {
    position: relative;
    display: none;
    padding: 1.8rem 1.2rem
}

@media screen and (max-width:768px) {
    #article-container .tabs>.tab-contents .tab-item-content {
        padding: 1.2rem .7rem
    }
}

#article-container .tabs>.tab-contents .tab-item-content.active {
    display: block;
    -webkit-animation: tabshow .5s;
    -moz-animation: tabshow .5s;
    -o-animation: tabshow .5s;
    -ms-animation: tabshow .5s;
    animation: tabshow .5s
}

#article-container .tabs .tab-to-top {
    position: relative;
    display: block;
    margin: 0 0 0 auto;
    color: #99a9bf
}

@-moz-keyframes tabshow {
    0% {
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -o-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes tabshow {
    0% {
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -o-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes tabshow {
    0% {
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -o-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes tabshow {
    0% {
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -o-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

[data-theme=dark] {
    --global-bg: #191919;
    --font-color: rgba(255, 255, 255, 0.9);
    --hr-border: rgba(255, 255, 255, 0.3);
    --hr-before-color: rgba(255, 255, 255, 0.6);
    --search-bg: #1e1e1e;
    --search-input-color: rgba(255, 255, 255, 0.8);
    --search-result-title: rgba(255, 255, 255, 0.1);
    --preloader-bg: #1e1e1e;
    --preloader-color: rgba(255, 255, 255, 0.6);
    --tab-border-color: #2c2c2c;
    --tab-botton-bg: #2c2c2c;
    --tab-botton-color: #fff;
    --tab-button-hover-bg: #444;
    --tab-button-active-bg: #1e1e1e;
    --card-bg: #1e1e1e;
    --sidebar-bg: #1e1e1e;
    --btn-hover-color: #848484;
    --btn-color: #fff;
    --btn-bg: #3f3f3f;
    --text-bg-hover: #444;
    --light-grey: #fff;
    --white: #fff;
    --text-highlight-color: #fff;
    --blockquote-color: #fff;
    --blockquote-bg: #2c2c2c;
    --reward-pop: #2c2c2c;
    --toc-link-color: rgba(255, 255, 255, 0.6);
    --hl-color: rgba(255, 255, 255, 0.7);
    --hl-bg: #171717;
    --hltools-bg: #1a1a1a;
    --hltools-color: #90a4ae;
    --hlnumber-bg: #171717;
    --hlnumber-color: rgba(255, 255, 255, 0.4);
    --hlscrollbar-bg: #1f1f1f;
    --hlexpand-bg: linear-gradient(180deg, rgba(23, 23, 23, 0.6), rgba(23, 23, 23, 0.9))
}

[data-theme=dark] #footer:before,
[data-theme=dark] #page-header:before,
[data-theme=dark] #web_bg:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    content: ''
}

[data-theme=dark] #article-container code {
    background: #2c2c2c
}

[data-theme=dark] #article-container pre>code {
    background: #171717
}

[data-theme=dark] #article-container figure.highlight {
    -webkit-box-shadow: none;
    box-shadow: none
}

[data-theme=dark] #article-container .note code {
    background: rgba(27, 31, 35, .05)
}

[data-theme=dark] #article-container .aplayer {
    filter: brightness(.8)
}

[data-theme=dark] #article-container kbd {
    border-color: #696969;
    background-color: #525252;
    color: #e2f1ff
}

[data-theme=dark] #page-header.nav-fixed>#nav,
[data-theme=dark] #page-header.not-top-img>#nav {
    background: rgba(18, 18, 18, .8);
    -webkit-box-shadow: 0 5px 6px -5px rgba(133, 133, 133, 0);
    box-shadow: 0 5px 6px -5px rgba(133, 133, 133, 0)
}

[data-theme=dark] #post-comment #comment-switch {
    background: #2c2c2c !important
}

[data-theme=dark] #post-comment #comment-switch .switch-btn {
    filter: brightness(.8)
}

[data-theme=dark] .note {
    filter: brightness(.8)
}

[data-theme=dark] img {
    filter: brightness(.8)
}

[data-theme=dark] #aside-content .aside-list>.aside-list-item:not(:last-child) {
    border-bottom: 1px dashed rgba(255, 255, 255, .1)
}

[data-theme=dark] #gitalk-container {
    filter: brightness(.8)
}

[data-theme=dark] #gitalk-container svg {
    fill: rgba(255, 255, 255, .9) !important
}

[data-theme=dark] #disqus_thread #dsqjs .dsqjs-no-comment,
[data-theme=dark] #disqus_thread #dsqjs .dsqjs-tab-active {
    color: rgba(255, 255, 255, .7)
}

[data-theme=dark] #disqus_thread #dsqjs .dsqjs-order-label {
    background-color: #2b2b2b
}

[data-theme=dark] #disqus_thread #dsqjs .dsqjs-post-body {
    color: rgba(255, 255, 255, .7)
}

[data-theme=dark] #disqus_thread #dsqjs .dsqjs-post-body code,
[data-theme=dark] #disqus_thread #dsqjs .dsqjs-post-body pre {
    background: #2c2c2c
}

[data-theme=dark] #disqus_thread #dsqjs .dsqjs-post-body blockquote {
    color: rgba(255, 255, 255, .7)
}

[data-theme=dark] #artitalk_main #lazy {
    background: #121212
}

[data-theme=dark] #operare_artitalk .c2 {
    background: #121212
}

.search-dialog {
    position: fixed;
    top: 5rem;
    left: 50%;
    z-index: 1001;
    display: none;
    margin-left: -15rem;
    padding: 1rem;
    width: 30rem;
    background: var(--search-bg);
    border-radius: 5px
}

@media screen and (max-width:768px) {
    .search-dialog {
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        height: 100%
    }
}

.search-dialog hr {
    margin: 1rem auto
}

.search-dialog span.search-close-button {
    position: absolute;
    top: .8rem;
    right: 1rem;
    color: #858585;
    font-size: 1.4em;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

.search-dialog span.search-close-button:hover {
    color: #307af6
}

.search-dialog__title {
    padding: 0 0 .7rem;
    color: #307af6;
    font-size: 1.4em;
    line-height: 1
}

#search-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: none;
    background: rgba(0, 0, 0, .6)
}

#algolia-search .search-dialog {
    -webkit-animation: titlescale .5s;
    -moz-animation: titlescale .5s;
    -o-animation: titlescale .5s;
    -ms-animation: titlescale .5s;
    animation: titlescale .5s
}

#algolia-search .search-dialog .ais-search-box {
    margin: 0 auto;
    max-width: 100%;
    width: 100%
}

#algolia-search .search-dialog .ais-search-box input {
    padding: .25rem .7rem;
    outline: 0;
    border: 2px solid #307af6;
    border-radius: 2rem;
    background: var(--search-bg);
    color: var(--search-input-color)
}

#algolia-search .search-dialog .ais-hits--item.algolia-hit-item {
    position: relative;
    padding-left: 1.2rem
}

#algolia-search .search-dialog .ais-hits--item.algolia-hit-item:hover:before {
    border-color: #ff7242
}

#algolia-search .search-dialog .ais-hits--item.algolia-hit-item:before {
    position: absolute;
    top: .53em;
    left: 0;
    width: .5em;
    height: .5em;
    border: .15rem solid #307af6;
    border-radius: .5em;
    background: 0 0;
    content: '';
    line-height: .5em;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#algolia-search .search-dialog .ais-hits--item.algolia-hit-item a {
    display: block;
    color: var(--search-result-title);
    cursor: pointer
}

#algolia-search .search-dialog .ais-hits--item.algolia-hit-item a:hover {
    color: #307af6
}

#algolia-search .search-dialog .ais-hits--item.algolia-hit-item em {
    color: #f47466;
    font-weight: 700
}

#algolia-search .search-dialog .ais-pagination.pagination {
    margin: .8rem 0 0;
    padding: 0;
    text-align: center
}

#algolia-search .search-dialog .ais-pagination.pagination .ais-pagination--item {
    margin: 0 .2rem;
    padding: 0
}

#algolia-search .search-dialog .ais-pagination.pagination .ais-pagination--item a {
    display: inline-block;
    min-width: 1.2rem;
    height: 1.2rem;
    text-align: center;
    line-height: 1.2rem
}

#algolia-search .search-dialog .ais-pagination.pagination .ais-pagination--item.current a {
    background: #0079ff;
    color: #eee;
    cursor: default
}

#algolia-search .search-dialog .algolia-logo {
    padding-top: 2px;
    width: 4rem;
    height: 1.5rem
}
/*! instantsearch.js 2.10.5 | © Algolia Inc. and other contributors; Licensed MIT | github.com/algolia/instantsearch.js */
@-webkit-keyframes sbx-reset-in{0%{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes sbx-reset-in{0%{-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}.ais-search-box{position:relative;max-width:300px;width:100%}.ais-search-box--input{padding-left:24px;height:100%;width:100%}.ais-search-box--magnifier{top:4px;left:7px}.ais-search-box--magnifier svg{display:block}.ais-search-box--loading-indicator-wrapper,.ais-search-box--magnifier,.ais-search-box--reset{background:0 0;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ais-search-box--loading-indicator-wrapper{display:none;left:7px;top:4px}.ais-search-box--loading-indicator-wrapper svg,.ais-search-box--magnifier svg{vertical-align:middle;height:14px;width:14px}.ais-search-box--reset{cursor:pointer;top:5px;right:5px;margin:0;border:0;padding:0}.ais-search-box--reset svg{display:block;width:12px;height:12px}.ais-search-box--powered-by{font-size:.8em;text-align:right;margin-top:2px}.ais-search-box--powered-by-link{display:inline-block;width:45px;height:16px;text-indent:101%;overflow:hidden;white-space:nowrap;background-image:url('data:image/svg+xml;utf8,<svg width="169" height="54" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1366 362"><linearGradient id="a" x1="428.3" x2="434.1" y1="404.1" y2="409.9" gradientTransform="matrix(94.045 0 0 -94.072 -40381.5 38479.5)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%2300aeff"/><stop offset="1" stop-color="%233369e7"/></linearGradient><path fill="url(%23a)" d="M61.8 15.4h242.8A43.4 43.4 0 0 1 348 58.8v242.9a43.4 43.4 0 0 1-43.4 43.4H61.8a43.4 43.4 0 0 1-43.4-43.4v-243a43.3 43.3 0 0 1 43.4-43.3z"/><path fill="%23fff" d="M187 98.7a93.1 93.1 0 1 0 0 186.3 93.1 93.1 0 0 0 0-186.3zm0 158.8a65.6 65.6 0 1 1 0-131.3 65.6 65.6 0 0 1 0 131.3zm0-117.8v48.9c0 1.4 1.5 2.4 2.8 1.7l43.4-22.5c1-.5 1.3-1.7.8-2.7a54 54 0 0 0-45-27.3c-1 0-2 .8-2 1.9zm-60.8-35.9l-5.7-5.7a14.2 14.2 0 0 0-20.2 0l-6.8 6.8a14.2 14.2 0 0 0 0 20.2l5.6 5.6c.9.9 2.2.7 3-.2a110 110 0 0 1 23.8-23.8c1-.6 1.1-2 .3-2.9zM217.5 89V77.7c0-7.9-6.4-14.3-14.3-14.3h-33.3c-7.9 0-14.3 6.4-14.3 14.3v11.6c0 1.3 1.2 2.2 2.5 1.9a104.2 104.2 0 0 1 57-.3 2 2 0 0 0 2.4-1.9z"/><path fill="%23182359" d="M842.5 267.6c0 26.7-6.8 46.2-20.5 58.6-13.7 12.4-34.6 18.6-62.8 18.6-10.3 0-31.7-2-48.8-5.8l6.3-31c14.3 3 33.2 3.8 43.1 3.8 15.7 0 26.9-3.2 33.6-9.6s10-15.9 10-28.5v-6.4c-3.9 1.9-9 3.8-15.3 5.8a75.7 75.7 0 0 1-21.8 2.9 82 82 0 0 1-29.5-5.1 61.7 61.7 0 0 1-37.7-39.8 144.7 144.7 0 0 1 .3-78.3 72.1 72.1 0 0 1 42.8-43.3 96.3 96.3 0 0 1 35.5-6.7 214 214 0 0 1 35.8 3.5c11.4 1.9 21.1 3.9 29 6.1v155.2zm-108.7-77.2c0 16.4 3.6 34.6 10.8 42.2a36.7 36.7 0 0 0 27.9 11.4 59.5 59.5 0 0 0 31-8.7v-97.1c-2.8-.6-14.5-3-25.8-3.3a39 39 0 0 0-32.6 14.7c-7.5 9.3-11.3 25.6-11.3 40.8zm294.3 0c0 13.2-1.9 23.2-5.8 34.1s-9.4 20.2-16.5 27.9c-7.1 7.7-15.6 13.7-25.6 17.9s-25.4 6.6-33.1 6.6a102 102 0 0 1-32.9-6.6 74.5 74.5 0 0 1-25.5-17.9 92.8 92.8 0 0 1-22.6-62 107 107 0 0 1 5.8-36.7c4-10.8 9.6-20 16.8-27.7s15.8-13.6 25.6-17.8c9.9-4.2 20.8-6.2 32.6-6.2s22.7 2.1 32.7 6.2a71.5 71.5 0 0 1 25.6 17.8 82.5 82.5 0 0 1 16.6 27.7c4.2 10.8 6.3 23.5 6.3 36.7zm-40 .1c0-16.9-3.7-31-10.9-40.8a35.2 35.2 0 0 0-30.2-14.8c-12.9 0-23 4.9-30.2 14.8a69 69 0 0 0-10.7 40.8c0 17.1 3.6 28.6 10.8 38.5a35 35 0 0 0 30.2 14.9c12.9 0 23-5 30.2-14.9a61.4 61.4 0 0 0 10.8-38.5zm127.1 86.4c-64.1.3-64.1-51.8-64.1-60.1L1051 32l39.1-6.2v183.6c0 4.7 0 34.5 25.1 34.6v32.9zm68.9 0h-39.3V108.1l39.3-6.2v175zm-19.7-193.5a23.7 23.7 0 0 0 0-47.4 23.7 23.7 0 1 0 0 47.4zm117.4 18.6c12.9 0 23.8 1.6 32.6 4.8 8.8 3.2 15.9 7.7 21.1 13.4s8.9 13.5 11.1 21.7a100 100 0 0 1 3.4 27.1v100.6c-6 1.3-15.1 2.8-27.3 4.6s-25.9 2.7-41.1 2.7c-10.1 0-19.4-1-27.7-2.9-8.4-1.9-15.5-5-21.5-9.3a45 45 0 0 1-13.9-16.6c-3.3-6.8-5-16.4-5-26.4 0-9.6 1.9-15.7 5.6-22.3 3.8-6.6 8.9-12 15.3-16.2a65.8 65.8 0 0 1 22.4-9 128.3 128.3 0 0 1 55.4.8v-6.4c0-4.5-.5-8.8-1.6-12.8-1.1-4.1-3-7.6-5.6-10.7-2.7-3.1-6.2-5.5-10.6-7.2s-10-3-16.7-3a142.7 142.7 0 0 0-43.1 6.9l-4.7-32.1a170.2 170.2 0 0 1 51.9-7.7zm3.3 141.9c12 0 20.9-.7 27.1-1.9v-39.8a93.2 93.2 0 0 0-36.1-1.9c-4.4.6-8.4 1.8-11.9 3.5s-6.4 4.1-8.5 7.2a13.6 13.6 0 0 0-3.2 9.6c0 9.2 3.2 14.5 9 18a44.9 44.9 0 0 0 23.6 5.3zM512.9 103c12.9 0 23.8 1.6 32.6 4.8a52.2 52.2 0 0 1 21.1 13.4 52.1 52.1 0 0 1 11.1 21.7 100 100 0 0 1 3.4 27.1v100.6c-6 1.3-15.1 2.8-27.3 4.6a283.4 283.4 0 0 1-41.1 2.7c-10.1 0-19.4-1-27.7-2.9-8.4-1.9-15.5-5-21.5-9.3a45 45 0 0 1-13.9-16.6c-3.3-6.8-5-16.4-5-26.4 0-9.6 1.9-15.7 5.6-22.3 3.8-6.6 8.9-12 15.3-16.2a65.8 65.8 0 0 1 22.4-9 128.3 128.3 0 0 1 55.4.8v-6.4c0-4.5-.5-8.8-1.6-12.8-1.1-4.1-3-7.6-5.6-10.7a26.3 26.3 0 0 0-10.6-7.2c-4.4-1.7-10-3-16.7-3a142.7 142.7 0 0 0-43.1 6.9l-4.7-32.1c4.9-1.7 12.2-3.4 21.6-5.1 9.4-1.8 19.5-2.6 30.3-2.6zm3.4 142c12 0 20.9-.7 27.1-1.9v-39.8a93.2 93.2 0 0 0-36.1-1.9c-4.4.6-8.4 1.8-11.9 3.5s-6.4 4.1-8.5 7.2a13.6 13.6 0 0 0-3.2 9.6c0 9.2 3.2 14.5 9 18s13.7 5.3 23.6 5.3zm158.5 31.9c-64.1.3-64.1-51.8-64.1-60.1L610.6 32l39.1-6.2v183.6c0 4.7 0 34.5 25.1 34.6v32.9z"/></svg>');background-repeat:no-repeat;background-size:contain;vertical-align:middle}.ais-search-box.ais-stalled-search .ais-search-box--magnifier-wrapper{display:none}.ais-search-box.ais-stalled-search .ais-search-box--loading-indicator-wrapper{display:block}.sbx-sffv{display:inline-block;position:relative;width:100%;height:26px;white-space:nowrap;box-sizing:border-box;font-size:14px}.sbx-sffv__input,.sbx-sffv__wrapper{width:100%;height:100%}.sbx-sffv__input{display:inline-block;transition:box-shadow .4s ease,background .4s ease;border:0;border-radius:4px;box-shadow:inset 0 0 0 1px #ccc;background:#fff;padding:0 20px 0 26px;vertical-align:middle;white-space:normal;font-size:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sbx-sffv__input::-webkit-search-cancel-button,.sbx-sffv__input::-webkit-search-decoration,.sbx-sffv__input::-webkit-search-results-button,.sbx-sffv__input::-webkit-search-results-decoration{display:none}.sbx-sffv__input:hover{box-shadow:inset 0 0 0 1px #b3b3b3}.sbx-sffv__input:active,.sbx-sffv__input:focus{outline:0;box-shadow:inset 0 0 0 1px #337ab7;background:#fff}.sbx-sffv__input::-webkit-input-placeholder{color:#bbb}.sbx-sffv__input::-ms-input-placeholder{color:#bbb}.sbx-sffv__input::placeholder{color:#bbb}.sbx-sffv__submit{position:absolute;top:0;right:inherit;left:0;margin:0;border:0;border-radius:3px 0 0 3px;background-color:transparent;padding:0;width:26px;height:100%;vertical-align:middle;text-align:center;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sbx-sffv__submit::before{display:inline-block;margin-right:-4px;height:100%;vertical-align:middle;content:''}.sbx-sffv__submit:active,.sbx-sffv__submit:hover{cursor:pointer}.sbx-sffv__reset:focus,.sbx-sffv__submit:focus{outline:0}.sbx-sffv__submit svg{width:14px;height:14px;vertical-align:middle;fill:#337ab7}.sbx-sffv__reset{display:none;position:absolute;top:2px;right:2px;margin:0;border:0;background:0 0;cursor:pointer;padding:0;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:rgba(0,0,0,.5)}.sbx-sffv__reset svg{display:block;margin:4px;width:14px;height:14px}.sbx-sffv__input:valid~.sbx-sffv__reset{display:block;-webkit-animation-name:sbx-reset-in;animation-name:sbx-reset-in;-webkit-animation-duration:.15s;animation-duration:.15s}.ais-refinement-list--item em{font-style:normal;font-weight:700}.ais-pagination--item{display:inline-block;padding:3px}.ais-pagination--item__disabled{visibility:hidden}.ais-hierarchical-menu--list__lvl1,.ais-hierarchical-menu--list__lvl2{margin-left:10px}.ais-range-input--fieldset{margin:0;padding:0;border:0}.ais-range-input--labelMin{display:inline-block}.ais-range-input--inputMin{min-width:165px}.ais-range-input--inputMax:hover:disabled,.ais-range-input--inputMin:hover:disabled{cursor:not-allowed}.ais-range-input--separator{margin:0 5px}.ais-range-input--labelMax{display:inline-block}.ais-range-input--inputMax{min-width:165px}.ais-range-input--submit{margin-left:5px}.ais-range-input--submit:disabled,.ais-range-input--submit:hover:disabled{cursor:not-allowed;background-color:#c9c9c9}.ais-range-slider .ais-range-slider--disabled{cursor:not-allowed}.ais-range-slider .ais-range-slider--disabled .ais-range-slider--handle{border-color:#ddd;cursor:not-allowed}.ais-range-slider .ais-range-slider--disabled .rheostat-horizontal .rheostat-progress{background-color:#ddd}.ais-range-slider .rheostat{overflow:visible;margin-top:2em;margin-bottom:2em}.ais-range-slider .rheostat-background{background-color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:2px solid #ddd;border-right:2px solid #ddd;position:relative}.ais-range-slider .rheostat-horizontal .rheostat-background{height:6px;top:0;width:100%}.ais-range-slider .rheostat-horizontal .rheostat-progress{background-color:#46aeda;position:absolute;height:4px;top:1px}.ais-range-slider .rheostat-horizontal .rheostat-handle{margin-left:-12px;top:-7px}.ais-range-slider .rheostat-horizontal .rheostat-handle .ais-range-slider--tooltip{text-align:center;margin-left:-10px;width:40px}.ais-range-slider .rheostat-horizontal .rheostat-handle::after,.ais-range-slider .rheostat-horizontal .rheostat-handle::before{top:7px;height:10px;width:1px}.ais-range-slider .rheostat-horizontal .rheostat-handle::before{left:10px}.ais-range-slider .rheostat-horizontal .rheostat-handle::after{left:13px}.ais-range-slider--handle{width:20px;height:20px;position:relative;z-index:1;background:#fff;border:1px solid #46aeda;border-radius:50%;cursor:pointer}.ais-range-slider--tooltip{position:absolute;background:#fff;top:-22px;font-size:.8em}.ais-range-slider--value{width:40px;position:absolute;text-align:center;margin-left:-20px;padding-top:15px;font-size:.8em}.ais-range-slider--marker{position:absolute;background:#ddd;margin-left:-1px;width:1px;height:5px}.ais-star-rating--item{vertical-align:middle}.ais-star-rating--item__active{font-weight:700}.ais-star-rating--star,.ais-star-rating--star__empty{display:inline-block;width:1em;height:1em}.ais-star-rating--star::before{content:'\2605';color:#fbae00}.ais-star-rating--star__empty::before{content:'\2606';color:#fbae00}.ais-star-rating--link__disabled .ais-star-rating--star::before,.ais-star-rating--link__disabled .ais-star-rating--star__empty::before{color:#c9c9c9}.ais-root__collapsible .ais-header{cursor:pointer}.ais-root__collapsed .ais-body,.ais-root__collapsed .ais-footer{display:none}.ais-breadcrumb--home,.ais-breadcrumb--label,.ais-breadcrumb--separator{display:inline;color:#3369e7}.ais-breadcrumb--item{display:inline}.ais-breadcrumb--disabledLabel{color:#444;display:inline}.ais-geo-search,.ais-geo-search--map{height:100%}.ais-geo-search--toggle-label{display:flex;align-items:center}
/*# sourceMappingURL=instantsearch.min.css.map */
:root {
    --heo-white: #fff;
    --heo-titlecolor: #fff;
    --heo-metacolor: #fff;
    --heo-white-op: rgba(255, 255, 255, 0.2);
    --heo-black: #000;
    --heo-black-op: rgba(0, 0, 0, 0.2);
    --heo-none: #00000000;
    --heo-gray: #999999;
    --heo-yellow: #ffc93e;
    --heo-vip: #e5a80d;
    --heo-main: var(--heo-theme);
    --heo-main-op: var(--heo-theme-op);
    --heo-shadow-theme: 0 8px 12px -3px var(--heo-theme-op);
    --heo-shadow-main: 0 8px 12px -3px var(--heo-main-op);
    --heo-shadow-blue: 0 8px 12px -3px rgba(40, 109, 234, .20);
    --heo-shadow-white: 0 8px 12px -3px rgba(255, 255, 255, .20);
    --heo-shadow-black: 0 0 12px 4px rgba(0, 0, 0, .05);
    --heo-shadow-yellow: 0px 38px 77px -26px rgba(255, 201, 62, .12);
    --heo-shadow-red: 0 8px 12px -3px #ee7d7936;
    --heo-shadow-green: 0 8px 12px -3px #87ee7936;
    --heo-logo-color: linear-gradient(215deg, #4584ff 0%, #cf0db9 100%);
    --heo-snackbar-time: 5s;
    --style-border: 1px solid var(--heo-card-border);
    --style-border-always: 1px solid var(--heo-card-border);
    --style-border-hover: 1px solid var(--heo-main);
    --style-border-hover-always: 1px solid var(--heo-main);
    --style-border-dashed: 1px dashed var(--heo-theme-op)
}

::selection {
    background: var(--heo-fontcolor);
    color: var(--heo-background)
}

[data-theme=light] {
    --heo-theme: #425AEF;
    --heo-theme-op: #4259ef23;
    --heo-blue: #425AEF;
    --heo-red: #D8213C;
    --heo-pink: #FF7C7C;
    --heo-green: #57bd6a;
    --heo-fontcolor: #363636;
    --heo-background: #f7f9fe;
    --heo-reverse: #000;
    --heo-maskbg: rgba(255, 255, 255, 0.6);
    --heo-maskbgdeep: rgba(255, 255, 255, 0.85);
    --heo-hovertext: var(--heo-main);
    --heo-ahoverbg: #F7F7FA;
    --heo-lighttext: var(--heo-main);
    --heo-secondtext: rgba(60, 60, 67, 0.6);
    --heo-scrollbar: rgba(60, 60, 67, 0.4);
    --heo-card-btn-bg: #edf0f7;
    --heo-post-blockquote-bg: #fafcff;
    --heo-post-tabs-bg: #f2f5f8;
    --heo-secondbg: #eaecf2;
    --heo-shadow-nav: 0 5px 12px -5px rgba(102, 68, 68, 0.05);
    --heo-card-bg: #fff;
    --heo-card-bg-op: var(--heo-black-op);
    --heo-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0.00);
    --heo-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0.00);
    --heo-card-border: #e3e8f7;
    --heo-shadow-border: 0 8px 16px -4px #2c2d300c;
    --style-border-forever: 2px solid var(--heo-main)
}

[data-theme=dark] {
    --heo-theme: #0084FF;
    --heo-theme-op: #0084FF23;
    --heo-blue: #0084FF;
    --heo-red: #FF3842;
    --heo-pink: #FF7C7C;
    --heo-green: #57bd6a;
    --heo-fontcolor: #F7F7FA;
    --heo-background: #18171d;
    --heo-reverse: #fff;
    --heo-maskbg: rgba(0, 0, 0, 0.6);
    --heo-maskbgdeep: rgba(0, 0, 0, 0.85);
    --heo-hovertext: #0A84FF;
    --heo-ahoverbg: #fff;
    --heo-lighttext: #f2b94b;
    --heo-secondtext: #a1a2b8;
    --heo-scrollbar: rgba(200, 200, 223, 0.4);
    --heo-card-btn-bg: #30343f;
    --heo-post-blockquote-bg: #000;
    --heo-post-tabs-bg: #121212;
    --heo-secondbg: #30343f;
    --heo-shadow-nav: 0 5px 20px 0px rgba(28, 28, 28, 0.4);
    --heo-card-bg: #1d1b26;
    --heo-card-bg-op: var(--heo-white-op);
    --heo-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0.0);
    --heo-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0.0);
    --heo-card-border: #42444a;
    --heo-shadow-border: 0 8px 16px -4px #00000050;
    --style-border-forever: 2px solid var(--heo-lighttext)
}

@media screen and (max-width: 768px) {
     :root {
        --style-border: 0px solid var(--heo-card-border);
        --style-border-hover: 0px solid var(--heo-main)
    }
}

#page {
    min-height: calc(100vh - 464px)
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

::-webkit-scrollbar-thumb {
    background: var(--heo-scrollbar);
    border-radius: 8px;
    cursor: pointer
}

::-webkit-scrollbar-thumb:hover {
    background: var(--heo-main);
    opacity: 1;
    display: block!important
}

::-webkit-scrollbar-track {
    background-color: var(--heo-none)
}

html {
    overflow-y: overlay
}

.layout.hide-aside {
    max-width: 1500px
}

[data-theme=dark] img {
    filter: brightness(1)
}

#nav {
    flex-wrap: nowrap;
    justify-content: space-between
}

#nav .menus_items .menus_item .menus_item_child {
    padding: 6px 4px 8px 4px;
    border-radius: 12px;
    background-color: var(--heo-card-bg);
    box-shadow: var(--heo-shadow-black);
    border: var(--style-border);
    transition: .3s;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    top: 35px;
    right: auto
}

#nav .menus_items .menus_item .menus_item_child:hover {
    border: var(--style-border-hover);
    box-shadow: var(--heo-shadow-main)
}

#page-header.nav-fixed>#nav,
#page-header.not-top-img>#nav {
    box-shadow: none
}

#sidebar #sidebar-menus .menus_items .menus_item_child {
    margin-left: 1rem
}

#sidebar #sidebar-menus .menus_items .site-page span:hover {
    color: var(--heo-fontcolor)
}

.site-page i.fa-chevron-down {
    display: none
}

#nav .menus_items .menus_item .menus_item_child:before {
    top: -10px
}

#nav .menus_items .menus_item .menus_item_child li a:hover {
    background: var(--heo-main)!important;
    color: var(--heo-white)!important;
    box-shadow: var(--heo-shadow-main);
    margin: 0 auto;
    transform: scale(1)!important
}

#nav .menus_items .menus_item {
    padding: 0 .4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto
}

#nav .menus_items .menus_item .menus_item_child li {
    display: inline-flex;
    margin: 0 .2rem
}

#nav a {
    border-radius: 8px;
    color: var(--heo-white)
}

.nav-fixed #nav a {
    color: var(--heo-fontcolor);
    transition: .3s
}

#page-header.nav-fixed #nav {
    top: 0;
    box-shadow: none;
    border-bottom: var(--style-border);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: blur(20px)
}

#nav {
    padding: 0
}

@media screen and (max-width: 768px) {
    #nav {
        padding: 0
    }
}

#page-header #nav {
    box-shadow: none;
    transition: .2s;
    display: flex;
    justify-content: center;
    z-index: 1000!important
}

#page-header #nav #nav-group {
    max-width: 1500px;
    width: 100%;
    display: flex;
    position: relative;
    padding: 0 12px;
}

#page-header #nav #nav-right {
    position: absolute;
    right: 0;
    z-index: 102;
    display: flex;
    flex-direction: row;
    height: 100%;
    align-items: center;
    margin-right: 1.5rem
}

#page-header #nav #nav-right .nav-button a {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 768px) {
    #nav #menus {
        display: none!important
    }
    #nav.hide-menu #toggle-menu .site-page {
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center
    }
    #page-header #nav #nav-group {
        width: 100%;
        display: flex;
        position: relative;
        padding: 0 12px
    }
    #page-header #nav #nav-right {
        margin-right: 4px
    }
}

#nav.show {
    transform: translate3d(0, 0, 0)!important;
    top: 0;
    transition: .2s;
    position: fixed;
    z-index: 91
}

#page-header.not-top-img #nav {
    transition: .3s;
    background: var(--heo-maskbgdeep);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: blur(20px)
}

@media screen and (max-width: 768px) {
    #page-header.not-top-img #nav {
        background: var(--heo-background)
    }
}

#sidebar #menu-mask {
    z-index: 1001
}

#page-header.not-top-img:not(.nav-fixed) #nav {
    background: var(--heo-none)
}

#page-header.nav-fixed #nav #menus>div.menus_items {
    transition: .3s;
    height: 40px
}

#page-header.not-top-img {
    margin-bottom: 0
}

#menus {
    margin-bottom: 4px
}

#nav #toggle-menu {
    padding: 0 .4rem
}

#page-header.no-top-img {
    margin-bottom: 0
}

.layout {
    padding: 1rem 1.5rem
}

@media screen and (min-width: 1300px) {
    .layout {
        display: flex;
        justify-content: space-between;
        padding: .5rem 1.5rem
    }
}

#site-name .iconfont {
    font-size: 20px;
    font-weight: 400;
    line-height: 48px
}

#site-logo {
    width: 121px
}

#site-logo:hover {
    transform: scale(1.03)
}

#nav #site-name i {
    font-size: 50px;
    line-height: 35px;
    padding: 0 12px
}

.back-home-button {
    display: flex;
    width: 35px;
    height: 35px;
    padding: 0!important;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
    transition: .3s;
    border-radius: 8px;
    color: var(--heo-white)
}

.nav-fixed #nav .back-home-button {
    color: var(--heo-fontcolor)
}

#page-header.not-top-img #nav .back-home-button {
    color: var(--heo-fontcolor)
}

.back-home-button:hover {
    background: var(--heo-main);
    color: var(--heo-white)!important
}

.back-home-button .back-menu-list {
    display: flex;
    flex-direction: column
}

.back-home-button .back-menu-list::before {
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 20px;
    content: ''
}

.back-home-button .back-menu-list .back-menu-item {
    display: flex;
    align-items: center;
    margin: 4px 8px;
    padding: 4px 8px!important;
    transition: .3s;
    border-radius: 8px
}

.back-home-button .back-menu-list .back-menu-item:hover {
    background: var(--heo-main)!important;
    transform: scale(1)!important
}

.back-home-button .back-menu-list .back-menu-item .back-menu-item-icon {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background: var(--heo-secondbg)
}

.back-home-button .back-menu-list .back-menu-item .back-menu-item-text {
    font-size: var(--global-font-size);
    margin-left: .5rem;
    color: var(--heo-fontcolor)
}

.back-home-button .back-menu-list .back-menu-item:hover .back-menu-item-text {
    color: var(--heo-white)
}

.back-home-button .back-menu-list-group {
    display: flex;
    flex-direction: column
}

.back-home-button .back-menu-list-groups {
    position: fixed;
    top: 65px;
    left: 1.5rem;
    background: var(--heo-card-bg);
    border-radius: 12px;
    border: var(--style-border);
    flex-direction: column;
    font-size: 12px;
    color: var(--heo-secondtext);
    box-shadow: var(--heo-shadow-border);
    transition: 0s;
    opacity: 0;
    pointer-events: none
}

.back-home-button .back-menu-list-groups:hover {
    border: var(--style-border-hover)
}

.back-home-button .back-menu-list-group .back-menu-list-title {
    margin: 8px 0 0 16px;
    transition: .3s
}

.back-home-button .back-menu-list-group:hover .back-menu-list-title {
    color: var(--heo-main)
}

.back-home-button:hover .back-menu-list-groups {
    display: flex;
    opacity: 1;
    transition: .3s;
    top: 55px;
    pointer-events: auto;
    left: 1.5rem
}

@media screen and (max-width: 768px) {
    .back-home-button .back-menu-list-groups {
        left: 0
    }
    .back-home-button:hover .back-menu-list-groups {
        width: 100%;
        border-radius: 0;
        padding-bottom: 8px;
        box-shadow: var(--heo-shadow-border);
        left: 0
    }
}

#nav #blog_name {
    flex-wrap: nowrap;
    height: 1px;
    display: flex;
    align-items: center;
    z-index: 888888;
    transition: .3s;
    position: absolute;
}

@media screen and (min-width: 900px) {
    #nav #site-name {
        opacity: 1;
        transition: .3s;
        overflow: hidden
    }
    #nav #site-name i {
        transition: .3s
    }
    #nav #site-name:hover i {
        opacity: 0;
        transition: .3s
    }
    #page-header.nav-fixed #nav #site-name {
        opacity: 1;
        transition: .1s
    }
    #page-header.nav-visible #nav #site-name {
        opacity: 1;
        transition: .1s
    }
    #nav #site-name:after {
        background: url(https://npm.elemecdn.com/guli-heo/others/home.png) no-repeat 50% 50%;
        opacity: 0;
        position: absolute;
        display: flex;
        z-index: 1;
        width: 74px;
        height: 58px;
        content: "";
        transition: .3s;
        transition-timing-function: ease-in;
        transform: scale(.4)
    }
    .post #nav #site-name:hover {
        background: var(--heo-white-op)
    }
    .nav-fixed #nav #site-name:hover {
        background: var(--heo-main)
    }
    #nav #site-name:hover:after {
        opacity: 1;
        transform: translateY(0) scale(.3);
        transition-timing-function: ease-in
    }
    #nav .back-home-button:hover {
        box-shadow: var(--heo-shadow-main)
    }
    #nav #page-name-text {
        display: inline;
        font-weight: 700;
        padding: 4px 8px;
        opacity: 0;
        transition: .1s;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        position: relative;
        text-align: center;
        cursor: pointer;
        top: 0;
        font-size: .9rem;
        animation-timing-function: ease-in;
        -webkit-animation-timing-function: ease-in
    }
    #nav #page-name-text:hover {
        background: var(--heo-main);
        color: var(--heo-none)!important
    }
    #page-header.nav-fixed #nav #page-name-text {
        display: inline;
        opacity: 1;
        transition: .3s
    }
    #page-header.nav-fixed #nav #page-name-text::after {
        opacity: 0;
        transform: scale(1);
        content: "回到顶部";
        transition: .2s;
        position: absolute;
        top: 4px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        color: var(--heo-white)!important;
        font-size: .8rem
    }
    #page-header.nav-fixed #nav #page-name-text:hover:after {
        opacity: 1;
        line-height: 36px
    }
    #page-header.nav-fixed #nav div.menus_items {
        transition: .15s;
        position: relative;
        top: -60px
    }
    #page-header.nav-fixed.nav-visible #nav #page-name-text {
        display: inline;
        transition: .15s
    }
    #page-header.nav-fixed.nav-visible #nav div.menus_items {
        opacity: 1;
        transition: .15s;
        position: relative;
        top: 8px
    }
    #page-name {
        align-items: center;
        display: flex;
        border-radius: 12px;
        height: 40px;
        position: absolute;
        top: 62px;
        left: 0;
        right: 0;
        margin: auto;
        justify-content: center;
        animation-timing-function: ease-out;
        -webkit-animation-timing-function: ease-out
    }
    #page-header.nav-fixed #nav #menus {
        z-index: 100
    }
    #page-header.nav-fixed.nav-visible #nav #menus {
        z-index: 101
    }
    #page-header.nav-fixed #page-name {
        z-index: 101;
        transition: .3s;
        top: 10px
    }
    #page-header.nav-fixed.nav-visible #page-name {
        z-index: 100;
        top: 62px;
        transition: .3s
    }
    #page-name-mask {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        left: 0
    }
}

@media screen and (max-width: 899px) {
    #nav #page-name-mask {
        display: none!important
    }
}

i.fab {
    font-size: 20px;
    vertical-align: middle;
    margin-bottom: 4px
}

#body-wrap .full_page:before {
    background-color: var(--heo-none)!important;
    transition: 0s!important
}

.full_page #page-header:before {
    display: none!important
}

.snackbar-container {
    background: var(--heo-main)!important;
    color: var(--heo-white)!important;
    border-radius: 0!important;
    display: flex;
    justify-content: center!important;
    max-width: none!important;
    min-width: 100%!important;
    margin: 0!important;
    left: 0!important;
    height: 60px!important;
    transform: none!important
}

.snackbar-container p {
    font-weight: 700!important;
    text-align: center!important;
    font-size: .8rem!important
}

.snackbar-container .action {
    color: var(--heo-white)!important;
    padding: 4px 6px;
    font-weight: 700;
    border-radius: 8px;
    transition: .3s;
    border: var(--style-border)
}

.snackbar-container .action:hover {
    color: var(--heo-main)!important;
    background: var(--heo-white)
}

.snackbar-container::after {
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--heo-white);
    opacity: .1;
    content: "";
    animation: snackbar-progress var(--heo-snackbar-time) linear forwards;
    pointer-events: none
}

@keyframes snackbar-progress {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

#nav a {
    transition: .3s
}

#nav a:hover {
    color: var(--heo-white)!important;
    background: var(--heo-white-op);
    transition: .3s
}

@media screen and (min-width: 1300px) {
    #nav a:hover {
        transform: scale(1.03)
    }
    #nav a:active {
        transform: scale(.97)
    }
}

.page #nav a:hover {
    color: var(--heo-white)!important;
    background: var(--heo-main);
    transition: .3s;
    box-shadow: var(--heo-shadow-main)
}

.nav-fixed #nav a:hover {
    background: var(--heo-main);
    transition: .3s
}

@media screen and (min-width: 768px) {
    .menus_item:hover>a.site-page {
        color: var(--heo-white)!important;
        background: var(--heo-white-op);
        transition: .3s;
        box-shadow: var(--heo-shadow-main)
    }
    .page .menus_item:hover>a.site-page {
        color: var(--heo-white)!important;
        background: var(--heo-main);
        transition: .3s;
        box-shadow: var(--heo-shadow-main)
    }
    .nav-fixed .menus_item:hover>a.site-page {
        background-color: var(--heo-main)
    }
}

@media screen and (max-width: 768px) {
    #sidebar #sidebar-menus .menus_items li .site-page:hover {
        background: var(--heo-main);
        color: var(--heo-white)
    }
    #sidebar #sidebar-menus .menus_items li .site-page span:hover {
        color: var(--heo-white)
    }
    #sidebar #sidebar-menus {
        z-index: 1001
    }
}

.nav-fixed #nav #site-name i {
    color: var(--heo-fontcolor);
    transition: .3s
}

#nav #site-name:hover i {
    color: var(--heo-white)
}

#search-mask {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: var(--heo-maskbg)
}

#algolia-search .search-dialog .ais-search-box input {
    border-radius: 8px!important;
    border: var(--style-border)
}

#algolia-search .search-dialog .ais-search-box input:focus {
    border: var(--style-border-hover)
}

#algolia-search .search-dialog .ais-search-box input::placeholder {
    opacity: .6
}

.search-dialog {
    border-radius: 12px!important;
    box-shadow: var(--heo-shadow-lightblack);
    background: var(--heo-card-bg);
    border: var(--style-border);
    transition: .3s
}

.search-dialog:hover {
    border: var(--style-border-hover);
    box-shadow: var(--heo-shadow-theme)
}

.search-dialog__title {
    font-weight: 700;
    color: var(--heo-main)
}

#algolia-search .search-dialog .ais-hits--item.algolia-hit-item a:hover {
    color: var(--heo-hovertext)
}

#algolia-search .search-dialog .algolia-logo {
    display: none
}

#algolia-tips {
    padding-top: 12px;
    color: var(--heo-secondtext);
    right: 0;
    margin: auto
}

.algolia-tips-text {
    margin-left: .4rem
}

#algolia-search-results {
    padding-top: 8px
}

#algolia-search .search-dialog .ais-hits--item.algolia-hit-item:before {
    display: none
}

#algolia-search .search-dialog .ais-hits--item.algolia-hit-item {
    padding-left: 0;
    font-weight: 700
}

#algolia-search .search-dialog .ais-pagination.pagination {
    margin: .2rem 0 0
}

#algolia-search .search-dialog .ais-hits--item.algolia-hit-item em {
    color: var(--heo-theme);
    font-style: normal
}

#algolia-search .search-dialog .ais-search-box {
    padding-top: 8px
}

#algolia-search .search-dialog .ais-pagination.pagination .ais-pagination--item.current a {
    border-radius: 4px;
    background: var(--heo-main);
    color: var(--heo-white)
}

a {
    color: var(--heo-fontcolor)
}

a:hover {
    color: var(--heo-hovertext)
}

hr {
    display: none
}

#footer-wrap {
    color: var(--heo-fontcolor)
}

#footer-wrap a {
    color: var(--heo-fontcolor);
    height: 44px;
    line-height: 36px
}

#footer-wrap a:hover {
    color: var(--heo-hovertext);
    background-color: var(--heo-none)
}

div#footer_deal {
    justify-content: center;
    display: flex;
    padding-top: 2rem;
    align-items: center
}

#card-poem {
    display: flex;
    flex-direction: column;
    padding: .5rem!important;
    min-height: 130px
}

div#poem_sentence {
    text-align: center;
    font-family: serif, cursive;
    line-height: 1.4;
    margin-bottom: .5rem;
    padding: 1rem;
    border-radius: 12px;
    background: var(--heo-secondbg);
    min-height: 62px
}

div#poem_info {
    display: flex;
    color: var(--heo-secondtext);
    font-size: .5rem;
    justify-content: center;
    flex-wrap: wrap
}

div#poem_author {
    order: 1;
    padding: 2px;
    margin-left: 8px
}

div#poem_dynasty {
    order: 0;
    padding: 2px 4px 2px 6px;
    background: var(--heo-card-btn-bg);
    color: var(--heo-fontcolor);
    border-radius: 8px
}

@media screen and (max-width: 769px) {
    img.footer_mini_logo {
        display: none
    }
    div#footer_deal {
        flex-wrap: wrap;
        flex-direction: row
    }
}

a.deal_link {
    margin: 1rem 27px;
    color: var(--heo-secondtext);
    line-height: 1.3rem;
    border-radius: 3rem
}

a.deal_link:hover {
    color: var(--heo-hovertext)
}

img.footer_mini_logo {
    width: 50px;
    height: 50px;
    margin: 0 1rem;
    cursor: pointer;
    filter: drop-shadow(0 12px 12px #d4efed);
    transition: cubic-bezier(0, 0, 0, 1.29) .5s
}

img.footer_mini_logo:hover {
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d
}

@media screen and (min-width: 1300px) {
    img.footer_mini_logo:hover {
        transform: scale(1.03)
    }
    img.footer_mini_logo:active {
        transform: scale(.97)
    }
}

#weblogo {
    align-self: center
}

#footer-wrap a#heoblog_footerlogo:hover {
    background: var(--heo-none)
}

.heoblog_footerlogo_img {
    filter: drop-shadow(0 12px 12px #ee7d7936)
}

.heoblog_footerlogo_img:hover {
    transform: scale(1.03)
}

#nav #menus {
    display: flex;
    justify-content: center;
    width: 100%;
    position: fixed;
    height: 30px;
    left: 0;
    margin: -16px;
}

#nav .menus_items {
    position: relative;
    width: fit-content;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: row;
    justify-content: center
}

#menus>div.menus_items>div>a {
    letter-spacing: .3rem;
    padding-left: .7rem;
    font-weight: 700;
    padding-top: 0;
    padding-bottom: 0;
    height: 35px
}

#menus>div.menus_items>div>a {
    line-height: 35px
}

#nav .menus_items .menus_item .menus_item_child li a {
    letter-spacing: 0
}

#page-header.nav-fixed #nav #menus[style*="padding-right: 300px;"] .menus_items {
    transform: translateX(-150px)
}

#travellings_button {
    display: inline;
    padding: 0 .4rem
}

#rightMenu {
    display: none;
    position: fixed;
    padding: 0 .25rem;
    width: 9rem;
    height: fit-content;
    top: 10%;
    left: 10%;
    background-color: var(--heo-maskbgdeep);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    color: var(--heo-fontcolor);
    border-radius: 12px;
    z-index: 99994;
    border: var(--style-border);
    user-select: none;
    box-shadow: var(--heo-shadow-black)
}

#rightMenu:hover {
    border: var(--heo-lighttext);
    box-shadow: var(--heo-lighttext)
}

#rightMenu .rightMenu-group {
    padding: .35rem .3rem;
    transition: .3s
}

#rightMenu .rightMenu-line {
    border-top: 1px dashed var(--heo-theme-op)
}

#rightMenu .rightMenu-group.rightMenu-small {
    display: flex;
    justify-content: space-between
}

#rightMenu .rightMenu-group .rightMenu-item {
    border-radius: 8px;
    transition: .3s;
    cursor: pointer
}

#rightMenu .rightMenu-line .rightMenu-item {
    margin: .25rem 0;
    padding: .25rem 0
}

#rightMenu .rightMenu-group.rightMenu-line .rightMenu-item {
    display: flex
}

#rightMenu .rightMenu-group .rightMenu-item:hover {
    background-color: var(--heo-main);
    color: var(--heo-white);
    box-shadow: var(--heo-shadow-main)
}

#rightMenu .rightMenu-group .rightMenu-item:active {
    transform: scale(.97)
}

#rightMenu .rightMenu-group .rightMenu-item i {
    display: inline-block;
    text-align: center;
    line-height: 1.5rem;
    width: 1.5rem;
    padding: 0 .25rem
}

#rightMenu .rightMenu-line .rightMenu-item i {
    margin: 0 .25rem
}

#rightMenu .rightMenu-group .rightMenu-item span {
    line-height: 1.5rem
}

.rightMenu-small .rightMenu-item {
    width: 30px;
    height: 30px;
    line-height: 30px
}

#rightmenu-mask {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: 0 0;
    top: 0;
    left: 0;
    display: none;
    z-index: 101;
    margin: 0!important;
    z-index: 99993
}

#darkmode_navswitch {
    display: inline;
    position: relative
}

#darkmode_navswitch a i {
    font-size: .9rem
}

[data-theme=dark] #page-header.not-top-img #nav .darkmode_switchbutton {
    color: var(--heo-yellow)
}

a.darkmode_switchbutton {
    padding: 4px 8px!important;
    cursor: pointer;
    margin: 0!important;
    font-size: .9rem;
    color: var(--heo-fontcolor)
}

[data-theme=dark] a.darkmode_switchbutton {
    color: var(--heo-yellow)!important
}

#nav .site-page {
    text-shadow: .05rem .05rem .1rem transparent;
    border-radius: 8px
}

.menus_item_child .site-page {
    border-radius: 8px!important
}

#nav .site-page {
    color: var(--heo-white)
}

.nav-fixed #nav .site-page {
    color: var(--heo-fontcolor)
}

.post-bg #nav #site-name {
    color: var(--heo-white);
    transition: .3s
}

#nav #site-name {
    color: var(--heo-fontcolor);
    padding: 0;
    transition: .3s;
    display: flex;
    height: 35px;
    width: 85px;
    justify-content: center;
    align-items: center;
    text-shadow: none
}

#search-button>a>span {
    display: none
}

#nav .menus_items .menus_item i.expand {
    display: none
}

#rightside {
    display: none
}

#rightside>div>a,
#rightside>div>button {
    margin-bottom: 8px;
    transition: .3s
}

#rightside>div>a:hover,
#rightside>div>button {
    transition: .3s
}

#rightside {
    padding-right: 8px
}

#rightside #rightside-config-hide {
    transform: translate(42px, 0)
}

#footer {
    background: linear-gradient(180deg, var(--heo-background) 0, var(--heo-card-bg) 25%);
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    z-index: 101
}

@media screen and (max-width: 768px) {
    #footer {
        margin-top: 0
    }
}

#algolia-search .ais-hits--item.algolia-hit-item a {
    color: var(--heo-fontcolor)
}

.aplayer .aplayer-list ol {
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px)
}

.aplayer .aplayer-lrc:after {
    display: none!important
}

.aplayer.aplayer-withlrc.aplayer-withlist {
    border-radius: 12px
}

#article-container .aplayer {
    border-radius: 12px;
    min-height: 90px;
    background: var(--heo-card-bg);
    border: var(--style-border);
    box-shadow: var(--heo-shadow-border)
}

#article-container.flink {
    margin-top: 1rem
}

#article-container.flink h2 {
    margin-top: .5rem;
    margin-bottom: 0
}

#mobile-sidebar #mobile-sidebar-menus.open {
    background: var(--heo-maskbg)
}

#aside-content .card-info .card-info-data>.card-info-data-item {
    transition: .3s
}

#sidebar #sidebar-menus .site-data {
    margin: 1rem 0;
    padding: .6rem .5rem
}

#sidebar-menus>hr {
    display: none
}

#card-info-btn {
    border-radius: 25px;
    overflow: hidden
}

#card-info-btn:before {
    border-radius: 25px
}

#algolia-search .search-dialog .ais-hits--item.algolia-hit-item a {
    color: var(--heo-fontcolor);
    width: auto;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.not-index-bg {
    height: 2rem!important;
    background-image: none!important;
    background-color: var(--heo-none)!important
}

.not-index-bg img {
    display: none
}

.not-index-bg #page-site-info {
    display: none
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 2000;
    position: fixed;
    margin: auto;
    top: 4px;
    left: 0;
    right: 0;
    height: 8px;
    border-radius: 8px;
    width: 4rem;
    background: var(--heo-secondbg);
    border: var(--style-border);
    overflow: hidden
}

.pace-inactive .pace-progress {
    opacity: 0;
    transition: .3s ease-in
}

.pace .pace-progress {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    max-width: 200px;
    position: fixed;
    z-index: 2000;
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 100%;
    background: var(--heo-logo-color);
    animation: gradient 2s ease infinite;
    background-size: 200%
}

.pace.pace-inactive {
    opacity: 0;
    transition: .3s;
    top: -8px
}

@media screen and (min-width: 900px) {
    #aside-content .sticky_layout {
        top: 60px
    }
}

@media screen and (min-width: 768px) {
    #aside-content .sticky_layout {
        margin-top: 1rem
    }
}

@media screen and (min-width: 1300px) {
    #aside-content .sticky_layout {
        margin-top: .5rem
    }
}

#aside-content .sticky_layout {
    top: 80px;
    transition: top 0s
}

#aside-content .sticky_layout .card-widget:first-child {
    margin-top: 0
}

#aside-content .card-widget:hover {
    box-shadow: var(--heo-shadow-border)
}

#aside-content #card-funds {
    margin-bottom: 1rem;
    min-height: 260px
}

#page-header.nav-visible+.layout>.aside-content>.sticky_layout {
    top: 80px
}

.card-widget.card-recent-post {
    padding: .4rem .6rem!important
}

#aside-content .aside-list>.aside-list-item .content>time {
    display: none
}

#aside-content .aside-list>.aside-list-item .content>.title {
    -webkit-line-clamp: 3;
    font-weight: 700;
    padding: 2px 0
}

#aside-content .aside-list>.aside-list-item {
    padding: 8px;
    padding-top: 6px!important;
    padding-bottom: 6px!important;
    border-radius: 12px;
    transition: .3s;
    margin: 4px 0;
    cursor: pointer
}

@media screen and (min-width: 1300px) {
    #aside-content .aside-list>.aside-list-item:hover {
        transform: scale(1.03)
    }
    #aside-content .aside-list>.aside-list-item:active {
        transform: scale(.97)
    }
}

#aside-content .aside-list>.aside-list-item:hover .thumbnail>img {
    transform: scale(1)
}

#aside-content .aside-list>.aside-list-item:not(:last-child) {
    border-bottom: 0 dashed var(--heo-background)!important
}

#aside-content .aside-list>.aside-list-item .thumbnail {
    -webkit-mask-image: -webkit-radial-gradient(center, #fff, #000);
    border-radius: 8px;
    border: var(--style-border)
}

#aside-content .aside-list>.aside-list-item:hover {
    background: var(--heo-main);
    color: var(--heo-white);
    transition: .3s;
    box-shadow: var(--heo-shadow-main)
}

#aside-content .aside-list>.aside-list-item:hover a {
    color: var(--heo-white)!important
}

a.card-archive-list-link-more {
    color: var(--heo-white)!important;
    background: var(--heo-card-btn-bg);
    margin-top: 8px
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a,
#aside-content .card-categories ul.card-category-list>.card-category-list-item a {
    border-radius: 8px;
    margin: 4px 0;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    border: var(--style-border)
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a span:first-child,
#aside-content .card-categories ul.card-category-list>.card-category-list-item a span:first-child {
    width: auto
}

#aside-content .card-archives ul.card-archive-list,
#aside-content .card-categories ul.card-category-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap
}

.card-allinfo hr {
    display: flex;
    position: relative;
    margin: 1rem 0;
    border: 1px dashed var(--heo-theme-op)
}

.card-allinfo .item-headline {
    display: none
}

span.card-archive-list-count {
    width: auto;
    text-align: left;
    font-size: 1.1rem;
    line-height: .9;
    font-weight: 700
}

.card-archive-list-count-group {
    display: flex;
    flex-direction: row;
    align-items: baseline
}

.card-archive-list-count-unit {
    width: auto;
    text-align: left;
    font-size: 14px;
    font-weight: 700
}

.card-archive-list-date {
    font-size: 14px;
    opacity: .6
}

li.card-archive-list-item {
    width: 100%;
    flex: 0 0 48%
}

.card-category-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.card-category-list-item {
    width: 45%
}

.card-category-list-count {
    display: none!important
}

.card-category-list-name {
    width: 100%!important;
    text-align: center
}

.webinfo-item {
    display: flex;
    white-space: nowrap
}

.webinfo-item-title {
    display: flex
}

.webinfo-item-title i {
    line-height: 2;
    margin-right: 6px;
    width: 16px;
    text-align: center
}

@media screen and (min-width: 1300px) {
    #aside-content {
        padding-left: .5rem;
        width: 20%
    }
    #aside-content .sticky_layout {
        top: calc(60px + .5rem)
    }
    #page-header.nav-visible+.layout>.aside-content>.sticky_layout {
        top: calc(60px + .5rem)
    }
    [data-theme=dark] #aside-content>.card-widget.card-info {
        border: var(--style-border)
    }
    .coverdiv {
        height: 130%
    }
}

.medium-zoom-overlay {
    background: var(--heo-maskbg)!important
}

#toggle-sidebar {
    bottom: 80px
}

.button--animated {
    border-radius: 8px!important;
    transition: .3s
}

#error-wrap .error-content .error-info a:hover {
    background-color: var(--heo-blue);
    transition: .3s;
    transform: scale(1.03);
    box-shadow: var(--heo-shadow-blue)
}

.button--animated:before {
    display: none
}

a.tree-list-post-link {
    font-size: .8rem;
    line-height: 1.2!important
}

li.tree-list-item {
    line-height: 1.9;
    margin: .3rem 0
}

.title-h2-a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .5rem
}

.title-h2-a a {
    margin-left: .5rem;
    color: var(--heo-secondtext);
    font-weight: 700
}

.title-h2-a a:hover {
    color: var(--heo-hovertext)
}

.title-h2-a-left {
    display: flex;
    align-items: center
}

.title-h2-a-left h2 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

#card-funds .funds-list::-webkit-scrollbar {
    display: none!important
}

.funds-tips {
    font-size: .5rem;
    width: 100%;
    text-align: center;
    color: var(--heo-secondtext);
    margin: .5rem 0 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    bottom: .5rem;
    left: 0;
    padding: 0 1rem
}

.funds-list {
    height: 200px;
    overflow: scroll
}

span.fund_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.funds-info {
    margin-left: 4px;
    color: var(--heo-secondtext)
}

.funds-list-item .content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap
}

.fund_dayGrowth {
    display: inline;
    float: right
}

.fund-up {
    color: var(--heo-red)
}

.fund-down {
    color: var(--heo-green)
}

#aside-content .card-widget#card-music {
    background: var(--heo-pink);
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 0;
    cursor: pointer;
    border: none
}

#aside-content .card-widget#card-music img {
    max-height: 110px;
    object-fit: cover
}

#aside-content .card-widget#card-music:hover img {
    transform: scale(1.03);
    transition: .5s;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d
}

.music-link {
    display: flex;
    justify-content: center;
    align-content: center
}

#aside-content .card-widget#card-friendlinks {
    background: var(--heo-main);
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 0;
    cursor: pointer;
    border: none
}

#aside-content .card-widget#card-friendlinks img {
    max-height: 110px;
    object-fit: cover
}

#aside-content .card-widget#card-friendlinks:hover img {
    transform: scale(1.03);
    transition: .5s;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d
}

.friend-link {
    display: flex;
    justify-content: center;
    align-content: center
}

#aside-content .card-widget#card-wechat {
    background: #57bd6a;
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 0;
    cursor: pointer;
    border: none;
    height: 110px
}

@media screen and (min-width: 1300px) {
    #aside-content .card-widget#card-wechat:hover {
        transform: scale(1.03)
    }
    #aside-content .card-widget#card-wechat:active {
        transform: scale(.97)
    }
}

#aside-content .card-widget#card-wechat img {
    max-height: 110px;
    object-fit: cover
}

.friend-link {
    display: flex;
    justify-content: center;
    align-content: center
}

#flip-wrapper {
    position: relative;
    width: 235px;
    height: 110px;
    z-index: 1
}

#flip-wrapper {
    -webkit-perspective: 1000;
    perspective: 1000
}

#flip-content {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: cubic-bezier(0, 0, 0, 1.29) .3s
}

#flip-wrapper:hover #flip-content {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.face {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: url(https://pic.rmb.bdstatic.com/bjh/6df0ffb011ec01c0c3ca72e0b93a3a59.png) center center no-repeat;
    background-size: 100%
}

.back.face {
    display: block;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    box-sizing: border-box;
    background: url(https://pic.rmb.bdstatic.com/bjh/dca881faf37235f914e09e682794802c.png) center center no-repeat;
    background-size: 100%
}

#card-vip-designweekly.card-widget {
    display: flex!important;
    padding: 0;
    cursor: pointer
}

#card-vip-designweekly.card-widget .card-vip-designweekly-img {
    width: 100%;
    object-fit: cover
}

.card-vip-tips {
    display: flex;
    position: absolute;
    font-size: .25rem;
    bottom: 8px;
    left: 8px;
    padding: 1px 6px;
    background: var(--heo-black-op);
    border-radius: 8px;
    color: var(--heo-white)
}

#widget-tree-button {
    background-color: var(--heo-secondbg)!important;
    box-shadow: var(--heo-shadow-light2black)!important;
    color: var(--heo-fontcolor)
}

#widget-tree:hover #widget-tree-button {
    opacity: 0;
    left: -1.5rem
}

#widget-tree {
    background-color: var(--heo-maskbg)!important
}

#widget-tree:hover {
    left: 0!important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px)
}

#widget-tree a {
    -webkit-line-clamp: 2;
    color: var(--heo-fontcolor)!important
}

#widget-tree a:hover {
    color: var(--heo-hovertext)!important
}

.toggle-post-icon,
.toggle-toc-icon {
    color: var(--heo-fontcolor)!important
}

@media screen and (max-width: 768px) {
    #widget-tree {
        display: none!important
    }
    #card-vip-designweekly.card-widget .card-vip-designweekly-img {
        display: none;
    }
}

.guli_top {
    position: fixed;
    z-index: 99;
    right: 30px;
    display: flex;
    transition: .3s;
    opacity: 0;
    bottom: -25px;
    width: 88px;
    height: 123px;
    user-select: none
}

.guli_top.guli-fixed {
    opacity: 1;
    bottom: 25px
}

#guli_top .guli_body {
    position: relative;
    height: 123px;
    z-index: 1003
}

#guli_top .guli_body:hover {
    cursor: pointer
}

#guli_top .guli_wing {
    position: relative;
    height: 64px;
    z-index: 1002;
    bottom: -120px;
    transform: scale(.01);
    box-shadow: var(--heo-shadow-yellow)
}

#guli_top.open_wing .guli_wing {
    transform: scale(1.03)
}

#guli_top.open_wing .guli_body {
    transform: scale(1)
}

@media screen and (max-width: 1300px) {
    #guli_top {
        display: none
    }
    #card-vip-designweekly.card-widget .card-vip-designweekly-img {
        display: none;
    }
}

#cookies-window {
    background: var(--heo-maskbgdeep);
    color: var(--heo-fontcolor);
    padding: 10px 16px;
    display: flex;
    flex-direction: row;
    bottom: 1rem;
    right: 1rem;
    position: fixed;
    border-radius: 12px;
    transition: .3s;
    z-index: 1002;
    user-select: none;
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    border: var(--style-border)
}

#cookies-window.cw-hide {
    opacity: 0;
    bottom: -62px
}

.cookies-link {
    margin-left: .5rem;
    font-size: 16px
}

@media screen and (max-width: 1300px) {
    #cookies-window {
        display: none
    }
}

.heo-tag {
    padding: 1px 6px;
    border-radius: 6px 6px 6px 0;
    margin-left: 4px;
    height: 20px;
    line-height: 19px
}

.heo-tag-new-view {
    color: var(--heo-white);
    background: var(--heo-green)
}

.heo-tag-hot-view {
    color: var(--heo-white);
    background: var(--heo-red)
}

#loading-box .loading-bg {
    display: flex;
    width: 100%;
    height: 100%;
    position: fixed;
    background: var(--heo-card-bg);
    z-index: 1001;
    opacity: 1;
    transition: .3s
}

#loading-box.loaded .loading-bg {
    opacity: 0;
    z-index: -1000
}

#loading-box .loading-svg {
    width: 50px;
    margin: auto;
    animation-duration: .3s;
    animation-name: loadingAction;
    animation-iteration-count: infinite;
    animation-direction: alternate
}

@keyframes loadingAction {
    from {
        opacity: 1
    }
    to {
        opacity: .4
    }
}

#page-header.full_page {
    height: 2rem;
    background-image: none!important;
    background-color: var(--heo-none)
}

#page-header.full_page #site-info {
    display: none
}

div#categoryList {
    display: flex;
    width: 100%;
    justify-content: space-between
}

.categoryItem {
    overflow: hidden;
    transform: scale(1);
    transition: all .8s cubic-bezier(.65, .15, .37, 1.19);
    height: 48%;
    border-radius: 12px
}

a.categoryButton {
    height: 100%;
    width: 100%;
    background: var(--heo-card-bg);
    border-radius: 12px;
    display: inline-block;
    text-align: left;
    line-height: 4em;
    font-weight: 700;
    font-size: .9rem;
    color: var(--heo-white);
    transition: all .8s cubic-bezier(.39, .575, .565, 1);
    transform: scale(1);
    overflow: hidden;
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei
}

@media screen and (min-width: 1300px) {
    a.categoryButton:active {
        transform: scale(.97)
    }
}

@media screen and (max-width: 769px) {
    a.categoryButton {
        border-radius: 0
    }
    .categoryItem {
        border-radius: 0
    }
}

a.categoryButton:after {
    top: 50px;
    width: 1rem;
    left: 21px;
    height: 2px;
    background: var(--heo-white);
    content: "";
    border-radius: 1px;
    position: absolute
}

.categoryButtonText {
    padding-left: 21px
}

a.categoryButton i {
    font-size: 5rem;
    opacity: .4;
    position: absolute;
    right: 0;
    top: 20%;
    transition: .3s;
    width: 100px;
    text-align: center
}

@media screen and (max-width: 768px) {
    a.categoryButton i {
        display: none
    }
    .recent-post-top .categoryGroup {
        min-width: 130px!important;
        margin-bottom: 1rem;
        max-height: 164px
    }
}

.topGroup {
    display: flex
}

#bannerGroup {
    display: flex
}

div#banners {
    display: none
}

@media screen and (min-width: 1300px) {
    .topGroup {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
        height: calc(328px + .5rem);
        align-content: space-between;
        width: calc(600px + 1.5rem)
    }
    div#bannerGroup {
        width: calc(100% - 600px - 1.5rem);
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
    div#banners {
        display: flex;
        width: 100%;
        height: 100%;
        background: var(--heo-theme);
        margin-bottom: .5rem;
        border: var(--style-border);
        border-radius: 12px;
        overflow: hidden;
        position: relative;
        box-shadow: var(--heo-shadow-border)
    }
    div#banners:hover {
        border: var(--style-border-hover);
        box-shadow: var(--heo-shadow-main)
    }
    #banner-page {
        width: 100%
    }
    #banner-page::-webkit-scrollbar {
        display: none
    }
    #banner-hover {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: var(--heo-theme);
        color: var(--heo-white);
        padding-left: .5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        opacity: 0;
        transition: cubic-bezier(.71, .15, .16, 1.15) .6s
    }
    .bannerText {
        font-size: 4rem;
        line-height: 4rem;
        font-weight: 700
    }
    .banner-righticon {
        font-size: 4rem;
        opacity: .6
    }
    #banners:hover #banner-hover {
        opacity: 1;
        padding-left: 2rem;
        background: #4259efc9;
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        transition: .3s;
        background-size: 200%
    }
}

#categoryList>div:nth-child(1)>a::before {
    height: 24px;
    width: 44px;
    content: "";
    background: url(/img/recommend.png) no-repeat;
    background-size: 38px 24px;
    position: absolute;
    top: 0;
    left: 0
}

a.categoryButton:hover i {
    opacity: .8;
    transition: .8s;
    transition-delay: .15s;
    transform: scale(1.03)
}

@media screen and (min-width: 1300px) {
    a.categoryButton:hover i {
        transform: scale(1.03)
    }
}

#categoryList>a:nth-child()>i {
    padding-right: 8px
}

.cate-button-text {
    box-shadow: var(--heo-shadow-black)
}

@media screen and (max-width: 768px) {
    div#categoryList {
        display: none
    }
}

.recent-post-top .categoryGroup {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 200px
}

.categoryGroup .categoryItem:nth-child(3) {
    display: none
}

@media screen and (min-width: 1300px) {
    .recent-post-top .categoryGroup {
        flex-direction: row
    }
    .categoryItem {
        width: calc(100% / 3 - .33rem);
        height: 100%;
        margin-right: .5rem
    }
    .categoryItem:last-child {
        margin-right: 0
    }
    .categoryItem:hover {
        width: 50%
    }
    .categoryGroup .categoryItem:nth-child(3) {
        display: flex
    }
}

a.categoryButton.bikan {
    background: linear-gradient(to right, #358bff, #15c6ff);
    background-size: 200%
}

a.categoryButton.remen {
    background: linear-gradient(to right, #f65, #ffbf37);
    background-size: 200%
}

a.categoryButton.shiyong {
    background: linear-gradient(to right, #18e7ae, #1eebeb);
    background-size: 200%
}

a.categoryButton:hover {
    background-position: 100% 0
}

#category-bar {
    padding: .4rem 1rem .4rem .5rem;
    background: var(--heo-card-bg);
    border-radius: 12px;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 1rem;
    border: var(--style-border);
    transition: .3s;
    width: 100%;
    justify-content: space-between
}

@media screen and (min-width: 1300px) {
    #category-bar:hover {
        border: var(--style-border-hover);
        box-shadow: var(--heo-shadow-main)
    }
}

@media screen and (max-width: 768px) {
    #category-bar {
        border-radius: 0;
        background: var(--heo-none);
        margin-bottom: 0
    }
}

#category #category-bar {
    padding: 0;
    border: none;
    box-shadow: none
}

#category a.category-bar-item.select a {
    display: none
}

.category-in-bar {
    display: flex;
    white-space: nowrap
}

.category-in-bar-tips {
    margin-right: 1rem
}

.category-bar-items {
    white-space: nowrap;
    overflow-x: scroll;
    display: flex
}

.category-bar-items::-webkit-scrollbar {
    display: none
}

.category-bar-item a {
    padding: .1rem .5rem;
    margin: 0 4px;
    font-weight: 700;
    border-radius: 8px
}

.category-bar-item:hover a {
    background: var(--heo-theme);
    color: var(--heo-white)
}

.category-bar-item.select a {
    background: var(--heo-theme);
    color: var(--heo-white);
    border-radius: 8px
}

@media screen and (max-width: 768px) {
    .category-bar-item.select a {
        border-radius: 4px
    }
    .category-bar-item a {
        border-radius: 4px
    }
}

.category-bar-more {
    margin-left: 1rem;
    font-weight: 700
}

#bber-talk {
    width: 100%;
    height: 25px;
    line-height: 25px;
    display: flex;
    flex-direction: column
}

#bbtalk {
    overflow: hidden;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#bber-talk .li-style {
    width: auto;
    max-width: 100%;
    height: 25px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: .3s;
    font-weight: 700;
    margin: auto;
    cursor: pointer;
    white-space: nowrap
}

#bbTimeList .li-style:hover {
    color: var(--heo-theme);
    transition: .3s
}

li,
ul {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0
}

#bbTimeList {
    background: var(--heo-none);
    color: var(--heo-fontcolor);
    padding: .5rem 1rem;
    border-radius: 12px;
    box-shadow: var(--heo-shadow-lightblack);
    display: flex;
    transition: .3s;
    margin-bottom: 1rem;
    border: var(--style-border);
    align-items: center;
    height: 50px
}

#bbTimeList:hover {
    border: var(--style-border-hover);
    box-shadow: var(--heo-shadow-main)
}

@media screen and (min-width: 1300px) {
    #bbTimeList {
        margin-bottom: .5rem
    }
}

.bber-gotobb {
    line-height: 25px;
    margin-left: 1rem;
    transition: .3s;
    cursor: pointer
}

.bber-gotobb:hover {
    opacity: .8;
    color: var(--heo-theme)
}

.icon-bblogo {
    font-size: 2rem;
    font-size: 2rem;
    line-height: 22px;
    margin-right: 1rem;
    transition: .3s;
    cursor: pointer
}

.icon-bblogo:hover {
    opacity: .8;
    color: var(--heo-theme)
}

#recent-posts>.recent-post-item>.recent-post-info {
    padding: 0
}

.recent-post-item .recent-post-info .recent-post-info-top {
    position: absolute;
    top: 40px;
    transition: .3s;
    padding: 0 40px;
    width: 100%
}

@media screen and (min-width: 900px) {
    .recent-post-item:hover .recent-post-info .recent-post-info-top {
        top: 20px
    }
}

@media screen and (min-width: 1300px) {
    .recent-post-item:nth-child(2).lastestpost-item .recent-post-info .recent-post-info-top {
        top: 30px!important
    }
    .recent-post-item:nth-child(2).lastestpost-item:hover .recent-post-info .recent-post-info-top {
        top: 30px!important
    }
    .recent-post-item:hover .recent-post-info .recent-post-info-top {
        top: 40px!important
    }
}

.recent-post-item .recent-post-info .recent-post-info-top .article-title {
    line-height: 1.4;
    margin-top: 0;
    font-weight: 700;
    color: var(--heo-fontcolor);
    margin-bottom: 0;
    width: 100%;
    transition: .3s;
    font-size: 1.4em;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.recent-post-item .recent-post-info .recent-post-info-top .lastestpost {
    display: none
}

@media screen and (min-width: 1300px) {
    #recent-posts>.recent-post-item:nth-child(2) .lastestpost {
        display: flex!important;
        color: var(--heo-lighttext)!important;
        font-size: .5rem!important
    }
    .recent-post-item .recent-post-info .recent-post-info-top .article-title {
        font-size: 1rem!important;
        -webkit-line-clamp: 3!important
    }
    .recent-post-item:hover .recent-post-info .recent-post-info-top .article-title {
        -webkit-line-clamp: 3!important
    }
    #recent-posts>.recent-post-item .post_cover {
        transition: 1s!important
    }
    .recent-post-item.post-card-large .recent-post-info .recent-post-info-top .content {
        opacity: 0!important;
        -webkit-line-clamp: 2!important
    }
    .recent-post-item.post-card-large:hover .recent-post-info .recent-post-info-top .content {
        opacity: 1!important
    }
}

.recent-post-item .recent-post-info .recent-post-info-top .content {
    opacity: 0;
    transition: .3s;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.4;
    color: var(--heo-secondtext);
    margin-top: .5rem
}

@media screen and (min-width: 900px) {
    .recent-post-item:hover .recent-post-info .recent-post-info-top .content {
        opacity: 1
    }
}

@media screen and (min-width: 1300px) {
    .recent-post-item:hover .recent-post-info .recent-post-info-top .content {
        display: none!important
    }
}

@media screen and (min-width: 768px) {
    .recent-post-item.post-card-large .recent-post-info .recent-post-info-top .content {
        opacity: 1;
        -webkit-line-clamp: 4
    }
    .recent-post-item.post-card-large:hover .recent-post-info .recent-post-info-top .content {
        -webkit-line-clamp: 6
    }
}

@media screen and (max-width: 768px) {
    .recent-post-item .recent-post-info .recent-post-info-top {
        padding: 0 20px;
        top: 20px
    }
    .recent-post-item .recent-post-info .recent-post-info-top .content {
        opacity: 1;
        -webkit-line-clamp: 3
    }
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap a {
    color: var(--heo-fontcolor)
}

#recent-posts>.recent-post-item .post_cover {
    background: var(--heo-secondbg)
}

#recent-post-top .recent-post-item .post_cover {
    width: 100%
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap i {
    margin: 0 .4rem 0 0
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .sticky {
    color: var(--heo-fontcolor)
}

#recent-posts .recent-post-item {
    height: 13em;
    background: var(--heo-card-bg);
    border-radius: 12px;
    cursor: pointer;
    border: var(--style-border)
}

#recent-posts .recent-post-item:hover {
    border: var(--style-border-hover);
    box-shadow: var(--heo-shadow-main)
}

@media screen and (max-width: 768px) {
    #recent-posts .recent-post-item:hover {
        border: none;
        box-shadow: none
    }
}

@media screen and (min-width: 900px) {
    #recent-posts>.recent-post-item:hover .post_cover img.post_bg {
        transform: scale(1.03);
        transition: .3s ease-in-out;
        filter: brightness(.85)
    }
    #recent-posts>.recent-post-item.post-card-large:hover .post_cover img.post_bg {
        transform: scale(1.03)
    }
    #recent-posts>.recent-post-item .post_cover img.post_bg {
        width: 100%;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        transition: .3s ease-in-out
    }
    #recent-posts>.recent-post-item:hover>.recent-post-info {
        transition: all .3s;
        position: relative
    }
    #recent-posts>.recent-post-item>.recent-post-info {
        transition: all .3s
    }
}

#recent-posts>.recent-post-item>.recent-post-info {
    display: inline-block;
    overflow: hidden
}

.recent-top-post-group {
    border-radius: 12px;
    overflow: hidden;
    overflow-x: auto;
    width: 100%;
    margin-bottom: 0
}

.recent-post-top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: scroll
}

.recent-post-top::-webkit-scrollbar {
    display: none
}

.recent-post-top .recent-post-item {
    display: flex;
    width: 200px;
    flex-direction: column;
    align-items: flex-start;
    margin-left: .5rem;
    background: var(--heo-card-bg);
    border-radius: 12px;
    overflow: hidden;
    min-width: 200px;
    height: 164px;
    max-height: 164px;
    border: var(--style-border-always);
    transition: .3s;
    position: relative;
    box-shadow: var(--heo-shadow-border)
}

@media screen and (max-width: 768px) {
    .recent-post-top .recent-post-item {
        box-shadow: none
    }
    .categoryItem {
        height: 50%
    }
}

@media screen and (min-width: 1300px) {
    .recent-post-top .recent-post-item {
        margin-right: 0!important;
        margin-bottom: .5rem!important
    }
    .recent-post-top .recent-post-item:active {
        transform: scale(.97)!important
    }
    .recent-post-top {
        overflow-x: visible!important
    }
    .recent-top-post-group {
        overflow: visible!important;
        overflow-x: visible!important
    }
}

span.recent-post-top-text {
    position: absolute;
    top: 0;
    left: -40px;
    display: flex;
    z-index: 1;
    background: var(--heo-theme);
    color: var(--heo-white);
    padding: 2px 8px;
    font-size: .6rem;
    border-radius: 0 0 12px 0;
    transition: .3s;
    cursor: pointer
}

.recent-post-item:hover .recent-post-top-text {
    left: 0
}

@media screen and (min-width: 1300px) {
    .recent-post-top .recent-post-item:hover {
        border: var(--style-border-hover)!important;
        box-shadow: var(--heo-shadow-main)!important;
        transform: scale(1.03)!important
    }
    .recent-post-top .recent-post-item:active {
        transform: scale(.97)!important
    }
}

@media screen and (max-width: 768px) {
    .recent-post-top .recent-post-item {
        border-radius: 0
    }
    .recent-top-post-group {
        border-radius: 0
    }
    .recent-post-top-text {
        display: none!important
    }
}

.recent-post-top .recent-post-item .post_cover a {
    height: 100px;
    overflow: hidden;
    display: flex
}

.recent-post-top .recent-post-item .post_cover img {
    object-fit: cover;
    width: 100%;
    background: var(--heo-secondbg)
}

.recent-post-top .recent-post-item:hover .post_cover img {
    transform: scale(1)
}

.recent-post-item .post_cover {
    -webkit-mask-image: -webkit-radial-gradient(center, #fff, #000)
}

.recent-post-top .recent-post-item .recent-post-info {
    padding: .3rem .5rem .3rem .5rem!important;
    transition: .3s
}

.recent-post-top .recent-post-item:hover .recent-post-info a {
    color: var(--heo-fontcolor)
}

@media screen and (min-width: 900px) {
    .recent-post-top .recent-post-item:hover .recent-post-info a {
        color: var(--heo-theme);
        transition: .3s
    }
}

.recent-post-top .recent-post-item .recent-post-info .article-title {
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    justify-content: center;
    align-items: flex-end;
    align-content: center;
    padding-top: .5rem;
    font-weight: 700;
    font-size: .8rem!important;
    padding: 0!important
}

#aside-content .card-widget {
    box-shadow: var(--heo-shadow-border);
    background: var(--heo-card-bg);
    border: var(--style-border);
    transition: .3s
}

#recent-posts>.recent-post-item {
    box-shadow: var(--heo-shadow-light2black);
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-align: center;
    align-items: center;
    transition: all .3s ease 0s
}

#recent-posts>.recent-post-item:not(:first-child) {
    margin-top: .5rem;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 1300px) {
    #recent-posts>.recent-post-item:not(:first-child) {
        width: calc(100% / 2 - .25rem)!important;
        margin-top: .25rem!important;
        margin-bottom: .25rem!important;
        box-shadow: var(--heo-shadow-border)!important
    }
    #recent-posts>.recent-post-item:not(:first-child):active {
        transform: scale(.97)!important
    }
    #category-bar {
        margin-bottom: .25rem!important;
        box-shadow: var(--heo-shadow-border)!important
    }
    #recent-posts>.recent-post-item:nth-child(2).lastestpost-item {
        width: 100%!important;
        display: flex!important
    }
    #recent-posts>.recent-post-item:nth-child(2).lastestpost-item .post_cover {
        width: 40%!important
    }
    #recent-posts>.recent-post-item>.recent-post-info {
        width: 60%!important
    }
    #recent-posts {
        display: flex!important;
        flex-wrap: wrap!important;
        justify-content: space-between!important;
        align-items: flex-start!important;
        align-content: flex-start!important;
        width: 80%!important
    }
}

@media screen and (max-width: 768px) {
    #recent-posts>.recent-post-item {
        border-radius: 0
    }
    #recent-posts>.recent-post-item:not(:first-child) {
        margin-top: 0;
        margin-bottom: 0
    }
    #recent-posts .recent-post-item .post_cover {
        border-radius: 0!important
    }
    #bbTimeList {
        margin-top: 0;
        border-radius: 0;
        background: 0 0;
        padding: .5rem 20px
    }
    a.article-meta__categories {
        left: 20px!important;
        top: 16px!important;
        border-radius: 4px!important;
        background: var(--heo-card-bg)!important;
        color: var(--heo-fontcolor)!important;
        padding: 2px 9px!important;
        font-size: .6rem!important
    }
    #category-bar {
        padding: 0 1rem 0 16px;
        height: 50px;
        margin-top: 0
    }
    #bbTimeList {
        margin-bottom: .2rem
    }
}

@media screen and (min-width: 768px) {
    @media screen and (max-width: 900px) {
        #category-bar {
            margin-top: 1rem
        }
    }
}

@media screen and (min-width: 1300px) {
    .topGroup .recent-post-item:nth-child(7) {
        display: none
    }
}

@media screen and (max-width: 768px) {
    #sidebar-menus>div.author-avatar {
        display: none
    }
    #recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap {
        bottom: 30px!important
    }
    #recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap time {
        display: absolute;
        right: 0
    }
    #rightside {
        display: none
    }
    #web_bg {
        background: 0 0!important
    }
    #recent-posts>.recent-post-item .post_cover img.post_bg:hover {
        transform: scale(1)
    }
    #recent-posts>.recent-post-item:hover img.post_bg {
        transform: scale(1)
    }
    .recent-post-top .recent-post-item:hover .post_cover img {
        transform: scale(1)
    }
    #recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap,
    #recent-posts>.recent-post-item>.recent-post-info>.article-title,
    #recent-posts>.recent-post-item>.recent-post-info>.content {
        padding: 0 20px!important
    }
}

a.article-meta__categories {
    position: inherit!important;
    padding: 1px 6px!important;
    background: var(--heo-black-op)!important;
    border-radius: 8px!important;
    margin-left: 0!important;
    font-size: .5rem!important;
    font-weight: 700!important;
    color: var(--heo-white)!important;
    top: -130px!important;
    left: 260px!important;
    backdrop-filter: saturate(180%) blur(20px)!important;
    -webkit-backdrop-filter: blur(20px)!important
}

a.article-meta__categories:hover {
    background: var(--heo-theme)!important;
    color: var(--heo-white)!important;
    box-shadow: var(--heo-shadow-theme)
}

#recent-posts>.recent-post-item>.recent-post-info>.article-title {
    line-height: 1.4;
    margin-top: 0;
    font-weight: 700;
    color: var(--heo-fontcolor);
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0 40px;
    transition: .3s
}

#recent-posts>.recent-post-item>.recent-post-info>.article-title:hover {
    color: var(--heo-fontcolor)
}

@media screen and (min-width: 768px) {
    #recent-posts>.recent-post-item>.recent-post-info>.article-title {
        top: 40px
    }
    #recent-posts>.recent-post-item:hover>.recent-post-info>.article-title {
        top: 20px
    }
    #recent-posts>.recent-post-item.post-card-large:hover>.recent-post-info>.article-title {
        top: 30px
    }
    #recent-posts .recent-post-item:hover .recent-post-info .article-title {
        color: var(--heo-theme)
    }
}

.article-meta-wrap {
    color: var(--heo-secondtext)!important
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap>.post-meta-date {
    right: 0;
    text-align: right
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap>.post-meta-date i {
    display: none
}

.post-meta-date .far {
    opacity: .6
}

.post-meta-date .article-meta-label {
    display: none
}

.post-meta-date {
    margin-right: .8rem
}

#aside-content #card-toc .toc-content .toc-link.active {
    line-height: 1.2;
    border-radius: 12px;
    border-left-color: var(--heo-hovertext);
    background-color: var(--heo-card-bg);
    color: var(--heo-lighttext);
    font-weight: 700;
    font-size: 20px
}

[data-theme=dark].toc .toc-item.active .toc-link .toc-text {
    color: var(--heo-white)
}

#aside-content #card-toc .toc-content .toc-item.active .toc-link {
    opacity: 1;
    border-radius: 8px
}

#aside-content #card-toc .toc-content .toc-link {
    line-height: 1.2;
    padding: 8px;
    border-left: 0 solid transparent;
    border-radius: 12px;
    color: var(--heo-secondtext);
    cursor: default
}

#aside-content #card-toc .toc-content .toc-link:not(.active) span {
    opacity: .6;
    cursor: pointer;
    filter: blur(1px);
    transition: .3s
}

#aside-content #card-toc:hover .toc-content .toc-link:not(.active) span {
    filter: blur(0);
    opacity: 1
}

#aside-content #card-toc .toc-content .toc-link:not(.active) span:hover {
    color: var(--heo-lighttext)
}

#card-toc {
    padding: .5rem .5rem!important
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .article-meta__separator {
    display: none
}

.article-meta {
    margin: 0 8px 0 0;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis
}

.article-meta__link {
    display: none
}

.article-meta__tags {
    margin-right: 4px;
    padding: 0 .2rem
}

#recent-posts>div>i .post_cover {
    display: none
}

#recent-posts>.recent-post-item>.recent-post-info {
    height: 100%;
    cursor: pointer;
    position: relative
}

@media screen and (max-width: 768px) {
    #recent-posts .recent-post-item .recent-post-info {
        height: 14rem
    }
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap {
    position: absolute;
    bottom: 10px;
    transition: .3s;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    left: 0;
    padding: 0 40px;
    white-space: nowrap
}

@media screen and (min-width: 768px) {
    #recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap {
        bottom: 30px
    }
}

@media screen and (min-width: 900px) {
    #recent-posts>.recent-post-item:hover>.recent-post-info>.article-meta-wrap {
        bottom: 20px
    }
    #recent-posts>.recent-post-item.post-card-large:hover>.recent-post-info>.article-meta-wrap {
        bottom: 20px
    }
}

@media screen and (min-width: 1300px) {
    #recent-posts>.recent-post-item:hover>.recent-post-info>.article-meta-wrap {
        bottom: 30px
    }
    #recent-posts>.recent-post-item.post-card-large:hover>.recent-post-info>.article-meta-wrap {
        bottom: 30px
    }
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap a:hover {
    background-color: var(--heo-post-blockquote-bg);
    color: var(--heo-hovertext)
}

#recent-posts>.recent-post-item .left_radius {
    border-radius: 12px 0 0 12px
}

#home_top {
    max-width: 1500px;
    margin: 1%;
    margin-top: .5rem;
    padding: 0 1.5rem
}

@media screen and (max-width: 768px) {
    #home_top {
        padding: 0
    }
}

#aside-content .card-tag-cloud a[href*="/tags/Sketch/"] {
    color: var(--heo-lighttext)!important;
    font-weight: 500
}

#aside-content .card-tag-cloud a[href*="/tags/%E8%AE%BE%E8%AE%A1/"] {
    color: var(--heo-lighttext)!important;
    font-weight: 500
}

#aside-content .card-tag-cloud a[href*="/tags/%E5%B9%B2%E8%B4%A7/"] {
    color: var(--heo-lighttext)!important;
    font-weight: 500
}

#aside-content .card-tag-cloud a[href*="/tags/%E6%95%99%E7%A8%8B/"] {
    color: var(--heo-lighttext)!important;
    font-weight: 500
}

#aside-content .card-tag-cloud a sup {
    opacity: .4;
    margin-left: 2px
}

#recent-posts>.recent-post-item>.recent-post-info>.content {
    line-height: 1.4;
    color: var(--heo-secondtext);
    margin-top: 0;
    cursor: pointer;
    transition: .3s;
    opacity: 1;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0 40px
}

@media screen and (min-width: 768px) {
    #recent-posts>.recent-post-item>.recent-post-info>.content {
        opacity: 0;
        top: 120px
    }
    #recent-posts>.recent-post-item:hover>.recent-post-info>.content {
        opacity: 1;
        top: 90px
    }
    @media screen and (max-width: 1300px) {
        #recent-posts>.post-card-large>.recent-post-info>.content {
            opacity: 1!important
        }
        #recent-posts>.post-card-large:hover>.recent-post-info>.content {
            top: 110px
        }
        #recent-posts>.post-card-large>.recent-post-info>.content {
            -webkit-line-clamp: 3!important
        }
        #recent-posts>.post-card-large:hover>.recent-post-info>.content {
            -webkit-line-clamp: 5!important
        }
        #recent-posts>.post-card-large {
            height: 20em!important
        }
    }
}

@media screen and (max-width: 768px) {
    #recent-posts>.recent-post-item>.recent-post-info>.content {
        top: 5rem
    }
}

#recent-posts>.recent-post-item>.recent-post-info>.content {
    -webkit-line-clamp: 2
}

div#author-info__sayhi {
    text-align: left;
    color: var(--heo-white)
}

#aside-content .card-info .author-info__name {
    text-align: left;
    font-weight: 900;
    color: var(--heo-white)
}

#aside-content>.card-widget:first-child {
    transition: .3s;
    border: none;
    box-shadow: none;
    background: var(--heo-main)
}

#aside-content>.card-widget.card-info {
    background: linear-gradient(-45deg, var(--heo-main), #031764, #150136, #67044d);
    background-size: 400%;
    box-shadow: var(--heo-shadow-black);
    animation: gradient 15s ease infinite
}

@keyframes gradient {
    0% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0 50%
    }
}

@media screen and (min-width: 900px) {
    #aside-content>.card-widget:first-child {
        min-height: 329px
    }
}

#aside-content>div.card-widget.card-info>div>div.card-info-avatar.is-center>div.author-info__description {
    line-height: 1.38;
    margin: .3rem 0;
    text-align: justify;
    color: rgba(255, 255, 255, .8)
}

#aside-content>div.card-widget.card-info>div>div.card-info-avatar.is-center>div.author-info__description b {
    color: var(--heo-white)
}

.author-info__description2 {
    line-height: 1.38;
    margin: .3rem 0;
    text-align: justify;
    width: 65%;
    z-index: 2;
    color: rgba(255, 255, 255, .8)
}

.author-info__description2 b {
    color: var(--heo-white)
}

#aside-content .card-info .card-info-data {
    display: none
}

#aside-content .card-info a img {
    border-radius: 0;
    height: 200px;
    display: inherit;
    filter: drop-shadow(-5px 14px 8px #00000008);
    position: absolute;
    right: -24px;
    bottom: -82px;
    width: auto;
    z-index: 0;
    transition: cubic-bezier(.48, -.21, 0, 1.5) .3s
}

#aside-content .card-info a img:hover {
    bottom: -42px
}

[data-theme=light] #aside-content .card-info a img {
    filter: drop-shadow(-5px 14px 8px #ffffff08)
}

.card-widget.card-info {
    padding: 0!important
}

#aside-content>div.card-widget.card-info>div.card-content {
    padding: 1rem 1.2rem
}

#aside-content>div.card-widget.card-info>div.card-info-avatarimg {
    overflow: hidden;
    background: var(--heo-yellow);
    transition: 1.5s;
    min-height: 160px;
    position: relative;
    box-shadow: var(--heo-shadow-yellow)
}

#aside-content>div.card-widget.card-info>div.card-info-avatarimg:hover img {
    transform: scale(1.03)
}

#aside-content>div.card-widget.card-info>div>div.card-info-data>div:nth-child()>a>div.headline {
    font-weight: 700
}

@media screen and (max-width: 900px) {
    #aside-content .card-announcement {
        display: none
    }
    #aside-content #card-funds {
        display: none
    }
}

#aside-content .card-info #card-info-btn {
    display: none
}

#aside-content .card-info .card-info-social-icons {
    margin: 0;
    padding-top: 10px;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    cursor: pointer
}

#aside-content .card-info .card-info-social-icons .social-icon {
    margin: 0;
    margin-right: 8px
}

#aside-content .card-info .card-info-social-icons i {
    background: var(--heo-white-op);
    color: var(--heo-white);
    font-size: 1.2rem;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center
}

#aside-content .card-info .card-info-social-icons i:hover {
    background: var(--heo-secondbg);
    transform: scale(.97);
    color: var(--heo-main);
    box-shadow: none
}

@media screen and (min-width: 1300px) {
    #aside-content .card-info .card-info-social-icons i {
        color: var(--heo-white)
    }
    [data-theme=dark] #aside-content .card-info .card-info-social-icons i {
        color: var(--heo-white)
    }
}

#aside-content .card-info .card-info-data>.card-info-data-item:hover {
    background: var(--heo-post-blockquote-bg);
    transform: scale(.97)
}

#aside-content>div.card-widget.card-info>div.card-content>div.card-info-data>.card-info-data-item:hover>a>div.headline,
#aside-content>div.card-widget.card-info>div.card-content>div.card-info-data>.card-info-data-item:hover>a>div.length-num {
    color: var(--heo-blue)
}

.announcement_content p {
    margin: .5rem 0 0 0;
    line-height: 1.38
}

#aside-content .item-headline {
    padding-bottom: 0;
    margin-left: 8px;
    font-size: 1em;
    font-weight: 700
}

#aside-content .item-headline i {
    min-width: 19.5px
}

#aside-content .item-headline+div,
#aside-content .item-headline+ul {
    padding: 0
}

#aside-content .card-widget {
    border-radius: 12px;
    transition: .3s
}

@media screen and (min-width: 1300px) {
    #aside-content .card-widget {
        margin-top: .5rem
    }
}

@media screen and (max-width: 769px) {
    #aside-content .card-widget {
        border-radius: 0
    }
}

#aside-content>div.sticky_layout>div.card-widget.card-archives>div>ul>li.card-archive-list-item.more.is-center {
    margin-top: 8px;
    background: var(--heo-card-btn-bg);
    border-radius: 8px;
    transition: .3s!important
}

#aside-content>div.sticky_layout>div.card-widget.card-archives>div>ul>li.card-archive-list-item.more.is-center :hover {
    color: var(--heo-white);
    background: var(--heo-blue);
    border-radius: 8px;
    transition: .3s!important
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item.more span,
#aside-content .card-categories ul.card-category-list>.card-category-list-item.more span {
    transition: .3s!important
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item:hover.more span,
#aside-content .card-categories ul.card-category-list>.card-category-list-item.more span {
    transition: .3s!important
}

#aside-content>div.sticky_layout>div.card-widget.card-archives>div>ul>li.card-archive-list-item.more.is-center :hover span {
    background: 0 0
}

#web_bg {
    background-repeat: repeat;
    background-size: auto;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    transform: rotate(-15deg);
    opacity: 1;
    background-color: var(--heo-background)
}

#web_bg:before {
    background-color: var(--heo-background)!important;
    opacity: 1
}

[data-theme=dark] #footer:before,
[data-theme=dark] #page-header:before,
[data-theme=dark] #web_bg:before {
    background-color: var(--heo-none)!important
}

[data-theme=dark]#web_bg {
    opacity: 1
}

#aside-content .card-tag-cloud a {
    color: var(--heo-fontcolor)!important;
    font-size: .8rem;
    border-radius: 8px
}

#aside-content .card-tag-cloud a:hover {
    background: var(--heo-theme);
    color: var(--heo-white)!important;
    box-shadow: var(--heo-shadow-theme)
}

@media screen and (min-width: 1300px) {
    #aside-content .card-tag-cloud a:hover {
        transform: scale(1.03)
    }
    #aside-content .card-tag-cloud a:active {
        transform: scale(.97)
    }
}

#aside-content .card-archives ul.card-archive-list>.card-archive-list-item a:hover,
#aside-content .card-categories ul.card-category-list>.card-category-list-item a:hover {
    color: var(--heo-white);
    background-color: var(--heo-theme);
    box-shadow: var(--heo-shadow-theme);
    border-radius: 8px;
    padding: .15rem .5rem;
    border: var(--style-border-hover)
}

@media screen and (min-width: 1300px) {
    #aside-content .card-archives ul.card-archive-list>.card-archive-list-item a:hover,
    #aside-content .card-categories ul.card-category-list>.card-category-list-item a:hover {
        transform: scale(1.03)
    }
    #aside-content .card-archives ul.card-archive-list>.card-archive-list-item a:active,
    #aside-content .card-categories ul.card-category-list>.card-category-list-item a:active {
        transform: scale(.97)
    }
}

a.extend.next {
    right: 0
}

a.extend.prev {
    left: 0
}

@media screen and (max-width: 769px) {
    #pagination {
        margin-bottom: 0;
        margin-top: 0
    }
}

@media screen and (min-width: 1300px) {
    #pagination {
        margin-top: .25rem
    }
}

.lg-container {
    display: none
}

#page-header.post-bg:before {
    transition: 0s;
    opacity: .93;
    height: 20rem;
    background-color: var(--heo-main);
    opacity: .8
}

@media screen and (max-width: 768px) {
    #page-header.post-bg {
        height: 15rem!important
    }
    #page-header.post-bg:before {
        height: 15rem
    }
    .post-bg #post-cover {
        min-height: 15rem!important
    }
}

@media screen and (min-width: 1300px) {
    #page-header.post-bg {
        height: 25rem
    }
    #page-header {
        height: 25rem
    }
    #page-header.post-bg:before {
        height: 25rem
    }
    #post-info .post-title {
        width: 1100px;
        font-size: 2.6rem!important
    }
}

#page-header.post-bg {
    background-color: var(--heo-main);
    transition: 0s;
    overflow: hidden;
    box-shadow: var(--heo-shadow-main)
}

.post-bg #post-cover {
    width: 100%!important;
    height: 100%!important;
    object-fit: cover;
    min-width: 50vw;
    min-height: 20rem;
    opacity: .8
}

.coverdiv {
    width: 70%;
    height: 100%;
    position: relative;
    margin: 0 -20% 0 auto;
    overflow: hidden;
    margin-bottom: 0;
    transform: rotate(10deg) translateY(-10%) scale(2);
    filter: blur(10px)
}

@media screen and (max-width: 768px) {
    .coverdiv {
        margin: 0 0 0 auto;
        transform: rotate(10deg) translateY(-10%) scale(2);
        filter: blur(3px)
    }
}

.coverdiv.loaded {
    display: block
}

.coverdiv:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-shadow: 110px -130px 300px 60px var(--heo-main) inset
}

#page-header {
    background-image: none!important;
    display: flex;
    justify-content: center
}

#post-cover-rgb {
    position: absolute;
    width: 100%!important;
    height: 100%!important;
    background: var(--heo-lighttext)
}

.layout>div:first-child:not(.recent-posts) {
    box-shadow: var(--heo-shadow-border);
    padding: 1rem 2rem;
    border-radius: 12px;
    background: var(--heo-card-bg);
    border: var(--style-border);
    width: 80%
}

#page {
    box-shadow: none
}

.post-comment {
    background: var(--heo-card-bg)
}

.layout>div:first-child:not(.recent-posts):hover {
    box-shadow: var(--heo-shadow-border)
}

@media screen and (max-width: 900px) {
    .layout>div:first-child:not(.recent-posts) {
        border-radius: 0;
        padding: 0 1rem!important;
        box-shadow: none!important
    }
    .layout {
        padding: 0 1.5rem
    }
}

@media screen and (max-width: 768px) {
    .layout {
        padding: 0
    }
}

.layout#content-inner {
    max-width: 1500px
}

.full_page #post-cover {
    display: none
}

#page-header #post-info {
    top: 0;
    position: absolute;
    padding: 0 3rem;
    margin: 0 auto;
    z-index: 10;
    color: var(--heo-white);
    max-width: 1500px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: calc(100% + 30px);
    justify-content: center
}

@media screen and (max-width: 768px) {
    #page-header #post-info {
        padding: 0 6%
    }
}

@media screen and (min-width: 1300px) {
    #page-header #post-info {
        height: calc(100% + 30px);
        top: 0;
        display: flex;
        justify-content: center
    }
}

#post-info #post-meta>.meta-secondline>span:first-child {
    display: inline;
    margin-right: .8rem
}

#post-firstinfo {
    text-align: left;
    display: flex;
    white-space: nowrap
}

#post-firstinfo .post-meta__tags {
    color: var(--heo-white);
    opacity: .4;
    margin-right: 1rem
}

#post-firstinfo .post-meta__tags:hover {
    color: var(--heo-white);
    opacity: 1
}

span.post-meta-categories {
    background-color: var(--heo-white-op);
    padding: 0 .5rem;
    border-radius: 8px;
    line-height: 32px;
    height: 32px;
    transition: .3s;
    margin-right: 10px
}

span.post-meta-categories:hover {
    background-color: var(--heo-white)
}

a.post-meta-categories {
    color: var(--heo-white);
    font-size: .7rem
}

span.post-meta-categories:hover a.post-meta-categories {
    color: var(--heo-main)
}

#post-firstinfo .meta-firstline {
    display: flex;
    align-items: center
}

@media screen and (max-width: 768px) {
    #post-firstinfo .meta-firstline {
        margin-bottom: .4rem
    }
}

.meta-avatar img {
    width: 30px;
    border-radius: 30px;
    height: 30px
}

a.post-meta-original {
    background: var(--heo-white-op)!important;
    color: var(--heo-white)!important;
    padding: 0 .5rem;
    font-size: .7rem;
    margin: auto;
    border-radius: 8px;
    margin-right: .5rem;
    font-weight: 700;
    height: 32px;
    line-height: 32px
}

a.post-meta-original:hover {
    color: var(--heo-main)!important;
    background: var(--heo-white)!important;
    border-radius: 8px!important
}

.meta-avatar img:hover {
    transform: rotate(360deg)
}

@media screen and (max-width: 768px) {
    .meta-share-time {
        display: none!important
    }
    .post-meta-date {
        display: none
    }
    #post-info #post-meta {
        margin-top: .5rem
    }
    .post-meta__tag-list {
        display: none
    }
    .typed-cursor {
        display: none
    }
    .meta-avatar {
        display: none!important
    }
}

.post-meta__tag-list::-webkit-scrollbar {
    display: none
}

.meta-share-time a:hover {
    background: 0 0!important
}

.meta-share-time .meta-avatar-name {
    opacity: 1;
    color: var(--heo-white)!important;
    font-weight: 700
}

.meta-share-time {
    display: flex
}

.meta-share-time .meta-info {
    margin: 0 .5rem
}

.meta-secondline {
    display: flex!important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}

.meta-avatar {
    display: flex
}

.meta-avatar .meta-avatar-name {
    margin: 0 .5rem
}

#post-info #post-meta .fab {
    margin-bottom: 3px;
    font-size: 15px
}

span.post-meta-pv-cv {
    margin-left: .8rem
}

span.post-meta-wechat {
    margin-right: .8rem;
    opacity: .6
}

span.post-meta-position {
    margin-right: .8rem;
    opacity: .6
}

#post-info #post-meta .post-meta-label {
    display: none
}

#post-info #post-meta .post-meta-icon {
    margin-right: .4rem
}

#post-info #post-meta .post-meta-separator {
    margin: 0 .4rem
}

.post-meta-pv-cv #busuanzi_value_page_pv {
    font-weight: 800
}

#post-meta>div>span.post-meta-wordcount>span.word-count {
    font-weight: 800
}

#post-meta>div>span.post-meta-wordcount>span:nth-child(7) {
    font-weight: 800
}

#post-firstinfo>div>span.post-meta-categories>a {
    font-weight: 800
}

.post-meta-wordcount {
    opacity: .6
}

@media screen and (max-width: 768px) {
    .post-meta-wordcount {
        margin-left: 0
    }
}

.post-meta-date {
    opacity: .6
}

.post-meta-pv-cv {
    opacity: .6
}

.post-meta-pv {
    opacity: .6;
    margin-right: .8rem
}

.post-meta-commentcount {
    opacity: .6
}

#twikoo-count {
    font-weight: 800;
    color: var(--heo-white)
}

.el-textarea .el-input__count {
    color: var(--heo-secondtext)!important
}

.post-meta-commentcount i {
    margin-right: .5rem
}

.inline-image {
    display: flex;
    margin: 8px auto;
    width: fit-content;
    justify-content: center
}

.inline-image a:hover {
    background: 0 0!important;
    box-shadow: none!important
}

.inline-image img {
    margin: 0;
    display: inline-flex;
    margin-bottom: 0!important
}

#post-info .post-title {
    color: var(--heo-titlecolor);
    font-weight: 700;
    font-size: 2.3rem;
    line-height: 1.2;
    text-align: left;
    margin: 1rem 0 1rem 0!important;
    -webkit-line-clamp: 2;
    padding: 0
}

@media screen and (max-width: 768px) {
    #post-info .post-title {
        font-size: 1.2rem;
        -webkit-line-clamp: 3;
        margin: .2rem 0!important
    }
}

#post-meta>div {
    text-align: left
}

#post-info #post-meta {
    color: var(--heo-metacolor);
    margin-top: .4rem;
    height: 30px;
    transition: .3s
}

#post-info #post-meta a {
    text-decoration: none;
    color: var(--heo-fontcolor);
    height: 30px
}

#post-info #post-meta a:hover {
    text-decoration: none;
    color: var(--heo-blue);
    border-radius: 12px
}

#article-container h1:before,
#article-container h2:before,
#article-container h3:before,
#article-container h4:before,
#article-container h5:before,
#article-container h6:before {
    top: calc(50% - .45rem);
    content: ''
}

#article-container h1:hover:before,
#article-container h2:hover:before,
#article-container h3:hover:before,
#article-container h4:hover:before,
#article-container h5:hover:before,
#article-container h6:hover:before {
    color: var(--heo-lighttext)
}

#article-container h1:hover,
#article-container h2:hover,
#article-container h3:hover,
#article-container h4:hover,
#article-container h5:hover,
#article-container h6:hover {
    padding-left: 1.3rem
}

#article-container ul>li:not(.tab):before {
    border: .21em solid var(--heo-lighttext);
    background: var(--heo-lighttext)
}

#article-container ol,
#article-container ul {
    padding: 0
}

#article-container .tabs {
    margin: 1rem 0!important;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--heo-shadow-border)
}

#article-container .tabs .nav-tabs {
    background: var(--heo-secondbg)
}

#article-container .tabs>.nav-tabs>.tab.active button {
    border-top: 0 solid var(--heo-lighttext);
    border-bottom: 3px solid var(--heo-lighttext);
    background: var(--heo-background)
}

#article-container .tabs>.nav-tabs>.tab:not(.active) button:hover {
    border-top: none!important;
    border-bottom: 3px solid var(--heo-secondbg)
}

#article-container .tabs>.nav-tabs>.tab button {
    transition: all 0s;
    -webkit-transition: all 0s;
    background: var(--heo-secondbg);
    transition: .3s;
    border-top: none;
    border-bottom: 3px solid var(--heo-secondbg)
}

#article-container .tabs>.nav-tabs>.tab:not(.active) button:hover {
    background: var(--heo-main);
    color: var(--heo-white);
    transition: .3s;
    border-top: 3px solid var(--heo-main)
}

.tab-item-content {
    background: var(--heo-card-bg)
}

#article-container .tabs {
    border: 3px solid var(--heo-secondbg)!important
}

#article-container .tabs>.tab-contents .tab-item-content.active {
    animation: tabshow 0s;
    -webkit-animation: tabshow 0s;
    padding: 1.2rem 1.2rem
}

@media screen and (max-width: 768px) {
    #article-container .tabs>.tab-contents .tab-item-content.active {
        padding: .5rem .5rem
    }
}

details {
    margin-bottom: 1rem
}

details summary {
    padding: .5rem 1rem;
    background: var(--heo-card-bg);
    border-radius: 12px;
    margin: .2rem 0;
    transition: .3s;
    border: var(--style-border);
    box-shadow: var(--heo-shadow-border)
}

details summary:hover {
    cursor: pointer;
    background: var(--heo-main);
    color: var(--heo-white);
    transition: .3s;
    box-shadow: var(--heo-shadow-main)
}

details summary:focus {
    outline: 0
}

details summary::marker {
    color: var(--heo-main);
    transition: .3s
}

details summary:hover::marker {
    color: var(--heo-white)
}

details[open] {
    border-radius: 12px;
    border: var(--style-border);
    padding: 0 1.5rem;
    background: var(--heo-card-bg)
}

@media screen and (max-width: 768px) {
    details[open] {
        padding: 0
    }
}

details[open] summary {
    display: none
}

#article-container ul>li:not(.tab):hover:before {
    border-color: var(--heo-none)
}

#article-container a {
    text-decoration: none;
    border-bottom: 2px solid var(--heo-lighttext);
    color: var(--heo-fontcolor);
    font-weight: 700;
    padding: 0 4px;
    border-radius: 8px 8px 0 0
}

#article-container a:not(.fancybox):hover {
    text-decoration: none;
    border-bottom: 2px solid var(--heo-none);
    color: var(--heo-white);
    background: var(--heo-main);
    border-radius: 8px;
    box-shadow: var(--heo-shadow-main)
}

#article-container a.fancybox {
    border-bottom: 0;
    padding: 0;
    margin: auto;
    display: block;
    width: fit-content
}

#article-container a.fancybox img {
    cursor: pointer
}

.site-card-avatar a.fancybox {
    padding: 0!important
}

#article-container p {
    margin: 1rem 0;
    text-align: left;
    letter-spacing: .6px
}

#article-container code {
    color: var(--heo-white);
    padding: .2rem .4rem;
    border-radius: 8px;
    margin: 0 4px;
    background: var(--heo-black)!important;
    line-height: 2;
    box-shadow: var(--heo-shadow-border)
}

#article-container code::selection {
    background: var(--heo-main)!important
}

.table-wrap {
    margin: 1rem 0
}

b,
strong {
    color: var(--heo-lighttext)
}

#article-container p {
    font-size: .9rem;
    line-height: 1.7;
    font-weight: 400
}

#article-container.post-content h1 {
    font-size: 1.5rem;
    line-height: 1.3
}

#article-container.post-content h2 {
    font-size: 1.3rem;
    line-height: 1.3
}

#article-container.post-content h3 {
    font-size: 1.1rem;
    line-height: 1.3
}

#article-container.post-content h4 {
    font-size: 1rem;
    line-height: 1.3
}

@media screen and (max-width: 768px) {
    #article-container p {
        line-height: 1.5
    }
}

.note.warning:not(.no-icon):not(.modern)::before {
    display: flex;
    align-items: center;
    height: 30px;
    color: var(--heo-yellow)
}

.note.warning:not(.modern) {
    border-radius: 8px;
    border-width: 1px;
    border-color: var(--heo-yellow);
    box-shadow: var(--heo-shadow-border)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 1rem;
    padding-top: 0;
    padding-left: 0!important;
    font-weight: weight
}

#post h2 {
    margin-top: 3.5rem
}

#article-container>h1:nth-child(1),
#article-container>h2:nth-child(1) {
    margin: 0
}

#aside-content #card-toc .toc-content:before {
    display: none
}

blockquote {
    border: var(--style-border-forever);
    background-color: var(--heo-card-bg);
    color: var(--heo-fontcolor);
    border-radius: 12px;
    margin: 1rem 0;
    box-shadow: var(--heo-shadow-main);
    padding: .5rem .8rem
}

blockquote p {
    padding: 0
}

#article-container .headerlink::before {
    content: "\f0c1";
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}

#article-container .headerlink {
    float: right;
    opacity: .08;
    border-bottom-style: none;
    border-bottom: none;
    position: relative;
    padding: 6px 8px;
    border: none;
    border-radius: 8px!important;
    line-height: 1.4
}

.headerlink:hover {
    opacity: 1;
    text-decoration: none
}

#article-container .headerlink:hover {
    background: 0 0;
    opacity: 1;
    border-bottom: none!important;
    color: var(--heo-main);
    box-shadow: none
}

#sidebar {
    background: var(--heo-maskbg)
}

#article-container img {
    border-radius: 12px;
    margin-bottom: .5rem;
    object-fit: cover;
    max-height: 600px
}

#article-container img.error {
    max-width: 500px;
    min-width: 400px;
    width: 100%;
    height: 300px;
    min-height: 300px;
    background: url(https://npm.elemecdn.com/guli-heo/others/imgerror.png) center center no-repeat;
    object-fit: cover;
    transition: 0s
}

.doge-inner-player {
    border-radius: 12px!important
}

#article-container ol li:before,
#article-container ul li:before {
    background: var(--heo-theme);
    cursor: default
}

#article-container ol li:hover:before,
#article-container ul li:hover:before {
    transform: rotate(0)
}

figure {
    margin-top: .5rem!important
}

#article-container figure.highlight .highlight-tools {
    background: var(--heo-secondbg)!important
}

#article-container .gutter {
    opacity: .6
}

#article-container .code-lang {
    margin-left: 6px
}

#article-container .highlight-tools .code-lang {
    text-transform: capitalize;
    left: 1.9rem
}

#article-container figure.highlight table::-webkit-scrollbar {
    color: var(--heo-blue);
    background: var(--heo-secondbg);
    height: 8px
}

#article-container figure.highlight table::-webkit-scrollbar-thumb {
    background: var(--heo-gray)
}

#article-container figure.highlight table::-webkit-scrollbar-thumb:hover {
    background: var(--heo-main)
}

#article-container .code-expand-btn i {
    color: var(--heo-white)!important;
    font-size: 1rem
}

#article-container .code-expand-btn {
    background-color: var(--heo-mask);
    background: var(--heo-secondbg);
    transition: .3s;
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: blur(20px)
}

#article-container .code-expand-btn:hover {
    background: var(--heo-main)
}

#readmore-talk {
    text-align: center;
    color: var(--heo-lighttext);
    padding: 8px;
    border-radius: 12px;
    background: #f2b94b0c
}

.relatedPosts>.relatedPosts-list .cover::after {
    content: ' ';
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://npm.elemecdn.com/guli-heo/others/imgerror.png);
    background-size: 100% 100%
}

.relatedPosts>.relatedPosts-list a {
    display: flex;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 768px) {
    #post>div.relatedPosts>div.relatedPosts-list>div {
        -webkit-mask-image: -webkit-radial-gradient(center, #fff, #000)
    }
    #post>div.relatedPosts>div.relatedPosts-list>div {
        border-radius: 12px
    }
    .relatedPosts>.headline {
        font-size: .8em
    }
    @media screen and (max-width: 1300px) {
        #post>div.relatedPosts>div.relatedPosts-list>div:nth-child(7) {
            display: none
        }
        #post>div.relatedPosts>div.relatedPosts-list>div:nth-child(8) {
            display: none
        }
    }
}

.relatedPosts>.headline {
    margin-bottom: .8rem!important;
    font-size: 1.2em
}

#post .tag_share .post-meta__tags {
    background: var(--heo-secondbg);
    border: 0 solid var(--heo-blue);
    color: var(--heo-fontcolor);
    margin: 0
}

#post .tag_share .post-meta__tags:not(:last-child) {
    margin: 0 .5rem 0 0
}

#post .tag_share .post-meta__tags:hover {
    background: var(--heo-lighttext);
    box-shadow: var(--heo-shadow-main);
    color: var(--heo-white)
}

@media screen and (min-width: 1300px) {
    #post .tag_share .post-meta__tags {
        background: var(--heo-card-bg);
        border: var(--style-border)
    }
    #post .tag_share .post-meta__tags:hover {
        border: var(--style-border-hover)
    }
}

#post .post-copyright {
    background: var(--heo-card-bg);
    padding: 1.5rem 1.3rem;
    overflow: hidden;
    border: var(--style-border);
    border-width: 1px;
    transition: .3s
}

#post .post-copyright:after {
    position: absolute;
    right: 22px;
    top: -77px;
    content: '\f25e';
    font-size: 180px;
    font-family: 'Font Awesome 5 Brands';
    color: var(--heo-fontcolor);
    opacity: .4;
    filter: blur(7px)
}

@media screen and (max-width: 768px) {
    #post .post-copyright {
        padding: 1rem 1.3rem
    }
}

.post-copyright__author {
    display: flex;
    align-items: center
}

.post-copyright__original {
    background: var(--heo-fontcolor);
    color: var(--heo-card-bg);
    padding: .2rem .5rem;
    font-size: .7rem;
    border-radius: 8px;
    margin-right: .5rem;
    font-weight: 700;
    line-height: 1.5;
    white-space: nowrap
}

.post-copyright__original:hover {
    background: var(--heo-main);
    color: var(--heo-white)
}

@media screen and (max-width: 768px) {
    #post .post-copyright {
        box-shadow: var(--heo-shadow-border)
    }
    .post-copyright .post-meta-original {
        display: none
    }
    .post-copyright__original {
        display: none
    }
    #post .post-copyright:after {
        display: none
    }
}

.post-copyright-copybtn {
    margin-left: .5rem;
    color: var(--heo-fontcolor);
    opacity: .4;
    transition: .3s
}

.post-copyright-copybtn:hover {
    opacity: 1;
    transition: .3s
}

#post .post-copyright .post-copyright-info a {
    padding: 0;
    color: var(--heo-fontcolor);
    font-weight: 700
}

#post .post-copyright .post-copyright__notice .post-copyright-info a {
    padding: 0 4px
}

#post .post-copyright .post-copyright-info a:hover {
    color: var(--heo-lighttext)
}

#post .post-copyright .post-copyright-info {
    padding-left: 0;
    color: var(--heo-fontcolor);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

#post .post-copyright .post-copyright-title {
    padding-left: 0;
    color: var(--heo-fontcolor);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 1rem;
    font-weight: 700
}

#post .post-copyright .post-copyright-title:hover {
    color: var(--heo-lighttext)
}

#post>div.post-copyright>div.post-copyright__author>span>span {
    padding: 0;
    color: var(--heo-fontcolor);
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.38;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

@media screen and (max-width: 768px) {
    #post>div.post-copyright>div.post-copyright__author>span>span {
        -webkit-line-clamp: 3
    }
    #post .post-copyright .post-copyright-info {
        -webkit-line-clamp: 2
    }
    #post .post-copyright .post-copyright-title {
        -webkit-line-clamp: 3;
        line-height: 1.2
    }
}

#post>div.post-copyright>div.post-copyright__type {
    line-height: 16px;
    display: flex;
    margin-top: 8px
}

#post>div.post-copyright>div.post-copyright__type>span>a {
    font-size: 14px;
    opacity: .6;
    line-height: 16px
}

#post>div.post-copyright>div.post-copyright__type>span>a:hover {
    opacity: 1;
    background: 0 0
}

#post-copyright-url a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

#post>div.post-copyright>div.post-copyright__notice {
    font-size: .7rem;
    line-height: 1rem;
    margin: .5rem 0
}

#post .post-copyright:before {
    display: none
}

.post-reward .reward-button {
    background: var(--heo-red);
    color: var(--heo-white);
    padding: 0;
    width: 133px;
    height: 40px;
    line-height: 39px;
    box-shadow: var(--heo-shadow-red)
}

.post-reward:hover .reward-button {
    color: var(--heo-white);
    background: var(--heo-theme);
    box-shadow: none
}

.share-button .fa-qrcode:before {
    font-size: 1rem
}

.post-qr-code-img {
    border-radius: 12px
}

.post-reward .reward-main .reward-all .reward-item .post-qr-code-desc {
    padding-top: 0;
    margin-top: -8px;
    margin-bottom: 8px
}

.post-reward .reward-main .reward-all {
    border-radius: 12px;
    background: var(--heo-background)
}

.reward-dec {
    font-size: .6rem
}

.reward-text {
    margin-bottom: 0;
    font-weight: 700
}

a.reward-main-btn {
    background: var(--heo-secondbg);
    width: 100%;
    color: var(--heo-fontcolor);
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    padding: 4px 0
}

a.reward-main-btn:hover {
    color: var(--heo-white);
    background: var(--heo-red);
    background-image: url(https://p.zhheo.com/JgNrST23690481619450556342.gif!cover);
    box-shadow: var(--heo-shadow-red)
}

.reward-link.mode {
    background: var(--heo-green);
    color: var(--heo-white);
    padding: 0;
    width: 173px;
    height: 40px;
    line-height: 39px;
    box-shadow: var(--heo-shadow-green);
    border-radius: 8px;
    margin-left: .5rem;
    text-align: center;
    transition: .3s
}

@media screen and (min-width: 1300px) {
    .reward-link.mode:hover {
        transform: scale(1.03)
    }
    .reward-link.mode:active {
        transform: scale(.97)
    }
}

.reward-link.mode a {
    color: var(--heo-white)
}

.reward-link.mode i {
    margin-right: 4px
}

.reward-link.mode:hover {
    background: var(--heo-theme);
    box-shadow: none
}

#quit-box {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    display: none;
    z-index: 101;
    margin: 0!important
}

.post-tools-left #quit-box {
    display: none
}

#pagination .next-post,
#pagination .prev-post,
.next-post.pull-right,
.prev-post.pull-left {
    background: var(--heo-secondbg)
}

@media screen and (min-width: 768px) {
    #pagination .next-post a {
        border-left: var(--heo-card-bg);
        border-left-width: 3px;
        border-left-style: solid;
        display: flex;
        align-items: center
    }
    #pagination .next-post.pull-full a {
        border-left-width: 0
    }
    #pagination .prev-post a {
        border-right: var(--heo-card-bg);
        border-right-width: 3px;
        border-right-style: solid
    }
    #pagination .pagination-info {
        padding: .5rem 2rem 1rem 2rem
    }
    #pagination .next-post a:hover,
    #pagination .prev-post a:hover {
        background: var(--heo-main)
    }
    #pagination .next-post a:hover div,
    #pagination .prev-post a:hover div {
        color: var(--heo-white)!important
    }
}

@media screen and (max-width: 768px) {
    #pagination .next-post a:hover,
    #pagination .prev-post a:hover {
        background: var(--heo-none)
    }
}

#pagination img.next-cover,
#pagination img.prev-cover {
    opacity: .15;
    transform: scale(1.03);
    transition: .3s;
    filter: blur(0);
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d
}

#pagination .next-post:hover img.next-cover,
#pagination .next-post:hover img.prev-cover,
#pagination .prev-post:hover img.next-cover,
#pagination .prev-post:hover img.prev-cover {
    opacity: .25;
    transform: scale(1.03);
    filter: blur(5px)
}

#pagination .next-post .label,
#post #pagination .prev-post .label {
    color: var(--heo-fontcolor)
}

#pagination .next_info,
#post #pagination .prev_info {
    color: var(--heo-fontcolor);
    font-weight: 700;
    -webkit-line-clamp: 2;
    white-space: normal;
    line-height: 1.3;
    font-size: .9rem;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

#post #pagination {
    overflow: hidden;
    position: inherit
}

@media screen and (min-width: 1300px) {
    #post #pagination {
        position: fixed;
        bottom: -100px;
        left: 0;
        z-index: 1000;
        height: 100px;
        transition: ease-out .3s;
        border-top: var(--style-border)
    }
    #pagination.pagination-post {
        border-radius: 0
    }
    #pagination .pagination-info {
        top: calc(50% - 20px)
    }
    #pagination .next_info,
    #post #pagination .prev_info {
        -webkit-line-clamp: 1
    }
    #pagination .pagination-info {
        padding: .5rem 2rem 1rem 2rem
    }
    #post #pagination {
        background: 0 0
    }
    #pagination .next-post,
    #pagination .prev-post,
    .next-post.pull-right,
    .prev-post.pull-left {
        background: var(--heo-maskbgdeep);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px)
    }
    .prev-post.pull-left {
        display: none
    }
    .next-post.pull-right {
        width: 100%!important
    }
    #pagination .next-post .pagination-info {
        text-align: left
    }
    #pagination .prev-post a {
        border-right-width: 0
    }
    #pagination .next-post a {
        border-left-width: 0
    }
}

@media screen and (max-width: 768px) {
    #pagination .page-number {
        display: none
    }
    #pagination .pagination .space {
        display: none
    }
    #pagination .pagination .extend {
        width: 100%;
        height: 2.5rem;
        margin: .2rem 0;
        line-height: 2.5rem;
        background: var(--heo-background)
    }
    #pagination .pagination .extend:hover {
        background: var(--heo-theme);
        color: var(--heo-white)
    }
    #pagination .pagination {
        background: var(--heo-card-bg);
        transition: .3s;
        display: flex
    }
}

@media screen and (min-width: 768px) {
    #pagination .page-number {
        width: 2rem;
        background: var(--heo-card-bg);
        height: 2rem;
        line-height: calc(2rem - 2px);
        border-radius: 8px!important;
        margin: 0 .3rem;
        box-shadow: var(--heo-shadow-border);
        border: var(--style-border);
        transition: .3s
    }
    #pagination .page-number.current {
        background: var(--heo-theme);
        border: var(--style-border-hover);
        box-shadow: var(--heo-shadow-theme)
    }
    #pagination .page-number.current:hover {
        background: var(--heo-theme);
        box-shadow: var(--heo-shadow-theme);
        color: var(--heo-white)
    }
    #pagination .page-number:hover {
        color: var(--heo-theme);
        border: var(--style-border-hover);
        box-shadow: var(--heo-shadow-main);
        transform: scale(1.03)
    }
    #pagination a.extend.next:hover,
    #pagination a.extend.prev:hover {
        color: var(--heo-theme);
        border: var(--style-border-hover);
        box-shadow: var(--heo-shadow-main);
        transform: scale(1.03)
    }
    @media screen and (min-width: 1300px) {
        #pagination .page-number:hover {
            transform: scale(1.03)
        }
        #pagination a.extend.next:hover,
        #pagination a.extend.prev:hover {
            transform: scale(1.03)
        }
        #pagination .page-number:active {
            transform: scale(.97)
        }
        #pagination a.extend.next:active,
        #pagination a.extend.prev:active {
            transform: scale(.97)
        }
    }
    #pagination span.space {
        margin: 0 .3rem
    }
    #pagination a.extend.next,
    #pagination a.extend.prev {
        width: 4rem;
        height: 2rem;
        line-height: 1.9rem;
        border-radius: 8px!important;
        background: var(--heo-card-bg);
        box-shadow: var(--heo-shadow-border);
        position: absolute;
        border: var(--style-border);
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transition: .3s
    }
    #pagination a.extend.next i,
    #pagination a.extend.prev i {
        transition: .3s
    }
    #pagination a.extend.next {
        overflow: hidden
    }
    #pagination a.extend.next .pagination_tips_next {
        margin-left: -32px;
        transition: .3s;
        opacity: 0
    }
    #pagination a.extend.next:hover .pagination_tips_next {
        margin-left: 2px;
        opacity: 1;
        white-space: nowrap
    }
    #pagination a.extend.prev .pagination_tips_prev {
        margin-right: -32px;
        transition: .3s;
        opacity: 0
    }
    #pagination a.extend.prev:hover .pagination_tips_prev {
        margin-right: 2px;
        opacity: 1;
        white-space: nowrap
    }
    #pagination {
        overflow: visible
    }
    #pagination .pagination {
        position: relative;
        display: flex;
        justify-content: center
    }
}

.relatedPosts-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.relatedPosts>.relatedPosts-list>div {
    background: var(--heo-background);
    transition: .3s;
    cursor: pointer;
    overflow: hidden
}

.relatedPosts>.relatedPosts-list>div:hover {
    background: var(--heo-main)
}

@media screen and (min-width: 1300px) {
    .relatedPosts>.relatedPosts-list>div {
        width: calc(25% - 8px)
    }
}

.relatedPosts>.relatedPosts-list>div:hover a .title {
    color: var(--heo-white)
}

.relatedPosts>.relatedPosts-list .content .title {
    color: var(--heo-fontcolor);
    font-weight: 700;
    line-height: 1.5;
    -webkit-line-clamp: 4;
    font-size: .9rem;
    text-align: left
}

.relatedPosts>.relatedPosts-list .content .date {
    color: var(--heo-fontcolor);
    display: none
}

#post>hr {
    display: none
}

.post-tips {
    color: var(--heo-gray);
    font-size: 14px;
    margin-top: .25rem
}

.post-tips a {
    color: var(--heo-gray)!important;
    border: none!important
}

.post-tips a:hover {
    color: var(--heo-white)!important;
    color: var(--heo-main)
}

div#post-comment {
    margin-top: 2rem
}

#post-comment>div.comment-head>div.comment-privacy {
    display: block;
    justify-content: space-between;
    float: right;
    line-height: 2rem
}

.tk-avatar {
    width: 32px!important;
    height: 32px!important;
    box-shadow: var(--heo-shadow-border)
}

.tk-avatar.tk-has-avatar {
    width: 32px!important;
    height: 32px!important;
    border-radius: 32px!important
}

.tk-avatar .tk-avatar-img {
    height: 32px!important
}

.tk-avatar .tk-avatar-img:hover {
    transform: rotate(360deg)
}

img.tk-avatar-img {
    height: 32px!important
}

.tk-avatar {
    margin-right: .5rem!important
}

.tk-nick {
    font-size: 1rem!important;
    line-height: 32px
}

.el-input-group__append,
.el-input-group__prepend {
    background-color: var(--heo-card-bg)!important;
    color: var(--heo-fontcolor)!important;
    border-color: var(--heo-card-border)!important
}

.el-input__inner {
    background: var(--heo-background)!important;
    border: 1px solid var(--heo-card-border)!important;
    color: var(--heo-fontcolor)!important
}

.page .el-input__inner {
    background: var(--heo-card-bg)!important
}

.el-input__inner:focus {
    border: 1px solid var(--heo-main)!important
}

.el-textarea__inner {
    background: var(--heo-background)!important;
    color: var(--heo-fontcolor)!important;
    border-radius: 12px!important;
    min-height: 100px!important;
    padding: 16px 16px 40px 16px!important;
    border: var(--style-border-always)!important
}

#page .el-textarea__inner {
    background: var(--heo-card-bg)!important;
    box-shadow: var(--heo-shadow-border)
}

.el-textarea__inner:focus {
    border: var(--style-border-hover-always)!important;
    box-shadow: var(--heo-shadow-main)
}

#page .tk-meta-input .el-input[data-v-5087bc56] {
    box-shadow: var(--heo-shadow-border)
}

#twikoo>div.tk-comments>div.tk-comments-container>div.tk-comments-title>span:nth-child(1) {
    display: none!important
}

.el-loading-mask {
    background-color: none!important
}

.tk-tag {
    transform: translateY(-2px)
}

.tk-tag-green {
    border-radius: 4px!important;
    border: 0 solid #e1f3d8!important;
    font-size: .5rem!important
}

[data-theme=dark] .tk-tag-green {
    background-color: #67c23a21!important
}

.tk-tag-yellow {
    border-radius: 4px!important;
    border: 0 solid #e1f3d8!important;
    font-size: .5rem!important
}

[data-theme=dark] .tk-tag-green {
    background-color: #c0c23a21!important
}

.tk-tag-red {
    border-radius: 4px!important;
    border: 0 solid #f3d8d8!important;
    font-size: .5rem!important
}

[data-theme=dark] .tk-tag-red {
    background-color: #c23a3a21!important
}

.el-button {
    background-color: var(--heo-fontcolor)!important;
    border: 0 solid var(--heo-main)!important;
    color: var(--heo-background)!important;
    border-radius: 8px!important
}

.el-button:hover {
    background: var(--heo-main)!important;
    color: var(--heo-white)!important;
    box-shadow: var(--heo-shadow-main)
}

.el-button.tk-preview {
    display: none!important
}

#twikoo>div.tk-comments>div.tk-submit>div.tk-row.actions>a {
    display: none!important
}

#twikoo {
    z-index: 102
}

.twikoo-info {
    color: var(--heo-secondtext)
}

.tk-action-link {
    color: var(--heo-lighttext)!important
}

.tk-action-icon svg {
    fill: var(--heo-lighttext)!important
}

button.el-button.tk-cancel.el-button--default.el-button--small {
    background: var(--heo-secondbg)!important;
    border-radius: 8px!important;
    color: var(--heo-fontcolor)!important
}

.el-button--primary {
    border-color: var(--heo-fontcolor)!important;
    color: var(--heo-card-bg)!important;
    border-radius: 8px!important;
    box-shadow: var(--heo-shadow-black);
    transition: .3s
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
    opacity: .4;
    box-shadow: var(--heo-shadow-border)
}

@media screen and (max-width: 768px) {
    .el-button--primary.is-disabled,
    .el-button--primary.is-disabled:active,
    .el-button--primary.is-disabled:focus,
    .el-button--primary.is-disabled:hover {
        height: 110px;
        margin-bottom: 8px
    }
}

.tk-comments-title[data-v-2619081a] {
    position: absolute;
    bottom: 0;
    left: 0
}

.tk-extras[data-v-d82ce9a0] {
    margin-top: .5rem
}

.tk-row.actions[data-v-619b4c52] {
    margin-bottom: .5rem!important
}

#post-comment blockquote {
    background: var(--heo-secondbg);
    border: none;
    box-shadow: none;
    margin: 0;
    margin-bottom: .5rem;
    font-size: .6rem;
    color: var(--heo-secondtext);
    border-radius: 8px
}

.tk-content .tk-owo-emotion {
    width: 3em;
    margin: 0 2px 0 2px
}

.OwO .OwO-body .OwO-bar .OwO-packages li {
    line-height: 18px!important;
    font-size: 15px!important
}

.OwO .OwO-body {
    z-index: 102
}

.tk-extra {
    background: var(--heo-secondbg);
    padding: 1px 5px 1px 2px;
    border-radius: 4px;
    margin-right: 4px!important;
    color: var(--heo-secondtext)!important;
    display: inline!important;
    margin-top: 6px!important;
    font-size: .5rem
}

.tk-extra .tk-icon {
    display: none
}

.tk-expand {
    background: var(--heo-card-bg)!important;
    color: var(--heo-fontcolor)!important;
    border: var(--style-border-always);
    box-shadow: var(--heo-shadow-border);
    border-radius: 12px
}

.tk-expand:hover {
    background: var(--heo-theme)!important;
    color: var(--heo-white)!important
}

.tk-time {
    color: var(--heo-secondtext)!important;
    font-size: .8rem;
    margin-left: .5rem
}

.tk-comments-container>.tk-comment {
    margin-top: 0!important;
    margin-bottom: .5rem!important;
    background: var(--heo-card-bg);
    transition: .3s;
    border-radius: 12px;
    box-shadow: var(--style-border);
    padding: 0;
    padding-top: .5rem;
    border: none;
    border-top: var(--style-border-dashed)
}

#page .tk-comments-container>.tk-comment {
    padding: 1rem;
    padding-bottom: 1.5rem;
    border: var(--style-border);
    border-top: var(--style-border);
    box-shadow: var(--heo-shadow-border)
}

.tk-icon[data-v-2619081a] {
    position: absolute
}

#post-comment .comment-head {
    font-size: .8em!important
}

.tk-comments-no {
    display: none!important
}

.tk-comments-container {
    min-height: 0!important;
    margin-top: .5rem
}

.tk-replies>.tk-comment {
    background: var(--heo-card-bg);
    border-top: var(--style-border-dashed);
    border-radius: 12px;
    padding: 0;
    transition: .3s;
    padding-top: 1rem;
    margin-top: 0
}

.tk-content p {
    margin: 0!important
}

.tk-replies .tk-content span:first-child {
    font-size: .5rem;
    color: var(--heo-secondtext)
}

.img-alt {
    font-size: 16px;
    margin: 0
}

.relatedPosts>.relatedPosts-list>div:hover .cover {
    transform: scale(1);
    opacity: 0
}

@media screen and (min-width: 768px) {
    #pagination.pagination-post {
        border-radius: 12px;
        margin-top: 1rem
    }
    .relatedPosts {
        margin-top: 1rem
    }
}

@media screen and (min-width: 1300px) {
    #pagination.pagination-post {
        border-radius: 0;
        margin-top: 0
    }
}

.post-tools {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 2rem;
    flex-wrap: wrap
}

.post-reward {
    margin-top: 0;
    display: flex;
    justify-content: center
}

.post-reward:hover>.reward-main {
    display: none
}

.post-reward .reward-main {
    z-index: 102
}

@media screen and (min-width: 768px) {
    .post-reward:hover>.reward-main {
        display: flex!important;
        justify-content: left
    }
}

@media screen and (max-width: 768px) {
    .post-reward .reward-main {
        justify-content: center!important;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 102;
        width: 100%;
        margin: auto;
        padding: 0
    }
    .post-reward .reward-main .reward-all {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 30px 0 60px 0
    }
    #post .tag_share .post-meta__tags {
        margin: 0 .5rem 0 0
    }
    a.reward-main-btn {
        margin: 4px 1rem
    }
    .tk-meta-input .el-input[data-v-5087bc56] .el-input-group__prepend {
        padding: 0 .3rem!important
    }
    .tk-meta-input {
        width: calc(100% - 3rem)!important;
        display: flex;
        flex-direction: column;
        top: 0;
        position: inherit!important;
        margin-right: .5rem!important
    }
    .tk-meta-input .el-input {
        margin-left: 0!important;
        width: 100%!important;
        margin-bottom: 8px
    }
    .tk-icon[data-v-2619081a] {
        position: absolute;
        right: 0
    }
}

.post-tools-left {
    white-space: nowrap;
    display: flex;
    text-overflow: ellipsis;
    flex-wrap: wrap;
    margin-bottom: .5rem
}

.post-tools-right {
    overflow: scroll;
    overflow-x: overlay;
    padding-right: 0;
    display: flex;
    align-items: center;
    margin-bottom: .5rem
}

@media screen and (max-width: 768px) {
    .post-tools-left>div {
        margin: 8px
    }
    .post-tools-left {
        white-space: nowrap;
        display: flex;
        text-overflow: ellipsis;
        margin-top: 1rem;
        justify-content: center;
        width: 100%
    }
    .post-tools-right {
        margin-top: 1rem;
        width: 100%;
        justify-content: center
    }
}

.post-reward .reward-main .reward-all:after {
    display: none
}

.reward-group {
    display: flex
}

.share-link {
    margin-left: .5rem;
    display: flex;
    justify-content: center;
    position: relative;
    text-align: center
}

.share-button {
    background: var(--heo-card-btn-bg);
    color: var(--heo-fontcolor);
    border-radius: 8px;
    cursor: pointer;
    transition: .3s;
    width: 56px;
    height: 40px
}

.share-button i {
    line-height: 40px
}

.share-button i.fab {
    line-height: 42px
}

@media screen and (min-width: 1300px) {
    .share-button {
        background: var(--heo-card-bg);
        border: var(--style-border)
    }
    .share-button:hover {
        transform: scale(1.03)
    }
    .share-button:active {
        transform: scale(.97)
    }
    .share-button i {
        line-height: 38px
    }
    .share-button i.fab {
        line-height: 40px
    }
}

.share-button:hover {
    background: var(--heo-theme);
    color: var(--heo-white);
    transition: .3s;
    box-shadow: var(--heo-shadow-blue)
}

.share-link.weibo:hover .share-button {
    background: var(--heo-red);
    box-shadow: var(--heo-shadow-red)
}

.share-link.mobile:hover .share-button {
    background: var(--heo-green);
    box-shadow: var(--heo-shadow-green);
    color: var(--heo-white)
}

.post-qr-code-img {
    box-shadow: var(--heo-shadow-lightblack)
}

.share-main {
    position: absolute;
    bottom: 40px;
    z-index: 100;
    display: none;
    padding-bottom: 15px
}

.share-main-all {
    padding: 12px;
    border-radius: 12px;
    background: var(--heo-background);
    animation: donate_effcet .3s .1s ease both;
    flex-direction: column
}

#qrcode {
    min-width: 150px;
    min-height: 150px;
    background: var(--heo-white);
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 8px
}

#qrcode {
    width: 150px;
    height: 150px
}

.share-link:hover .share-main {
    display: flex
}

.share-qrcode {
    display: flex;
    justify-content: center
}

@media screen and (max-width: 769px) {
    .share-link.mobile {
        display: none
    }
}

#article-container figure.highlight {
    border-radius: 12px
}

#article-container figure.highlight,
#article-container pre {
    color: #f8f8f2;
    background: #696969
}

#article-container figure.highlight .highlight-tools {
    background: #3f3f3f;
    color: var(--heo-fontcolor)
}

#article-container figure.highlight .gutter pre {
    color: #d3d3d3!important;
    background: grey;
    border-right: var(--style-border-always)
}

#article-container figure.highlight figcaption a {
    color: #a9a9a9!important
}

#article-container .highlight:not(.js-file-line-container),
#article-container pre {
    background-color: var(--heo-card-bg)!important;
    color: var(--heo-fontcolor);
    box-shadow: var(--heo-shadow-border);
    border: var(--style-border-always)
}

#article-container figure.highlight pre span::selection {
    background: var(--heo-main)!important;
    color: var(--heo-white)!important
}

.OwO .OwO-body {
    border: var(--style-border-always)!important;
    border-radius: 8px!important;
    overflow: hidden;
    background-color: var(--heo-maskbg)!important;
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: blur(10px);
    margin-top: 1rem
}

.OwO .OwO-body .OwO-bar {
    border-top: none!important
}

.OwO .OwO-body .OwO-items .OwO-item:hover {
    box-shadow: var(--heo-shadow-lightblack)!important;
    border-radius: 8px
}

#twikoo>div.tk-comments>div.tk-submit>div.tk-row.actions>div>div.tk-action-icon.OwO.OwO-open>div.OwO-body>div>ul>li>span {
    line-height: 48px;
    font-size: 28px
}

.OwO .OwO-body .OwO-bar .OwO-packages li {
    margin-right: 0!important;
    width: 50px;
    height: 48px;
    transition: .3s
}

.OwO .OwO-body .OwO-bar .OwO-packages li:hover {
    transition: .3s
}

.OwO-packages {
    background: var(--heo-background);
    padding-left: 8px!important
}

.OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active {
    background: var(--heo-secondbg)!important
}

.OwO .OwO-body .OwO-items-show {
    margin: 12px 8px!important;
    min-height: 197px
}

#page .category-lists .category-title {
    display: none
}

.article-sort-item-title {
    line-height: 1.3;
    -webkit-line-clamp: 1
}

@media screen and (max-width: 768px) {
    .article-sort-item-title {
        -webkit-line-clamp: 2
    }
}

#page {
    background: var(--heo-background);
    border: none;
    padding: 0
}

.article-sort .article-sort-item .article-sort-item-img {
    border-radius: 12px;
    min-width: 151px;
    min-height: 80px;
    background: var(--heo-secondbg);
    -webkit-mask-image: -webkit-radial-gradient(center, #fff, #000)
}

@media screen and (max-width: 768px) {
    .article-sort .article-sort-item .article-sort-item-img {
        min-width: 80px
    }
}

#page .tag-cloud-list a {
    color: var(--heo-fontcolor)!important;
    font-size: 1.4em!important;
    padding: .2em .5em;
    background: var(--heo-secondbg);
    margin: .5em .5em;
    border-radius: 12px;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    border: var(--style-border);
    box-shadow: var(--heo-shadow-border)
}

#page .tag-cloud-list a:hover {
    background: var(--heo-blue)!important;
    box-shadow: var(--heo-shadow-blue);
    color: var(--heo-white)!important;
    border: var(--style-border-hover)
}

#article-container h1 {
    padding-left: 0
}

#article-container h1:before {
    display: none
}

#article-container h1:hover {
    padding-left: 0
}

#article-container>div>figure>figcaption>p {
    margin: 0
}

figure.gallery-group {
    border-radius: 12px
}

figure.gallery-group:hover .gallery-group-name::after {
    display: none
}

.tag-cloud-title {
    display: none
}

.tk-replies .tk-content {
    margin-top: 0!important
}

#tag #tag-page-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -.75rem;
    margin-bottom: .5rem
}

#tag #tag-page-tags a {
    padding: .1rem .5rem;
    margin: .25rem .25rem;
    line-height: 1.6;
    border-radius: 8px;
    color: var(--heo-fontcolor)!important
}

#tag #tag-page-tags a.select {
    color: var(--heo-white)!important;
    background: var(--heo-theme);
    box-shadow: var(--heo-shadow-theme)
}

#tag #tag-page-tags a:hover {
    color: var(--heo-white)!important;
    background: var(--heo-theme);
    box-shadow: var(--heo-shadow-theme)
}

@media screen and (min-width: 1300px) {
    #tag #tag-page-tags a:hover {
        transform: scale(1.03)
    }
    #tag #tag-page-tags a:active {
        transform: scale(.97)
    }
}

.article-sort-item:before {
    display: none
}

.article-sort-title:before {
    display: none
}

.article-sort-title:after {
    display: none
}

.article-sort {
    border: none
}

.article-sort {
    margin-left: 0;
    padding-left: 0
}

.article-sort-title {
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0
}

.article-sort-item {
    margin: 0 0 1rem 0;
    overflow: hidden;
    border-radius: 12px
}

@media screen and (max-width: 769px) {
    .article-sort-item-info a {
        white-space: inherit!important
    }
}

.article-sort-item.year {
    font-size: .8rem;
    color: var(--heo-secondtext);
    margin-bottom: .2rem
}

.article-sort-item-img img:hover {
    transform: scale(1)
}

.article-sort-title {
    font-weight: 700;
    font-size: 2em
}

.article-sort-item-info {
    padding: 0 .8rem;
    display: flex;
    flex-direction: column
}

.article-sort-item-time {
    order: 1;
    margin-top: 4px;
    color: var(--heo-secondtext)
}

.article-sort-item-title {
    order: 0;
    font-weight: 700
}

.article-sort-item-title:hover {
    transform: translateX(0);
    color: var(--heo-hovertext)
}

#random-post {
    min-height: 32px
}

.random-friends-post {
    text-decoration: none;
    border-bottom: 2px solid var(--heo-lighttext);
    color: var(--heo-fontcolor);
    font-weight: 700;
    padding: 0 4px
}

.random-friends-post:hover {
    text-decoration: none;
    border-bottom: 2px solid var(--heo-none);
    color: var(--heo-white);
    background: var(--heo-main);
    border-radius: 4px;
    box-shadow: var(--heo-shadow-main)
}

.random-post-start {
    transition-duration: .3s
}

.random-post-start:hover {
    color: var(--heo-hovertext)
}

.flink#article-container .flink-list {
    padding: 0;
    margin: 1rem -6px 0 -6px;
    overflow-x: hidden
}

.flink#article-container .flink-desc {
    margin: 0
}

.flink#article-container .flink-list>.flink-list-item a .flink-item-desc {
    white-space: normal;
    padding: 5px 10px 16px 0;
    color: var(--heo-fontcolor);
    text-align: left;
    height: 40px;
    text-overflow: ellipsis;
    opacity: .7
}

.flink#article-container .flink-list>.flink-list-item:hover a .flink-item-desc {
    color: var(--heo-white)
}

.flink#article-container .flink-list>.flink-list-item a .flink-item-name {
    text-align: left;
    font-size: 19px;
    color: var(--heo-fontcolor)
}

.flink#article-container .flink-list>.flink-list-item:hover a .flink-item-name {
    color: var(--heo-white)
}

.flink#article-container .flink-list>.flink-list-item a {
    display: flex;
    border: none
}

.flink#article-container .flink-list>.flink-list-item a:hover {
    background: 0 0
}

.flink#article-container .flink-list>.flink-list-item a img {
    border-radius: 32px;
    margin: 15px 20px 15px 15px;
    transition: .3s;
    background: var(--heo-background);
    min-width: 60px;
    min-height: 60px
}

.flink#article-container .flink-list>.flink-list-item:hover a img {
    transition: .6s;
    width: 0;
    height: 0;
    opacity: 0;
    margin: .5rem;
    min-width: 0;
    min-height: 0
}

.flink#article-container .flink-list>.flink-list-item a span {
    transition: .3s
}

.flink#article-container .flink-list>.flink-list-item:hover a .flink-item-desc {
    overflow: inherit;
    width: 100%
}

.flink#article-container .flink-list>.flink-list-item {
    margin: 6px 6px;
    transition: .3s;
    border-radius: 12px;
    transition-timing-function: ease-in-out;
    position: relative;
    width: calc(20% - 12px);
    border: var(--style-border);
    box-shadow: var(--heo-shadow-border);
    background: var(--heo-card-bg)
}

.flink#article-container .flink-list>.flink-list-item:hover {
    transform: scale(1);
    background: var(--heo-theme);
    border: var(--style-border-hover);
    box-shadow: var(--heo-shadow-main)
}

@media screen and (min-width: 1300px) {
    .flink#article-container .flink-list>.flink-list-item:hover {
        transform: scale(1.03)
    }
    .flink#article-container .flink-list>.flink-list-item:active {
        transform: scale(.97)
    }
}

.gallery-group figcaption p {
    line-height: 1.5!important
}

.flink#article-container .site-card .info .title {
    color: var(--heo-fontcolor);
    text-align: left
}

.flink#article-container .site-card:hover .info .title {
    color: var(--heo-white);
    box-shadow: var(--heo-shadow-blue)
}

.flink#article-container .site-card:hover .info {
    height: 120px
}

.flink#article-container .site-card .site-card-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.flink#article-container .site-card .info .desc {
    font-size: .7rem;
    color: var(--heo-fontcolor);
    opacity: .7;
    transition: .3s;
    text-align: left
}

.flink#article-container .site-card:hover .info .desc {
    -webkit-line-clamp: 4
}

.flink#article-container .site-card:hover .info .desc {
    transition: .3s;
    color: var(--heo-white);
    width: 100%
}

.flink#article-container .site-card:hover .info {
    background: var(--heo-theme)
}

.flink#article-container .site-card {
    border: var(--style-border);
    border-radius: 12px;
    transition: .3s;
    transition-timing-function: ease-in-out;
    overflow: hidden;
    height: 200px;
    position: relative;
    width: calc(100% / 7 - 16px);
    background: var(--heo-card-bg);
    box-shadow: var(--heo-shadow-border)
}

@media screen and (min-width: 1300px) {
    .flink#article-container .site-card:hover {
        transform: scale(1.03)
    }
    .flink#article-container .site-card:active {
        transition: .95
    }
}

.site-card-tag {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px 8px;
    background-color: var(--heo-main);
    box-shadow: var(--heo-shadow-main);
    color: var(--heo-white);
    z-index: 1;
    border-radius: 0 0 12px 0;
    transition: .3s;
    font-size: .6rem
}

.site-card-tag.vip {
    /*! Edit and share this gradient: https://html5kit.com/gradient-editor/?preset=d48f16,100;e5b085,0 */
    background: -moz-linear-gradient(38deg, #e5b085 0, #d48f16 100%);
    background: -webkit-linear-gradient(38deg, #e5b085 0, #d48f16 100%);
    background: linear-gradient(38deg, #e5b085 0, #d48f16 100%);
    overflow: hidden;
    box-shadow: var(--heo-shadow-yellow)
}

.light {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 100px;
    height: 50px;
    background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
    -webkit-animation: light_tag 4s both infinite;
    -moz-animation: light_tag 4s both infinite;
    -ms-animation: light_tag 4s both infinite;
    animation: light_tag 4s both infinite
}

@keyframes light_tag {
    0% {
        transform: skewx(0);
        -o-transform: skewx(0);
        -moz-transform: skewx(0);
        -webkit-transform: skewx(0);
        left: -150px
    }
    99% {
        transform: skewx(-25deg);
        -o-transform: skewx(-25deg);
        -moz-transform: skewx(-25deg);
        -webkit-transform: skewx(-25deg);
        left: 50px
    }
}

.site-card-tag.speed {
    background: var(--heo-green);
    box-shadow: var(--heo-shadow-green)
}

.flink#article-container .site-card:hover .site-card-tag {
    left: -50px
}

.flink-list-item:hover .site-card-tag {
    left: -50px
}

.flink#article-container .site-card .info {
    display: flex;
    border: none;
    padding: .5rem;
    width: 100%;
    height: 90px;
    margin: 0;
    border-radius: 0 0 12px 12px
}

.flink#article-container .site-card .img img {
    border-radius: 12px 12px 0 0;
    transform: scale(1.03);
    transition: .3s
}

@media screen and (min-width: 769px) {
    .flink#article-container .site-card:hover .img img {
        transform: scale(1.1);
        filter: brightness(.3)
    }
    .flink#article-container .site-card:hover .img {
        height: 80px
    }
}

.flink#article-container .site-card .img {
    -webkit-mask-image: -webkit-radial-gradient(center, #fff, #000);
    border-radius: 12px 12px 0 0;
    height: 120px;
    width: 100%;
    display: flex;
    border: none;
    padding: 0!important
}

.flink#article-container .site-card .info img {
    border-radius: 32px;
    transition: .3s!important;
    margin: 2px 8px 0 0;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    background: var(--heo-secondbg)
}

.flink#article-container .site-card-group {
    padding: 20px 0
}

.flink#article-container .site-card:hover .info img {
    width: 0;
    height: 0;
    opacity: 0;
    min-width: 0;
    min-height: 0
}

.flink#article-container .site-card:hover {
    border: var(--style-border-hover);
    box-shadow: var(--heo-shadow-main)
}

.article-sort-item-info a {
    margin-right: auto;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 769px) {
    #letlink {
        flex-direction: column!important;
        text-align: center!important
    }
    #letlogo {
        display: none!important
    }
    #footer-wrap {
        margin-top: 1rem!important
    }
}

.footer-banner-right {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#footer-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 20px 50px 0 50px;
    text-align: left!important;
    max-width: 1200px;
    margin: 0 auto
}

#footer-wrap h1 {
    font-size: 1.5rem;
    margin: 0
}

#footer-wrap h3 {
    padding: 0 12px
}

#footer-wrap p {
    margin: 0 0 0 .2rem;
    font-size: .8rem;
    opacity: .8
}

#footer-wrap i {
    margin-right: .5rem;
    width: 22px;
    font-size: 18px;
    display: inline-block
}

#footer-wrap #letlogo {
    display: flex;
    flex-direction: column;
    margin-right: 60px;
    align-self: center;
    margin: auto 0;
    max-width: 200px
}

#footer-wrap #letlink .link_group {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    min-width: 180px
}

#footer-wrap #letlink {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 0 0 1rem 0
}

#weblogo i {
    font-size: 2rem;
    line-height: 2rem;
    letter-spacing: -10px
}

#footer:before {
    position: absolute!important;
    width: 100%!important;
    height: 100%!important;
    content: ''!important;
    z-index: -1
}

.weixin:hover::after {
    transform: scale(1);
    opacity: 1
}

#error-wrap {
    top: 40%
}

#error-wrap .error-content .error-info .error_title {
    margin-top: -3rem!important
}

#error-wrap .error-content {
    box-shadow: none!important;
    border-radius: 12px;
    background: var(--heo-card-bg)!important
}

#body-wrap.error .aside-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    bottom: 0;
    position: absolute;
    padding: 1rem;
    width: 100%;
    overflow: scroll
}

#body-wrap.error .aside-list .aside-list-group {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    max-width: 1200px;
    margin: 0 auto
}

#body-wrap.error .aside-list .aside-list-item {
    padding: .5rem
}

#body-wrap.error .aside-list .aside-list-item img {
    width: 100%;
    object-fit: cover;
    border-radius: 12px
}

#body-wrap.error .aside-list .aside-list-item .thumbnail {
    overflow: hidden;
    width: 230px;
    height: 143px;
    background: var(--heo-card-bg);
    display: flex
}

#body-wrap.error .aside-list .aside-list-item .content .title {
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    justify-content: center;
    align-items: flex-end;
    align-content: center;
    padding-top: .5rem
}

#body-wrap.error .aside-list .aside-list-item .content time {
    display: none
}

#bber .timeline ul li.item {
    position: relative;
    width: 32%;
    border: var(--style-border);
    border-radius: 12px;
    padding: 1rem;
    transition: .3s;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    background: var(--heo-card-bg);
    box-shadow: var(--heo-shadow-border)
}

@media screen and (max-width: 768px) {
    #bber .timeline ul li.item {
        padding: 0
    }
}

#bber .timeline ul li.item:hover {
    border: var(--style-border-hover)
}

#bber ul.list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

#bber li.item {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start
}

@media screen and (max-width: 1300px) {
    #bber .timeline ul li.item {
        width: 49%
    }
}

@media screen and (max-width: 768px) {
    #bber .timeline ul li.item {
        width: 100%
    }
    #bber .timeline ul li.item {
        padding: 16px 20px
    }
}

.timeline ul .list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.bb-info {
    display: inline;
    float: right;
    line-height: 3.7rem;
    color: var(--heo-secondtext);
    margin: auto
}

.bb-info:hover {
    color: var(--heo-hovertext)
}

#bber {
    margin-top: 1rem;
    width: 100%
}

#bber div.bber-content {
    display: flex;
    flex-direction: initial;
    flex-wrap: wrap;
    border-radius: 12px;
    width: 100%;
    height: 100%
}

#bber>section>ul>li.item {
    margin-bottom: 1rem
}

#bber .bber-info {
    display: flex
}

#bber .bber-bottom {
    display: flex;
    justify-content: space-between;
    width: 100%
}

#bber .count {
    color: var(--heo-secondtext);
    font-size: .8rem
}

#bber p {
    margin: 0
}

#bber .datafrom i {
    margin-right: 4px
}

#bber-tips {
    font-size: 14px;
    display: flex;
    justify-content: center;
    margin-top: 1rem
}

#bber>section>ul>li>div>p.datacont>a.bber-content-img>img {
    width: 100px;
    height: 100px;
    border-radius: 12px;
    overflow: hidden;
    object-fit: cover;
    background: var(--heo-secondbg)
}

#bber>section>ul>li>div>p.datacont>a.bber-content-img {
    width: 100px;
    height: 100px;
    margin: auto;
    margin-top: .5rem;
    margin-left: 0
}

#bber>section>ul>li>div .datatime {
    order: 1;
    color: var(--heo-secondtext);
    font-size: .7rem
}

#bber .bber-content .datacont {
    order: 0;
    font-size: .8rem;
    font-weight: 700;
    color: var(--heo-fontcolor);
    width: 100%;
    line-height: 1.38;
    border-radius: 12px;
    margin-bottom: .5rem;
    display: flex;
    flex-direction: column
}

#bber>section>ul>li>div .datafrom {
    order: 2;
    color: var(--heo-secondtext);
    font-size: .7rem;
    margin-left: 8px
}

#bber>section>ul>li>div .datafrom small {
    font-size: .7rem
}

.load-btn.button-load {
    background: var(--heo-card-btn-bg);
    color: var(--heo-fontcolor);
    padding: 12px 12px;
    margin: 1.5rem 0 0 0;
    width: 100%;
    text-align: center;
    border-radius: 12px;
    transition: .3s;
    font-weight: 700
}

.load-btn.button-load:hover {
    background: var(--heo-blue);
    color: var(--heo-white);
    transition: .3s;
    box-shadow: var(--heo-shadow-blue)
}

.moments-list {
    display: flex;
    flex-direction: column
}

.moments-list .article-sort-item-info {
    display: flex;
    flex-direction: column
}

.article-sort-item-info-more {
    display: flex;
    font-size: .7rem;
    margin-right: auto
}

.friend_post_time {
    margin-left: 8px;
    color: var(--heo-secondtext)
}

.friendlink-avatar {
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    min-height: 3rem;
    border-radius: 32px;
    overflow: hidden;
    background: var(--heo-secondbg);
    padding: 0!important
}

.friendlink-avatar:hover {
    border-radius: 32px!important;
    background: var(--heo-secondbg)
}

.moments-list .article-sort-item-info .article-sort-item-title {
    color: var(--heo-lighttext)
}

.moments-list .article-sort-item-info .article-sort-item-title:hover {
    color: var(--heo-hovertext)
}

a.bb-link {
    margin-left: 8px;
    color: var(--heo-secondtext)!important;
    display: inline;
    border: none!important
}

a.bb-link-info {
    display: inline;
    float: right;
    border: none!important;
    color: var(--heo-secondtext)!important;
    line-height: 2.7rem
}

a.bb-link-info:hover {
    color: var(--heo-fontcolor)!important;
    background: 0 0!important
}

#friend_link_moments {
    border: none!important
}

.moments-article-img {
    height: 100%;
    margin: 0!important
}

.tab-item-content #moments_container .moments-item a {
    border-bottom: none;
    padding: 0;
    margin-right: auto;
    width: auto
}

.tab-item-content #moments_container .moments-item a:hover {
    background: 0 0;
    color: var(--heo-lighttext);
    box-shadow: none
}

.tab-item-content #moments_container h2 {
    display: none
}

#friend_moments_list .moments-sort-item {
    margin: 1rem 0
}

.moments-sort-item-img {
    border-radius: 12px
}

.moments-item-time {
    order: 1
}

.moments-sort-item-title {
    color: var(--heo-lighttext);
    border-bottom: none!important;
    padding: 0!important
}

.moments-sort-item-title:hover {
    color: var(--heo-hovertext)!important;
    background: 0 0!important;
    box-shadow: none!important
}

.friendlink-avatar {
    border-bottom: none!important
}

.moments_load_button {
    color: var(--heo-fontcolor)!important;
    background: var(--heo-card-btn-bg)!important;
    padding: 12px 16px!important;
    border-radius: 12px!important;
    transition: .3s;
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0!important
}

.moments_load_button:hover {
    color: var(--heo-white)!important;
    background: var(--heo-main)!important;
    transition: .3s
}

.moments-item-title {
    color: var(--heo-lighttext);
    font-size: 1rem;
    order: 0;
    width: 100%;
    font-weight: 700;
    -webkit-line-clamp: 1!important;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.moments-item-info {
    display: flex;
    flex-direction: column
}

.moments_post_time {
    display: none
}

.moments_post_time i {
    margin-right: 8px
}

.chart {
    align-items: flex-start;
    flex: 1;
    width: 100px;
    height: 60px;
    margin: 20px
}

.moments-item-title {
    font-weight: 700
}

.moments_post_info_number {
    float: right
}

@media screen and (max-width: 500px) {
    #info_user_pool {
        padding: 10px;
        flex-direction: column;
        max-height: 200px
    }
    .chart {
        flex: 0;
        width: 100%;
        height: 160px;
        margin: 0
    }
}

.moments-item-img {
    width: 60px!important;
    height: 60px!important
}

.moments-item-img img {
    border-radius: 99px;
    width: 80px;
    height: 80px;
    overflow: hidden
}

#info_user_pool {
    background: var(--heo-secondbg);
    border-radius: 12px!important;
    margin-top: 1rem;
    box-shadow: none!important
}

.moments-item {
    margin-left: 0!important;
    box-shadow: none!important
}

.hexo-douban-item {
    border-bottom: none!important;
    background: var(--heo-card-bg);
    border: var(--style-border);
    box-shadow: var(--heo-shadow-border);
    border-radius: 12px;
    margin: 8px 0;
    height: 160px;
    min-height: 160px!important;
    width: 49%;
    overflow: hidden
}

@media screen and (min-width: 1300px) {
    .hexo-douban-item {
        width: 32%
    }
}

#hexo-douban-item3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.hexo-douban-item .hexo-douban-picture a {
    padding: 0!important
}

.hexo-douban-item .hexo-douban-picture img {
    margin: 0!important;
    height: 100%!important
}

.hexo-douban-tabs {
    display: none
}

.hexo-douban-title a {
    border-bottom: 0!important
}

.hexo-douban-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hexo-douban-title a:hover {
    color: var(--heo-lighttext)!important;
    background: var(--heo-none)!important
}

.hexo-douban-pagination {
    margin: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

span.hexo-douban-pagenum {
    margin: 0 .5rem
}

.hexo-douban-title {
    font-size: 1rem;
    line-height: 1
}

.hexo-douban-title a {
    padding: 0!important
}

.hexo-douban-info {
    padding-left: 130px!important;
    margin-right: .5rem
}

.hexo-douban-meta {
    font-size: .7rem!important;
    color: var(--heo-secondtext);
    margin-top: .3rem;
    line-height: 1.05
}

.hexo-douban-comments {
    line-height: 1.2;
    margin-top: .5rem;
    font-size: .8rem!important;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.hexo-douban-picture {
    height: 100%;
    top: 0!important;
    padding: 10px 0 10px 10px
}

.hexo-douban-picture a img {
    border-radius: 8px!important
}

.hexo-douban-button {
    width: 4rem;
    height: 2rem;
    line-height: 1.9rem;
    border-radius: 8px!important;
    background: var(--heo-card-bg);
    box-shadow: var(--heo-shadow-lightblack);
    border: var(--style-border);
    margin: 0 .2rem;
    border-bottom: var(--style-border)!important
}

.article-sort-item-time {
    display: none
}

.article-sort-item-tags {
    margin-top: 8px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    width: 100%;
    font-size: .7rem
}

.article-sort-item-tags a {
    color: var(--heo-secondtext);
    transition: .3s
}

.article-sort-item-tags a:hover {
    color: var(--heo-theme);
    transition: .3s
}

#heo-footer .footer-links {
    display: flex;
    flex-direction: column
}

#heo-footer {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 1200px;
    margin: 1rem auto;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 3rem;
    padding: 0 1rem
}

#heo-footer .footer-item {
    font-size: .8rem;
    line-height: .8rem;
    margin: .38rem 0;
    color: var(--heo-fontcolor);
    margin-right: auto
}

#heo-footer .footer-item:hover {
    color: var(--heo-theme)
}

#heo-footer .footer-group {
    min-width: 120px
}

#heo-footer .footer-title {
    color: var(--heo-secondtext);
    font-size: .8rem
}

#footer-banner {
    padding: 1rem;
    color: var(--heo-fontcolor);
    margin-top: 1rem;
    background: var(--heo-card-bg);
    display: flex;
    overflow: hidden;
    z-index: 1002;
    transition: .3s;
    border-top: var(--style-border)
}

[data-theme=dark] #footer-banner {
    background: var(--heo-secondbg)
}

#footer-banner .footer-banner-links {
    display: flex;
    justify-content: space-between;
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap
}

#footer-banner .footer-banner-left {
    display: flex;
    flex-wrap: wrap;
    min-height: 32px
}

#footer-banner .footer-banner-link {
    margin-right: 1rem;
    color: var(--heo-fontcolor);
    font-size: .8rem;
    font-weight: 700;
    white-space: nowrap
}

#footer-banner .footer-banner-link.cc {
    margin-right: 0
}

#footer-banner .footer-banner-link.cc i {
    margin-right: .5rem
}

#footer-banner .footer-banner-link:hover {
    color: var(--heo-theme)
}

#footer-banner>div>div.footer-banner-left>span {
    margin-right: 1rem
}

#footer-banner .footer-banner-right a:hover {
    color: var(--heo-lighttext)
}

#footer_deal i {
    font-size: 1.3rem;
    color: var(--heo-fontcolor);
    transition: .3s;
    line-height: 1.3rem;
    height: 1.3rem
}

#footer_deal i:hover {
    color: var(--heo-theme);
    transition: .3s;
    border-radius: 32px;
    box-shadow: var(--heo-theme)
}

.la-widget.la-data-widget__container {
    border-radius: 12px;
    border: var(--style-border)!important;
    box-shadow: var(--heo-shadow-border);
    border-color: var(--heo-card-border)
}


/*twikoo设置图标*/

.twikoo svg {
    fill: var(--heo-lighttext)!important;
}


/* 即刻短文 */

.author-content.author-content-item.essayPage {
    height: 19rem;
    background: url(https://img.zhheo.com/i/2022/08/27/6309587509a02.jpg) no-repeat center;
    background-size: cover;
    color: var(--heo-white);
    overflow: hidden;
    margin-top: 0;
}


/*侧边toc*/

.pace-done {
    overflow: unset!important;
}
/* 版权信息 */


/* 背景 */

#post .post-copyright {
    background: var(--heo-card-bg);
    padding: 1rem 1.3rem;
    overflow: hidden;
    border: var(--style-border);
    border-width: 1px;
    transition: 0.3s;
}

#post .post-copyright:after {
    position: absolute;
    right: 22px;
    top: -77px;
    content: '\f25e';
    font-size: 180px;
    font-family: 'Font Awesome 5 Brands';
    color: var(--heo-fontcolor);
    opacity: 0.4;
    filter: blur(7px);
}

@media screen and (max-width: 768px) {
    #post .post-copyright {
        padding: 1rem 1.3rem;
    }
}

.post-copyright__author {
    display: flex;
    align-items: center;
}

.post-copyright__original {
    background: var(--heo-fontcolor);
    color: var(--heo-card-bg);
    padding: 0.2rem 0.5rem;
    font-size: 0.7rem;
    border-radius: 8px;
    margin-right: 0.5rem;
    font-weight: bold;
    line-height: 1.5;
    white-space: nowrap;
}

.post-copyright__original:hover {
    background: var(--heo-main);
    color: var(--heo-white);
}

@media screen and (max-width: 768px) {
    #post .post-copyright {
        box-shadow: var(--heo-shadow-border);
    }
    .post-copyright .post-meta-original {
        display: none;
    }
    .post-copyright__original {
        display: none;
    }
    #post .post-copyright:after {
        display: none;
    }
}


/* 复制按钮 */

.post-copyright-copybtn {
    margin-left: 0.5rem;
    color: var(--heo-fontcolor);
    opacity: 0.4;
    transition: 0.3s;
}

.post-copyright-copybtn:hover {
    opacity: 1;
    transition: 0.3s;
}


/* 作者名 */

#post .post-copyright .post-copyright-info a {
    padding: 0;
    color: var(--heo-fontcolor);
    font-weight: bold;
}

#post .post-copyright .post-copyright__notice .post-copyright-info a {
    padding: 0 4px;
}

#post .post-copyright .post-copyright-info a:hover {
    color: var(--heo-lighttext);
}

#post .post-copyright .post-copyright-info {
    padding-left: 0;
    color: var(--heo-fontcolor);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

#post .post-copyright .post-copyright-title {
    padding-left: 0;
    color: var(--heo-fontcolor);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 1rem;
    font-weight: bold;
}

#post .post-copyright .post-copyright-title:hover {
    color: var(--heo-lighttext);
}

#post>div.post-copyright>div.post-copyright__author>span>span {
    padding: 0;
    color: var(--heo-fontcolor);
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.38;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 768px) {
    #post>div.post-copyright>div.post-copyright__author>span>span {
        -webkit-line-clamp: 3;
    }
    #post .post-copyright .post-copyright-info {
        -webkit-line-clamp: 2;
    }
    #post .post-copyright .post-copyright-title {
        -webkit-line-clamp: 3;
        line-height: 1.2;
    }
}


/* 链接 */

#post>div.post-copyright>div.post-copyright__type {
    line-height: 16px;
    display: flex;
    margin-top: 8px;
}

#post>div.post-copyright>div.post-copyright__type>span>a {
    font-size: 14px;
    opacity: 0.6;
    line-height: 16px;
}

#post>div.post-copyright>div.post-copyright__type>span>a:hover {
    opacity: 1;
    background: none;
}

#post-copyright-url a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


/* 提示 */

#post>div.post-copyright>div.post-copyright__notice {
    font-size: 0.7rem;
    line-height: 1rem;
    margin: 0.5rem 0;
}


/* 装饰圈 */

#post .post-copyright:before {
    display: none;
}
/*
* Remix Icon v2.5.0
* https://remixicon.com
* https://github.com/Remix-Design/RemixIcon
*
* Copyright RemixIcon.com
* Released under the Apache License Version 2.0
*
* Date: 2020-05-23
*/
@font-face {
  font-family: "remixicon";
  src: url('../fonts/remixicon.eot'); /* IE9*/
  src: url('../fonts/remixicon.eot') format('embedded-opentype'), /* IE6-IE8 */
  url("../fonts/remixicon.woff2") format("woff2"),
  url("../fonts/remixicon.woff") format("woff"),
  url('../fonts/remixicon.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/remixicon.svg') format('svg'); /* iOS 4.1- */
  font-display: swap;
}

[class^="ri-"], [class*=" ri-"] {
  font-family: 'remixicon' !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ri-lg { font-size: 1.3333em; line-height: 0.75em; vertical-align: -.0667em; }
.ri-xl { font-size: 1.5em; line-height: 0.6666em; vertical-align: -.075em; }
.ri-xxs { font-size: .5em; }
.ri-xs { font-size: .75em; }
.ri-sm { font-size: .875em }
.ri-1x { font-size: 1em; }
.ri-2x { font-size: 2em; }
.ri-3x { font-size: 3em; }
.ri-4x { font-size: 4em; }
.ri-5x { font-size: 5em; }
.ri-6x { font-size: 6em; }
.ri-7x { font-size: 7em; }
.ri-8x { font-size: 8em; }
.ri-9x { font-size: 9em; }
.ri-10x { font-size: 10em; }
.ri-fw { text-align: center; width: 1.25em; }

.ri-24-hours-fill:before { content: "\ea01"; }
.ri-24-hours-line:before { content: "\ea02"; }
.ri-4k-fill:before { content: "\ea03"; }
.ri-4k-line:before { content: "\ea04"; }
.ri-a-b:before { content: "\ea05"; }
.ri-account-box-fill:before { content: "\ea06"; }
.ri-account-box-line:before { content: "\ea07"; }
.ri-account-circle-fill:before { content: "\ea08"; }
.ri-account-circle-line:before { content: "\ea09"; }
.ri-account-pin-box-fill:before { content: "\ea0a"; }
.ri-account-pin-box-line:before { content: "\ea0b"; }
.ri-account-pin-circle-fill:before { content: "\ea0c"; }
.ri-account-pin-circle-line:before { content: "\ea0d"; }
.ri-add-box-fill:before { content: "\ea0e"; }
.ri-add-box-line:before { content: "\ea0f"; }
.ri-add-circle-fill:before { content: "\ea10"; }
.ri-add-circle-line:before { content: "\ea11"; }
.ri-add-fill:before { content: "\ea12"; }
.ri-add-line:before { content: "\ea13"; }
.ri-admin-fill:before { content: "\ea14"; }
.ri-admin-line:before { content: "\ea15"; }
.ri-advertisement-fill:before { content: "\ea16"; }
.ri-advertisement-line:before { content: "\ea17"; }
.ri-airplay-fill:before { content: "\ea18"; }
.ri-airplay-line:before { content: "\ea19"; }
.ri-alarm-fill:before { content: "\ea1a"; }
.ri-alarm-line:before { content: "\ea1b"; }
.ri-alarm-warning-fill:before { content: "\ea1c"; }
.ri-alarm-warning-line:before { content: "\ea1d"; }
.ri-album-fill:before { content: "\ea1e"; }
.ri-album-line:before { content: "\ea1f"; }
.ri-alert-fill:before { content: "\ea20"; }
.ri-alert-line:before { content: "\ea21"; }
.ri-aliens-fill:before { content: "\ea22"; }
.ri-aliens-line:before { content: "\ea23"; }
.ri-align-bottom:before { content: "\ea24"; }
.ri-align-center:before { content: "\ea25"; }
.ri-align-justify:before { content: "\ea26"; }
.ri-align-left:before { content: "\ea27"; }
.ri-align-right:before { content: "\ea28"; }
.ri-align-top:before { content: "\ea29"; }
.ri-align-vertically:before { content: "\ea2a"; }
.ri-alipay-fill:before { content: "\ea2b"; }
.ri-alipay-line:before { content: "\ea2c"; }
.ri-amazon-fill:before { content: "\ea2d"; }
.ri-amazon-line:before { content: "\ea2e"; }
.ri-anchor-fill:before { content: "\ea2f"; }
.ri-anchor-line:before { content: "\ea30"; }
.ri-ancient-gate-fill:before { content: "\ea31"; }
.ri-ancient-gate-line:before { content: "\ea32"; }
.ri-ancient-pavilion-fill:before { content: "\ea33"; }
.ri-ancient-pavilion-line:before { content: "\ea34"; }
.ri-android-fill:before { content: "\ea35"; }
.ri-android-line:before { content: "\ea36"; }
.ri-angularjs-fill:before { content: "\ea37"; }
.ri-angularjs-line:before { content: "\ea38"; }
.ri-anticlockwise-2-fill:before { content: "\ea39"; }
.ri-anticlockwise-2-line:before { content: "\ea3a"; }
.ri-anticlockwise-fill:before { content: "\ea3b"; }
.ri-anticlockwise-line:before { content: "\ea3c"; }
.ri-app-store-fill:before { content: "\ea3d"; }
.ri-app-store-line:before { content: "\ea3e"; }
.ri-apple-fill:before { content: "\ea3f"; }
.ri-apple-line:before { content: "\ea40"; }
.ri-apps-2-fill:before { content: "\ea41"; }
.ri-apps-2-line:before { content: "\ea42"; }
.ri-apps-fill:before { content: "\ea43"; }
.ri-apps-line:before { content: "\ea44"; }
.ri-archive-drawer-fill:before { content: "\ea45"; }
.ri-archive-drawer-line:before { content: "\ea46"; }
.ri-archive-fill:before { content: "\ea47"; }
.ri-archive-line:before { content: "\ea48"; }
.ri-arrow-down-circle-fill:before { content: "\ea49"; }
.ri-arrow-down-circle-line:before { content: "\ea4a"; }
.ri-arrow-down-fill:before { content: "\ea4b"; }
.ri-arrow-down-line:before { content: "\ea4c"; }
.ri-arrow-down-s-fill:before { content: "\ea4d"; }
.ri-arrow-down-s-line:before { content: "\ea4e"; }
.ri-arrow-drop-down-fill:before { content: "\ea4f"; }
.ri-arrow-drop-down-line:before { content: "\ea50"; }
.ri-arrow-drop-left-fill:before { content: "\ea51"; }
.ri-arrow-drop-left-line:before { content: "\ea52"; }
.ri-arrow-drop-right-fill:before { content: "\ea53"; }
.ri-arrow-drop-right-line:before { content: "\ea54"; }
.ri-arrow-drop-up-fill:before { content: "\ea55"; }
.ri-arrow-drop-up-line:before { content: "\ea56"; }
.ri-arrow-go-back-fill:before { content: "\ea57"; }
.ri-arrow-go-back-line:before { content: "\ea58"; }
.ri-arrow-go-forward-fill:before { content: "\ea59"; }
.ri-arrow-go-forward-line:before { content: "\ea5a"; }
.ri-arrow-left-circle-fill:before { content: "\ea5b"; }
.ri-arrow-left-circle-line:before { content: "\ea5c"; }
.ri-arrow-left-down-fill:before { content: "\ea5d"; }
.ri-arrow-left-down-line:before { content: "\ea5e"; }
.ri-arrow-left-fill:before { content: "\ea5f"; }
.ri-arrow-left-line:before { content: "\ea60"; }
.ri-arrow-left-right-fill:before { content: "\ea61"; }
.ri-arrow-left-right-line:before { content: "\ea62"; }
.ri-arrow-left-s-fill:before { content: "\ea63"; }
.ri-arrow-left-s-line:before { content: "\ea64"; }
.ri-arrow-left-up-fill:before { content: "\ea65"; }
.ri-arrow-left-up-line:before { content: "\ea66"; }
.ri-arrow-right-circle-fill:before { content: "\ea67"; }
.ri-arrow-right-circle-line:before { content: "\ea68"; }
.ri-arrow-right-down-fill:before { content: "\ea69"; }
.ri-arrow-right-down-line:before { content: "\ea6a"; }
.ri-arrow-right-fill:before { content: "\ea6b"; }
.ri-arrow-right-line:before { content: "\ea6c"; }
.ri-arrow-right-s-fill:before { content: "\ea6d"; }
.ri-arrow-right-s-line:before { content: "\ea6e"; }
.ri-arrow-right-up-fill:before { content: "\ea6f"; }
.ri-arrow-right-up-line:before { content: "\ea70"; }
.ri-arrow-up-circle-fill:before { content: "\ea71"; }
.ri-arrow-up-circle-line:before { content: "\ea72"; }
.ri-arrow-up-down-fill:before { content: "\ea73"; }
.ri-arrow-up-down-line:before { content: "\ea74"; }
.ri-arrow-up-fill:before { content: "\ea75"; }
.ri-arrow-up-line:before { content: "\ea76"; }
.ri-arrow-up-s-fill:before { content: "\ea77"; }
.ri-arrow-up-s-line:before { content: "\ea78"; }
.ri-artboard-2-fill:before { content: "\ea79"; }
.ri-artboard-2-line:before { content: "\ea7a"; }
.ri-artboard-fill:before { content: "\ea7b"; }
.ri-artboard-line:before { content: "\ea7c"; }
.ri-article-fill:before { content: "\ea7d"; }
.ri-article-line:before { content: "\ea7e"; }
.ri-aspect-ratio-fill:before { content: "\ea7f"; }
.ri-aspect-ratio-line:before { content: "\ea80"; }
.ri-asterisk:before { content: "\ea81"; }
.ri-at-fill:before { content: "\ea82"; }
.ri-at-line:before { content: "\ea83"; }
.ri-attachment-2:before { content: "\ea84"; }
.ri-attachment-fill:before { content: "\ea85"; }
.ri-attachment-line:before { content: "\ea86"; }
.ri-auction-fill:before { content: "\ea87"; }
.ri-auction-line:before { content: "\ea88"; }
.ri-award-fill:before { content: "\ea89"; }
.ri-award-line:before { content: "\ea8a"; }
.ri-baidu-fill:before { content: "\ea8b"; }
.ri-baidu-line:before { content: "\ea8c"; }
.ri-ball-pen-fill:before { content: "\ea8d"; }
.ri-ball-pen-line:before { content: "\ea8e"; }
.ri-bank-card-2-fill:before { content: "\ea8f"; }
.ri-bank-card-2-line:before { content: "\ea90"; }
.ri-bank-card-fill:before { content: "\ea91"; }
.ri-bank-card-line:before { content: "\ea92"; }
.ri-bank-fill:before { content: "\ea93"; }
.ri-bank-line:before { content: "\ea94"; }
.ri-bar-chart-2-fill:before { content: "\ea95"; }
.ri-bar-chart-2-line:before { content: "\ea96"; }
.ri-bar-chart-box-fill:before { content: "\ea97"; }
.ri-bar-chart-box-line:before { content: "\ea98"; }
.ri-bar-chart-fill:before { content: "\ea99"; }
.ri-bar-chart-grouped-fill:before { content: "\ea9a"; }
.ri-bar-chart-grouped-line:before { content: "\ea9b"; }
.ri-bar-chart-horizontal-fill:before { content: "\ea9c"; }
.ri-bar-chart-horizontal-line:before { content: "\ea9d"; }
.ri-bar-chart-line:before { content: "\ea9e"; }
.ri-barcode-box-fill:before { content: "\ea9f"; }
.ri-barcode-box-line:before { content: "\eaa0"; }
.ri-barcode-fill:before { content: "\eaa1"; }
.ri-barcode-line:before { content: "\eaa2"; }
.ri-barricade-fill:before { content: "\eaa3"; }
.ri-barricade-line:before { content: "\eaa4"; }
.ri-base-station-fill:before { content: "\eaa5"; }
.ri-base-station-line:before { content: "\eaa6"; }
.ri-basketball-fill:before { content: "\eaa7"; }
.ri-basketball-line:before { content: "\eaa8"; }
.ri-battery-2-charge-fill:before { content: "\eaa9"; }
.ri-battery-2-charge-line:before { content: "\eaaa"; }
.ri-battery-2-fill:before { content: "\eaab"; }
.ri-battery-2-line:before { content: "\eaac"; }
.ri-battery-charge-fill:before { content: "\eaad"; }
.ri-battery-charge-line:before { content: "\eaae"; }
.ri-battery-fill:before { content: "\eaaf"; }
.ri-battery-line:before { content: "\eab0"; }
.ri-battery-low-fill:before { content: "\eab1"; }
.ri-battery-low-line:before { content: "\eab2"; }
.ri-battery-saver-fill:before { content: "\eab3"; }
.ri-battery-saver-line:before { content: "\eab4"; }
.ri-battery-share-fill:before { content: "\eab5"; }
.ri-battery-share-line:before { content: "\eab6"; }
.ri-bear-smile-fill:before { content: "\eab7"; }
.ri-bear-smile-line:before { content: "\eab8"; }
.ri-behance-fill:before { content: "\eab9"; }
.ri-behance-line:before { content: "\eaba"; }
.ri-bell-fill:before { content: "\eabb"; }
.ri-bell-line:before { content: "\eabc"; }
.ri-bike-fill:before { content: "\eabd"; }
.ri-bike-line:before { content: "\eabe"; }
.ri-bilibili-fill:before { content: "\eabf"; }
.ri-bilibili-line:before { content: "\eac0"; }
.ri-bill-fill:before { content: "\eac1"; }
.ri-bill-line:before { content: "\eac2"; }
.ri-billiards-fill:before { content: "\eac3"; }
.ri-billiards-line:before { content: "\eac4"; }
.ri-bit-coin-fill:before { content: "\eac5"; }
.ri-bit-coin-line:before { content: "\eac6"; }
.ri-blaze-fill:before { content: "\eac7"; }
.ri-blaze-line:before { content: "\eac8"; }
.ri-bluetooth-connect-fill:before { content: "\eac9"; }
.ri-bluetooth-connect-line:before { content: "\eaca"; }
.ri-bluetooth-fill:before { content: "\eacb"; }
.ri-bluetooth-line:before { content: "\eacc"; }
.ri-blur-off-fill:before { content: "\eacd"; }
.ri-blur-off-line:before { content: "\eace"; }
.ri-body-scan-fill:before { content: "\eacf"; }
.ri-body-scan-line:before { content: "\ead0"; }
.ri-bold:before { content: "\ead1"; }
.ri-book-2-fill:before { content: "\ead2"; }
.ri-book-2-line:before { content: "\ead3"; }
.ri-book-3-fill:before { content: "\ead4"; }
.ri-book-3-line:before { content: "\ead5"; }
.ri-book-fill:before { content: "\ead6"; }
.ri-book-line:before { content: "\ead7"; }
.ri-book-mark-fill:before { content: "\ead8"; }
.ri-book-mark-line:before { content: "\ead9"; }
.ri-book-open-fill:before { content: "\eada"; }
.ri-book-open-line:before { content: "\eadb"; }
.ri-book-read-fill:before { content: "\eadc"; }
.ri-book-read-line:before { content: "\eadd"; }
.ri-booklet-fill:before { content: "\eade"; }
.ri-booklet-line:before { content: "\eadf"; }
.ri-bookmark-2-fill:before { content: "\eae0"; }
.ri-bookmark-2-line:before { content: "\eae1"; }
.ri-bookmark-3-fill:before { content: "\eae2"; }
.ri-bookmark-3-line:before { content: "\eae3"; }
.ri-bookmark-fill:before { content: "\eae4"; }
.ri-bookmark-line:before { content: "\eae5"; }
.ri-boxing-fill:before { content: "\eae6"; }
.ri-boxing-line:before { content: "\eae7"; }
.ri-braces-fill:before { content: "\eae8"; }
.ri-braces-line:before { content: "\eae9"; }
.ri-brackets-fill:before { content: "\eaea"; }
.ri-brackets-line:before { content: "\eaeb"; }
.ri-briefcase-2-fill:before { content: "\eaec"; }
.ri-briefcase-2-line:before { content: "\eaed"; }
.ri-briefcase-3-fill:before { content: "\eaee"; }
.ri-briefcase-3-line:before { content: "\eaef"; }
.ri-briefcase-4-fill:before { content: "\eaf0"; }
.ri-briefcase-4-line:before { content: "\eaf1"; }
.ri-briefcase-5-fill:before { content: "\eaf2"; }
.ri-briefcase-5-line:before { content: "\eaf3"; }
.ri-briefcase-fill:before { content: "\eaf4"; }
.ri-briefcase-line:before { content: "\eaf5"; }
.ri-bring-forward:before { content: "\eaf6"; }
.ri-bring-to-front:before { content: "\eaf7"; }
.ri-broadcast-fill:before { content: "\eaf8"; }
.ri-broadcast-line:before { content: "\eaf9"; }
.ri-brush-2-fill:before { content: "\eafa"; }
.ri-brush-2-line:before { content: "\eafb"; }
.ri-brush-3-fill:before { content: "\eafc"; }
.ri-brush-3-line:before { content: "\eafd"; }
.ri-brush-4-fill:before { content: "\eafe"; }
.ri-brush-4-line:before { content: "\eaff"; }
.ri-brush-fill:before { content: "\eb00"; }
.ri-brush-line:before { content: "\eb01"; }
.ri-bubble-chart-fill:before { content: "\eb02"; }
.ri-bubble-chart-line:before { content: "\eb03"; }
.ri-bug-2-fill:before { content: "\eb04"; }
.ri-bug-2-line:before { content: "\eb05"; }
.ri-bug-fill:before { content: "\eb06"; }
.ri-bug-line:before { content: "\eb07"; }
.ri-building-2-fill:before { content: "\eb08"; }
.ri-building-2-line:before { content: "\eb09"; }
.ri-building-3-fill:before { content: "\eb0a"; }
.ri-building-3-line:before { content: "\eb0b"; }
.ri-building-4-fill:before { content: "\eb0c"; }
.ri-building-4-line:before { content: "\eb0d"; }
.ri-building-fill:before { content: "\eb0e"; }
.ri-building-line:before { content: "\eb0f"; }
.ri-bus-2-fill:before { content: "\eb10"; }
.ri-bus-2-line:before { content: "\eb11"; }
.ri-bus-fill:before { content: "\eb12"; }
.ri-bus-line:before { content: "\eb13"; }
.ri-bus-wifi-fill:before { content: "\eb14"; }
.ri-bus-wifi-line:before { content: "\eb15"; }
.ri-cactus-fill:before { content: "\eb16"; }
.ri-cactus-line:before { content: "\eb17"; }
.ri-cake-2-fill:before { content: "\eb18"; }
.ri-cake-2-line:before { content: "\eb19"; }
.ri-cake-3-fill:before { content: "\eb1a"; }
.ri-cake-3-line:before { content: "\eb1b"; }
.ri-cake-fill:before { content: "\eb1c"; }
.ri-cake-line:before { content: "\eb1d"; }
.ri-calculator-fill:before { content: "\eb1e"; }
.ri-calculator-line:before { content: "\eb1f"; }
.ri-calendar-2-fill:before { content: "\eb20"; }
.ri-calendar-2-line:before { content: "\eb21"; }
.ri-calendar-check-fill:before { content: "\eb22"; }
.ri-calendar-check-line:before { content: "\eb23"; }
.ri-calendar-event-fill:before { content: "\eb24"; }
.ri-calendar-event-line:before { content: "\eb25"; }
.ri-calendar-fill:before { content: "\eb26"; }
.ri-calendar-line:before { content: "\eb27"; }
.ri-calendar-todo-fill:before { content: "\eb28"; }
.ri-calendar-todo-line:before { content: "\eb29"; }
.ri-camera-2-fill:before { content: "\eb2a"; }
.ri-camera-2-line:before { content: "\eb2b"; }
.ri-camera-3-fill:before { content: "\eb2c"; }
.ri-camera-3-line:before { content: "\eb2d"; }
.ri-camera-fill:before { content: "\eb2e"; }
.ri-camera-lens-fill:before { content: "\eb2f"; }
.ri-camera-lens-line:before { content: "\eb30"; }
.ri-camera-line:before { content: "\eb31"; }
.ri-camera-off-fill:before { content: "\eb32"; }
.ri-camera-off-line:before { content: "\eb33"; }
.ri-camera-switch-fill:before { content: "\eb34"; }
.ri-camera-switch-line:before { content: "\eb35"; }
.ri-capsule-fill:before { content: "\eb36"; }
.ri-capsule-line:before { content: "\eb37"; }
.ri-car-fill:before { content: "\eb38"; }
.ri-car-line:before { content: "\eb39"; }
.ri-car-washing-fill:before { content: "\eb3a"; }
.ri-car-washing-line:before { content: "\eb3b"; }
.ri-caravan-fill:before { content: "\eb3c"; }
.ri-caravan-line:before { content: "\eb3d"; }
.ri-cast-fill:before { content: "\eb3e"; }
.ri-cast-line:before { content: "\eb3f"; }
.ri-cellphone-fill:before { content: "\eb40"; }
.ri-cellphone-line:before { content: "\eb41"; }
.ri-celsius-fill:before { content: "\eb42"; }
.ri-celsius-line:before { content: "\eb43"; }
.ri-centos-fill:before { content: "\eb44"; }
.ri-centos-line:before { content: "\eb45"; }
.ri-character-recognition-fill:before { content: "\eb46"; }
.ri-character-recognition-line:before { content: "\eb47"; }
.ri-charging-pile-2-fill:before { content: "\eb48"; }
.ri-charging-pile-2-line:before { content: "\eb49"; }
.ri-charging-pile-fill:before { content: "\eb4a"; }
.ri-charging-pile-line:before { content: "\eb4b"; }
.ri-chat-1-fill:before { content: "\eb4c"; }
.ri-chat-1-line:before { content: "\eb4d"; }
.ri-chat-2-fill:before { content: "\eb4e"; }
.ri-chat-2-line:before { content: "\eb4f"; }
.ri-chat-3-fill:before { content: "\eb50"; }
.ri-chat-3-line:before { content: "\eb51"; }
.ri-chat-4-fill:before { content: "\eb52"; }
.ri-chat-4-line:before { content: "\eb53"; }
.ri-chat-check-fill:before { content: "\eb54"; }
.ri-chat-check-line:before { content: "\eb55"; }
.ri-chat-delete-fill:before { content: "\eb56"; }
.ri-chat-delete-line:before { content: "\eb57"; }
.ri-chat-download-fill:before { content: "\eb58"; }
.ri-chat-download-line:before { content: "\eb59"; }
.ri-chat-follow-up-fill:before { content: "\eb5a"; }
.ri-chat-follow-up-line:before { content: "\eb5b"; }
.ri-chat-forward-fill:before { content: "\eb5c"; }
.ri-chat-forward-line:before { content: "\eb5d"; }
.ri-chat-heart-fill:before { content: "\eb5e"; }
.ri-chat-heart-line:before { content: "\eb5f"; }
.ri-chat-history-fill:before { content: "\eb60"; }
.ri-chat-history-line:before { content: "\eb61"; }
.ri-chat-new-fill:before { content: "\eb62"; }
.ri-chat-new-line:before { content: "\eb63"; }
.ri-chat-off-fill:before { content: "\eb64"; }
.ri-chat-off-line:before { content: "\eb65"; }
.ri-chat-poll-fill:before { content: "\eb66"; }
.ri-chat-poll-line:before { content: "\eb67"; }
.ri-chat-private-fill:before { content: "\eb68"; }
.ri-chat-private-line:before { content: "\eb69"; }
.ri-chat-quote-fill:before { content: "\eb6a"; }
.ri-chat-quote-line:before { content: "\eb6b"; }
.ri-chat-settings-fill:before { content: "\eb6c"; }
.ri-chat-settings-line:before { content: "\eb6d"; }
.ri-chat-smile-2-fill:before { content: "\eb6e"; }
.ri-chat-smile-2-line:before { content: "\eb6f"; }
.ri-chat-smile-3-fill:before { content: "\eb70"; }
.ri-chat-smile-3-line:before { content: "\eb71"; }
.ri-chat-smile-fill:before { content: "\eb72"; }
.ri-chat-smile-line:before { content: "\eb73"; }
.ri-chat-upload-fill:before { content: "\eb74"; }
.ri-chat-upload-line:before { content: "\eb75"; }
.ri-chat-voice-fill:before { content: "\eb76"; }
.ri-chat-voice-line:before { content: "\eb77"; }
.ri-check-double-fill:before { content: "\eb78"; }
.ri-check-double-line:before { content: "\eb79"; }
.ri-check-fill:before { content: "\eb7a"; }
.ri-check-line:before { content: "\eb7b"; }
.ri-checkbox-blank-circle-fill:before { content: "\eb7c"; }
.ri-checkbox-blank-circle-line:before { content: "\eb7d"; }
.ri-checkbox-blank-fill:before { content: "\eb7e"; }
.ri-checkbox-blank-line:before { content: "\eb7f"; }
.ri-checkbox-circle-fill:before { content: "\eb80"; }
.ri-checkbox-circle-line:before { content: "\eb81"; }
.ri-checkbox-fill:before { content: "\eb82"; }
.ri-checkbox-indeterminate-fill:before { content: "\eb83"; }
.ri-checkbox-indeterminate-line:before { content: "\eb84"; }
.ri-checkbox-line:before { content: "\eb85"; }
.ri-checkbox-multiple-blank-fill:before { content: "\eb86"; }
.ri-checkbox-multiple-blank-line:before { content: "\eb87"; }
.ri-checkbox-multiple-fill:before { content: "\eb88"; }
.ri-checkbox-multiple-line:before { content: "\eb89"; }
.ri-china-railway-fill:before { content: "\eb8a"; }
.ri-china-railway-line:before { content: "\eb8b"; }
.ri-chrome-fill:before { content: "\eb8c"; }
.ri-chrome-line:before { content: "\eb8d"; }
.ri-clapperboard-fill:before { content: "\eb8e"; }
.ri-clapperboard-line:before { content: "\eb8f"; }
.ri-clipboard-fill:before { content: "\eb90"; }
.ri-clipboard-line:before { content: "\eb91"; }
.ri-clockwise-2-fill:before { content: "\eb92"; }
.ri-clockwise-2-line:before { content: "\eb93"; }
.ri-clockwise-fill:before { content: "\eb94"; }
.ri-clockwise-line:before { content: "\eb95"; }
.ri-close-circle-fill:before { content: "\eb96"; }
.ri-close-circle-line:before { content: "\eb97"; }
.ri-close-fill:before { content: "\eb98"; }
.ri-close-line:before { content: "\eb99"; }
.ri-closed-captioning-fill:before { content: "\eb9a"; }
.ri-closed-captioning-line:before { content: "\eb9b"; }
.ri-cloud-fill:before { content: "\eb9c"; }
.ri-cloud-line:before { content: "\eb9d"; }
.ri-cloud-off-fill:before { content: "\eb9e"; }
.ri-cloud-off-line:before { content: "\eb9f"; }
.ri-cloud-windy-fill:before { content: "\eba0"; }
.ri-cloud-windy-line:before { content: "\eba1"; }
.ri-cloudy-2-fill:before { content: "\eba2"; }
.ri-cloudy-2-line:before { content: "\eba3"; }
.ri-cloudy-fill:before { content: "\eba4"; }
.ri-cloudy-line:before { content: "\eba5"; }
.ri-code-box-fill:before { content: "\eba6"; }
.ri-code-box-line:before { content: "\eba7"; }
.ri-code-fill:before { content: "\eba8"; }
.ri-code-line:before { content: "\eba9"; }
.ri-code-s-fill:before { content: "\ebaa"; }
.ri-code-s-line:before { content: "\ebab"; }
.ri-code-s-slash-fill:before { content: "\ebac"; }
.ri-code-s-slash-line:before { content: "\ebad"; }
.ri-code-view:before { content: "\ebae"; }
.ri-codepen-fill:before { content: "\ebaf"; }
.ri-codepen-line:before { content: "\ebb0"; }
.ri-coin-fill:before { content: "\ebb1"; }
.ri-coin-line:before { content: "\ebb2"; }
.ri-coins-fill:before { content: "\ebb3"; }
.ri-coins-line:before { content: "\ebb4"; }
.ri-collage-fill:before { content: "\ebb5"; }
.ri-collage-line:before { content: "\ebb6"; }
.ri-command-fill:before { content: "\ebb7"; }
.ri-command-line:before { content: "\ebb8"; }
.ri-community-fill:before { content: "\ebb9"; }
.ri-community-line:before { content: "\ebba"; }
.ri-compass-2-fill:before { content: "\ebbb"; }
.ri-compass-2-line:before { content: "\ebbc"; }
.ri-compass-3-fill:before { content: "\ebbd"; }
.ri-compass-3-line:before { content: "\ebbe"; }
.ri-compass-4-fill:before { content: "\ebbf"; }
.ri-compass-4-line:before { content: "\ebc0"; }
.ri-compass-discover-fill:before { content: "\ebc1"; }
.ri-compass-discover-line:before { content: "\ebc2"; }
.ri-compass-fill:before { content: "\ebc3"; }
.ri-compass-line:before { content: "\ebc4"; }
.ri-compasses-2-fill:before { content: "\ebc5"; }
.ri-compasses-2-line:before { content: "\ebc6"; }
.ri-compasses-fill:before { content: "\ebc7"; }
.ri-compasses-line:before { content: "\ebc8"; }
.ri-computer-fill:before { content: "\ebc9"; }
.ri-computer-line:before { content: "\ebca"; }
.ri-contacts-book-2-fill:before { content: "\ebcb"; }
.ri-contacts-book-2-line:before { content: "\ebcc"; }
.ri-contacts-book-fill:before { content: "\ebcd"; }
.ri-contacts-book-line:before { content: "\ebce"; }
.ri-contacts-book-upload-fill:before { content: "\ebcf"; }
.ri-contacts-book-upload-line:before { content: "\ebd0"; }
.ri-contacts-fill:before { content: "\ebd1"; }
.ri-contacts-line:before { content: "\ebd2"; }
.ri-contrast-2-fill:before { content: "\ebd3"; }
.ri-contrast-2-line:before { content: "\ebd4"; }
.ri-contrast-drop-2-fill:before { content: "\ebd5"; }
.ri-contrast-drop-2-line:before { content: "\ebd6"; }
.ri-contrast-drop-fill:before { content: "\ebd7"; }
.ri-contrast-drop-line:before { content: "\ebd8"; }
.ri-contrast-fill:before { content: "\ebd9"; }
.ri-contrast-line:before { content: "\ebda"; }
.ri-copper-coin-fill:before { content: "\ebdb"; }
.ri-copper-coin-line:before { content: "\ebdc"; }
.ri-copper-diamond-fill:before { content: "\ebdd"; }
.ri-copper-diamond-line:before { content: "\ebde"; }
.ri-copyleft-fill:before { content: "\ebdf"; }
.ri-copyleft-line:before { content: "\ebe0"; }
.ri-copyright-fill:before { content: "\ebe1"; }
.ri-copyright-line:before { content: "\ebe2"; }
.ri-coreos-fill:before { content: "\ebe3"; }
.ri-coreos-line:before { content: "\ebe4"; }
.ri-coupon-2-fill:before { content: "\ebe5"; }
.ri-coupon-2-line:before { content: "\ebe6"; }
.ri-coupon-3-fill:before { content: "\ebe7"; }
.ri-coupon-3-line:before { content: "\ebe8"; }
.ri-coupon-4-fill:before { content: "\ebe9"; }
.ri-coupon-4-line:before { content: "\ebea"; }
.ri-coupon-5-fill:before { content: "\ebeb"; }
.ri-coupon-5-line:before { content: "\ebec"; }
.ri-coupon-fill:before { content: "\ebed"; }
.ri-coupon-line:before { content: "\ebee"; }
.ri-cpu-fill:before { content: "\ebef"; }
.ri-cpu-line:before { content: "\ebf0"; }
.ri-creative-commons-by-fill:before { content: "\ebf1"; }
.ri-creative-commons-by-line:before { content: "\ebf2"; }
.ri-creative-commons-fill:before { content: "\ebf3"; }
.ri-creative-commons-line:before { content: "\ebf4"; }
.ri-creative-commons-nc-fill:before { content: "\ebf5"; }
.ri-creative-commons-nc-line:before { content: "\ebf6"; }
.ri-creative-commons-nd-fill:before { content: "\ebf7"; }
.ri-creative-commons-nd-line:before { content: "\ebf8"; }
.ri-creative-commons-sa-fill:before { content: "\ebf9"; }
.ri-creative-commons-sa-line:before { content: "\ebfa"; }
.ri-creative-commons-zero-fill:before { content: "\ebfb"; }
.ri-creative-commons-zero-line:before { content: "\ebfc"; }
.ri-criminal-fill:before { content: "\ebfd"; }
.ri-criminal-line:before { content: "\ebfe"; }
.ri-crop-2-fill:before { content: "\ebff"; }
.ri-crop-2-line:before { content: "\ec00"; }
.ri-crop-fill:before { content: "\ec01"; }
.ri-crop-line:before { content: "\ec02"; }
.ri-css3-fill:before { content: "\ec03"; }
.ri-css3-line:before { content: "\ec04"; }
.ri-cup-fill:before { content: "\ec05"; }
.ri-cup-line:before { content: "\ec06"; }
.ri-currency-fill:before { content: "\ec07"; }
.ri-currency-line:before { content: "\ec08"; }
.ri-cursor-fill:before { content: "\ec09"; }
.ri-cursor-line:before { content: "\ec0a"; }
.ri-customer-service-2-fill:before { content: "\ec0b"; }
.ri-customer-service-2-line:before { content: "\ec0c"; }
.ri-customer-service-fill:before { content: "\ec0d"; }
.ri-customer-service-line:before { content: "\ec0e"; }
.ri-dashboard-2-fill:before { content: "\ec0f"; }
.ri-dashboard-2-line:before { content: "\ec10"; }
.ri-dashboard-3-fill:before { content: "\ec11"; }
.ri-dashboard-3-line:before { content: "\ec12"; }
.ri-dashboard-fill:before { content: "\ec13"; }
.ri-dashboard-line:before { content: "\ec14"; }
.ri-database-2-fill:before { content: "\ec15"; }
.ri-database-2-line:before { content: "\ec16"; }
.ri-database-fill:before { content: "\ec17"; }
.ri-database-line:before { content: "\ec18"; }
.ri-delete-back-2-fill:before { content: "\ec19"; }
.ri-delete-back-2-line:before { content: "\ec1a"; }
.ri-delete-back-fill:before { content: "\ec1b"; }
.ri-delete-back-line:before { content: "\ec1c"; }
.ri-delete-bin-2-fill:before { content: "\ec1d"; }
.ri-delete-bin-2-line:before { content: "\ec1e"; }
.ri-delete-bin-3-fill:before { content: "\ec1f"; }
.ri-delete-bin-3-line:before { content: "\ec20"; }
.ri-delete-bin-4-fill:before { content: "\ec21"; }
.ri-delete-bin-4-line:before { content: "\ec22"; }
.ri-delete-bin-5-fill:before { content: "\ec23"; }
.ri-delete-bin-5-line:before { content: "\ec24"; }
.ri-delete-bin-6-fill:before { content: "\ec25"; }
.ri-delete-bin-6-line:before { content: "\ec26"; }
.ri-delete-bin-7-fill:before { content: "\ec27"; }
.ri-delete-bin-7-line:before { content: "\ec28"; }
.ri-delete-bin-fill:before { content: "\ec29"; }
.ri-delete-bin-line:before { content: "\ec2a"; }
.ri-delete-column:before { content: "\ec2b"; }
.ri-delete-row:before { content: "\ec2c"; }
.ri-device-fill:before { content: "\ec2d"; }
.ri-device-line:before { content: "\ec2e"; }
.ri-device-recover-fill:before { content: "\ec2f"; }
.ri-device-recover-line:before { content: "\ec30"; }
.ri-dingding-fill:before { content: "\ec31"; }
.ri-dingding-line:before { content: "\ec32"; }
.ri-direction-fill:before { content: "\ec33"; }
.ri-direction-line:before { content: "\ec34"; }
.ri-disc-fill:before { content: "\ec35"; }
.ri-disc-line:before { content: "\ec36"; }
.ri-discord-fill:before { content: "\ec37"; }
.ri-discord-line:before { content: "\ec38"; }
.ri-discuss-fill:before { content: "\ec39"; }
.ri-discuss-line:before { content: "\ec3a"; }
.ri-dislike-fill:before { content: "\ec3b"; }
.ri-dislike-line:before { content: "\ec3c"; }
.ri-disqus-fill:before { content: "\ec3d"; }
.ri-disqus-line:before { content: "\ec3e"; }
.ri-divide-fill:before { content: "\ec3f"; }
.ri-divide-line:before { content: "\ec40"; }
.ri-donut-chart-fill:before { content: "\ec41"; }
.ri-donut-chart-line:before { content: "\ec42"; }
.ri-door-closed-fill:before { content: "\ec43"; }
.ri-door-closed-line:before { content: "\ec44"; }
.ri-door-fill:before { content: "\ec45"; }
.ri-door-line:before { content: "\ec46"; }
.ri-door-lock-box-fill:before { content: "\ec47"; }
.ri-door-lock-box-line:before { content: "\ec48"; }
.ri-door-lock-fill:before { content: "\ec49"; }
.ri-door-lock-line:before { content: "\ec4a"; }
.ri-door-open-fill:before { content: "\ec4b"; }
.ri-door-open-line:before { content: "\ec4c"; }
.ri-dossier-fill:before { content: "\ec4d"; }
.ri-dossier-line:before { content: "\ec4e"; }
.ri-douban-fill:before { content: "\ec4f"; }
.ri-douban-line:before { content: "\ec50"; }
.ri-double-quotes-l:before { content: "\ec51"; }
.ri-double-quotes-r:before { content: "\ec52"; }
.ri-download-2-fill:before { content: "\ec53"; }
.ri-download-2-line:before { content: "\ec54"; }
.ri-download-cloud-2-fill:before { content: "\ec55"; }
.ri-download-cloud-2-line:before { content: "\ec56"; }
.ri-download-cloud-fill:before { content: "\ec57"; }
.ri-download-cloud-line:before { content: "\ec58"; }
.ri-download-fill:before { content: "\ec59"; }
.ri-download-line:before { content: "\ec5a"; }
.ri-draft-fill:before { content: "\ec5b"; }
.ri-draft-line:before { content: "\ec5c"; }
.ri-drag-drop-fill:before { content: "\ec5d"; }
.ri-drag-drop-line:before { content: "\ec5e"; }
.ri-drag-move-2-fill:before { content: "\ec5f"; }
.ri-drag-move-2-line:before { content: "\ec60"; }
.ri-drag-move-fill:before { content: "\ec61"; }
.ri-drag-move-line:before { content: "\ec62"; }
.ri-dribbble-fill:before { content: "\ec63"; }
.ri-dribbble-line:before { content: "\ec64"; }
.ri-drive-fill:before { content: "\ec65"; }
.ri-drive-line:before { content: "\ec66"; }
.ri-drizzle-fill:before { content: "\ec67"; }
.ri-drizzle-line:before { content: "\ec68"; }
.ri-drop-fill:before { content: "\ec69"; }
.ri-drop-line:before { content: "\ec6a"; }
.ri-dropbox-fill:before { content: "\ec6b"; }
.ri-dropbox-line:before { content: "\ec6c"; }
.ri-dual-sim-1-fill:before { content: "\ec6d"; }
.ri-dual-sim-1-line:before { content: "\ec6e"; }
.ri-dual-sim-2-fill:before { content: "\ec6f"; }
.ri-dual-sim-2-line:before { content: "\ec70"; }
.ri-dv-fill:before { content: "\ec71"; }
.ri-dv-line:before { content: "\ec72"; }
.ri-dvd-fill:before { content: "\ec73"; }
.ri-dvd-line:before { content: "\ec74"; }
.ri-e-bike-2-fill:before { content: "\ec75"; }
.ri-e-bike-2-line:before { content: "\ec76"; }
.ri-e-bike-fill:before { content: "\ec77"; }
.ri-e-bike-line:before { content: "\ec78"; }
.ri-earth-fill:before { content: "\ec79"; }
.ri-earth-line:before { content: "\ec7a"; }
.ri-earthquake-fill:before { content: "\ec7b"; }
.ri-earthquake-line:before { content: "\ec7c"; }
.ri-edge-fill:before { content: "\ec7d"; }
.ri-edge-line:before { content: "\ec7e"; }
.ri-edit-2-fill:before { content: "\ec7f"; }
.ri-edit-2-line:before { content: "\ec80"; }
.ri-edit-box-fill:before { content: "\ec81"; }
.ri-edit-box-line:before { content: "\ec82"; }
.ri-edit-circle-fill:before { content: "\ec83"; }
.ri-edit-circle-line:before { content: "\ec84"; }
.ri-edit-fill:before { content: "\ec85"; }
.ri-edit-line:before { content: "\ec86"; }
.ri-eject-fill:before { content: "\ec87"; }
.ri-eject-line:before { content: "\ec88"; }
.ri-emotion-2-fill:before { content: "\ec89"; }
.ri-emotion-2-line:before { content: "\ec8a"; }
.ri-emotion-fill:before { content: "\ec8b"; }
.ri-emotion-happy-fill:before { content: "\ec8c"; }
.ri-emotion-happy-line:before { content: "\ec8d"; }
.ri-emotion-laugh-fill:before { content: "\ec8e"; }
.ri-emotion-laugh-line:before { content: "\ec8f"; }
.ri-emotion-line:before { content: "\ec90"; }
.ri-emotion-normal-fill:before { content: "\ec91"; }
.ri-emotion-normal-line:before { content: "\ec92"; }
.ri-emotion-sad-fill:before { content: "\ec93"; }
.ri-emotion-sad-line:before { content: "\ec94"; }
.ri-emotion-unhappy-fill:before { content: "\ec95"; }
.ri-emotion-unhappy-line:before { content: "\ec96"; }
.ri-empathize-fill:before { content: "\ec97"; }
.ri-empathize-line:before { content: "\ec98"; }
.ri-emphasis-cn:before { content: "\ec99"; }
.ri-emphasis:before { content: "\ec9a"; }
.ri-english-input:before { content: "\ec9b"; }
.ri-equalizer-fill:before { content: "\ec9c"; }
.ri-equalizer-line:before { content: "\ec9d"; }
.ri-eraser-fill:before { content: "\ec9e"; }
.ri-eraser-line:before { content: "\ec9f"; }
.ri-error-warning-fill:before { content: "\eca0"; }
.ri-error-warning-line:before { content: "\eca1"; }
.ri-evernote-fill:before { content: "\eca2"; }
.ri-evernote-line:before { content: "\eca3"; }
.ri-exchange-box-fill:before { content: "\eca4"; }
.ri-exchange-box-line:before { content: "\eca5"; }
.ri-exchange-cny-fill:before { content: "\eca6"; }
.ri-exchange-cny-line:before { content: "\eca7"; }
.ri-exchange-dollar-fill:before { content: "\eca8"; }
.ri-exchange-dollar-line:before { content: "\eca9"; }
.ri-exchange-fill:before { content: "\ecaa"; }
.ri-exchange-funds-fill:before { content: "\ecab"; }
.ri-exchange-funds-line:before { content: "\ecac"; }
.ri-exchange-line:before { content: "\ecad"; }
.ri-external-link-fill:before { content: "\ecae"; }
.ri-external-link-line:before { content: "\ecaf"; }
.ri-eye-2-fill:before { content: "\ecb0"; }
.ri-eye-2-line:before { content: "\ecb1"; }
.ri-eye-close-fill:before { content: "\ecb2"; }
.ri-eye-close-line:before { content: "\ecb3"; }
.ri-eye-fill:before { content: "\ecb4"; }
.ri-eye-line:before { content: "\ecb5"; }
.ri-eye-off-fill:before { content: "\ecb6"; }
.ri-eye-off-line:before { content: "\ecb7"; }
.ri-facebook-box-fill:before { content: "\ecb8"; }
.ri-facebook-box-line:before { content: "\ecb9"; }
.ri-facebook-circle-fill:before { content: "\ecba"; }
.ri-facebook-circle-line:before { content: "\ecbb"; }
.ri-facebook-fill:before { content: "\ecbc"; }
.ri-facebook-line:before { content: "\ecbd"; }
.ri-fahrenheit-fill:before { content: "\ecbe"; }
.ri-fahrenheit-line:before { content: "\ecbf"; }
.ri-feedback-fill:before { content: "\ecc0"; }
.ri-feedback-line:before { content: "\ecc1"; }
.ri-file-2-fill:before { content: "\ecc2"; }
.ri-file-2-line:before { content: "\ecc3"; }
.ri-file-3-fill:before { content: "\ecc4"; }
.ri-file-3-line:before { content: "\ecc5"; }
.ri-file-4-fill:before { content: "\ecc6"; }
.ri-file-4-line:before { content: "\ecc7"; }
.ri-file-add-fill:before { content: "\ecc8"; }
.ri-file-add-line:before { content: "\ecc9"; }
.ri-file-chart-2-fill:before { content: "\ecca"; }
.ri-file-chart-2-line:before { content: "\eccb"; }
.ri-file-chart-fill:before { content: "\eccc"; }
.ri-file-chart-line:before { content: "\eccd"; }
.ri-file-cloud-fill:before { content: "\ecce"; }
.ri-file-cloud-line:before { content: "\eccf"; }
.ri-file-code-fill:before { content: "\ecd0"; }
.ri-file-code-line:before { content: "\ecd1"; }
.ri-file-copy-2-fill:before { content: "\ecd2"; }
.ri-file-copy-2-line:before { content: "\ecd3"; }
.ri-file-copy-fill:before { content: "\ecd4"; }
.ri-file-copy-line:before { content: "\ecd5"; }
.ri-file-damage-fill:before { content: "\ecd6"; }
.ri-file-damage-line:before { content: "\ecd7"; }
.ri-file-download-fill:before { content: "\ecd8"; }
.ri-file-download-line:before { content: "\ecd9"; }
.ri-file-edit-fill:before { content: "\ecda"; }
.ri-file-edit-line:before { content: "\ecdb"; }
.ri-file-excel-2-fill:before { content: "\ecdc"; }
.ri-file-excel-2-line:before { content: "\ecdd"; }
.ri-file-excel-fill:before { content: "\ecde"; }
.ri-file-excel-line:before { content: "\ecdf"; }
.ri-file-fill:before { content: "\ece0"; }
.ri-file-forbid-fill:before { content: "\ece1"; }
.ri-file-forbid-line:before { content: "\ece2"; }
.ri-file-gif-fill:before { content: "\ece3"; }
.ri-file-gif-line:before { content: "\ece4"; }
.ri-file-history-fill:before { content: "\ece5"; }
.ri-file-history-line:before { content: "\ece6"; }
.ri-file-hwp-fill:before { content: "\ece7"; }
.ri-file-hwp-line:before { content: "\ece8"; }
.ri-file-info-fill:before { content: "\ece9"; }
.ri-file-info-line:before { content: "\ecea"; }
.ri-file-line:before { content: "\eceb"; }
.ri-file-list-2-fill:before { content: "\ecec"; }
.ri-file-list-2-line:before { content: "\eced"; }
.ri-file-list-3-fill:before { content: "\ecee"; }
.ri-file-list-3-line:before { content: "\ecef"; }
.ri-file-list-fill:before { content: "\ecf0"; }
.ri-file-list-line:before { content: "\ecf1"; }
.ri-file-lock-fill:before { content: "\ecf2"; }
.ri-file-lock-line:before { content: "\ecf3"; }
.ri-file-mark-fill:before { content: "\ecf4"; }
.ri-file-mark-line:before { content: "\ecf5"; }
.ri-file-music-fill:before { content: "\ecf6"; }
.ri-file-music-line:before { content: "\ecf7"; }
.ri-file-paper-2-fill:before { content: "\ecf8"; }
.ri-file-paper-2-line:before { content: "\ecf9"; }
.ri-file-paper-fill:before { content: "\ecfa"; }
.ri-file-paper-line:before { content: "\ecfb"; }
.ri-file-pdf-fill:before { content: "\ecfc"; }
.ri-file-pdf-line:before { content: "\ecfd"; }
.ri-file-ppt-2-fill:before { content: "\ecfe"; }
.ri-file-ppt-2-line:before { content: "\ecff"; }
.ri-file-ppt-fill:before { content: "\ed00"; }
.ri-file-ppt-line:before { content: "\ed01"; }
.ri-file-reduce-fill:before { content: "\ed02"; }
.ri-file-reduce-line:before { content: "\ed03"; }
.ri-file-search-fill:before { content: "\ed04"; }
.ri-file-search-line:before { content: "\ed05"; }
.ri-file-settings-fill:before { content: "\ed06"; }
.ri-file-settings-line:before { content: "\ed07"; }
.ri-file-shield-2-fill:before { content: "\ed08"; }
.ri-file-shield-2-line:before { content: "\ed09"; }
.ri-file-shield-fill:before { content: "\ed0a"; }
.ri-file-shield-line:before { content: "\ed0b"; }
.ri-file-shred-fill:before { content: "\ed0c"; }
.ri-file-shred-line:before { content: "\ed0d"; }
.ri-file-text-fill:before { content: "\ed0e"; }
.ri-file-text-line:before { content: "\ed0f"; }
.ri-file-transfer-fill:before { content: "\ed10"; }
.ri-file-transfer-line:before { content: "\ed11"; }
.ri-file-unknow-fill:before { content: "\ed12"; }
.ri-file-unknow-line:before { content: "\ed13"; }
.ri-file-upload-fill:before { content: "\ed14"; }
.ri-file-upload-line:before { content: "\ed15"; }
.ri-file-user-fill:before { content: "\ed16"; }
.ri-file-user-line:before { content: "\ed17"; }
.ri-file-warning-fill:before { content: "\ed18"; }
.ri-file-warning-line:before { content: "\ed19"; }
.ri-file-word-2-fill:before { content: "\ed1a"; }
.ri-file-word-2-line:before { content: "\ed1b"; }
.ri-file-word-fill:before { content: "\ed1c"; }
.ri-file-word-line:before { content: "\ed1d"; }
.ri-file-zip-fill:before { content: "\ed1e"; }
.ri-file-zip-line:before { content: "\ed1f"; }
.ri-film-fill:before { content: "\ed20"; }
.ri-film-line:before { content: "\ed21"; }
.ri-filter-2-fill:before { content: "\ed22"; }
.ri-filter-2-line:before { content: "\ed23"; }
.ri-filter-3-fill:before { content: "\ed24"; }
.ri-filter-3-line:before { content: "\ed25"; }
.ri-filter-fill:before { content: "\ed26"; }
.ri-filter-line:before { content: "\ed27"; }
.ri-filter-off-fill:before { content: "\ed28"; }
.ri-filter-off-line:before { content: "\ed29"; }
.ri-find-replace-fill:before { content: "\ed2a"; }
.ri-find-replace-line:before { content: "\ed2b"; }
.ri-finder-fill:before { content: "\ed2c"; }
.ri-finder-line:before { content: "\ed2d"; }
.ri-fingerprint-2-fill:before { content: "\ed2e"; }
.ri-fingerprint-2-line:before { content: "\ed2f"; }
.ri-fingerprint-fill:before { content: "\ed30"; }
.ri-fingerprint-line:before { content: "\ed31"; }
.ri-fire-fill:before { content: "\ed32"; }
.ri-fire-line:before { content: "\ed33"; }
.ri-firefox-fill:before { content: "\ed34"; }
.ri-firefox-line:before { content: "\ed35"; }
.ri-first-aid-kit-fill:before { content: "\ed36"; }
.ri-first-aid-kit-line:before { content: "\ed37"; }
.ri-flag-2-fill:before { content: "\ed38"; }
.ri-flag-2-line:before { content: "\ed39"; }
.ri-flag-fill:before { content: "\ed3a"; }
.ri-flag-line:before { content: "\ed3b"; }
.ri-flashlight-fill:before { content: "\ed3c"; }
.ri-flashlight-line:before { content: "\ed3d"; }
.ri-flask-fill:before { content: "\ed3e"; }
.ri-flask-line:before { content: "\ed3f"; }
.ri-flight-land-fill:before { content: "\ed40"; }
.ri-flight-land-line:before { content: "\ed41"; }
.ri-flight-takeoff-fill:before { content: "\ed42"; }
.ri-flight-takeoff-line:before { content: "\ed43"; }
.ri-flood-fill:before { content: "\ed44"; }
.ri-flood-line:before { content: "\ed45"; }
.ri-flow-chart:before { content: "\ed46"; }
.ri-flutter-fill:before { content: "\ed47"; }
.ri-flutter-line:before { content: "\ed48"; }
.ri-focus-2-fill:before { content: "\ed49"; }
.ri-focus-2-line:before { content: "\ed4a"; }
.ri-focus-3-fill:before { content: "\ed4b"; }
.ri-focus-3-line:before { content: "\ed4c"; }
.ri-focus-fill:before { content: "\ed4d"; }
.ri-focus-line:before { content: "\ed4e"; }
.ri-foggy-fill:before { content: "\ed4f"; }
.ri-foggy-line:before { content: "\ed50"; }
.ri-folder-2-fill:before { content: "\ed51"; }
.ri-folder-2-line:before { content: "\ed52"; }
.ri-folder-3-fill:before { content: "\ed53"; }
.ri-folder-3-line:before { content: "\ed54"; }
.ri-folder-4-fill:before { content: "\ed55"; }
.ri-folder-4-line:before { content: "\ed56"; }
.ri-folder-5-fill:before { content: "\ed57"; }
.ri-folder-5-line:before { content: "\ed58"; }
.ri-folder-add-fill:before { content: "\ed59"; }
.ri-folder-add-line:before { content: "\ed5a"; }
.ri-folder-chart-2-fill:before { content: "\ed5b"; }
.ri-folder-chart-2-line:before { content: "\ed5c"; }
.ri-folder-chart-fill:before { content: "\ed5d"; }
.ri-folder-chart-line:before { content: "\ed5e"; }
.ri-folder-download-fill:before { content: "\ed5f"; }
.ri-folder-download-line:before { content: "\ed60"; }
.ri-folder-fill:before { content: "\ed61"; }
.ri-folder-forbid-fill:before { content: "\ed62"; }
.ri-folder-forbid-line:before { content: "\ed63"; }
.ri-folder-history-fill:before { content: "\ed64"; }
.ri-folder-history-line:before { content: "\ed65"; }
.ri-folder-info-fill:before { content: "\ed66"; }
.ri-folder-info-line:before { content: "\ed67"; }
.ri-folder-keyhole-fill:before { content: "\ed68"; }
.ri-folder-keyhole-line:before { content: "\ed69"; }
.ri-folder-line:before { content: "\ed6a"; }
.ri-folder-lock-fill:before { content: "\ed6b"; }
.ri-folder-lock-line:before { content: "\ed6c"; }
.ri-folder-music-fill:before { content: "\ed6d"; }
.ri-folder-music-line:before { content: "\ed6e"; }
.ri-folder-open-fill:before { content: "\ed6f"; }
.ri-folder-open-line:before { content: "\ed70"; }
.ri-folder-received-fill:before { content: "\ed71"; }
.ri-folder-received-line:before { content: "\ed72"; }
.ri-folder-reduce-fill:before { content: "\ed73"; }
.ri-folder-reduce-line:before { content: "\ed74"; }
.ri-folder-settings-fill:before { content: "\ed75"; }
.ri-folder-settings-line:before { content: "\ed76"; }
.ri-folder-shared-fill:before { content: "\ed77"; }
.ri-folder-shared-line:before { content: "\ed78"; }
.ri-folder-shield-2-fill:before { content: "\ed79"; }
.ri-folder-shield-2-line:before { content: "\ed7a"; }
.ri-folder-shield-fill:before { content: "\ed7b"; }
.ri-folder-shield-line:before { content: "\ed7c"; }
.ri-folder-transfer-fill:before { content: "\ed7d"; }
.ri-folder-transfer-line:before { content: "\ed7e"; }
.ri-folder-unknow-fill:before { content: "\ed7f"; }
.ri-folder-unknow-line:before { content: "\ed80"; }
.ri-folder-upload-fill:before { content: "\ed81"; }
.ri-folder-upload-line:before { content: "\ed82"; }
.ri-folder-user-fill:before { content: "\ed83"; }
.ri-folder-user-line:before { content: "\ed84"; }
.ri-folder-warning-fill:before { content: "\ed85"; }
.ri-folder-warning-line:before { content: "\ed86"; }
.ri-folder-zip-fill:before { content: "\ed87"; }
.ri-folder-zip-line:before { content: "\ed88"; }
.ri-folders-fill:before { content: "\ed89"; }
.ri-folders-line:before { content: "\ed8a"; }
.ri-font-color:before { content: "\ed8b"; }
.ri-font-size-2:before { content: "\ed8c"; }
.ri-font-size:before { content: "\ed8d"; }
.ri-football-fill:before { content: "\ed8e"; }
.ri-football-line:before { content: "\ed8f"; }
.ri-footprint-fill:before { content: "\ed90"; }
.ri-footprint-line:before { content: "\ed91"; }
.ri-forbid-2-fill:before { content: "\ed92"; }
.ri-forbid-2-line:before { content: "\ed93"; }
.ri-forbid-fill:before { content: "\ed94"; }
.ri-forbid-line:before { content: "\ed95"; }
.ri-format-clear:before { content: "\ed96"; }
.ri-fridge-fill:before { content: "\ed97"; }
.ri-fridge-line:before { content: "\ed98"; }
.ri-fullscreen-exit-fill:before { content: "\ed99"; }
.ri-fullscreen-exit-line:before { content: "\ed9a"; }
.ri-fullscreen-fill:before { content: "\ed9b"; }
.ri-fullscreen-line:before { content: "\ed9c"; }
.ri-function-fill:before { content: "\ed9d"; }
.ri-function-line:before { content: "\ed9e"; }
.ri-functions:before { content: "\ed9f"; }
.ri-funds-box-fill:before { content: "\eda0"; }
.ri-funds-box-line:before { content: "\eda1"; }
.ri-funds-fill:before { content: "\eda2"; }
.ri-funds-line:before { content: "\eda3"; }
.ri-gallery-fill:before { content: "\eda4"; }
.ri-gallery-line:before { content: "\eda5"; }
.ri-gallery-upload-fill:before { content: "\eda6"; }
.ri-gallery-upload-line:before { content: "\eda7"; }
.ri-game-fill:before { content: "\eda8"; }
.ri-game-line:before { content: "\eda9"; }
.ri-gamepad-fill:before { content: "\edaa"; }
.ri-gamepad-line:before { content: "\edab"; }
.ri-gas-station-fill:before { content: "\edac"; }
.ri-gas-station-line:before { content: "\edad"; }
.ri-gatsby-fill:before { content: "\edae"; }
.ri-gatsby-line:before { content: "\edaf"; }
.ri-genderless-fill:before { content: "\edb0"; }
.ri-genderless-line:before { content: "\edb1"; }
.ri-ghost-2-fill:before { content: "\edb2"; }
.ri-ghost-2-line:before { content: "\edb3"; }
.ri-ghost-fill:before { content: "\edb4"; }
.ri-ghost-line:before { content: "\edb5"; }
.ri-ghost-smile-fill:before { content: "\edb6"; }
.ri-ghost-smile-line:before { content: "\edb7"; }
.ri-gift-2-fill:before { content: "\edb8"; }
.ri-gift-2-line:before { content: "\edb9"; }
.ri-gift-fill:before { content: "\edba"; }
.ri-gift-line:before { content: "\edbb"; }
.ri-git-branch-fill:before { content: "\edbc"; }
.ri-git-branch-line:before { content: "\edbd"; }
.ri-git-commit-fill:before { content: "\edbe"; }
.ri-git-commit-line:before { content: "\edbf"; }
.ri-git-merge-fill:before { content: "\edc0"; }
.ri-git-merge-line:before { content: "\edc1"; }
.ri-git-pull-request-fill:before { content: "\edc2"; }
.ri-git-pull-request-line:before { content: "\edc3"; }
.ri-git-repository-commits-fill:before { content: "\edc4"; }
.ri-git-repository-commits-line:before { content: "\edc5"; }
.ri-git-repository-fill:before { content: "\edc6"; }
.ri-git-repository-line:before { content: "\edc7"; }
.ri-git-repository-private-fill:before { content: "\edc8"; }
.ri-git-repository-private-line:before { content: "\edc9"; }
.ri-github-fill:before { content: "\edca"; }
.ri-github-line:before { content: "\edcb"; }
.ri-gitlab-fill:before { content: "\edcc"; }
.ri-gitlab-line:before { content: "\edcd"; }
.ri-global-fill:before { content: "\edce"; }
.ri-global-line:before { content: "\edcf"; }
.ri-globe-fill:before { content: "\edd0"; }
.ri-globe-line:before { content: "\edd1"; }
.ri-goblet-fill:before { content: "\edd2"; }
.ri-goblet-line:before { content: "\edd3"; }
.ri-google-fill:before { content: "\edd4"; }
.ri-google-line:before { content: "\edd5"; }
.ri-google-play-fill:before { content: "\edd6"; }
.ri-google-play-line:before { content: "\edd7"; }
.ri-government-fill:before { content: "\edd8"; }
.ri-government-line:before { content: "\edd9"; }
.ri-gps-fill:before { content: "\edda"; }
.ri-gps-line:before { content: "\eddb"; }
.ri-gradienter-fill:before { content: "\eddc"; }
.ri-gradienter-line:before { content: "\eddd"; }
.ri-grid-fill:before { content: "\edde"; }
.ri-grid-line:before { content: "\eddf"; }
.ri-group-2-fill:before { content: "\ede0"; }
.ri-group-2-line:before { content: "\ede1"; }
.ri-group-fill:before { content: "\ede2"; }
.ri-group-line:before { content: "\ede3"; }
.ri-guide-fill:before { content: "\ede4"; }
.ri-guide-line:before { content: "\ede5"; }
.ri-h-1:before { content: "\ede6"; }
.ri-h-2:before { content: "\ede7"; }
.ri-h-3:before { content: "\ede8"; }
.ri-h-4:before { content: "\ede9"; }
.ri-h-5:before { content: "\edea"; }
.ri-h-6:before { content: "\edeb"; }
.ri-hail-fill:before { content: "\edec"; }
.ri-hail-line:before { content: "\eded"; }
.ri-hammer-fill:before { content: "\edee"; }
.ri-hammer-line:before { content: "\edef"; }
.ri-hand-coin-fill:before { content: "\edf0"; }
.ri-hand-coin-line:before { content: "\edf1"; }
.ri-hand-heart-fill:before { content: "\edf2"; }
.ri-hand-heart-line:before { content: "\edf3"; }
.ri-hand-sanitizer-fill:before { content: "\edf4"; }
.ri-hand-sanitizer-line:before { content: "\edf5"; }
.ri-handbag-fill:before { content: "\edf6"; }
.ri-handbag-line:before { content: "\edf7"; }
.ri-hard-drive-2-fill:before { content: "\edf8"; }
.ri-hard-drive-2-line:before { content: "\edf9"; }
.ri-hard-drive-fill:before { content: "\edfa"; }
.ri-hard-drive-line:before { content: "\edfb"; }
.ri-hashtag:before { content: "\edfc"; }
.ri-haze-2-fill:before { content: "\edfd"; }
.ri-haze-2-line:before { content: "\edfe"; }
.ri-haze-fill:before { content: "\edff"; }
.ri-haze-line:before { content: "\ee00"; }
.ri-hd-fill:before { content: "\ee01"; }
.ri-hd-line:before { content: "\ee02"; }
.ri-heading:before { content: "\ee03"; }
.ri-headphone-fill:before { content: "\ee04"; }
.ri-headphone-line:before { content: "\ee05"; }
.ri-health-book-fill:before { content: "\ee06"; }
.ri-health-book-line:before { content: "\ee07"; }
.ri-heart-2-fill:before { content: "\ee08"; }
.ri-heart-2-line:before { content: "\ee09"; }
.ri-heart-3-fill:before { content: "\ee0a"; }
.ri-heart-3-line:before { content: "\ee0b"; }
.ri-heart-add-fill:before { content: "\ee0c"; }
.ri-heart-add-line:before { content: "\ee0d"; }
.ri-heart-fill:before { content: "\ee0e"; }
.ri-heart-line:before { content: "\ee0f"; }
.ri-heart-pulse-fill:before { content: "\ee10"; }
.ri-heart-pulse-line:before { content: "\ee11"; }
.ri-hearts-fill:before { content: "\ee12"; }
.ri-hearts-line:before { content: "\ee13"; }
.ri-heavy-showers-fill:before { content: "\ee14"; }
.ri-heavy-showers-line:before { content: "\ee15"; }
.ri-history-fill:before { content: "\ee16"; }
.ri-history-line:before { content: "\ee17"; }
.ri-home-2-fill:before { content: "\ee18"; }
.ri-home-2-line:before { content: "\ee19"; }
.ri-home-3-fill:before { content: "\ee1a"; }
.ri-home-3-line:before { content: "\ee1b"; }
.ri-home-4-fill:before { content: "\ee1c"; }
.ri-home-4-line:before { content: "\ee1d"; }
.ri-home-5-fill:before { content: "\ee1e"; }
.ri-home-5-line:before { content: "\ee1f"; }
.ri-home-6-fill:before { content: "\ee20"; }
.ri-home-6-line:before { content: "\ee21"; }
.ri-home-7-fill:before { content: "\ee22"; }
.ri-home-7-line:before { content: "\ee23"; }
.ri-home-8-fill:before { content: "\ee24"; }
.ri-home-8-line:before { content: "\ee25"; }
.ri-home-fill:before { content: "\ee26"; }
.ri-home-gear-fill:before { content: "\ee27"; }
.ri-home-gear-line:before { content: "\ee28"; }
.ri-home-heart-fill:before { content: "\ee29"; }
.ri-home-heart-line:before { content: "\ee2a"; }
.ri-home-line:before { content: "\ee2b"; }
.ri-home-smile-2-fill:before { content: "\ee2c"; }
.ri-home-smile-2-line:before { content: "\ee2d"; }
.ri-home-smile-fill:before { content: "\ee2e"; }
.ri-home-smile-line:before { content: "\ee2f"; }
.ri-home-wifi-fill:before { content: "\ee30"; }
.ri-home-wifi-line:before { content: "\ee31"; }
.ri-honor-of-kings-fill:before { content: "\ee32"; }
.ri-honor-of-kings-line:before { content: "\ee33"; }
.ri-honour-fill:before { content: "\ee34"; }
.ri-honour-line:before { content: "\ee35"; }
.ri-hospital-fill:before { content: "\ee36"; }
.ri-hospital-line:before { content: "\ee37"; }
.ri-hotel-bed-fill:before { content: "\ee38"; }
.ri-hotel-bed-line:before { content: "\ee39"; }
.ri-hotel-fill:before { content: "\ee3a"; }
.ri-hotel-line:before { content: "\ee3b"; }
.ri-hotspot-fill:before { content: "\ee3c"; }
.ri-hotspot-line:before { content: "\ee3d"; }
.ri-hq-fill:before { content: "\ee3e"; }
.ri-hq-line:before { content: "\ee3f"; }
.ri-html5-fill:before { content: "\ee40"; }
.ri-html5-line:before { content: "\ee41"; }
.ri-ie-fill:before { content: "\ee42"; }
.ri-ie-line:before { content: "\ee43"; }
.ri-image-2-fill:before { content: "\ee44"; }
.ri-image-2-line:before { content: "\ee45"; }
.ri-image-add-fill:before { content: "\ee46"; }
.ri-image-add-line:before { content: "\ee47"; }
.ri-image-edit-fill:before { content: "\ee48"; }
.ri-image-edit-line:before { content: "\ee49"; }
.ri-image-fill:before { content: "\ee4a"; }
.ri-image-line:before { content: "\ee4b"; }
.ri-inbox-archive-fill:before { content: "\ee4c"; }
.ri-inbox-archive-line:before { content: "\ee4d"; }
.ri-inbox-fill:before { content: "\ee4e"; }
.ri-inbox-line:before { content: "\ee4f"; }
.ri-inbox-unarchive-fill:before { content: "\ee50"; }
.ri-inbox-unarchive-line:before { content: "\ee51"; }
.ri-increase-decrease-fill:before { content: "\ee52"; }
.ri-increase-decrease-line:before { content: "\ee53"; }
.ri-indent-decrease:before { content: "\ee54"; }
.ri-indent-increase:before { content: "\ee55"; }
.ri-indeterminate-circle-fill:before { content: "\ee56"; }
.ri-indeterminate-circle-line:before { content: "\ee57"; }
.ri-information-fill:before { content: "\ee58"; }
.ri-information-line:before { content: "\ee59"; }
.ri-infrared-thermometer-fill:before { content: "\ee5a"; }
.ri-infrared-thermometer-line:before { content: "\ee5b"; }
.ri-ink-bottle-fill:before { content: "\ee5c"; }
.ri-ink-bottle-line:before { content: "\ee5d"; }
.ri-input-cursor-move:before { content: "\ee5e"; }
.ri-input-method-fill:before { content: "\ee5f"; }
.ri-input-method-line:before { content: "\ee60"; }
.ri-insert-column-left:before { content: "\ee61"; }
.ri-insert-column-right:before { content: "\ee62"; }
.ri-insert-row-bottom:before { content: "\ee63"; }
.ri-insert-row-top:before { content: "\ee64"; }
.ri-instagram-fill:before { content: "\ee65"; }
.ri-instagram-line:before { content: "\ee66"; }
.ri-install-fill:before { content: "\ee67"; }
.ri-install-line:before { content: "\ee68"; }
.ri-invision-fill:before { content: "\ee69"; }
.ri-invision-line:before { content: "\ee6a"; }
.ri-italic:before { content: "\ee6b"; }
.ri-kakao-talk-fill:before { content: "\ee6c"; }
.ri-kakao-talk-line:before { content: "\ee6d"; }
.ri-key-2-fill:before { content: "\ee6e"; }
.ri-key-2-line:before { content: "\ee6f"; }
.ri-key-fill:before { content: "\ee70"; }
.ri-key-line:before { content: "\ee71"; }
.ri-keyboard-box-fill:before { content: "\ee72"; }
.ri-keyboard-box-line:before { content: "\ee73"; }
.ri-keyboard-fill:before { content: "\ee74"; }
.ri-keyboard-line:before { content: "\ee75"; }
.ri-keynote-fill:before { content: "\ee76"; }
.ri-keynote-line:before { content: "\ee77"; }
.ri-knife-blood-fill:before { content: "\ee78"; }
.ri-knife-blood-line:before { content: "\ee79"; }
.ri-knife-fill:before { content: "\ee7a"; }
.ri-knife-line:before { content: "\ee7b"; }
.ri-landscape-fill:before { content: "\ee7c"; }
.ri-landscape-line:before { content: "\ee7d"; }
.ri-layout-2-fill:before { content: "\ee7e"; }
.ri-layout-2-line:before { content: "\ee7f"; }
.ri-layout-3-fill:before { content: "\ee80"; }
.ri-layout-3-line:before { content: "\ee81"; }
.ri-layout-4-fill:before { content: "\ee82"; }
.ri-layout-4-line:before { content: "\ee83"; }
.ri-layout-5-fill:before { content: "\ee84"; }
.ri-layout-5-line:before { content: "\ee85"; }
.ri-layout-6-fill:before { content: "\ee86"; }
.ri-layout-6-line:before { content: "\ee87"; }
.ri-layout-bottom-2-fill:before { content: "\ee88"; }
.ri-layout-bottom-2-line:before { content: "\ee89"; }
.ri-layout-bottom-fill:before { content: "\ee8a"; }
.ri-layout-bottom-line:before { content: "\ee8b"; }
.ri-layout-column-fill:before { content: "\ee8c"; }
.ri-layout-column-line:before { content: "\ee8d"; }
.ri-layout-fill:before { content: "\ee8e"; }
.ri-layout-grid-fill:before { content: "\ee8f"; }
.ri-layout-grid-line:before { content: "\ee90"; }
.ri-layout-left-2-fill:before { content: "\ee91"; }
.ri-layout-left-2-line:before { content: "\ee92"; }
.ri-layout-left-fill:before { content: "\ee93"; }
.ri-layout-left-line:before { content: "\ee94"; }
.ri-layout-line:before { content: "\ee95"; }
.ri-layout-masonry-fill:before { content: "\ee96"; }
.ri-layout-masonry-line:before { content: "\ee97"; }
.ri-layout-right-2-fill:before { content: "\ee98"; }
.ri-layout-right-2-line:before { content: "\ee99"; }
.ri-layout-right-fill:before { content: "\ee9a"; }
.ri-layout-right-line:before { content: "\ee9b"; }
.ri-layout-row-fill:before { content: "\ee9c"; }
.ri-layout-row-line:before { content: "\ee9d"; }
.ri-layout-top-2-fill:before { content: "\ee9e"; }
.ri-layout-top-2-line:before { content: "\ee9f"; }
.ri-layout-top-fill:before { content: "\eea0"; }
.ri-layout-top-line:before { content: "\eea1"; }
.ri-leaf-fill:before { content: "\eea2"; }
.ri-leaf-line:before { content: "\eea3"; }
.ri-lifebuoy-fill:before { content: "\eea4"; }
.ri-lifebuoy-line:before { content: "\eea5"; }
.ri-lightbulb-fill:before { content: "\eea6"; }
.ri-lightbulb-flash-fill:before { content: "\eea7"; }
.ri-lightbulb-flash-line:before { content: "\eea8"; }
.ri-lightbulb-line:before { content: "\eea9"; }
.ri-line-chart-fill:before { content: "\eeaa"; }
.ri-line-chart-line:before { content: "\eeab"; }
.ri-line-fill:before { content: "\eeac"; }
.ri-line-height:before { content: "\eead"; }
.ri-line-line:before { content: "\eeae"; }
.ri-link-m:before { content: "\eeaf"; }
.ri-link-unlink-m:before { content: "\eeb0"; }
.ri-link-unlink:before { content: "\eeb1"; }
.ri-link:before { content: "\eeb2"; }
.ri-linkedin-box-fill:before { content: "\eeb3"; }
.ri-linkedin-box-line:before { content: "\eeb4"; }
.ri-linkedin-fill:before { content: "\eeb5"; }
.ri-linkedin-line:before { content: "\eeb6"; }
.ri-links-fill:before { content: "\eeb7"; }
.ri-links-line:before { content: "\eeb8"; }
.ri-list-check-2:before { content: "\eeb9"; }
.ri-list-check:before { content: "\eeba"; }
.ri-list-ordered:before { content: "\eebb"; }
.ri-list-settings-fill:before { content: "\eebc"; }
.ri-list-settings-line:before { content: "\eebd"; }
.ri-list-unordered:before { content: "\eebe"; }
.ri-live-fill:before { content: "\eebf"; }
.ri-live-line:before { content: "\eec0"; }
.ri-loader-2-fill:before { content: "\eec1"; }
.ri-loader-2-line:before { content: "\eec2"; }
.ri-loader-3-fill:before { content: "\eec3"; }
.ri-loader-3-line:before { content: "\eec4"; }
.ri-loader-4-fill:before { content: "\eec5"; }
.ri-loader-4-line:before { content: "\eec6"; }
.ri-loader-5-fill:before { content: "\eec7"; }
.ri-loader-5-line:before { content: "\eec8"; }
.ri-loader-fill:before { content: "\eec9"; }
.ri-loader-line:before { content: "\eeca"; }
.ri-lock-2-fill:before { content: "\eecb"; }
.ri-lock-2-line:before { content: "\eecc"; }
.ri-lock-fill:before { content: "\eecd"; }
.ri-lock-line:before { content: "\eece"; }
.ri-lock-password-fill:before { content: "\eecf"; }
.ri-lock-password-line:before { content: "\eed0"; }
.ri-lock-unlock-fill:before { content: "\eed1"; }
.ri-lock-unlock-line:before { content: "\eed2"; }
.ri-login-box-fill:before { content: "\eed3"; }
.ri-login-box-line:before { content: "\eed4"; }
.ri-login-circle-fill:before { content: "\eed5"; }
.ri-login-circle-line:before { content: "\eed6"; }
.ri-logout-box-fill:before { content: "\eed7"; }
.ri-logout-box-line:before { content: "\eed8"; }
.ri-logout-box-r-fill:before { content: "\eed9"; }
.ri-logout-box-r-line:before { content: "\eeda"; }
.ri-logout-circle-fill:before { content: "\eedb"; }
.ri-logout-circle-line:before { content: "\eedc"; }
.ri-logout-circle-r-fill:before { content: "\eedd"; }
.ri-logout-circle-r-line:before { content: "\eede"; }
.ri-luggage-cart-fill:before { content: "\eedf"; }
.ri-luggage-cart-line:before { content: "\eee0"; }
.ri-luggage-deposit-fill:before { content: "\eee1"; }
.ri-luggage-deposit-line:before { content: "\eee2"; }
.ri-lungs-fill:before { content: "\eee3"; }
.ri-lungs-line:before { content: "\eee4"; }
.ri-mac-fill:before { content: "\eee5"; }
.ri-mac-line:before { content: "\eee6"; }
.ri-macbook-fill:before { content: "\eee7"; }
.ri-macbook-line:before { content: "\eee8"; }
.ri-magic-fill:before { content: "\eee9"; }
.ri-magic-line:before { content: "\eeea"; }
.ri-mail-add-fill:before { content: "\eeeb"; }
.ri-mail-add-line:before { content: "\eeec"; }
.ri-mail-check-fill:before { content: "\eeed"; }
.ri-mail-check-line:before { content: "\eeee"; }
.ri-mail-close-fill:before { content: "\eeef"; }
.ri-mail-close-line:before { content: "\eef0"; }
.ri-mail-download-fill:before { content: "\eef1"; }
.ri-mail-download-line:before { content: "\eef2"; }
.ri-mail-fill:before { content: "\eef3"; }
.ri-mail-forbid-fill:before { content: "\eef4"; }
.ri-mail-forbid-line:before { content: "\eef5"; }
.ri-mail-line:before { content: "\eef6"; }
.ri-mail-lock-fill:before { content: "\eef7"; }
.ri-mail-lock-line:before { content: "\eef8"; }
.ri-mail-open-fill:before { content: "\eef9"; }
.ri-mail-open-line:before { content: "\eefa"; }
.ri-mail-send-fill:before { content: "\eefb"; }
.ri-mail-send-line:before { content: "\eefc"; }
.ri-mail-settings-fill:before { content: "\eefd"; }
.ri-mail-settings-line:before { content: "\eefe"; }
.ri-mail-star-fill:before { content: "\eeff"; }
.ri-mail-star-line:before { content: "\ef00"; }
.ri-mail-unread-fill:before { content: "\ef01"; }
.ri-mail-unread-line:before { content: "\ef02"; }
.ri-mail-volume-fill:before { content: "\ef03"; }
.ri-mail-volume-line:before { content: "\ef04"; }
.ri-map-2-fill:before { content: "\ef05"; }
.ri-map-2-line:before { content: "\ef06"; }
.ri-map-fill:before { content: "\ef07"; }
.ri-map-line:before { content: "\ef08"; }
.ri-map-pin-2-fill:before { content: "\ef09"; }
.ri-map-pin-2-line:before { content: "\ef0a"; }
.ri-map-pin-3-fill:before { content: "\ef0b"; }
.ri-map-pin-3-line:before { content: "\ef0c"; }
.ri-map-pin-4-fill:before { content: "\ef0d"; }
.ri-map-pin-4-line:before { content: "\ef0e"; }
.ri-map-pin-5-fill:before { content: "\ef0f"; }
.ri-map-pin-5-line:before { content: "\ef10"; }
.ri-map-pin-add-fill:before { content: "\ef11"; }
.ri-map-pin-add-line:before { content: "\ef12"; }
.ri-map-pin-fill:before { content: "\ef13"; }
.ri-map-pin-line:before { content: "\ef14"; }
.ri-map-pin-range-fill:before { content: "\ef15"; }
.ri-map-pin-range-line:before { content: "\ef16"; }
.ri-map-pin-time-fill:before { content: "\ef17"; }
.ri-map-pin-time-line:before { content: "\ef18"; }
.ri-map-pin-user-fill:before { content: "\ef19"; }
.ri-map-pin-user-line:before { content: "\ef1a"; }
.ri-mark-pen-fill:before { content: "\ef1b"; }
.ri-mark-pen-line:before { content: "\ef1c"; }
.ri-markdown-fill:before { content: "\ef1d"; }
.ri-markdown-line:before { content: "\ef1e"; }
.ri-markup-fill:before { content: "\ef1f"; }
.ri-markup-line:before { content: "\ef20"; }
.ri-mastercard-fill:before { content: "\ef21"; }
.ri-mastercard-line:before { content: "\ef22"; }
.ri-mastodon-fill:before { content: "\ef23"; }
.ri-mastodon-line:before { content: "\ef24"; }
.ri-medal-2-fill:before { content: "\ef25"; }
.ri-medal-2-line:before { content: "\ef26"; }
.ri-medal-fill:before { content: "\ef27"; }
.ri-medal-line:before { content: "\ef28"; }
.ri-medicine-bottle-fill:before { content: "\ef29"; }
.ri-medicine-bottle-line:before { content: "\ef2a"; }
.ri-medium-fill:before { content: "\ef2b"; }
.ri-medium-line:before { content: "\ef2c"; }
.ri-men-fill:before { content: "\ef2d"; }
.ri-men-line:before { content: "\ef2e"; }
.ri-mental-health-fill:before { content: "\ef2f"; }
.ri-mental-health-line:before { content: "\ef30"; }
.ri-menu-2-fill:before { content: "\ef31"; }
.ri-menu-2-line:before { content: "\ef32"; }
.ri-menu-3-fill:before { content: "\ef33"; }
.ri-menu-3-line:before { content: "\ef34"; }
.ri-menu-4-fill:before { content: "\ef35"; }
.ri-menu-4-line:before { content: "\ef36"; }
.ri-menu-5-fill:before { content: "\ef37"; }
.ri-menu-5-line:before { content: "\ef38"; }
.ri-menu-add-fill:before { content: "\ef39"; }
.ri-menu-add-line:before { content: "\ef3a"; }
.ri-menu-fill:before { content: "\ef3b"; }
.ri-menu-fold-fill:before { content: "\ef3c"; }
.ri-menu-fold-line:before { content: "\ef3d"; }
.ri-menu-line:before { content: "\ef3e"; }
.ri-menu-unfold-fill:before { content: "\ef3f"; }
.ri-menu-unfold-line:before { content: "\ef40"; }
.ri-merge-cells-horizontal:before { content: "\ef41"; }
.ri-merge-cells-vertical:before { content: "\ef42"; }
.ri-message-2-fill:before { content: "\ef43"; }
.ri-message-2-line:before { content: "\ef44"; }
.ri-message-3-fill:before { content: "\ef45"; }
.ri-message-3-line:before { content: "\ef46"; }
.ri-message-fill:before { content: "\ef47"; }
.ri-message-line:before { content: "\ef48"; }
.ri-messenger-fill:before { content: "\ef49"; }
.ri-messenger-line:before { content: "\ef4a"; }
.ri-meteor-fill:before { content: "\ef4b"; }
.ri-meteor-line:before { content: "\ef4c"; }
.ri-mic-2-fill:before { content: "\ef4d"; }
.ri-mic-2-line:before { content: "\ef4e"; }
.ri-mic-fill:before { content: "\ef4f"; }
.ri-mic-line:before { content: "\ef50"; }
.ri-mic-off-fill:before { content: "\ef51"; }
.ri-mic-off-line:before { content: "\ef52"; }
.ri-mickey-fill:before { content: "\ef53"; }
.ri-mickey-line:before { content: "\ef54"; }
.ri-microscope-fill:before { content: "\ef55"; }
.ri-microscope-line:before { content: "\ef56"; }
.ri-microsoft-fill:before { content: "\ef57"; }
.ri-microsoft-line:before { content: "\ef58"; }
.ri-mind-map:before { content: "\ef59"; }
.ri-mini-program-fill:before { content: "\ef5a"; }
.ri-mini-program-line:before { content: "\ef5b"; }
.ri-mist-fill:before { content: "\ef5c"; }
.ri-mist-line:before { content: "\ef5d"; }
.ri-money-cny-box-fill:before { content: "\ef5e"; }
.ri-money-cny-box-line:before { content: "\ef5f"; }
.ri-money-cny-circle-fill:before { content: "\ef60"; }
.ri-money-cny-circle-line:before { content: "\ef61"; }
.ri-money-dollar-box-fill:before { content: "\ef62"; }
.ri-money-dollar-box-line:before { content: "\ef63"; }
.ri-money-dollar-circle-fill:before { content: "\ef64"; }
.ri-money-dollar-circle-line:before { content: "\ef65"; }
.ri-money-euro-box-fill:before { content: "\ef66"; }
.ri-money-euro-box-line:before { content: "\ef67"; }
.ri-money-euro-circle-fill:before { content: "\ef68"; }
.ri-money-euro-circle-line:before { content: "\ef69"; }
.ri-money-pound-box-fill:before { content: "\ef6a"; }
.ri-money-pound-box-line:before { content: "\ef6b"; }
.ri-money-pound-circle-fill:before { content: "\ef6c"; }
.ri-money-pound-circle-line:before { content: "\ef6d"; }
.ri-moon-clear-fill:before { content: "\ef6e"; }
.ri-moon-clear-line:before { content: "\ef6f"; }
.ri-moon-cloudy-fill:before { content: "\ef70"; }
.ri-moon-cloudy-line:before { content: "\ef71"; }
.ri-moon-fill:before { content: "\ef72"; }
.ri-moon-foggy-fill:before { content: "\ef73"; }
.ri-moon-foggy-line:before { content: "\ef74"; }
.ri-moon-line:before { content: "\ef75"; }
.ri-more-2-fill:before { content: "\ef76"; }
.ri-more-2-line:before { content: "\ef77"; }
.ri-more-fill:before { content: "\ef78"; }
.ri-more-line:before { content: "\ef79"; }
.ri-motorbike-fill:before { content: "\ef7a"; }
.ri-motorbike-line:before { content: "\ef7b"; }
.ri-mouse-fill:before { content: "\ef7c"; }
.ri-mouse-line:before { content: "\ef7d"; }
.ri-movie-2-fill:before { content: "\ef7e"; }
.ri-movie-2-line:before { content: "\ef7f"; }
.ri-movie-fill:before { content: "\ef80"; }
.ri-movie-line:before { content: "\ef81"; }
.ri-music-2-fill:before { content: "\ef82"; }
.ri-music-2-line:before { content: "\ef83"; }
.ri-music-fill:before { content: "\ef84"; }
.ri-music-line:before { content: "\ef85"; }
.ri-mv-fill:before { content: "\ef86"; }
.ri-mv-line:before { content: "\ef87"; }
.ri-navigation-fill:before { content: "\ef88"; }
.ri-navigation-line:before { content: "\ef89"; }
.ri-netease-cloud-music-fill:before { content: "\ef8a"; }
.ri-netease-cloud-music-line:before { content: "\ef8b"; }
.ri-netflix-fill:before { content: "\ef8c"; }
.ri-netflix-line:before { content: "\ef8d"; }
.ri-newspaper-fill:before { content: "\ef8e"; }
.ri-newspaper-line:before { content: "\ef8f"; }
.ri-node-tree:before { content: "\ef90"; }
.ri-notification-2-fill:before { content: "\ef91"; }
.ri-notification-2-line:before { content: "\ef92"; }
.ri-notification-3-fill:before { content: "\ef93"; }
.ri-notification-3-line:before { content: "\ef94"; }
.ri-notification-4-fill:before { content: "\ef95"; }
.ri-notification-4-line:before { content: "\ef96"; }
.ri-notification-badge-fill:before { content: "\ef97"; }
.ri-notification-badge-line:before { content: "\ef98"; }
.ri-notification-fill:before { content: "\ef99"; }
.ri-notification-line:before { content: "\ef9a"; }
.ri-notification-off-fill:before { content: "\ef9b"; }
.ri-notification-off-line:before { content: "\ef9c"; }
.ri-npmjs-fill:before { content: "\ef9d"; }
.ri-npmjs-line:before { content: "\ef9e"; }
.ri-number-0:before { content: "\ef9f"; }
.ri-number-1:before { content: "\efa0"; }
.ri-number-2:before { content: "\efa1"; }
.ri-number-3:before { content: "\efa2"; }
.ri-number-4:before { content: "\efa3"; }
.ri-number-5:before { content: "\efa4"; }
.ri-number-6:before { content: "\efa5"; }
.ri-number-7:before { content: "\efa6"; }
.ri-number-8:before { content: "\efa7"; }
.ri-number-9:before { content: "\efa8"; }
.ri-numbers-fill:before { content: "\efa9"; }
.ri-numbers-line:before { content: "\efaa"; }
.ri-nurse-fill:before { content: "\efab"; }
.ri-nurse-line:before { content: "\efac"; }
.ri-oil-fill:before { content: "\efad"; }
.ri-oil-line:before { content: "\efae"; }
.ri-omega:before { content: "\efaf"; }
.ri-open-arm-fill:before { content: "\efb0"; }
.ri-open-arm-line:before { content: "\efb1"; }
.ri-open-source-fill:before { content: "\efb2"; }
.ri-open-source-line:before { content: "\efb3"; }
.ri-opera-fill:before { content: "\efb4"; }
.ri-opera-line:before { content: "\efb5"; }
.ri-order-play-fill:before { content: "\efb6"; }
.ri-order-play-line:before { content: "\efb7"; }
.ri-organization-chart:before { content: "\efb8"; }
.ri-outlet-2-fill:before { content: "\efb9"; }
.ri-outlet-2-line:before { content: "\efba"; }
.ri-outlet-fill:before { content: "\efbb"; }
.ri-outlet-line:before { content: "\efbc"; }
.ri-page-separator:before { content: "\efbd"; }
.ri-pages-fill:before { content: "\efbe"; }
.ri-pages-line:before { content: "\efbf"; }
.ri-paint-brush-fill:before { content: "\efc0"; }
.ri-paint-brush-line:before { content: "\efc1"; }
.ri-paint-fill:before { content: "\efc2"; }
.ri-paint-line:before { content: "\efc3"; }
.ri-palette-fill:before { content: "\efc4"; }
.ri-palette-line:before { content: "\efc5"; }
.ri-pantone-fill:before { content: "\efc6"; }
.ri-pantone-line:before { content: "\efc7"; }
.ri-paragraph:before { content: "\efc8"; }
.ri-parent-fill:before { content: "\efc9"; }
.ri-parent-line:before { content: "\efca"; }
.ri-parentheses-fill:before { content: "\efcb"; }
.ri-parentheses-line:before { content: "\efcc"; }
.ri-parking-box-fill:before { content: "\efcd"; }
.ri-parking-box-line:before { content: "\efce"; }
.ri-parking-fill:before { content: "\efcf"; }
.ri-parking-line:before { content: "\efd0"; }
.ri-passport-fill:before { content: "\efd1"; }
.ri-passport-line:before { content: "\efd2"; }
.ri-patreon-fill:before { content: "\efd3"; }
.ri-patreon-line:before { content: "\efd4"; }
.ri-pause-circle-fill:before { content: "\efd5"; }
.ri-pause-circle-line:before { content: "\efd6"; }
.ri-pause-fill:before { content: "\efd7"; }
.ri-pause-line:before { content: "\efd8"; }
.ri-pause-mini-fill:before { content: "\efd9"; }
.ri-pause-mini-line:before { content: "\efda"; }
.ri-paypal-fill:before { content: "\efdb"; }
.ri-paypal-line:before { content: "\efdc"; }
.ri-pen-nib-fill:before { content: "\efdd"; }
.ri-pen-nib-line:before { content: "\efde"; }
.ri-pencil-fill:before { content: "\efdf"; }
.ri-pencil-line:before { content: "\efe0"; }
.ri-pencil-ruler-2-fill:before { content: "\efe1"; }
.ri-pencil-ruler-2-line:before { content: "\efe2"; }
.ri-pencil-ruler-fill:before { content: "\efe3"; }
.ri-pencil-ruler-line:before { content: "\efe4"; }
.ri-percent-fill:before { content: "\efe5"; }
.ri-percent-line:before { content: "\efe6"; }
.ri-phone-camera-fill:before { content: "\efe7"; }
.ri-phone-camera-line:before { content: "\efe8"; }
.ri-phone-fill:before { content: "\efe9"; }
.ri-phone-find-fill:before { content: "\efea"; }
.ri-phone-find-line:before { content: "\efeb"; }
.ri-phone-line:before { content: "\efec"; }
.ri-phone-lock-fill:before { content: "\efed"; }
.ri-phone-lock-line:before { content: "\efee"; }
.ri-picture-in-picture-2-fill:before { content: "\efef"; }
.ri-picture-in-picture-2-line:before { content: "\eff0"; }
.ri-picture-in-picture-exit-fill:before { content: "\eff1"; }
.ri-picture-in-picture-exit-line:before { content: "\eff2"; }
.ri-picture-in-picture-fill:before { content: "\eff3"; }
.ri-picture-in-picture-line:before { content: "\eff4"; }
.ri-pie-chart-2-fill:before { content: "\eff5"; }
.ri-pie-chart-2-line:before { content: "\eff6"; }
.ri-pie-chart-box-fill:before { content: "\eff7"; }
.ri-pie-chart-box-line:before { content: "\eff8"; }
.ri-pie-chart-fill:before { content: "\eff9"; }
.ri-pie-chart-line:before { content: "\effa"; }
.ri-pin-distance-fill:before { content: "\effb"; }
.ri-pin-distance-line:before { content: "\effc"; }
.ri-ping-pong-fill:before { content: "\effd"; }
.ri-ping-pong-line:before { content: "\effe"; }
.ri-pinterest-fill:before { content: "\efff"; }
.ri-pinterest-line:before { content: "\f000"; }
.ri-pinyin-input:before { content: "\f001"; }
.ri-pixelfed-fill:before { content: "\f002"; }
.ri-pixelfed-line:before { content: "\f003"; }
.ri-plane-fill:before { content: "\f004"; }
.ri-plane-line:before { content: "\f005"; }
.ri-plant-fill:before { content: "\f006"; }
.ri-plant-line:before { content: "\f007"; }
.ri-play-circle-fill:before { content: "\f008"; }
.ri-play-circle-line:before { content: "\f009"; }
.ri-play-fill:before { content: "\f00a"; }
.ri-play-line:before { content: "\f00b"; }
.ri-play-list-2-fill:before { content: "\f00c"; }
.ri-play-list-2-line:before { content: "\f00d"; }
.ri-play-list-add-fill:before { content: "\f00e"; }
.ri-play-list-add-line:before { content: "\f00f"; }
.ri-play-list-fill:before { content: "\f010"; }
.ri-play-list-line:before { content: "\f011"; }
.ri-play-mini-fill:before { content: "\f012"; }
.ri-play-mini-line:before { content: "\f013"; }
.ri-playstation-fill:before { content: "\f014"; }
.ri-playstation-line:before { content: "\f015"; }
.ri-plug-2-fill:before { content: "\f016"; }
.ri-plug-2-line:before { content: "\f017"; }
.ri-plug-fill:before { content: "\f018"; }
.ri-plug-line:before { content: "\f019"; }
.ri-polaroid-2-fill:before { content: "\f01a"; }
.ri-polaroid-2-line:before { content: "\f01b"; }
.ri-polaroid-fill:before { content: "\f01c"; }
.ri-polaroid-line:before { content: "\f01d"; }
.ri-police-car-fill:before { content: "\f01e"; }
.ri-police-car-line:before { content: "\f01f"; }
.ri-price-tag-2-fill:before { content: "\f020"; }
.ri-price-tag-2-line:before { content: "\f021"; }
.ri-price-tag-3-fill:before { content: "\f022"; }
.ri-price-tag-3-line:before { content: "\f023"; }
.ri-price-tag-fill:before { content: "\f024"; }
.ri-price-tag-line:before { content: "\f025"; }
.ri-printer-cloud-fill:before { content: "\f026"; }
.ri-printer-cloud-line:before { content: "\f027"; }
.ri-printer-fill:before { content: "\f028"; }
.ri-printer-line:before { content: "\f029"; }
.ri-product-hunt-fill:before { content: "\f02a"; }
.ri-product-hunt-line:before { content: "\f02b"; }
.ri-profile-fill:before { content: "\f02c"; }
.ri-profile-line:before { content: "\f02d"; }
.ri-projector-2-fill:before { content: "\f02e"; }
.ri-projector-2-line:before { content: "\f02f"; }
.ri-projector-fill:before { content: "\f030"; }
.ri-projector-line:before { content: "\f031"; }
.ri-psychotherapy-fill:before { content: "\f032"; }
.ri-psychotherapy-line:before { content: "\f033"; }
.ri-pulse-fill:before { content: "\f034"; }
.ri-pulse-line:before { content: "\f035"; }
.ri-pushpin-2-fill:before { content: "\f036"; }
.ri-pushpin-2-line:before { content: "\f037"; }
.ri-pushpin-fill:before { content: "\f038"; }
.ri-pushpin-line:before { content: "\f039"; }
.ri-qq-fill:before { content: "\f03a"; }
.ri-qq-line:before { content: "\f03b"; }
.ri-qr-code-fill:before { content: "\f03c"; }
.ri-qr-code-line:before { content: "\f03d"; }
.ri-qr-scan-2-fill:before { content: "\f03e"; }
.ri-qr-scan-2-line:before { content: "\f03f"; }
.ri-qr-scan-fill:before { content: "\f040"; }
.ri-qr-scan-line:before { content: "\f041"; }
.ri-question-answer-fill:before { content: "\f042"; }
.ri-question-answer-line:before { content: "\f043"; }
.ri-question-fill:before { content: "\f044"; }
.ri-question-line:before { content: "\f045"; }
.ri-question-mark:before { content: "\f046"; }
.ri-questionnaire-fill:before { content: "\f047"; }
.ri-questionnaire-line:before { content: "\f048"; }
.ri-quill-pen-fill:before { content: "\f049"; }
.ri-quill-pen-line:before { content: "\f04a"; }
.ri-radar-fill:before { content: "\f04b"; }
.ri-radar-line:before { content: "\f04c"; }
.ri-radio-2-fill:before { content: "\f04d"; }
.ri-radio-2-line:before { content: "\f04e"; }
.ri-radio-button-fill:before { content: "\f04f"; }
.ri-radio-button-line:before { content: "\f050"; }
.ri-radio-fill:before { content: "\f051"; }
.ri-radio-line:before { content: "\f052"; }
.ri-rainbow-fill:before { content: "\f053"; }
.ri-rainbow-line:before { content: "\f054"; }
.ri-rainy-fill:before { content: "\f055"; }
.ri-rainy-line:before { content: "\f056"; }
.ri-reactjs-fill:before { content: "\f057"; }
.ri-reactjs-line:before { content: "\f058"; }
.ri-record-circle-fill:before { content: "\f059"; }
.ri-record-circle-line:before { content: "\f05a"; }
.ri-record-mail-fill:before { content: "\f05b"; }
.ri-record-mail-line:before { content: "\f05c"; }
.ri-recycle-fill:before { content: "\f05d"; }
.ri-recycle-line:before { content: "\f05e"; }
.ri-red-packet-fill:before { content: "\f05f"; }
.ri-red-packet-line:before { content: "\f060"; }
.ri-reddit-fill:before { content: "\f061"; }
.ri-reddit-line:before { content: "\f062"; }
.ri-refresh-fill:before { content: "\f063"; }
.ri-refresh-line:before { content: "\f064"; }
.ri-refund-2-fill:before { content: "\f065"; }
.ri-refund-2-line:before { content: "\f066"; }
.ri-refund-fill:before { content: "\f067"; }
.ri-refund-line:before { content: "\f068"; }
.ri-registered-fill:before { content: "\f069"; }
.ri-registered-line:before { content: "\f06a"; }
.ri-remixicon-fill:before { content: "\f06b"; }
.ri-remixicon-line:before { content: "\f06c"; }
.ri-remote-control-2-fill:before { content: "\f06d"; }
.ri-remote-control-2-line:before { content: "\f06e"; }
.ri-remote-control-fill:before { content: "\f06f"; }
.ri-remote-control-line:before { content: "\f070"; }
.ri-repeat-2-fill:before { content: "\f071"; }
.ri-repeat-2-line:before { content: "\f072"; }
.ri-repeat-fill:before { content: "\f073"; }
.ri-repeat-line:before { content: "\f074"; }
.ri-repeat-one-fill:before { content: "\f075"; }
.ri-repeat-one-line:before { content: "\f076"; }
.ri-reply-all-fill:before { content: "\f077"; }
.ri-reply-all-line:before { content: "\f078"; }
.ri-reply-fill:before { content: "\f079"; }
.ri-reply-line:before { content: "\f07a"; }
.ri-reserved-fill:before { content: "\f07b"; }
.ri-reserved-line:before { content: "\f07c"; }
.ri-rest-time-fill:before { content: "\f07d"; }
.ri-rest-time-line:before { content: "\f07e"; }
.ri-restart-fill:before { content: "\f07f"; }
.ri-restart-line:before { content: "\f080"; }
.ri-restaurant-2-fill:before { content: "\f081"; }
.ri-restaurant-2-line:before { content: "\f082"; }
.ri-restaurant-fill:before { content: "\f083"; }
.ri-restaurant-line:before { content: "\f084"; }
.ri-rewind-fill:before { content: "\f085"; }
.ri-rewind-line:before { content: "\f086"; }
.ri-rewind-mini-fill:before { content: "\f087"; }
.ri-rewind-mini-line:before { content: "\f088"; }
.ri-rhythm-fill:before { content: "\f089"; }
.ri-rhythm-line:before { content: "\f08a"; }
.ri-riding-fill:before { content: "\f08b"; }
.ri-riding-line:before { content: "\f08c"; }
.ri-road-map-fill:before { content: "\f08d"; }
.ri-road-map-line:before { content: "\f08e"; }
.ri-roadster-fill:before { content: "\f08f"; }
.ri-roadster-line:before { content: "\f090"; }
.ri-robot-fill:before { content: "\f091"; }
.ri-robot-line:before { content: "\f092"; }
.ri-rocket-2-fill:before { content: "\f093"; }
.ri-rocket-2-line:before { content: "\f094"; }
.ri-rocket-fill:before { content: "\f095"; }
.ri-rocket-line:before { content: "\f096"; }
.ri-rotate-lock-fill:before { content: "\f097"; }
.ri-rotate-lock-line:before { content: "\f098"; }
.ri-rounded-corner:before { content: "\f099"; }
.ri-route-fill:before { content: "\f09a"; }
.ri-route-line:before { content: "\f09b"; }
.ri-router-fill:before { content: "\f09c"; }
.ri-router-line:before { content: "\f09d"; }
.ri-rss-fill:before { content: "\f09e"; }
.ri-rss-line:before { content: "\f09f"; }
.ri-ruler-2-fill:before { content: "\f0a0"; }
.ri-ruler-2-line:before { content: "\f0a1"; }
.ri-ruler-fill:before { content: "\f0a2"; }
.ri-ruler-line:before { content: "\f0a3"; }
.ri-run-fill:before { content: "\f0a4"; }
.ri-run-line:before { content: "\f0a5"; }
.ri-safari-fill:before { content: "\f0a6"; }
.ri-safari-line:before { content: "\f0a7"; }
.ri-safe-2-fill:before { content: "\f0a8"; }
.ri-safe-2-line:before { content: "\f0a9"; }
.ri-safe-fill:before { content: "\f0aa"; }
.ri-safe-line:before { content: "\f0ab"; }
.ri-sailboat-fill:before { content: "\f0ac"; }
.ri-sailboat-line:before { content: "\f0ad"; }
.ri-save-2-fill:before { content: "\f0ae"; }
.ri-save-2-line:before { content: "\f0af"; }
.ri-save-3-fill:before { content: "\f0b0"; }
.ri-save-3-line:before { content: "\f0b1"; }
.ri-save-fill:before { content: "\f0b2"; }
.ri-save-line:before { content: "\f0b3"; }
.ri-scales-2-fill:before { content: "\f0b4"; }
.ri-scales-2-line:before { content: "\f0b5"; }
.ri-scales-3-fill:before { content: "\f0b6"; }
.ri-scales-3-line:before { content: "\f0b7"; }
.ri-scales-fill:before { content: "\f0b8"; }
.ri-scales-line:before { content: "\f0b9"; }
.ri-scan-2-fill:before { content: "\f0ba"; }
.ri-scan-2-line:before { content: "\f0bb"; }
.ri-scan-fill:before { content: "\f0bc"; }
.ri-scan-line:before { content: "\f0bd"; }
.ri-scissors-2-fill:before { content: "\f0be"; }
.ri-scissors-2-line:before { content: "\f0bf"; }
.ri-scissors-cut-fill:before { content: "\f0c0"; }
.ri-scissors-cut-line:before { content: "\f0c1"; }
.ri-scissors-fill:before { content: "\f0c2"; }
.ri-scissors-line:before { content: "\f0c3"; }
.ri-screenshot-2-fill:before { content: "\f0c4"; }
.ri-screenshot-2-line:before { content: "\f0c5"; }
.ri-screenshot-fill:before { content: "\f0c6"; }
.ri-screenshot-line:before { content: "\f0c7"; }
.ri-sd-card-fill:before { content: "\f0c8"; }
.ri-sd-card-line:before { content: "\f0c9"; }
.ri-sd-card-mini-fill:before { content: "\f0ca"; }
.ri-sd-card-mini-line:before { content: "\f0cb"; }
.ri-search-2-fill:before { content: "\f0cc"; }
.ri-search-2-line:before { content: "\f0cd"; }
.ri-search-eye-fill:before { content: "\f0ce"; }
.ri-search-eye-line:before { content: "\f0cf"; }
.ri-search-fill:before { content: "\f0d0"; }
.ri-search-line:before { content: "\f0d1"; }
.ri-secure-payment-fill:before { content: "\f0d2"; }
.ri-secure-payment-line:before { content: "\f0d3"; }
.ri-seedling-fill:before { content: "\f0d4"; }
.ri-seedling-line:before { content: "\f0d5"; }
.ri-send-backward:before { content: "\f0d6"; }
.ri-send-plane-2-fill:before { content: "\f0d7"; }
.ri-send-plane-2-line:before { content: "\f0d8"; }
.ri-send-plane-fill:before { content: "\f0d9"; }
.ri-send-plane-line:before { content: "\f0da"; }
.ri-send-to-back:before { content: "\f0db"; }
.ri-sensor-fill:before { content: "\f0dc"; }
.ri-sensor-line:before { content: "\f0dd"; }
.ri-separator:before { content: "\f0de"; }
.ri-server-fill:before { content: "\f0df"; }
.ri-server-line:before { content: "\f0e0"; }
.ri-service-fill:before { content: "\f0e1"; }
.ri-service-line:before { content: "\f0e2"; }
.ri-settings-2-fill:before { content: "\f0e3"; }
.ri-settings-2-line:before { content: "\f0e4"; }
.ri-settings-3-fill:before { content: "\f0e5"; }
.ri-settings-3-line:before { content: "\f0e6"; }
.ri-settings-4-fill:before { content: "\f0e7"; }
.ri-settings-4-line:before { content: "\f0e8"; }
.ri-settings-5-fill:before { content: "\f0e9"; }
.ri-settings-5-line:before { content: "\f0ea"; }
.ri-settings-6-fill:before { content: "\f0eb"; }
.ri-settings-6-line:before { content: "\f0ec"; }
.ri-settings-fill:before { content: "\f0ed"; }
.ri-settings-line:before { content: "\f0ee"; }
.ri-shape-2-fill:before { content: "\f0ef"; }
.ri-shape-2-line:before { content: "\f0f0"; }
.ri-shape-fill:before { content: "\f0f1"; }
.ri-shape-line:before { content: "\f0f2"; }
.ri-share-box-fill:before { content: "\f0f3"; }
.ri-share-box-line:before { content: "\f0f4"; }
.ri-share-circle-fill:before { content: "\f0f5"; }
.ri-share-circle-line:before { content: "\f0f6"; }
.ri-share-fill:before { content: "\f0f7"; }
.ri-share-forward-2-fill:before { content: "\f0f8"; }
.ri-share-forward-2-line:before { content: "\f0f9"; }
.ri-share-forward-box-fill:before { content: "\f0fa"; }
.ri-share-forward-box-line:before { content: "\f0fb"; }
.ri-share-forward-fill:before { content: "\f0fc"; }
.ri-share-forward-line:before { content: "\f0fd"; }
.ri-share-line:before { content: "\f0fe"; }
.ri-shield-check-fill:before { content: "\f0ff"; }
.ri-shield-check-line:before { content: "\f100"; }
.ri-shield-cross-fill:before { content: "\f101"; }
.ri-shield-cross-line:before { content: "\f102"; }
.ri-shield-fill:before { content: "\f103"; }
.ri-shield-flash-fill:before { content: "\f104"; }
.ri-shield-flash-line:before { content: "\f105"; }
.ri-shield-keyhole-fill:before { content: "\f106"; }
.ri-shield-keyhole-line:before { content: "\f107"; }
.ri-shield-line:before { content: "\f108"; }
.ri-shield-star-fill:before { content: "\f109"; }
.ri-shield-star-line:before { content: "\f10a"; }
.ri-shield-user-fill:before { content: "\f10b"; }
.ri-shield-user-line:before { content: "\f10c"; }
.ri-ship-2-fill:before { content: "\f10d"; }
.ri-ship-2-line:before { content: "\f10e"; }
.ri-ship-fill:before { content: "\f10f"; }
.ri-ship-line:before { content: "\f110"; }
.ri-shirt-fill:before { content: "\f111"; }
.ri-shirt-line:before { content: "\f112"; }
.ri-shopping-bag-2-fill:before { content: "\f113"; }
.ri-shopping-bag-2-line:before { content: "\f114"; }
.ri-shopping-bag-3-fill:before { content: "\f115"; }
.ri-shopping-bag-3-line:before { content: "\f116"; }
.ri-shopping-bag-fill:before { content: "\f117"; }
.ri-shopping-bag-line:before { content: "\f118"; }
.ri-shopping-basket-2-fill:before { content: "\f119"; }
.ri-shopping-basket-2-line:before { content: "\f11a"; }
.ri-shopping-basket-fill:before { content: "\f11b"; }
.ri-shopping-basket-line:before { content: "\f11c"; }
.ri-shopping-cart-2-fill:before { content: "\f11d"; }
.ri-shopping-cart-2-line:before { content: "\f11e"; }
.ri-shopping-cart-fill:before { content: "\f11f"; }
.ri-shopping-cart-line:before { content: "\f120"; }
.ri-showers-fill:before { content: "\f121"; }
.ri-showers-line:before { content: "\f122"; }
.ri-shuffle-fill:before { content: "\f123"; }
.ri-shuffle-line:before { content: "\f124"; }
.ri-shut-down-fill:before { content: "\f125"; }
.ri-shut-down-line:before { content: "\f126"; }
.ri-side-bar-fill:before { content: "\f127"; }
.ri-side-bar-line:before { content: "\f128"; }
.ri-signal-tower-fill:before { content: "\f129"; }
.ri-signal-tower-line:before { content: "\f12a"; }
.ri-signal-wifi-1-fill:before { content: "\f12b"; }
.ri-signal-wifi-1-line:before { content: "\f12c"; }
.ri-signal-wifi-2-fill:before { content: "\f12d"; }
.ri-signal-wifi-2-line:before { content: "\f12e"; }
.ri-signal-wifi-3-fill:before { content: "\f12f"; }
.ri-signal-wifi-3-line:before { content: "\f130"; }
.ri-signal-wifi-error-fill:before { content: "\f131"; }
.ri-signal-wifi-error-line:before { content: "\f132"; }
.ri-signal-wifi-fill:before { content: "\f133"; }
.ri-signal-wifi-line:before { content: "\f134"; }
.ri-signal-wifi-off-fill:before { content: "\f135"; }
.ri-signal-wifi-off-line:before { content: "\f136"; }
.ri-sim-card-2-fill:before { content: "\f137"; }
.ri-sim-card-2-line:before { content: "\f138"; }
.ri-sim-card-fill:before { content: "\f139"; }
.ri-sim-card-line:before { content: "\f13a"; }
.ri-single-quotes-l:before { content: "\f13b"; }
.ri-single-quotes-r:before { content: "\f13c"; }
.ri-sip-fill:before { content: "\f13d"; }
.ri-sip-line:before { content: "\f13e"; }
.ri-skip-back-fill:before { content: "\f13f"; }
.ri-skip-back-line:before { content: "\f140"; }
.ri-skip-back-mini-fill:before { content: "\f141"; }
.ri-skip-back-mini-line:before { content: "\f142"; }
.ri-skip-forward-fill:before { content: "\f143"; }
.ri-skip-forward-line:before { content: "\f144"; }
.ri-skip-forward-mini-fill:before { content: "\f145"; }
.ri-skip-forward-mini-line:before { content: "\f146"; }
.ri-skull-2-fill:before { content: "\f147"; }
.ri-skull-2-line:before { content: "\f148"; }
.ri-skull-fill:before { content: "\f149"; }
.ri-skull-line:before { content: "\f14a"; }
.ri-skype-fill:before { content: "\f14b"; }
.ri-skype-line:before { content: "\f14c"; }
.ri-slack-fill:before { content: "\f14d"; }
.ri-slack-line:before { content: "\f14e"; }
.ri-slice-fill:before { content: "\f14f"; }
.ri-slice-line:before { content: "\f150"; }
.ri-slideshow-2-fill:before { content: "\f151"; }
.ri-slideshow-2-line:before { content: "\f152"; }
.ri-slideshow-3-fill:before { content: "\f153"; }
.ri-slideshow-3-line:before { content: "\f154"; }
.ri-slideshow-4-fill:before { content: "\f155"; }
.ri-slideshow-4-line:before { content: "\f156"; }
.ri-slideshow-fill:before { content: "\f157"; }
.ri-slideshow-line:before { content: "\f158"; }
.ri-smartphone-fill:before { content: "\f159"; }
.ri-smartphone-line:before { content: "\f15a"; }
.ri-snapchat-fill:before { content: "\f15b"; }
.ri-snapchat-line:before { content: "\f15c"; }
.ri-snowy-fill:before { content: "\f15d"; }
.ri-snowy-line:before { content: "\f15e"; }
.ri-sort-asc:before { content: "\f15f"; }
.ri-sort-desc:before { content: "\f160"; }
.ri-sound-module-fill:before { content: "\f161"; }
.ri-sound-module-line:before { content: "\f162"; }
.ri-soundcloud-fill:before { content: "\f163"; }
.ri-soundcloud-line:before { content: "\f164"; }
.ri-space-ship-fill:before { content: "\f165"; }
.ri-space-ship-line:before { content: "\f166"; }
.ri-space:before { content: "\f167"; }
.ri-spam-2-fill:before { content: "\f168"; }
.ri-spam-2-line:before { content: "\f169"; }
.ri-spam-3-fill:before { content: "\f16a"; }
.ri-spam-3-line:before { content: "\f16b"; }
.ri-spam-fill:before { content: "\f16c"; }
.ri-spam-line:before { content: "\f16d"; }
.ri-speaker-2-fill:before { content: "\f16e"; }
.ri-speaker-2-line:before { content: "\f16f"; }
.ri-speaker-3-fill:before { content: "\f170"; }
.ri-speaker-3-line:before { content: "\f171"; }
.ri-speaker-fill:before { content: "\f172"; }
.ri-speaker-line:before { content: "\f173"; }
.ri-spectrum-fill:before { content: "\f174"; }
.ri-spectrum-line:before { content: "\f175"; }
.ri-speed-fill:before { content: "\f176"; }
.ri-speed-line:before { content: "\f177"; }
.ri-speed-mini-fill:before { content: "\f178"; }
.ri-speed-mini-line:before { content: "\f179"; }
.ri-split-cells-horizontal:before { content: "\f17a"; }
.ri-split-cells-vertical:before { content: "\f17b"; }
.ri-spotify-fill:before { content: "\f17c"; }
.ri-spotify-line:before { content: "\f17d"; }
.ri-spy-fill:before { content: "\f17e"; }
.ri-spy-line:before { content: "\f17f"; }
.ri-stack-fill:before { content: "\f180"; }
.ri-stack-line:before { content: "\f181"; }
.ri-stack-overflow-fill:before { content: "\f182"; }
.ri-stack-overflow-line:before { content: "\f183"; }
.ri-stackshare-fill:before { content: "\f184"; }
.ri-stackshare-line:before { content: "\f185"; }
.ri-star-fill:before { content: "\f186"; }
.ri-star-half-fill:before { content: "\f187"; }
.ri-star-half-line:before { content: "\f188"; }
.ri-star-half-s-fill:before { content: "\f189"; }
.ri-star-half-s-line:before { content: "\f18a"; }
.ri-star-line:before { content: "\f18b"; }
.ri-star-s-fill:before { content: "\f18c"; }
.ri-star-s-line:before { content: "\f18d"; }
.ri-star-smile-fill:before { content: "\f18e"; }
.ri-star-smile-line:before { content: "\f18f"; }
.ri-steam-fill:before { content: "\f190"; }
.ri-steam-line:before { content: "\f191"; }
.ri-steering-2-fill:before { content: "\f192"; }
.ri-steering-2-line:before { content: "\f193"; }
.ri-steering-fill:before { content: "\f194"; }
.ri-steering-line:before { content: "\f195"; }
.ri-stethoscope-fill:before { content: "\f196"; }
.ri-stethoscope-line:before { content: "\f197"; }
.ri-sticky-note-2-fill:before { content: "\f198"; }
.ri-sticky-note-2-line:before { content: "\f199"; }
.ri-sticky-note-fill:before { content: "\f19a"; }
.ri-sticky-note-line:before { content: "\f19b"; }
.ri-stock-fill:before { content: "\f19c"; }
.ri-stock-line:before { content: "\f19d"; }
.ri-stop-circle-fill:before { content: "\f19e"; }
.ri-stop-circle-line:before { content: "\f19f"; }
.ri-stop-fill:before { content: "\f1a0"; }
.ri-stop-line:before { content: "\f1a1"; }
.ri-stop-mini-fill:before { content: "\f1a2"; }
.ri-stop-mini-line:before { content: "\f1a3"; }
.ri-store-2-fill:before { content: "\f1a4"; }
.ri-store-2-line:before { content: "\f1a5"; }
.ri-store-3-fill:before { content: "\f1a6"; }
.ri-store-3-line:before { content: "\f1a7"; }
.ri-store-fill:before { content: "\f1a8"; }
.ri-store-line:before { content: "\f1a9"; }
.ri-strikethrough-2:before { content: "\f1aa"; }
.ri-strikethrough:before { content: "\f1ab"; }
.ri-subscript-2:before { content: "\f1ac"; }
.ri-subscript:before { content: "\f1ad"; }
.ri-subtract-fill:before { content: "\f1ae"; }
.ri-subtract-line:before { content: "\f1af"; }
.ri-subway-fill:before { content: "\f1b0"; }
.ri-subway-line:before { content: "\f1b1"; }
.ri-subway-wifi-fill:before { content: "\f1b2"; }
.ri-subway-wifi-line:before { content: "\f1b3"; }
.ri-suitcase-2-fill:before { content: "\f1b4"; }
.ri-suitcase-2-line:before { content: "\f1b5"; }
.ri-suitcase-3-fill:before { content: "\f1b6"; }
.ri-suitcase-3-line:before { content: "\f1b7"; }
.ri-suitcase-fill:before { content: "\f1b8"; }
.ri-suitcase-line:before { content: "\f1b9"; }
.ri-sun-cloudy-fill:before { content: "\f1ba"; }
.ri-sun-cloudy-line:before { content: "\f1bb"; }
.ri-sun-fill:before { content: "\f1bc"; }
.ri-sun-foggy-fill:before { content: "\f1bd"; }
.ri-sun-foggy-line:before { content: "\f1be"; }
.ri-sun-line:before { content: "\f1bf"; }
.ri-superscript-2:before { content: "\f1c0"; }
.ri-superscript:before { content: "\f1c1"; }
.ri-surgical-mask-fill:before { content: "\f1c2"; }
.ri-surgical-mask-line:before { content: "\f1c3"; }
.ri-surround-sound-fill:before { content: "\f1c4"; }
.ri-surround-sound-line:before { content: "\f1c5"; }
.ri-survey-fill:before { content: "\f1c6"; }
.ri-survey-line:before { content: "\f1c7"; }
.ri-swap-box-fill:before { content: "\f1c8"; }
.ri-swap-box-line:before { content: "\f1c9"; }
.ri-swap-fill:before { content: "\f1ca"; }
.ri-swap-line:before { content: "\f1cb"; }
.ri-switch-fill:before { content: "\f1cc"; }
.ri-switch-line:before { content: "\f1cd"; }
.ri-sword-fill:before { content: "\f1ce"; }
.ri-sword-line:before { content: "\f1cf"; }
.ri-syringe-fill:before { content: "\f1d0"; }
.ri-syringe-line:before { content: "\f1d1"; }
.ri-t-box-fill:before { content: "\f1d2"; }
.ri-t-box-line:before { content: "\f1d3"; }
.ri-t-shirt-2-fill:before { content: "\f1d4"; }
.ri-t-shirt-2-line:before { content: "\f1d5"; }
.ri-t-shirt-air-fill:before { content: "\f1d6"; }
.ri-t-shirt-air-line:before { content: "\f1d7"; }
.ri-t-shirt-fill:before { content: "\f1d8"; }
.ri-t-shirt-line:before { content: "\f1d9"; }
.ri-table-2:before { content: "\f1da"; }
.ri-table-alt-fill:before { content: "\f1db"; }
.ri-table-alt-line:before { content: "\f1dc"; }
.ri-table-fill:before { content: "\f1dd"; }
.ri-table-line:before { content: "\f1de"; }
.ri-tablet-fill:before { content: "\f1df"; }
.ri-tablet-line:before { content: "\f1e0"; }
.ri-takeaway-fill:before { content: "\f1e1"; }
.ri-takeaway-line:before { content: "\f1e2"; }
.ri-taobao-fill:before { content: "\f1e3"; }
.ri-taobao-line:before { content: "\f1e4"; }
.ri-tape-fill:before { content: "\f1e5"; }
.ri-tape-line:before { content: "\f1e6"; }
.ri-task-fill:before { content: "\f1e7"; }
.ri-task-line:before { content: "\f1e8"; }
.ri-taxi-fill:before { content: "\f1e9"; }
.ri-taxi-line:before { content: "\f1ea"; }
.ri-taxi-wifi-fill:before { content: "\f1eb"; }
.ri-taxi-wifi-line:before { content: "\f1ec"; }
.ri-team-fill:before { content: "\f1ed"; }
.ri-team-line:before { content: "\f1ee"; }
.ri-telegram-fill:before { content: "\f1ef"; }
.ri-telegram-line:before { content: "\f1f0"; }
.ri-temp-cold-fill:before { content: "\f1f1"; }
.ri-temp-cold-line:before { content: "\f1f2"; }
.ri-temp-hot-fill:before { content: "\f1f3"; }
.ri-temp-hot-line:before { content: "\f1f4"; }
.ri-terminal-box-fill:before { content: "\f1f5"; }
.ri-terminal-box-line:before { content: "\f1f6"; }
.ri-terminal-fill:before { content: "\f1f7"; }
.ri-terminal-line:before { content: "\f1f8"; }
.ri-terminal-window-fill:before { content: "\f1f9"; }
.ri-terminal-window-line:before { content: "\f1fa"; }
.ri-test-tube-fill:before { content: "\f1fb"; }
.ri-test-tube-line:before { content: "\f1fc"; }
.ri-text-direction-l:before { content: "\f1fd"; }
.ri-text-direction-r:before { content: "\f1fe"; }
.ri-text-spacing:before { content: "\f1ff"; }
.ri-text-wrap:before { content: "\f200"; }
.ri-text:before { content: "\f201"; }
.ri-thermometer-fill:before { content: "\f202"; }
.ri-thermometer-line:before { content: "\f203"; }
.ri-thumb-down-fill:before { content: "\f204"; }
.ri-thumb-down-line:before { content: "\f205"; }
.ri-thumb-up-fill:before { content: "\f206"; }
.ri-thumb-up-line:before { content: "\f207"; }
.ri-thunderstorms-fill:before { content: "\f208"; }
.ri-thunderstorms-line:before { content: "\f209"; }
.ri-ticket-2-fill:before { content: "\f20a"; }
.ri-ticket-2-line:before { content: "\f20b"; }
.ri-ticket-fill:before { content: "\f20c"; }
.ri-ticket-line:before { content: "\f20d"; }
.ri-time-fill:before { content: "\f20e"; }
.ri-time-line:before { content: "\f20f"; }
.ri-timer-2-fill:before { content: "\f210"; }
.ri-timer-2-line:before { content: "\f211"; }
.ri-timer-fill:before { content: "\f212"; }
.ri-timer-flash-fill:before { content: "\f213"; }
.ri-timer-flash-line:before { content: "\f214"; }
.ri-timer-line:before { content: "\f215"; }
.ri-todo-fill:before { content: "\f216"; }
.ri-todo-line:before { content: "\f217"; }
.ri-toggle-fill:before { content: "\f218"; }
.ri-toggle-line:before { content: "\f219"; }
.ri-tools-fill:before { content: "\f21a"; }
.ri-tools-line:before { content: "\f21b"; }
.ri-tornado-fill:before { content: "\f21c"; }
.ri-tornado-line:before { content: "\f21d"; }
.ri-trademark-fill:before { content: "\f21e"; }
.ri-trademark-line:before { content: "\f21f"; }
.ri-traffic-light-fill:before { content: "\f220"; }
.ri-traffic-light-line:before { content: "\f221"; }
.ri-train-fill:before { content: "\f222"; }
.ri-train-line:before { content: "\f223"; }
.ri-train-wifi-fill:before { content: "\f224"; }
.ri-train-wifi-line:before { content: "\f225"; }
.ri-translate-2:before { content: "\f226"; }
.ri-translate:before { content: "\f227"; }
.ri-travesti-fill:before { content: "\f228"; }
.ri-travesti-line:before { content: "\f229"; }
.ri-treasure-map-fill:before { content: "\f22a"; }
.ri-treasure-map-line:before { content: "\f22b"; }
.ri-trello-fill:before { content: "\f22c"; }
.ri-trello-line:before { content: "\f22d"; }
.ri-trophy-fill:before { content: "\f22e"; }
.ri-trophy-line:before { content: "\f22f"; }
.ri-truck-fill:before { content: "\f230"; }
.ri-truck-line:before { content: "\f231"; }
.ri-tumblr-fill:before { content: "\f232"; }
.ri-tumblr-line:before { content: "\f233"; }
.ri-tv-2-fill:before { content: "\f234"; }
.ri-tv-2-line:before { content: "\f235"; }
.ri-tv-fill:before { content: "\f236"; }
.ri-tv-line:before { content: "\f237"; }
.ri-twitch-fill:before { content: "\f238"; }
.ri-twitch-line:before { content: "\f239"; }
.ri-twitter-fill:before { content: "\f23a"; }
.ri-twitter-line:before { content: "\f23b"; }
.ri-typhoon-fill:before { content: "\f23c"; }
.ri-typhoon-line:before { content: "\f23d"; }
.ri-u-disk-fill:before { content: "\f23e"; }
.ri-u-disk-line:before { content: "\f23f"; }
.ri-ubuntu-fill:before { content: "\f240"; }
.ri-ubuntu-line:before { content: "\f241"; }
.ri-umbrella-fill:before { content: "\f242"; }
.ri-umbrella-line:before { content: "\f243"; }
.ri-underline:before { content: "\f244"; }
.ri-uninstall-fill:before { content: "\f245"; }
.ri-uninstall-line:before { content: "\f246"; }
.ri-unsplash-fill:before { content: "\f247"; }
.ri-unsplash-line:before { content: "\f248"; }
.ri-upload-2-fill:before { content: "\f249"; }
.ri-upload-2-line:before { content: "\f24a"; }
.ri-upload-cloud-2-fill:before { content: "\f24b"; }
.ri-upload-cloud-2-line:before { content: "\f24c"; }
.ri-upload-cloud-fill:before { content: "\f24d"; }
.ri-upload-cloud-line:before { content: "\f24e"; }
.ri-upload-fill:before { content: "\f24f"; }
.ri-upload-line:before { content: "\f250"; }
.ri-usb-fill:before { content: "\f251"; }
.ri-usb-line:before { content: "\f252"; }
.ri-user-2-fill:before { content: "\f253"; }
.ri-user-2-line:before { content: "\f254"; }
.ri-user-3-fill:before { content: "\f255"; }
.ri-user-3-line:before { content: "\f256"; }
.ri-user-4-fill:before { content: "\f257"; }
.ri-user-4-line:before { content: "\f258"; }
.ri-user-5-fill:before { content: "\f259"; }
.ri-user-5-line:before { content: "\f25a"; }
.ri-user-6-fill:before { content: "\f25b"; }
.ri-user-6-line:before { content: "\f25c"; }
.ri-user-add-fill:before { content: "\f25d"; }
.ri-user-add-line:before { content: "\f25e"; }
.ri-user-fill:before { content: "\f25f"; }
.ri-user-follow-fill:before { content: "\f260"; }
.ri-user-follow-line:before { content: "\f261"; }
.ri-user-heart-fill:before { content: "\f262"; }
.ri-user-heart-line:before { content: "\f263"; }
.ri-user-line:before { content: "\f264"; }
.ri-user-location-fill:before { content: "\f265"; }
.ri-user-location-line:before { content: "\f266"; }
.ri-user-received-2-fill:before { content: "\f267"; }
.ri-user-received-2-line:before { content: "\f268"; }
.ri-user-received-fill:before { content: "\f269"; }
.ri-user-received-line:before { content: "\f26a"; }
.ri-user-search-fill:before { content: "\f26b"; }
.ri-user-search-line:before { content: "\f26c"; }
.ri-user-settings-fill:before { content: "\f26d"; }
.ri-user-settings-line:before { content: "\f26e"; }
.ri-user-shared-2-fill:before { content: "\f26f"; }
.ri-user-shared-2-line:before { content: "\f270"; }
.ri-user-shared-fill:before { content: "\f271"; }
.ri-user-shared-line:before { content: "\f272"; }
.ri-user-smile-fill:before { content: "\f273"; }
.ri-user-smile-line:before { content: "\f274"; }
.ri-user-star-fill:before { content: "\f275"; }
.ri-user-star-line:before { content: "\f276"; }
.ri-user-unfollow-fill:before { content: "\f277"; }
.ri-user-unfollow-line:before { content: "\f278"; }
.ri-user-voice-fill:before { content: "\f279"; }
.ri-user-voice-line:before { content: "\f27a"; }
.ri-video-add-fill:before { content: "\f27b"; }
.ri-video-add-line:before { content: "\f27c"; }
.ri-video-chat-fill:before { content: "\f27d"; }
.ri-video-chat-line:before { content: "\f27e"; }
.ri-video-download-fill:before { content: "\f27f"; }
.ri-video-download-line:before { content: "\f280"; }
.ri-video-fill:before { content: "\f281"; }
.ri-video-line:before { content: "\f282"; }
.ri-video-upload-fill:before { content: "\f283"; }
.ri-video-upload-line:before { content: "\f284"; }
.ri-vidicon-2-fill:before { content: "\f285"; }
.ri-vidicon-2-line:before { content: "\f286"; }
.ri-vidicon-fill:before { content: "\f287"; }
.ri-vidicon-line:before { content: "\f288"; }
.ri-vimeo-fill:before { content: "\f289"; }
.ri-vimeo-line:before { content: "\f28a"; }
.ri-vip-crown-2-fill:before { content: "\f28b"; }
.ri-vip-crown-2-line:before { content: "\f28c"; }
.ri-vip-crown-fill:before { content: "\f28d"; }
.ri-vip-crown-line:before { content: "\f28e"; }
.ri-vip-diamond-fill:before { content: "\f28f"; }
.ri-vip-diamond-line:before { content: "\f290"; }
.ri-vip-fill:before { content: "\f291"; }
.ri-vip-line:before { content: "\f292"; }
.ri-virus-fill:before { content: "\f293"; }
.ri-virus-line:before { content: "\f294"; }
.ri-visa-fill:before { content: "\f295"; }
.ri-visa-line:before { content: "\f296"; }
.ri-voice-recognition-fill:before { content: "\f297"; }
.ri-voice-recognition-line:before { content: "\f298"; }
.ri-voiceprint-fill:before { content: "\f299"; }
.ri-voiceprint-line:before { content: "\f29a"; }
.ri-volume-down-fill:before { content: "\f29b"; }
.ri-volume-down-line:before { content: "\f29c"; }
.ri-volume-mute-fill:before { content: "\f29d"; }
.ri-volume-mute-line:before { content: "\f29e"; }
.ri-volume-off-vibrate-fill:before { content: "\f29f"; }
.ri-volume-off-vibrate-line:before { content: "\f2a0"; }
.ri-volume-up-fill:before { content: "\f2a1"; }
.ri-volume-up-line:before { content: "\f2a2"; }
.ri-volume-vibrate-fill:before { content: "\f2a3"; }
.ri-volume-vibrate-line:before { content: "\f2a4"; }
.ri-vuejs-fill:before { content: "\f2a5"; }
.ri-vuejs-line:before { content: "\f2a6"; }
.ri-walk-fill:before { content: "\f2a7"; }
.ri-walk-line:before { content: "\f2a8"; }
.ri-wallet-2-fill:before { content: "\f2a9"; }
.ri-wallet-2-line:before { content: "\f2aa"; }
.ri-wallet-3-fill:before { content: "\f2ab"; }
.ri-wallet-3-line:before { content: "\f2ac"; }
.ri-wallet-fill:before { content: "\f2ad"; }
.ri-wallet-line:before { content: "\f2ae"; }
.ri-water-flash-fill:before { content: "\f2af"; }
.ri-water-flash-line:before { content: "\f2b0"; }
.ri-webcam-fill:before { content: "\f2b1"; }
.ri-webcam-line:before { content: "\f2b2"; }
.ri-wechat-2-fill:before { content: "\f2b3"; }
.ri-wechat-2-line:before { content: "\f2b4"; }
.ri-wechat-fill:before { content: "\f2b5"; }
.ri-wechat-line:before { content: "\f2b6"; }
.ri-wechat-pay-fill:before { content: "\f2b7"; }
.ri-wechat-pay-line:before { content: "\f2b8"; }
.ri-weibo-fill:before { content: "\f2b9"; }
.ri-weibo-line:before { content: "\f2ba"; }
.ri-whatsapp-fill:before { content: "\f2bb"; }
.ri-whatsapp-line:before { content: "\f2bc"; }
.ri-wheelchair-fill:before { content: "\f2bd"; }
.ri-wheelchair-line:before { content: "\f2be"; }
.ri-wifi-fill:before { content: "\f2bf"; }
.ri-wifi-line:before { content: "\f2c0"; }
.ri-wifi-off-fill:before { content: "\f2c1"; }
.ri-wifi-off-line:before { content: "\f2c2"; }
.ri-window-2-fill:before { content: "\f2c3"; }
.ri-window-2-line:before { content: "\f2c4"; }
.ri-window-fill:before { content: "\f2c5"; }
.ri-window-line:before { content: "\f2c6"; }
.ri-windows-fill:before { content: "\f2c7"; }
.ri-windows-line:before { content: "\f2c8"; }
.ri-windy-fill:before { content: "\f2c9"; }
.ri-windy-line:before { content: "\f2ca"; }
.ri-wireless-charging-fill:before { content: "\f2cb"; }
.ri-wireless-charging-line:before { content: "\f2cc"; }
.ri-women-fill:before { content: "\f2cd"; }
.ri-women-line:before { content: "\f2ce"; }
.ri-wubi-input:before { content: "\f2cf"; }
.ri-xbox-fill:before { content: "\f2d0"; }
.ri-xbox-line:before { content: "\f2d1"; }
.ri-xing-fill:before { content: "\f2d2"; }
.ri-xing-line:before { content: "\f2d3"; }
.ri-youtube-fill:before { content: "\f2d4"; }
.ri-youtube-line:before { content: "\f2d5"; }
.ri-zcool-fill:before { content: "\f2d6"; }
.ri-zcool-line:before { content: "\f2d7"; }
.ri-zhihu-fill:before { content: "\f2d8"; }
.ri-zhihu-line:before { content: "\f2d9"; }
.ri-zoom-in-fill:before { content: "\f2da"; }
.ri-zoom-in-line:before { content: "\f2db"; }
.ri-zoom-out-fill:before { content: "\f2dc"; }
.ri-zoom-out-line:before { content: "\f2dd"; }
.ri-zzz-fill:before { content: "\f2de"; }
.ri-zzz-line:before { content: "\f2df"; }


/* 文章卡片相关 */

#recent-posts>.recent-post-item>.recent-post-info {
    padding: 0;
}

.recent-post-item .recent-post-info .recent-post-info-top {
    position: relative;
    transition: 0.3s;
    padding: 32px;
    width: 100%;
}

.recent-post-item .recent-post-info .recent-post-info-top .article-title {
    line-height: 30px;
    margin-top: 0;
    font-weight: bold;
    color: var(--heo-fontcolor);
    margin-bottom: 0;
    width: 100%;
    transition: .3s;
    font-size: 1rem;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.recent-post-item .recent-post-info .recent-post-info-top .lastestpost {
    display: none;
}

@media screen and (min-width: 1300px) {
    #recent-posts>.recent-post-item:nth-child(2) .lastestpost {
        display: flex;
        color: var(--heo-lighttext);
        font-size: 0.5rem;
        position: relative;
    }
    #recent-posts .recent-post-item.lastestpost-item .recent-post-info-top {
        padding-top: 16px;
    }
    .recent-post-item .recent-post-info .recent-post-info-top .article-title {
        font-size: 22px;
        -webkit-line-clamp: 2;
    }
    .recent-post-item:hover .recent-post-info .recent-post-info-top .article-title {
        -webkit-line-clamp: 2;
    }
    #recent-posts>.recent-post-item .post_cover {
        transition: 1s !important;
        height: 225px;
        width: 100%;
    }
    .recent-post-item.post-card-large .recent-post-info .recent-post-info-top .content {
        opacity: 0 !important;
        -webkit-line-clamp: 2 !important;
    }
    .recent-post-item.post-card-large:hover .recent-post-info .recent-post-info-top .content {
        opacity: 1 !important;
    }
}

.recent-post-item .recent-post-info .recent-post-info-top .content {
    opacity: 0;
    transition: 0.3s;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.4;
    color: var(--heo-secondtext);
    margin-top: 0.5rem;
}

@media screen and (max-width: 1300px) {
    .recent-post-item:hover .recent-post-info .recent-post-info-top .content {
        display: none;
    }
}

@media screen and (min-width: 1300px) {
    .recent-post-item:hover .recent-post-info .recent-post-info-top .content {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .recent-post-item.post-card-large .recent-post-info .recent-post-info-top .content {
        opacity: 1;
        -webkit-line-clamp: 4;
    }
    .recent-post-item.post-card-large:hover .recent-post-info .recent-post-info-top .content {
        -webkit-line-clamp: 6;
    }
}

@media screen and (max-width: 768px) {
    .recent-post-item .recent-post-info .recent-post-info-top {
        padding: 0 20px;
        top: 20px;
    }
    .recent-post-item .recent-post-info .recent-post-info-top .content {
        opacity: 1;
        -webkit-line-clamp: 3;
        display: none;
    }
    #recent-posts .recent-post-item .recent-post-info .article-title {
        font-size: 19px;
    }
}


/* 文章卡片文字信息 */

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap a {
    color: var(--heo-fontcolor);
}


/* 文章封面 */

#recent-post-top .recent-post-item .post_cover {
    width: 100%;
}


/* 文章卡片图标与文字间隙 */

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap i {
    margin: 0 0.4rem 0 0;
}


/* 文章卡片置顶标签 */

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .sticky {
    color: var(--heo-fontcolor);
}


/* 文章卡片高度 */

#recent-posts .recent-post-item {
    height: fit-content;
    background: var(--heo-card-bg);
    border-radius: 12px;
    cursor: pointer;
    border: var(--style-border);
}

#recent-posts .recent-post-item:hover {
    border: var(--style-border-hover);
    box-shadow: var(--heo-shadow-main);
}

#recent-posts>.recent-post-item .right_radius {
    border-top-left-radius: 12px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 12px;
}

@media screen and (min-width: 1300px) {
    #recent-posts>.recent-post-item .right_radius {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
}

@media screen and (max-width: 768px) {
    #recent-posts .recent-post-item:hover {
        border: none;
        box-shadow: none;
    }
}


/* 文章卡片偏移样式 */

@media screen and (max-width: 1300px) {
    #recent-posts>.recent-post-item .right_radius,
    #recent-posts>.recent-post-item .left_radius {
        border-top-left-radius: 12px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 12px;
        width: 75%;
        display: flex;
        height: 200px;
    }
    #recent-posts>.recent-post-item:hover .post_cover img.post_bg {
        transform: scale(1.03);
        transition: 0.3s ease-in-out;
        filter: brightness(0.85);
        border-radius: 12px 0 0 12px;
    }
    #recent-posts>.recent-post-item.post-card-large:hover .post_cover img.post_bg {
        transform: scale(1.03);
    }
    #recent-posts>.recent-post-item .post_cover img.post_bg {
        min-width: 100%;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        transition: 0.3s ease-in-out;
        min-height: 100%;
    }
    #recent-posts>.recent-post-item:hover>.recent-post-info {
        transition: all 0.3s;
        position: relative;
    }
    #recent-posts>.recent-post-item>.recent-post-info {
        transition: all 0.3s;
    }
}

#recent-posts>.recent-post-item:hover .post_cover img.post_bg {
    transform: scale(1.03);
    transition: 0.3s ease-in-out;
    filter: brightness(0.85);
    border-radius: 12px 0 0 12px;
}

@media screen and (min-width: 1300px) {
    #recent-posts>.recent-post-item .right_radius,
    #recent-posts>.recent-post-item .left_radius {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        width: 100%;
        display: flex;
    }
}

#recent-posts>.recent-post-item .right_radius a,
#recent-posts>.recent-post-item .left_radius a {
    min-height: 100%;
    min-width: 100%;
}

#recent-posts>.recent-post-item>.recent-post-info {
    display: inline-block;
    overflow: hidden;
}


/* 文章置顶卡片样式 */

.recent-top-post-group {
    border-radius: 12px;
    overflow: hidden;
    overflow-x: auto;
    width: 100%;
    margin-bottom: 0rem;
}

.recent-post-top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: scroll;
}

.recent-post-top::-webkit-scrollbar {
    display: none;
    /* Chrome Safari */
}

.recent-post-top .recent-post-item {
    display: flex;
    width: 200px;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0.5rem;
    background: var(--heo-card-bg);
    border-radius: 12px;
    overflow: hidden;
    min-width: 200px;
    height: 164px;
    max-height: 164px;
    border: var(--style-border-always);
    transition: 0.3s;
    position: relative;
    box-shadow: var(--heo-shadow-border);
}

@media screen and (max-width: 768px) {
    .recent-post-top .recent-post-item {
        border-radius: 8px;
        box-shadow: none;
        clip-path: inset(0 0 0 0 round 8px);
    }
    .recent-post-top .recent-post-item:last-child {
        margin-right: 1rem;
    }
}

@media screen and (min-width: 1300px) {
    .recent-post-top .recent-post-item {
        margin-right: 0px;
        margin-bottom: 0.5rem;
    }
    .recent-post-top .recent-post-item:active {
        transform: scale(0.97);
    }
    .recent-post-top {
        overflow-x: visible;
    }
    .recent-top-post-group {
        overflow: visible;
        overflow-x: visible;
    }
}

span.recent-post-top-text {
    position: absolute;
    top: 0;
    left: -40px;
    display: flex;
    z-index: 1;
    background: var(--heo-theme);
    color: var(--heo-white);
    padding: 2px 8px;
    font-size: 0.6rem;
    border-radius: 12px 0 12px 0;
    transition: 0.3s;
    cursor: pointer;
}

.recent-post-item:hover .recent-post-top-text {
    left: 0;
}

@media screen and (min-width: 1300px) {
    .recent-post-top .recent-post-item:hover {
        border: var(--style-border-hover);
        box-shadow: var(--heo-shadow-main);
        transform: scale(1.03);
    }
    .recent-post-top .recent-post-item:active {
        transform: scale(0.97);
    }
}

@media screen and (max-width: 768px) {
    .recent-top-post-group {
        border-radius: 0;
        background: var(--heo-background);
    }
    .recent-post-top-text {
        display: none !important;
    }
    .recent-post-top .recent-post-item .post_cover img {
        border-radius: 8px 8px 0 0 !important;
    }
}


/* 封面 */

.recent-post-top .recent-post-item .post_cover a {
    height: 100px;
    overflow: hidden;
    display: flex;
}

.recent-post-top .recent-post-item .post_cover img {
    object-fit: cover;
    width: 100%;
    background: var(--heo-secondbg);
    border-radius: 12px 12px 0 0;
}

.recent-post-top .recent-post-item:hover .post_cover img {
    transform: scale(1);
}

.recent-post-item .post_cover {
    -webkit-mask-image: -webkit-radial-gradient(center, rgb(255, 255, 255), rgb(0, 0, 0));
}


/* 标题 */

.recent-post-top .recent-post-item .recent-post-info {
    padding: 0.3rem 0.5rem 0.3rem 0.5rem !important;
    transition: 0.3s;
}

.recent-post-top .recent-post-item:hover .recent-post-info a {
    color: var(--heo-fontcolor);
}

@media screen and (max-width: 1300px) {
    .recent-post-top .recent-post-item:hover .recent-post-info a {
        color: var(--heo-theme);
        transition: 0.3s;
    }
}

.recent-post-top .recent-post-item .recent-post-info .article-title {
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    justify-content: center;
    align-items: flex-end;
    align-content: center;
    padding-top: .5rem;
    font-weight: bold;
    font-size: 0.8rem !important;
    padding: 0 !important;
}

.title-and-tips {
    display: flex;
    margin-top: 1rem;
    align-items: center;
}

.title-and-tips .page-title {
    line-height: 1;
    margin: 0;
}

.title-and-tips .page-tips {
    background: var(--heo-yellow-op);
    color: var(--heo-yellow);
    margin-bottom: auto;
    border-radius: 8px;
    padding: 2px 6px;
    font-size: 0.5rem;
    margin-left: 8px;
}

#recent-posts>.recent-post-item {
    box-shadow: var(--heo-shadow-light2black);
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-align: center;
    align-items: center;
    transition: all 0.3s ease 0s;
}

#recent-posts>.recent-post-item:not(:first-child) {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
}

@media screen and (min-width: 1300px) {
    #recent-posts>.recent-post-item {
        flex-direction: column;
    }
    #recent-posts>.recent-post-item:not(:first-child) {
        width: calc(100% / 2 - 0.5rem);
        margin-top: 0.25rem;
        margin-bottom: 0.75rem;
        box-shadow: var(--heo-shadow-border);
        clip-path: inset(0 0 0 0 round 12px);
    }
    #recent-posts>.recent-post-item:not(:first-child):active {
        transform: scale(0.97);
    }
    #category-bar {
        margin-bottom: 0.75rem;
        box-shadow: var(--heo-shadow-border);
    }
    /* 首页文章第一个 */
    #recent-posts {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;
    }
}


/* 主页卡片手机端美化 */

@media screen and (max-width: 768px) {
    #recent-posts>.recent-post-item {
        border-radius: 0;
    }
    #recent-posts>.recent-post-item:not(:first-child) {
        margin: 1.5rem 1rem;
        border-radius: 12px;
        margin-top: 0.5rem;
        border: var(--style-border-always);
        box-shadow: var(--heo-shadow-border);
        display: block;
        position: relative;
        clip-path: inset(0 0 0 0 round 12px);
    }
    #recent-posts .recent-post-item .post_cover {
        border-radius: 0 !important;
        width: 100%;
    }
    #bbTimeList {
        margin-top: 0;
        border-radius: 0;
        background: var(--heo-background);
        padding: 0.5rem 20px;
    }
    a.article-meta__categories {
        left: 12px !important;
        top: 12px !important;
        border-radius: 4px !important;
        padding: 2px 9px !important;
        font-size: 12px;
    }
    #bbTimeList {
        margin-bottom: 0rem;
    }
}


/* 置顶卡片数量优化 */

@media screen and (min-width: 1300px) {
    .topGroup .recent-post-item:nth-child(7) {
        display: none;
    }
}


/* 手机端精简优化 */

@media screen and (max-width: 768px) {
    /* 边栏头像 */
    #sidebar-menus>div.author-avatar {
        display: none;
    }
    /* 文章标签 */
    #recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap {
        bottom: 0.5rem !important;
    }
    #recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap time {
        display: absolute;
        right: 0;
    }
    /* 右下角设置按钮 */
    #rightside {
        display: none;
    }
    /* 背景 */
    #web_bg {
        background: none !important;
    }
    #recent-posts>.recent-post-item .post_cover img.post_bg {
        border-radius: 12px 12px 0 0 !important;
    }
    #recent-posts>.recent-post-item .post_cover img.post_bg:hover {
        transform: scale(1);
    }
    #recent-posts>.recent-post-item:hover img.post_bg {
        transform: scale(1);
    }
    .recent-post-top .recent-post-item:hover .post_cover img {
        transform: scale(1);
    }
    #recent-posts>.recent-post-item>.recent-post-info>.article-title,
    #recent-posts>.recent-post-item>.recent-post-info>.content,
    #recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap {
        padding: 0 20px !important;
    }
}


/* 主页文章封面左侧显示 */


/* #recent-posts>.recent-post-item .right_radius{
    order: 0;
    border-radius: 8px 0 0 8px;
  } */


/* 主页文章卡片尺寸变化 */


/* #recent-posts > div:nth-child(1){
    height: 22em;
  }
  #recent-posts > div:nth-child(1) > div.recent-post-info > div.content{
    height: 120px;
    margin-top: 20px!important;
  }
  #recent-posts > div:nth-child(4){
    height: 22em;
  }
  #recent-posts > div:nth-child(4) > div.recent-post-info > div.content{
    height: 120px;
    margin-top: 20px!important;
  }
  #recent-posts > div:nth-child(8){
    height: 22em;
  }
  #recent-posts > div:nth-child(8) > div.recent-post-info > div.content{
    height: 120px;
    margin-top: 20px!important;
  } */


/* 自定义的文章分类 */

a.article-meta__categories {
    position: absolute!important;
    padding: 1px 6px!important;
    background: var(--heo-black-op)!important;
    border-radius: 8px!important;
    margin-left: 0px!important;
    font-size: 12px!important;
    font-weight: bold!important;
    color: var(--heo-white)!important;
    top: -330px!important;
    left: 8px!important;
    backdrop-filter: saturate(180%) blur(20px)!important;
    -webkit-backdrop-filter: blur(20px)!important;
    z-index: 999!important;
}

a.article-meta__categories:hover {
    background: var(--heo-theme) !important;
    color: var(--heo-white) !important;
    box-shadow: var(--heo-shadow-theme);
}


/* 文章卡片标题 */

#recent-posts>.recent-post-item>.recent-post-info>.article-title {
    line-height: 1.4;
    margin-top: 0px;
    font-weight: bold;
    color: var(--heo-fontcolor);
    margin-bottom: 0px;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0 40px;
    transition: 0.3s;
}

#recent-posts>.recent-post-item>.recent-post-info>.article-title:hover {
    color: var(--heo-fontcolor);
}

@media screen and (min-width: 768px) {
    #recent-posts>.recent-post-item>.recent-post-info>.article-title {
        top: 40px;
    }
    #recent-posts>.recent-post-item:hover>.recent-post-info>.article-title {
        top: 20px;
    }
    #recent-posts>.recent-post-item.post-card-large:hover>.recent-post-info>.article-title {
        top: 30px;
    }
    #recent-posts .recent-post-item:hover .recent-post-info .article-title {
        color: var(--heo-theme);
    }
}


/* 文章卡片标签边距 */

.article-meta-wrap {
    color: var(--heo-secondtext) !important;
}


/* 日期右侧显示 */

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap>.post-meta-date {
    /* display: none; */
    right: 0px;
    text-align: right;
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap>.post-meta-date i {
    display: none;
}

.post-meta-date .far {
    opacity: 0.6;
}

.post-meta-date .article-meta-label {
    display: none;
}

.post-meta-date {
    margin-right: 0.8rem;
}


/* 文章目录 */

#aside-content #card-toc .toc-content .toc-link.active {
    line-height: 1.2;
    border-radius: 12px;
    border-left-color: var(--heo-hovertext);
    background-color: var(--heo-card-bg);
    color: var(--heo-lighttext);
    font-weight: bold;
    font-size: 20px;
}

[data-theme=dark].toc .toc-item.active .toc-link .toc-text {
    color: var(--heo-white);
}

#aside-content #card-toc .toc-content .toc-item.active .toc-link {
    opacity: 1;
    border-radius: 8px;
}

#aside-content #card-toc .toc-content .toc-link {
    line-height: 1.2;
    padding: 8px;
    border-left: 0px solid transparent;
    border-radius: 12px;
    color: var(--heo-secondtext);
    cursor: default;
}

#aside-content #card-toc .toc-content .toc-link:not(.active) span {
    opacity: 0.6;
    cursor: pointer;
    filter: blur(1px);
    transition: 0.3s;
}

#aside-content #card-toc:hover .toc-content .toc-link:not(.active) span {
    filter: blur(0px);
    opacity: 1;
}

#aside-content #card-toc .toc-content .toc-link:not(.active) span:hover {
    color: var(--heo-lighttext);
}


/* 目录卡片边距 */

#card-toc {
    padding: 0.5rem 0.5rem !important;
}


/* 不显示分割线 */

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap .article-meta__separator {
    display: none;
}

.article-meta {
    margin: 0 8px 0 0;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
}


/* 不显示标签分割点 */

.article-meta__link {
    display: none;
}

.article-meta__tags {
    margin-right: 4px;
    padding: 0 .2rem;
    padding-left: 0;
}


/* 多分类兼容性调整 */

#recent-posts>div>i .post_cover {
    display: none;
}


/* 文章标签置底 */

#recent-posts>.recent-post-item>.recent-post-info {
    height: 174px;
    width: 100%;
    cursor: pointer;
    position: relative;
}

@media screen and (max-width: 768px) {
    #recent-posts .recent-post-item .recent-post-info {
        height: 7rem;
    }
}

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap {
    position: absolute;
    bottom: 16px;
    transition: 0.3s;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    left: 0;
    padding: 0 32px;
    white-space: nowrap;
}

@media screen and (min-width: 1300px) {
    #recent-posts>.recent-post-item:hover>.recent-post-info>.article-meta-wrap {
        bottom: 30px;
    }
    #recent-posts>.recent-post-item.post-card-large:hover>.recent-post-info>.article-meta-wrap {
        bottom: 30px;
    }
    #recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap {
        bottom: 30px;
    }
}


/* 首页文章标签样式 */

#recent-posts>.recent-post-item>.recent-post-info>.article-meta-wrap a:hover {
    background-color: var(--heo-none);
    color: var(--heo-hovertext);
}

#recent-posts>.recent-post-item .post_cover img.post_bg {
    width: 100%;
    height: 100%;
    transition: all 0.6s ease 0s;
    object-fit: cover;
}
.snackbar-container {
  transition: all .5s ease;
  transition-property: top, right, bottom, left, opacity;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  min-height: 14px;
  background-color: #070b0e;
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  line-height: 22px;
  padding: 18px 24px;
  bottom: -100px;
  top: -100px;
  opacity: 0;
  z-index: 9999
}

.snackbar-container .action {
  background: inherit;
  display: inline-block;
  border: none;
  font-size: inherit;
  text-transform: uppercase;
  color: #4caf50;
  margin: 0 0 0 24px;
  padding: 0;
  min-width: min-content;
  cursor: pointer
}

@media (min-width:640px) {
  .snackbar-container {
    min-width: 288px;
    max-width: 568px;
    display: inline-flex;
    border-radius: 2px;
    margin: 24px
  }
}

@media (max-width:640px) {
  .snackbar-container {
    left: 0;
    right: 0;
    width: 100%
  }
}

.snackbar-pos.bottom-center {
  top: auto !important;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0)
}

.snackbar-pos.bottom-left {
  top: auto !important;
  bottom: 0;
  left: 0
}

.snackbar-pos.bottom-right {
  top: auto !important;
  bottom: 0;
  right: 0
}

.snackbar-pos.top-left {
  bottom: auto !important;
  top: 0;
  left: 0
}

.snackbar-pos.top-center {
  bottom: auto !important;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0)
}

.snackbar-pos.top-right {
  bottom: auto !important;
  top: 0;
  right: 0
}

@media (max-width:640px) {

  .snackbar-pos.bottom-center,
  .snackbar-pos.top-center {
    left: 0;
    transform: none
  }
}
/**
 * Swiper 8.0.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 14, 2022
 */

@font-face{font-family:swiper-icons;src:url('../fonts/4b951093f3934cd2a669204bbed11a6c.woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
.topGroup .todayCard {
    display: none;
}

@media screen and (min-width: 1300px) {
    .topGroup {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
        height: calc(328px + 0.5rem);
        align-content: space-between;
        width: calc(600px + 1.5rem);
        position: relative;
    }
    .topGroup .todayCard {
        position: absolute;
        width: calc(600px + 1rem);
        height: 100%;
        z-index: 1;
        top: 0;
        left: 0;
        background: var(--card-bg);
        border-radius: 12px;
        margin-left: 0.5rem;
        overflow: hidden;
        transition: 0.3s;
        display: flex;
        cursor: pointer;
        pointer-events: all;
    }
    .topGroup .todayCard::after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .topGroup .todayCard.hide {
        opacity: 0;
        pointer-events: none;
    }
    .topGroup .todayCard .todayCard-info {
        position: absolute;
        bottom: 2rem;
        left: 2rem;
        z-index: 2;
        color: var(--heo-white);
        max-width: 60%;
        transition: 0.3s;
    }
    .topGroup .todayCard.hide .todayCard-info {
        bottom: 1rem;
        opacity: 0;
    }
    .topGroup .todayCard .todayCard-info .todayCard-tips {
        opacity: 0.8;
        font-size: 0.6rem;
    }
    .topGroup .todayCard .todayCard-info .todayCard-title {
        font-size: 28px;
        font-weight: bold;
        line-height: 36px;
    }
    .topGroup .banner-button-group {
        position: absolute;
        right: 2rem;
        bottom: 2rem;
        display: flex;
        transition: 0.3s;
    }
    .topGroup .todayCard.hide .banner-button-group {
        bottom: 1rem;
    }
    .topGroup .banner-button {
        background: var(--heo-white-op);
        border-radius: 20px;
        color: var(--heo-white);
        display: flex;
        align-items: center;
        z-index: 1;
        transition: 0.3s;
        cursor: pointer;
        backdrop-filter: saturate(180%) blur(20px);
        -webkit-backdrop-filter: blur(20px);
        height: 40px;
        width: 124px;
        justify-content: center;
    }
    .topGroup .banner-button:hover {
        background: var(--heo-theme);
        color: var(--heo-white);
    }
    .topGroup .banner-button i {
        margin-right: 8px;
        font-size: 1rem;
    }
    .topGroup .todayCard .todayCard-cover {
        position: absolute;
        min-width: 100%;
        min-height: 100%;
        top: 0;
        left: 0;
        background-size: cover;
        z-index: -1;
        transition: 0.3s;
    }
    .topGroup .todayCard.hide .todayCard-cover {
        transform: scale(1.2);
    }
}
 #page-name {
    align-items: center;
    display: flex;
    border-radius: 12px;
    height: 40px;
    position: absolute;
    top: 62px;
    left: 0px;
    right: 0px;
    margin: auto;
    justify-content: center;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
  }

  #page-header.nav-fixed #nav #menus {
    z-index: 100;
  }

  #page-header.nav-fixed.nav-visible #nav #menus {
    z-index: 101;
  }

  #page-header.nav-fixed #page-name {
    z-index: 101;
    transition: 0.3s;
    top: 10px;
  }

  #page-header.nav-fixed.nav-visible #page-name {
    z-index: 100;
    top: 62px;
    transition: 0.3s;
  }

  #page-name-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
  }
}

@media screen and (max-width: 899px) {
  #nav #page-name-mask {
    display: none !important;
  }
}
/* 评论 */


/* ---------------------------------------------------------------- */


/* ---------------------------------------------------------------- */


/* ---------------------------------------------------------------- */


/* ---------------------------------------------------------------- */


/* ---------------------------------------------------------------- */

div#post-comment {
    margin-top: 2rem;
}

#post-comment>div.comment-head>div.comment-privacy {
    display: block;
    justify-content: space-between;
    float: right;
    line-height: 2rem;
}

#post-comment .comment-tips {
    background-color: rgba(103, 194, 58, 0.13);
    border: var(--style-border-always);
    border-color: var(--heo-green);
    color: var(--heo-green);
    border-radius: 8px;
    padding: 8px 12px;
    margin-top: 0.5rem;
    display: none;
}

#post-comment .comment-tips.show {
    display: flex;
}


/* 头像 */

.tk-avatar {
    width: 32px !important;
    height: 32px !important;
    box-shadow: var(--heo-shadow-border);
}

.tk-avatar.tk-has-avatar {
    width: 32px !important;
    height: 32px !important;
    border-radius: 32px !important;
}

.tk-row .tk-avatar {
    display: none;
}

.tk-avatar .tk-avatar-img {
    height: 32px !important;
}

.tk-avatar .tk-avatar-img:hover {
    transform: rotate(360deg);
}

img.tk-avatar-img {
    height: 32px !important;
}

.tk-avatar {
    margin-right: 0.5rem !important;
}


/* 评论输入框提示 */


/* 设置文字内容 :nth-child(1)的作用是选择第几个 */

.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(1):before {
    content: '输入QQ号会自动获取昵称和头像';
}

.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(2):before {
    content: '收到回复将会发送到你的邮箱';
}

.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(3):before {
    content: '可以通过昵称访问你的网站';
}


/* 当用户点击输入框时显示 */

.el-input.el-input--small.el-input-group.el-input-group--prepend:focus-within::before {
    display: block;
    animation: commonTipsIn 0.3s;
}

.el-input.el-input--small.el-input-group.el-input-group--prepend:focus-within::after {
    display: block;
    animation: commonTriangleIn 0.3s;
}

@keyframes commonTipsIn {
    0% {
        top: -50px;
        opacity: 0;
    }
    100% {
        top: -60px;
        opacity: 1;
    }
}

@keyframes commonTriangleIn {
    0% {
        transform: translate(-50%, -36px);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, -46px);
        opacity: 1;
    }
}


/* 主内容区 */

.el-input.el-input--small.el-input-group.el-input-group--prepend::before {
    /* 先隐藏起来 */
    display: none;
    /* 绝对定位 */
    position: absolute;
    /* 向上移动60像素 */
    top: -60px;
    /* 文字强制不换行，防止left:50%导致的文字换行 */
    white-space: nowrap;
    /* 圆角 */
    border-radius: 10px;
    /* 距离左边50% */
    left: 50%;
    /* 然后再向左边挪动自身的一半，即可实现居中 */
    transform: translate(-50%);
    /* 填充 */
    padding: 14px 18px;
    background: #444;
    color: #fff;
    z-index: 100;
}


/* 小角标 */

.el-input.el-input--small.el-input-group.el-input-group--prepend::after {
    display: none;
    content: '';
    position: absolute;
    /* 内容大小（宽高）为0且边框大小不为0的情况下，每一条边（4个边）都是一个三角形，组成一个正方形。
  我们先将所有边框透明，再给其中的一条边添加颜色就可以实现小三角图标 */
    border: 12px solid transparent;
    border-top-color: #444;
    left: 50%;
    transform: translate(-50%, -46px);
}


/* 昵称 */

.tk-nick {
    font-size: 1rem !important;
    line-height: 32px;
}


/* 填写项标题 */

.el-input-group__append,
.el-input-group__prepend {
    background-color: var(--heo-card-bg) !important;
    color: var(--heo-fontcolor) !important;
    border-color: var(--heo-card-border) !important;
    border: var(--style-border)!important;
}


/* 输入框 */

.el-input__inner {
    background: var(--heo-background) !important;
    border: 1px solid var(--heo-card-border) !important;
    color: var(--heo-fontcolor) !important;
}

.page .el-input__inner {
    background: var(--heo-card-bg) !important;
}

.el-input__inner:focus {
    border: 1px solid var(--heo-main) !important;
}


/* 评论输入框 */

.el-textarea__inner {
    background: var(--heo-background) !important;
    color: var(--heo-fontcolor) !important;
    border-radius: 12px !important;
    min-height: 100px !important;
    padding: 16px 16px 40px 16px !important;
    border: var(--style-border-always) !important;
}

@media screen and (max-width: 768px) {
    .el-textarea__inner {
        border-radius: 4px !important;
        background: var(--card-bg) !important;
    }
}

#page .el-textarea__inner {
    background: var(--heo-card-bg) !important;
    box-shadow: var(--heo-shadow-border);
}

.el-textarea__inner:focus {
    border: var(--style-border-hover-always) !important;
    box-shadow: var(--heo-shadow-main);
}

#page .tk-meta-input .el-input {
    box-shadow: var(--heo-shadow-border);
}

#twikoo .tk-row .tk-col {
    flex-direction: column-reverse !important;
}


/* 评论数量字号 */

#twikoo>div.tk-comments>div.tk-comments-container>div.tk-comments-title>span:nth-child(1) {
    display: none !important;
}


/* 加载时背景颜色 */

.el-loading-mask {
    background-color: none !important;
}


/* 所有标签 */

.tk-tag {
    transform: translateY(-2px);
}


/* 评论博主标签圆角 */

.tk-tag-green {
    border-radius: 4px !important;
    border: 0px solid #e1f3d8 !important;
    font-size: 0.5rem !important;
}

[data-theme=dark] .tk-tag-green {
    background-color: #67c23a21 !important;
}


/* 审核中的评论 */

.tk-tag-yellow {
    border-radius: 4px !important;
    border: 0px solid #e1f3d8 !important;
    font-size: 0.5rem !important;
}

[data-theme=dark] .tk-tag-green {
    background-color: #c0c23a21 !important;
}


/* 评论置顶 */

.tk-tag-red {
    border-radius: 4px !important;
    border: 0px solid #f3d8d8 !important;
    font-size: 0.5rem !important;
}

[data-theme=dark] .tk-tag-red {
    background-color: #c23a3a21 !important;
}


/* 预览按钮 */

.el-button {
    background-color: var(--heo-fontcolor) !important;
    border: 0px solid var(--heo-main) !important;
    color: var(--heo-background) !important;
    border-radius: 8px !important;
}

.el-button:hover {
    background: var(--heo-main) !important;
    color: var(--heo-white) !important;
}

.el-button.tk-preview {
    display: none !important;
}

#twikoo>div.tk-comments>div.tk-submit>div.tk-row.actions>a {
    display: none !important;
}

#twikoo {
    z-index: 102;
}


/* 魔改教程入口 */

.twikoo-info {
    color: var(--heo-secondtext);
}


/* 点赞和评论 */

.tk-action-link {
    color: var(--heo-lighttext) !important;
}

.tk-action-icon svg {
    fill: var(--heo-lighttext) !important;
}


/* 取消按钮 */

button.el-button.tk-cancel.el-button--default.el-button--small {
    background: var(--heo-secondbg) !important;
    border-radius: 8px !important;
    color: var(--heo-fontcolor) !important;
}

.tk-submit-action-icon.__markdown {
    display: none;
}


/* 发送按钮正常状态 */

.tk-comments .el-button--primary {
    border-color: var(--heo-fontcolor) !important;
    color: var(--heo-card-bg) !important;
    border-radius: 4px !important;
    box-shadow: var(--heo-shadow-black);
    transition: 0.3s;
    width: 5rem;
    position: absolute;
    top: -53px;
    right: 0px;
    margin-left: 0.5rem !important;
    height: 32px;
}


/* 发送按钮禁用状态 */

.tk-comments .el-button--primary.is-disabled,
.tk-comments .el-button--primary.is-disabled:active,
.tk-comments .el-button--primary.is-disabled:focus,
.tk-comments .el-button--primary.is-disabled:hover {
    opacity: 0.4;
}

.tk-row-actions-start {
    position: absolute;
    top: -100px;
    left: 17px;
}

@media screen and (max-width: 768px) {
    .tk-submit .el-button--primary {
        width: 5rem;
        height: 132px;
        top: -161px;
    }
    .tk-row-actions-start {
        top: -210px;
    }
}

.tk-comments-title {
    position: absolute;
    bottom: 0;
    left: 0;
}

.tk-extras {
    margin-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.tk-icon.__comments:first-child {
    display: none;
}

.tk-icon.__comments {
    margin-left: 0 !important;
}

.tk-row.actions {
    margin-bottom: 0.5rem !important;
    margin-left: 0px !important;
    margin-top: 0.5rem !important;
    justify-content: space-around !important;
}

.tk-meta-input {
    position: relative !important;
    margin-top: 0.8rem;
    width: calc(100% - 5.5rem);
}


/* 内容 */

#post-comment blockquote {
    background: var(--heo-secondbg);
    border: var(--style-border);
    box-shadow: none;
    margin: 0;
    margin-bottom: 0.5rem;
    font-size: 0.6rem;
    color: var(--heo-secondtext);
    border-radius: 8px;
}


/* 表情 */

.tk-content .tk-owo-emotion {
    width: 3em;
    margin: 0px 2px 0px 2px;
}

.OwO .OwO-body .OwO-bar .OwO-packages li {
    line-height: 45px;
    font-size: 28px;
}

.OwO .OwO-body {
    z-index: 102;
    width: 500px;
}

#owo-big {
    position: fixed;
    align-items: center;
    background-color: var(--heo-card-bg);
    border: var(--style-border-always);
    border-radius: 10px;
    z-index: 9999;
    display: none;
    transform: translate(0, -105%);
    overflow: hidden;
    animation: owoIn 0.3s cubic-bezier(0.42, 0, 0.3, 1.11);
    padding: 1rem;
}

#owo-big img {
    width: 100%;
}

.tk-owo-emotion,
.twikoo .OwO-item img {
    pointer-events: none;
}

@keyframes owoIn {
    0% {
        transform: translate(0, -95%);
        opacity: 0;
    }
    100% {
        transform: translate(0, -105%);
        opacity: 1;
    }
}

@media screen and (max-width: 768px) {
    .OwO .OwO-body {
        width: 300px;
    }
}

.tk-extra {
    background: var(--heo-card-bg);
    border: var(--style-border-always);
    padding: 1px 5px 1px 2px;
    border-radius: 8px;
    margin-right: 4px !important;
    color: var(--heo-secondtext) !important;
    display: inline !important;
    margin-top: 6px !important;
    font-size: 0.5rem;
}

.tk-extra .tk-icon {
    display: none;
}


/* 更多评论 */


/* [data-theme=dark] .tk-expand{
  background: linear-gradient(rgba(29, 31, 32,0), rgba(29, 31, 32,1))!important;
  color: var(--heo-fontcolor);
} */

.tk-expand {
    background: var(--heo-card-bg) !important;
    color: var(--heo-fontcolor) !important;
    border: var(--style-border-always);
    box-shadow: var(--heo-shadow-border);
    border-radius: 12px;
}

.tk-expand:hover {
    background: var(--heo-theme) !important;
    color: var(--heo-white) !important;
}


/* 评论时间 */

.tk-time {
    color: var(--heo-secondtext) !important;
    font-size: 0.8rem;
    margin-left: 0.5rem;
}


/* 评论之间的间距 */

.tk-comments-container>.tk-comment {
    margin-top: 0rem !important;
    margin-bottom: 0.5rem !important;
    background: var(--heo-card-bg);
    transition: 0.3s;
    border-radius: 12px;
    padding: 0rem;
    padding-top: 0.5rem;
    border: none;
    border-top: var(--style-border-dashed);
}

#page .tk-comments-container>.tk-comment {
    padding: 1rem;
    padding-bottom: 1.5rem;
    border: var(--style-border);
    border-top: var(--style-border);
    box-shadow: var(--heo-shadow-border);
}

@media screen and (max-width: 768px) {
    .tk-comments-container>.tk-comment {
        padding: 1rem;
        border: var(--style-border-always);
        box-shadow: var(--heo-shadow-border);
    }
    .tk-icon.__comments {
        left: 0.5rem;
    }
}

.tk-icon {
    position: absolute;
}


/* 评论功能模块标题字号 */

#post-comment .comment-head {
    font-size: 0.8em !important;
    margin-bottom: 0.5rem;
}


/* 隐藏没有评论 */

.tk-comments-no {
    display: none !important;
}

.tk-comments-container {
    min-height: 0rem !important;
    margin-top: 0.5rem;
}

.tk-replies>.tk-comment {
    background: var(--heo-card-bg);
    border-top: var(--style-border-dashed);
    border-radius: 12px;
    padding: 0;
    transition: 0.3s;
    padding-top: 1rem;
    margin-top: 0;
}

.tk-content p {
    margin: 0px !important;
}

.tk-replies .tk-content span:first-child {
    font-size: 0.5rem;
    color: var(--heo-secondtext);
}
.search-dialog {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1001;
  display: none;
  margin-left: -300px;
  padding: 20px;
  width: 600px;
  border-radius: 8px;
  background: var(--search-bg);
}
@media screen and (max-width: 768px) {
  .search-dialog {
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
}
.search-dialog hr {
  margin: 20px auto;
}
.search-dialog .search-nav {
  margin: 0 0 14px;
  color: #425aef;
  font-size: 1.4em;
  line-height: 1;
}
.search-dialog .search-nav .search-dialog-title {
  margin-right: 10px;
}
.search-dialog .search-nav .search-close-button {
  float: right;
  color: #858585;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.search-dialog .search-nav .search-close-button:hover {
  color: #425aef;
}
#search-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: none;
  background: rgba(0,0,0,0.6);
}
#algolia-search .search-dialog .ais-SearchBox input {
  padding: 5px 14px;
  width: 100%;
  outline: none;
  border: 2px solid #425aef;
  border-radius: 40px;
  background: var(--search-bg);
  color: var(--search-input-color);
}
#algolia-search .search-dialog .ais-Hits-list {
  margin: 0;
  padding: 0;
}
#algolia-search .search-dialog .ais-Hits-list a {
  color: var(--search-result-title);
}
#algolia-search .search-dialog .ais-Hits-list a:hover {
  color: #425aef;
}
#algolia-search .search-dialog .ais-Hits-list mark {
  background: transparent;
  color: #f47466;
  font-weight: bold;
}
#algolia-search .search-dialog .algolia-hit-item-content {
  margin: 0 0 8px;
  word-break: break-all;
}
#algolia-search .search-dialog .ais-Pagination {
  margin: 20px 0 0;
  padding: 0;
  text-align: center;
}
#algolia-search .search-dialog .ais-Pagination .ais-Pagination-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
#algolia-search .search-dialog .ais-Pagination .ais-Pagination-item {
  display: inline;
  margin: 0 4px;
  padding: 0;
}
#algolia-search .search-dialog .ais-Pagination .ais-Pagination-item .ais-Pagination-link {
  display: inline-block;
  min-width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
}
#algolia-search .search-dialog .ais-Pagination .ais-Pagination-item--selected a {
  background: #425aef;
  color: #eee;
  cursor: default;
}
#algolia-search .search-dialog .ais-Pagination .ais-Pagination-item--disabled {
  visibility: hidden;
}
#algolia-search .search-dialog .algolia-logo {
  padding-top: 2px;
  width: 80px;
  height: 30px;
}
#algolia-search .search-dialog #algolia-hits > div {
  overflow-y: scroll;
}
@media screen and (min-width: 768px) {
  #algolia-search .search-dialog #algolia-hits > div {
    max-height: calc(80vh - 240px);
  }
}
@media screen and (max-width: 768px) {
  #algolia-search .search-dialog #algolia-hits > div {
    height: calc(100vh - 260px);
  }
}
#algolia-search .search-dialog #algolia-info div {
  display: inline;
}
#algolia-search .search-dialog #algolia-info .algolia-poweredBy {
  float: right;
}
@media screen and (max-width: 768px) {
  .apple #algolia-search #algolia-hits > div {
    height: calc(90vh - 260px);
  }
}