@charset "UTF-8";
/*!
* HomePage: https://www.misterma.com
* GithubPage: https://github.com/changbin1997
* ProjectPage: https://github.com/changbin1997/MWordStar
* author: Mr. Ma
* Licensed under MIT
*/
.stackoverflow-light {
  /*!
    Theme: StackOverflow Light
    Description: Light theme as used on stackoverflow.com
    Author: stackoverflow.com
    Maintainer: @Hirse
    Website: https://github.com/StackExchange/Stacks
    License: MIT
    Updated: 2021-05-15

    Updated for @stackoverflow/stacks v0.64.0
    Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
    Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
  */
}
.stackoverflow-light pre {
  background: #F6F6F6;
}
.stackoverflow-light pre .line-box {
  background: #F6F6F6;
}
.stackoverflow-light pre .line-box div {
  color: #777777;
  border-right: 1px solid #777777;
}
.stackoverflow-light pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}
.stackoverflow-light code.hljs {
  padding: 3px 5px;
}
.stackoverflow-light .hljs {
  color: #2f3337;
  background: #f6f6f6;
}
.stackoverflow-light .hljs-subst {
  color: #2f3337;
}
.stackoverflow-light .hljs-comment {
  color: #656e77;
}
.stackoverflow-light .hljs-attr, .stackoverflow-light .hljs-doctag, .stackoverflow-light .hljs-keyword, .stackoverflow-light .hljs-meta .hljs-keyword, .stackoverflow-light .hljs-section, .stackoverflow-light .hljs-selector-tag {
  color: #015692;
}
.stackoverflow-light .hljs-attribute {
  color: #803378;
}
.stackoverflow-light .hljs-name, .stackoverflow-light .hljs-number, .stackoverflow-light .hljs-quote, .stackoverflow-light .hljs-selector-id, .stackoverflow-light .hljs-template-tag, .stackoverflow-light .hljs-type {
  color: #b75501;
}
.stackoverflow-light .hljs-selector-class {
  color: #015692;
}
.stackoverflow-light .hljs-link, .stackoverflow-light .hljs-regexp, .stackoverflow-light .hljs-selector-attr, .stackoverflow-light .hljs-string, .stackoverflow-light .hljs-symbol, .stackoverflow-light .hljs-template-variable, .stackoverflow-light .hljs-variable {
  color: #54790d;
}
.stackoverflow-light .hljs-meta, .stackoverflow-light .hljs-selector-pseudo {
  color: #015692;
}
.stackoverflow-light .hljs-built_in, .stackoverflow-light .hljs-literal, .stackoverflow-light .hljs-title {
  color: #b75501;
}
.stackoverflow-light .hljs-bullet, .stackoverflow-light .hljs-code {
  color: #535a60;
}
.stackoverflow-light .hljs-meta .hljs-string {
  color: #54790d;
}
.stackoverflow-light .hljs-deletion {
  color: #c02d2e;
}
.stackoverflow-light .hljs-addition {
  color: #2f6f44;
}
.stackoverflow-light .hljs-emphasis {
  font-style: italic;
}
.stackoverflow-light .hljs-strong {
  font-weight: 700;
}

.github-dark {
  /*!
    Theme: GitHub Dark
    Description: Dark theme as seen on github.com
    Author: github.com
    Maintainer: @Hirse
    Updated: 2021-05-15

    Outdated base version: https://github.com/primer/github-syntax-dark
    Current colors taken from GitHub's CSS
  */
}
.github-dark pre {
  background: #0D1116;
}
.github-dark pre .line-box {
  background: #0D1116;
}
.github-dark pre .line-box div {
  color: #9B9B9B;
  border-right: 1px solid #9B9B9B;
}
.github-dark pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}
.github-dark code.hljs {
  padding: 3px 5px;
}
.github-dark .hljs {
  color: #c9d1d9;
  background: #0d1117;
}
.github-dark .hljs-doctag, .github-dark .hljs-keyword, .github-dark .hljs-meta .hljs-keyword, .github-dark .hljs-template-tag, .github-dark .hljs-template-variable, .github-dark .hljs-type, .github-dark .hljs-variable.language_ {
  color: #ff7b72;
}
.github-dark .hljs-title, .github-dark .hljs-title.class_, .github-dark .hljs-title.class_.inherited__, .github-dark .hljs-title.function_ {
  color: #d2a8ff;
}
.github-dark .hljs-attr, .github-dark .hljs-attribute, .github-dark .hljs-literal, .github-dark .hljs-meta, .github-dark .hljs-number, .github-dark .hljs-operator, .github-dark .hljs-selector-attr, .github-dark .hljs-selector-class, .github-dark .hljs-selector-id, .github-dark .hljs-variable {
  color: #79c0ff;
}
.github-dark .hljs-meta .hljs-string, .github-dark .hljs-regexp, .github-dark .hljs-string {
  color: #a5d6ff;
}
.github-dark .hljs-built_in, .github-dark .hljs-symbol {
  color: #ffa657;
}
.github-dark .hljs-code, .github-dark .hljs-comment, .github-dark .hljs-formula {
  color: #8b949e;
}
.github-dark .hljs-name, .github-dark .hljs-quote, .github-dark .hljs-selector-pseudo, .github-dark .hljs-selector-tag {
  color: #7ee787;
}
.github-dark .hljs-subst {
  color: #c9d1d9;
}
.github-dark .hljs-section {
  color: #1f6feb;
  font-weight: 700;
}
.github-dark .hljs-bullet {
  color: #f2cc60;
}
.github-dark .hljs-emphasis {
  color: #c9d1d9;
  font-style: italic;
}
.github-dark .hljs-strong {
  color: #c9d1d9;
  font-weight: 700;
}
.github-dark .hljs-addition {
  color: #aff5b4;
  background-color: #033a16;
}
.github-dark .hljs-deletion {
  color: #ffdcd7;
  background-color: #67060c;
}

.sunburst pre {
  background: #000000;
}
.sunburst pre .line-box {
  background: #000000;
}
.sunburst pre .line-box div {
  color: #AEAEAE;
  border-right: 1px solid #AEAEAE;
}
.sunburst pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}
.sunburst code.hljs {
  padding: 3px 5px;
}
.sunburst .hljs {
  background: #000;
  color: #f8f8f8;
}
.sunburst .hljs-comment, .sunburst .hljs-quote {
  color: #aeaeae;
  font-style: italic;
}
.sunburst .hljs-keyword, .sunburst .hljs-selector-tag, .sunburst .hljs-type {
  color: #e28964;
}
.sunburst .hljs-string {
  color: #65b042;
}
.sunburst .hljs-subst {
  color: #daefa3;
}
.sunburst .hljs-link, .sunburst .hljs-regexp {
  color: #e9c062;
}
.sunburst .hljs-name, .sunburst .hljs-section, .sunburst .hljs-tag, .sunburst .hljs-title {
  color: #89bdff;
}
.sunburst .hljs-class .hljs-title, .sunburst .hljs-doctag, .sunburst .hljs-title.class_ {
  text-decoration: underline;
}
.sunburst .hljs-bullet, .sunburst .hljs-number, .sunburst .hljs-symbol {
  color: #3387cc;
}
.sunburst .hljs-params, .sunburst .hljs-template-variable, .sunburst .hljs-variable {
  color: #3e87e3;
}
.sunburst .hljs-attribute {
  color: #cda869;
}
.sunburst .hljs-meta {
  color: #8996a8;
}
.sunburst .hljs-formula {
  background-color: #0e2231;
  color: #f8f8f8;
  font-style: italic;
}
.sunburst .hljs-addition {
  background-color: #253b22;
  color: #f8f8f8;
}
.sunburst .hljs-deletion {
  background-color: #420e09;
  color: #f8f8f8;
}
.sunburst .hljs-selector-class {
  color: #9b703f;
}
.sunburst .hljs-selector-id {
  color: #8b98ab;
}
.sunburst .hljs-emphasis {
  font-style: italic;
}
.sunburst .hljs-strong {
  font-weight: 700;
}

.enable-highlight pre {
  position: relative;
}
.enable-highlight pre:hover .copy-code-btn {
  display: block;
}
.enable-highlight pre .line-box {
  width: 40px;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 12px;
}
.enable-highlight pre .line-box div {
  line-height: 22.5px;
  height: 22.5px;
  padding-right: 9px;
  font-size: 14px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.enable-highlight pre code {
  font-size: 15px;
}
.enable-highlight pre code::-webkit-scrollbar {
  height: 12px;
  background: #F1F1F1;
}
.enable-highlight pre code::-webkit-scrollbar-thumb {
  background: #A8A8A8;
}
.enable-highlight pre .copy-code-btn {
  border-color: #BBBBBB;
  color: #BBBBBB;
}
.enable-highlight pre .copy-code-btn:hover {
  background-color: #BBBBBB;
  color: #FFFFFF;
}
.enable-highlight .post-content[data-code-line-num=show] pre code {
  padding: 12px 10px;
}
.enable-highlight .post-content[data-code-line-num=hide] pre code {
  padding: 12px 16px;
}

body {
  background: #e4e4e4;
}

a {
  transition: 0.3s;
}

header {
  width: 100%;
  z-index: 999;
}
header .navbar {
  box-shadow: 0 1px 3px rgba(26, 26, 26, 0.1);
}
header .navbar #change-color-btn {
  width: 34px;
  height: 34px;
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.5);
}
header .navbar #change-color-btn i {
  font-size: 18px;
  line-height: 34px;
}
header .navbar #change-color-text {
  color: #FFFFFF;
}
header .navbar .search-form input:focus {
  box-shadow: none;
}
header .navbar .search-form button {
  background: #f8f8f8;
  border: 1px solid #d3d3d3;
}
header .navbar .search-form button:hover {
  background: #f0f0f0;
}
header .navbar .search-form button:focus {
  background: #f0f0f0;
}

.container .article-list {
  margin-top: 15px;
}
.container .article-list .post {
  margin-bottom: 30px;
  overflow: hidden;
}
.container .article-list .post .header-img {
  width: 100%;
}
.container .article-list .post .header-img .fixed {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.container .article-list .post .header-img .fixed:after {
  content: "";
  padding-bottom: 37.5%;
  display: block;
}
.container .article-list .post .header-img img {
  width: 100%;
}
.container .article-list .post .entry-header {
  overflow: hidden;
}
.container .article-list .post .entry-header .entry-title {
  font-size: 28px;
  font-weight: 700;
  padding: 20px 20px 12px 20px;
}
.container .article-list .post .entry-header .entry-title a {
  color: #222222;
}
.container .article-list .post .entry-header .entry-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container .article-list .post .entry-summary {
  padding: 20px;
}
.container .article-list .post .entry-summary p {
  font-size: 15px;
  line-height: 25px;
}
.container .article-list .post .post-content {
  font-size: 15px;
  word-break: break-all;
}
.container .article-list .post .post-content ul,
.container .article-list .post .post-content ol,
.container .article-list .post .post-content img,
.container .article-list .post .post-content pre,
.container .article-list .post .post-content blockquote,
.container .article-list .post .post-content h1,
.container .article-list .post .post-content h2,
.container .article-list .post .post-content h3,
.container .article-list .post .post-content h4,
.container .article-list .post .post-content h5,
.container .article-list .post .post-content p {
  margin: 0 0 20px 0;
}
.container .article-list .post .post-content img {
  max-width: 100%;
  cursor: zoom-in;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.container .article-list .post .post-content h1,
.container .article-list .post .post-content h2,
.container .article-list .post .post-content h3,
.container .article-list .post .post-content h4,
.container .article-list .post .post-content h5,
.container .article-list .post .post-content h6 {
  font-weight: 700;
  color: #444444;
}
.container .article-list .post .post-content h1 > code,
.container .article-list .post .post-content h2 > code,
.container .article-list .post .post-content h3 > code,
.container .article-list .post .post-content h4 > code,
.container .article-list .post .post-content h5 > code,
.container .article-list .post .post-content h6 > code {
  background: #ededed;
  color: #333333;
  padding: 0 4px;
}
.container .article-list .post .post-content h1 {
  font-size: 30px;
  margin: 50px 0 20px 0;
}
.container .article-list .post .post-content h2 {
  font-size: 25px;
}
.container .article-list .post .post-content h3 {
  font-size: 20px;
}
.container .article-list .post .post-content h4 {
  font-size: 15px;
}
.container .article-list .post .post-content h5 {
  font-size: 12.45px;
}
.container .article-list .post .post-content h6 {
  font-size: 12px;
}
.container .article-list .post .post-content blockquote {
  border-left: 4px solid #1a1a1a;
  padding-left: 22.5px;
  font-size: 17px;
  color: #686868;
  font-style: italic;
}
.container .article-list .post .post-content table td {
  min-width: 90px;
}
.container .article-list .post .post-content p {
  color: #444444;
  line-height: 25px;
}
.container .article-list .post .post-content li {
  color: #444444;
  padding: 2px 0;
}
.container .article-list .post .post-content p > code,
.container .article-list .post .post-content li > code,
.container .article-list .post .post-content th > code,
.container .article-list .post .post-content td > code {
  background: #ededed;
  color: #333333;
  padding: 0 4px;
}
.container .article-list .post .article-info {
  padding: 10px 25px;
}
.container .article-list .post .article-info .info {
  float: left;
  margin-right: 20px;
  height: 29px;
}
.container .article-list .post .article-info a,
.container .article-list .post .article-info span {
  font-size: 12px;
  line-height: 29px;
}
.container .article-list .post .article-info a:hover {
  color: #76839b;
}
.container .article-list .post .article-info .icon {
  margin-right: 4px;
  font-size: 12px;
  line-height: 29px;
}
.container .article-list .post .article-info .tags a,
.container .article-list .post .article-info .category a {
  margin-right: 3px;
}
.container .article-list .post .entry-summary[data-header-image-type=mini] .mini-header-image a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-color: #E0E0E0;
}
.container .article-list .post .entry-summary[data-header-image-type=mini] .mini-header-image a:after {
  content: "";
  padding-bottom: 66.66%;
  display: block;
}
.container .article-list .post .entry-summary[data-header-image-type=mini] .content-box p {
  max-height: 120px;
  overflow-y: hidden;
  margin-bottom: 0;
}

.main-content {
  margin-top: 15px;
}

.sidebar section {
  margin-left: 20px;
  margin-bottom: 30px;
}
.sidebar section h4 {
  line-height: 22px;
  padding: 12px 2px;
  font-size: 16px;
  border-bottom: 2px solid #6c757d;
  margin: 0 18px 10px 18px;
  font-weight: 700;
}
.sidebar section ul {
  list-style: none;
  padding: 0 18px 18px 18px;
}
.sidebar section ul li {
  padding: 8px 0;
  font-size: 13px;
}
.sidebar section ul li a {
  font-size: 14px;
  font-weight: 500;
}
.sidebar section ul li .avatar {
  border-radius: 50%;
}
.sidebar section .personal-information {
  padding: 0 18px 18px 18px;
}
.sidebar section .personal-information .user {
  width: 100%;
}
.sidebar section .personal-information .user .avatar {
  width: 72px;
  height: 72px;
  display: block;
  margin: 0 auto;
  transition: 0.4s;
}
.sidebar section .personal-information .user .pingback {
  width: 72px;
  height: 72px;
  line-height: 72px;
  border-radius: 50%;
  font-size: 24px;
}
.sidebar section .personal-information .user .user-name {
  display: block;
  font-size: 16px;
}
.sidebar section .personal-information .user .user-name,
.sidebar section .personal-information .user .introduction {
  margin: 0;
  text-align: center;
  line-height: 20px;
}
.sidebar section .personal-information .user .introduction {
  font-size: 14px;
}
.sidebar section .personal-information .website {
  padding-top: 18px;
  margin-top: 18px;
}
.sidebar section .personal-information .website .info {
  width: 33.33%;
  text-align: center;
  font-size: 14px;
}
.sidebar section .personal-information .website .info .quantity {
  font-size: 20px;
  margin: 0;
}
.sidebar section .tag-list {
  padding: 0 18px 18px 18px;
}
.sidebar section .tag-list .tag-link {
  margin: 0 4px 4px 0;
  font-size: 12px;
  border-radius: 4px;
  font-weight: 500;
}
.sidebar .calendar table {
  width: 100%;
}
.sidebar .calendar table td a {
  font-size: 16px;
}
.sidebar .calendar table .active {
  background: #F2F2F2;
}
.sidebar .calendar nav a {
  font-size: 14px;
}
.sidebar .latest-articles li a {
  transition: 0.4s;
}
.sidebar .latest-articles li a .article-img {
  display: none;
  transition: 0.4s;
}
.sidebar .latest-articles li a p {
  margin: 0;
}
.sidebar .latest-articles .latest-articles-active {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
}
.sidebar .latest-articles .latest-articles-active .article-img {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
}
.sidebar .latest-articles .latest-articles-active p {
  width: 100%;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  padding: 7px;
}
.sidebar .latest-articles .latest-articles-active img {
  display: inline;
  width: 100%;
}
.sidebar .latest-articles .latest-articles-active:after {
  content: "";
  display: block;
  padding-bottom: 44%;
}
.sidebar .category li {
  padding-left: 24px;
}
.sidebar .category .indentation-0 {
  padding-left: 0;
}
.sidebar .latest-comment .media-body,
.sidebar .latest-comment .comment-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidebar .latest-comment .avatar {
  width: 40px;
  height: 40px;
}
.sidebar .latest-comment .pingback {
  line-height: 40px;
}
.sidebar .directory {
  padding: 0 18px;
}
.sidebar .directory > .article-directory {
  overflow-y: auto;
  padding: 0;
}
.sidebar .directory > .article-directory::-webkit-scrollbar {
  width: 6px;
  background: #F1F1F1;
}
.sidebar .directory > .article-directory::-webkit-scrollbar-thumb {
  background: #A8A8A8;
}
.sidebar .directory > .article-directory .article-directory {
  margin-bottom: 0 !important;
  padding-bottom: 0;
}
.sidebar .customize-html {
  font-size: 14px;
  padding: 0 18px 18px 18px;
  word-break: break-all;
}
.sidebar .customize-html img {
  max-width: 100%;
}
.sidebar .reference-line {
  margin-left: 20px;
}

.pagination-nav {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.pagination-nav li {
  border-radius: unset;
}
.pagination-nav li a {
  border-radius: unset;
}

footer .container {
  padding: 20px 20px;
  text-align: center;
}
footer .container a,
footer .container span {
  margin: 0 5px;
  color: #525252;
  font-size: 15px;
}

.article-page, .archive, .page {
  margin-top: 15px;
}
.article-page main, .archive main, .page main {
  margin-bottom: 30px;
}
.article-page main .entry-header .entry-title, .archive main .entry-header .entry-title, .page main .entry-header .entry-title {
  font-size: 28px;
  font-weight: 700;
  padding: 20px 20px 12px 20px;
}
.article-page main .entry-header .entry-title a, .archive main .entry-header .entry-title a, .page main .entry-header .entry-title a {
  color: #222222;
}
.article-page main .header-img, .archive main .header-img, .page main .header-img {
  width: 100%;
}
.article-page main .header-img .fixed, .archive main .header-img .fixed, .page main .header-img .fixed {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.article-page main .header-img .fixed:after, .archive main .header-img .fixed:after, .page main .header-img .fixed:after {
  content: "";
  padding-bottom: 37.5%;
  display: block;
}
.article-page main .header-img img, .archive main .header-img img, .page main .header-img img {
  width: 100%;
}
.article-page main .header-img .fixed:after, .archive main .header-img .fixed:after, .page main .header-img .fixed:after {
  content: "";
  display: block;
  padding-bottom: 44%;
}
.article-page main .article-info, .archive main .article-info, .page main .article-info {
  padding: 10px 25px;
}
.article-page main .article-info .info, .archive main .article-info .info, .page main .article-info .info {
  float: left;
  margin-right: 20px;
  height: 29px;
}
.article-page main .article-info a, .archive main .article-info a, .page main .article-info a,
.article-page main .article-info span,
.archive main .article-info span,
.page main .article-info span {
  font-size: 12px;
  line-height: 29px;
}
.article-page main .article-info a:hover, .archive main .article-info a:hover, .page main .article-info a:hover {
  color: #76839b;
}
.article-page main .article-info .icon, .archive main .article-info .icon, .page main .article-info .icon {
  margin-right: 4px;
  font-size: 12px;
  line-height: 29px;
}
.article-page main .article-info .tags a, .archive main .article-info .tags a, .page main .article-info .tags a,
.article-page main .article-info .category a,
.archive main .article-info .category a,
.page main .article-info .category a {
  margin-right: 3px;
}
.article-page main article, .archive main article, .page main article {
  padding: 20px;
}
.article-page main article .warning-info, .archive main article .warning-info, .page main article .warning-info {
  background-color: #E5E6EB;
}
.article-page main article .post-content, .archive main article .post-content, .page main article .post-content {
  margin-top: 10px;
  width: 100%;
  font-size: 15px;
  word-break: break-all;
}
.article-page main article .post-content ul, .archive main article .post-content ul, .page main article .post-content ul,
.article-page main article .post-content ol,
.archive main article .post-content ol,
.page main article .post-content ol,
.article-page main article .post-content img,
.archive main article .post-content img,
.page main article .post-content img,
.article-page main article .post-content pre,
.archive main article .post-content pre,
.page main article .post-content pre,
.article-page main article .post-content blockquote,
.archive main article .post-content blockquote,
.page main article .post-content blockquote,
.article-page main article .post-content h1,
.archive main article .post-content h1,
.page main article .post-content h1,
.article-page main article .post-content h2,
.archive main article .post-content h2,
.page main article .post-content h2,
.article-page main article .post-content h3,
.archive main article .post-content h3,
.page main article .post-content h3,
.article-page main article .post-content h4,
.archive main article .post-content h4,
.page main article .post-content h4,
.article-page main article .post-content h5,
.archive main article .post-content h5,
.page main article .post-content h5,
.article-page main article .post-content p,
.archive main article .post-content p,
.page main article .post-content p {
  margin: 0 0 20px 0;
}
.article-page main article .post-content img, .archive main article .post-content img, .page main article .post-content img {
  max-width: 100%;
  cursor: zoom-in;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.article-page main article .post-content h1, .archive main article .post-content h1, .page main article .post-content h1,
.article-page main article .post-content h2,
.archive main article .post-content h2,
.page main article .post-content h2,
.article-page main article .post-content h3,
.archive main article .post-content h3,
.page main article .post-content h3,
.article-page main article .post-content h4,
.archive main article .post-content h4,
.page main article .post-content h4,
.article-page main article .post-content h5,
.archive main article .post-content h5,
.page main article .post-content h5,
.article-page main article .post-content h6,
.archive main article .post-content h6,
.page main article .post-content h6 {
  font-weight: 700;
  color: #444444;
}
.article-page main article .post-content h1 > code, .archive main article .post-content h1 > code, .page main article .post-content h1 > code,
.article-page main article .post-content h2 > code,
.archive main article .post-content h2 > code,
.page main article .post-content h2 > code,
.article-page main article .post-content h3 > code,
.archive main article .post-content h3 > code,
.page main article .post-content h3 > code,
.article-page main article .post-content h4 > code,
.archive main article .post-content h4 > code,
.page main article .post-content h4 > code,
.article-page main article .post-content h5 > code,
.archive main article .post-content h5 > code,
.page main article .post-content h5 > code,
.article-page main article .post-content h6 > code,
.archive main article .post-content h6 > code,
.page main article .post-content h6 > code {
  background: #ededed;
  color: #333333;
  padding: 0 4px;
}
.article-page main article .post-content h1, .archive main article .post-content h1, .page main article .post-content h1 {
  font-size: 30px;
  margin: 50px 0 20px 0;
}
.article-page main article .post-content h2, .archive main article .post-content h2, .page main article .post-content h2 {
  font-size: 25px;
}
.article-page main article .post-content h3, .archive main article .post-content h3, .page main article .post-content h3 {
  font-size: 20px;
}
.article-page main article .post-content h4, .archive main article .post-content h4, .page main article .post-content h4 {
  font-size: 15px;
}
.article-page main article .post-content h5, .archive main article .post-content h5, .page main article .post-content h5 {
  font-size: 12.45px;
}
.article-page main article .post-content h6, .archive main article .post-content h6, .page main article .post-content h6 {
  font-size: 12px;
}
.article-page main article .post-content blockquote, .archive main article .post-content blockquote, .page main article .post-content blockquote {
  border-left: 4px solid #1a1a1a;
  padding-left: 22.5px;
  font-size: 17px;
  color: #686868;
  font-style: italic;
}
.article-page main article .post-content table td, .archive main article .post-content table td, .page main article .post-content table td {
  min-width: 90px;
}
.article-page main article .post-content p, .archive main article .post-content p, .page main article .post-content p {
  color: #444444;
  line-height: 25px;
}
.article-page main article .post-content li, .archive main article .post-content li, .page main article .post-content li {
  color: #444444;
  padding: 2px 0;
}
.article-page main article .post-content p > code, .archive main article .post-content p > code, .page main article .post-content p > code,
.article-page main article .post-content li > code,
.archive main article .post-content li > code,
.page main article .post-content li > code,
.article-page main article .post-content th > code,
.archive main article .post-content th > code,
.page main article .post-content th > code,
.article-page main article .post-content td > code,
.archive main article .post-content td > code,
.page main article .post-content td > code {
  background: #ededed;
  color: #333333;
  padding: 0 4px;
}
.article-page main article .post-content .load-img, .archive main article .post-content .load-img, .page main article .post-content .load-img {
  width: 100%;
  display: block;
  background-color: #F0F0F0;
}
.article-page main article .post-content .protected p, .archive main article .post-content .protected p, .page main article .post-content .protected p {
  text-align: center;
}
.article-page .post-navigation, .archive .post-navigation, .page .post-navigation {
  overflow-x: hidden;
}
.article-page .post-navigation > div, .archive .post-navigation > div, .page .post-navigation > div {
  padding: 20px;
}
.article-page .post-navigation > div .previous, .archive .post-navigation > div .previous, .page .post-navigation > div .previous,
.article-page .post-navigation > div .next,
.archive .post-navigation > div .next,
.page .post-navigation > div .next,
.article-page .post-navigation > div .next-box,
.archive .post-navigation > div .next-box,
.page .post-navigation > div .next-box {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.article-page #qr-link .link-box, .archive #qr-link .link-box, .page #qr-link .link-box {
  margin: 0 auto;
  width: 96px;
  display: flex;
  justify-content: space-between;
}
.article-page #qr-link .link-box a, .archive #qr-link .link-box a, .page #qr-link .link-box a {
  font-size: 20px;
}
.article-page #qr-link .link-box a:hover, .archive #qr-link .link-box a:hover, .page #qr-link .link-box a:hover {
  text-decoration: none;
}

#share-box #qrcode img {
  margin: 0 auto;
}

#agree-p {
  font-weight: 700;
  font-size: 18px;
  color: red;
  position: absolute;
}

#emoji-panel {
  width: 400px;
  height: 300px;
  position: absolute;
  z-index: 100;
  display: none;
  background-color: #ffffff;
}
#emoji-panel #emoji-classification {
  overflow-x: auto;
}
#emoji-panel #emoji-classification button {
  font-size: 16px;
}
#emoji-panel #emoji-classification button:hover {
  background: #E4E4E4;
}
#emoji-panel #emoji-list {
  max-height: 217px;
  overflow-y: auto;
}
#emoji-panel #emoji-list .emoji {
  float: left;
  font-size: 16px;
  margin: 0;
  cursor: pointer;
}
#emoji-panel #emoji-list .emoji:hover {
  background: #E4E4E4;
}
#emoji-panel #emoji-list .emoji:focus {
  background: #E4E4E4;
}

#comments h2 {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 30px;
}
#comments .comments-off {
  padding: 0 20px;
}
#comments .comments-lists {
  padding: 40px 20px 0 20px;
}
#comments .comments-lists .comment-list {
  list-style: none;
  padding: 0;
}
#comments .comments-lists .comment-list .comment-body {
  border-top: 1px solid #ebf2fc;
  padding: 20px 0;
}
#comments .comments-lists .comment-list .comment-body .comment-box {
  width: 100%;
}
#comments .comments-lists .comment-list .comment-body .comment-author {
  width: 100%;
}
#comments .comments-lists .comment-list .comment-body .avatar {
  width: 42px;
  height: 42px;
  margin-right: 10px;
  float: left;
  border-radius: 50%;
}
#comments .comments-lists .comment-list .comment-body .pingback {
  line-height: 42px;
}
#comments .comments-lists .comment-list .comment-body .comment-info a {
  line-height: 22px;
  font-size: 15px;
}
#comments .comments-lists .comment-list .comment-body .comment-info .comment-time {
  color: #686868;
  font-size: 12px;
  display: block;
}
#comments .comments-lists .comment-list .comment-body .comment-reply a {
  line-height: 30px;
  font-size: 12px;
  width: 60px;
  height: 32px;
  background: #ffffff;
  display: block;
  text-align: center;
  border-radius: 4px;
}
#comments .comments-lists .comment-list .comment-body .comment-content {
  margin-left: 52px;
  font-size: 15px;
  word-break: break-all;
}
#comments .comments-lists .comment-list .comment-body .comment-content ul,
#comments .comments-lists .comment-list .comment-body .comment-content ol,
#comments .comments-lists .comment-list .comment-body .comment-content img,
#comments .comments-lists .comment-list .comment-body .comment-content pre,
#comments .comments-lists .comment-list .comment-body .comment-content blockquote,
#comments .comments-lists .comment-list .comment-body .comment-content h1,
#comments .comments-lists .comment-list .comment-body .comment-content h2,
#comments .comments-lists .comment-list .comment-body .comment-content h3,
#comments .comments-lists .comment-list .comment-body .comment-content h4,
#comments .comments-lists .comment-list .comment-body .comment-content h5,
#comments .comments-lists .comment-list .comment-body .comment-content p {
  margin: 0 0 20px 0;
}
#comments .comments-lists .comment-list .comment-body .comment-content img {
  max-width: 100%;
  cursor: zoom-in;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
#comments .comments-lists .comment-list .comment-body .comment-content h1,
#comments .comments-lists .comment-list .comment-body .comment-content h2,
#comments .comments-lists .comment-list .comment-body .comment-content h3,
#comments .comments-lists .comment-list .comment-body .comment-content h4,
#comments .comments-lists .comment-list .comment-body .comment-content h5,
#comments .comments-lists .comment-list .comment-body .comment-content h6 {
  font-weight: 700;
  color: #444444;
}
#comments .comments-lists .comment-list .comment-body .comment-content h1 > code,
#comments .comments-lists .comment-list .comment-body .comment-content h2 > code,
#comments .comments-lists .comment-list .comment-body .comment-content h3 > code,
#comments .comments-lists .comment-list .comment-body .comment-content h4 > code,
#comments .comments-lists .comment-list .comment-body .comment-content h5 > code,
#comments .comments-lists .comment-list .comment-body .comment-content h6 > code {
  background: #ededed;
  color: #333333;
  padding: 0 4px;
}
#comments .comments-lists .comment-list .comment-body .comment-content h1 {
  font-size: 30px;
  margin: 50px 0 20px 0;
}
#comments .comments-lists .comment-list .comment-body .comment-content h2 {
  font-size: 25px;
}
#comments .comments-lists .comment-list .comment-body .comment-content h3 {
  font-size: 20px;
}
#comments .comments-lists .comment-list .comment-body .comment-content h4 {
  font-size: 15px;
}
#comments .comments-lists .comment-list .comment-body .comment-content h5 {
  font-size: 12.45px;
}
#comments .comments-lists .comment-list .comment-body .comment-content h6 {
  font-size: 12px;
}
#comments .comments-lists .comment-list .comment-body .comment-content blockquote {
  border-left: 4px solid #1a1a1a;
  padding-left: 22.5px;
  font-size: 17px;
  color: #686868;
  font-style: italic;
}
#comments .comments-lists .comment-list .comment-body .comment-content table td {
  min-width: 90px;
}
#comments .comments-lists .comment-list .comment-body .comment-content p {
  color: #444444;
  line-height: 25px;
}
#comments .comments-lists .comment-list .comment-body .comment-content li {
  color: #444444;
  padding: 2px 0;
}
#comments .comments-lists .comment-list .comment-body .comment-content p > code,
#comments .comments-lists .comment-list .comment-body .comment-content li > code,
#comments .comments-lists .comment-list .comment-body .comment-content th > code,
#comments .comments-lists .comment-list .comment-body .comment-content td > code {
  background: #ededed;
  color: #333333;
  padding: 0 4px;
}
#comments .comments-lists .comment-list .comment-body .comment-children li {
  padding-bottom: 0;
}
#comments .comments-lists .comment-list .comment-body .comment-children li .comment-children {
  margin-left: 0;
}
#comments .comments-lists .comment-list .comment-body .respond {
  background: #eeeeee;
}
#comments .respond {
  padding: 20px;
}
#comments .respond #textarea {
  width: 100%;
  height: 150px;
  display: block;
}
#comments .respond .comment-user {
  margin-bottom: 20px;
}

.container-404 h1 {
  margin-top: 20px;
  font-size: 150px;
  text-align: center;
  font-weight: 700;
}
.container-404 h2 {
  text-align: center;
  font-weight: 700;
}
.container-404 h5 {
  text-align: center;
}
.container-404 .search-box {
  margin: 20px 0;
}

.archives-list {
  margin-top: 15px;
}
.archives-list .archives .page-header {
  margin-bottom: 30px;
  padding: 20px;
}
.archives-list .archives .page-header h1 {
  font-size: 30px;
  font-weight: 700;
}
.archives-list .archives .page-header span {
  font-size: 13px;
  color: #777777;
}
.archives-list .archives .post {
  margin-bottom: 30px;
  overflow: hidden;
}
.archives-list .archives .post .header-img {
  width: 100%;
}
.archives-list .archives .post .header-img .fixed {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}
.archives-list .archives .post .header-img .fixed:after {
  content: "";
  padding-bottom: 37.5%;
  display: block;
}
.archives-list .archives .post .header-img img {
  width: 100%;
}
.archives-list .archives .post .entry-header {
  overflow: hidden;
}
.archives-list .archives .post .entry-header .entry-title {
  font-size: 28px;
  font-weight: 700;
  padding: 20px 20px 12px 20px;
}
.archives-list .archives .post .entry-header .entry-title a {
  color: #222222;
}
.archives-list .archives .post .entry-header .entry-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.archives-list .archives .post .entry-summary {
  padding: 20px;
}
.archives-list .archives .post .entry-summary p {
  font-size: 15px;
  line-height: 25px;
}
.archives-list .archives .post .post-content {
  font-size: 15px;
  word-break: break-all;
}
.archives-list .archives .post .post-content ul,
.archives-list .archives .post .post-content ol,
.archives-list .archives .post .post-content img,
.archives-list .archives .post .post-content pre,
.archives-list .archives .post .post-content blockquote,
.archives-list .archives .post .post-content h1,
.archives-list .archives .post .post-content h2,
.archives-list .archives .post .post-content h3,
.archives-list .archives .post .post-content h4,
.archives-list .archives .post .post-content h5,
.archives-list .archives .post .post-content p {
  margin: 0 0 20px 0;
}
.archives-list .archives .post .post-content img {
  max-width: 100%;
  cursor: zoom-in;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.archives-list .archives .post .post-content h1,
.archives-list .archives .post .post-content h2,
.archives-list .archives .post .post-content h3,
.archives-list .archives .post .post-content h4,
.archives-list .archives .post .post-content h5,
.archives-list .archives .post .post-content h6 {
  font-weight: 700;
  color: #444444;
}
.archives-list .archives .post .post-content h1 > code,
.archives-list .archives .post .post-content h2 > code,
.archives-list .archives .post .post-content h3 > code,
.archives-list .archives .post .post-content h4 > code,
.archives-list .archives .post .post-content h5 > code,
.archives-list .archives .post .post-content h6 > code {
  background: #ededed;
  color: #333333;
  padding: 0 4px;
}
.archives-list .archives .post .post-content h1 {
  font-size: 30px;
  margin: 50px 0 20px 0;
}
.archives-list .archives .post .post-content h2 {
  font-size: 25px;
}
.archives-list .archives .post .post-content h3 {
  font-size: 20px;
}
.archives-list .archives .post .post-content h4 {
  font-size: 15px;
}
.archives-list .archives .post .post-content h5 {
  font-size: 12.45px;
}
.archives-list .archives .post .post-content h6 {
  font-size: 12px;
}
.archives-list .archives .post .post-content blockquote {
  border-left: 4px solid #1a1a1a;
  padding-left: 22.5px;
  font-size: 17px;
  color: #686868;
  font-style: italic;
}
.archives-list .archives .post .post-content table td {
  min-width: 90px;
}
.archives-list .archives .post .post-content p {
  color: #444444;
  line-height: 25px;
}
.archives-list .archives .post .post-content li {
  color: #444444;
  padding: 2px 0;
}
.archives-list .archives .post .post-content p > code,
.archives-list .archives .post .post-content li > code,
.archives-list .archives .post .post-content th > code,
.archives-list .archives .post .post-content td > code {
  background: #ededed;
  color: #333333;
  padding: 0 4px;
}
.archives-list .archives .post .article-info {
  padding: 10px 25px;
}
.archives-list .archives .post .article-info .info {
  float: left;
  margin-right: 20px;
  height: 29px;
}
.archives-list .archives .post .article-info a,
.archives-list .archives .post .article-info span {
  font-size: 12px;
  line-height: 29px;
}
.archives-list .archives .post .article-info a:hover {
  color: #76839b;
}
.archives-list .archives .post .article-info .icon {
  margin-right: 4px;
  font-size: 12px;
  line-height: 29px;
}
.archives-list .archives .post .article-info .tags a,
.archives-list .archives .post .article-info .category a {
  margin-right: 3px;
}
.archives-list .archives .post .entry-summary[data-header-image-type=mini] .mini-header-image a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-color: #E0E0E0;
}
.archives-list .archives .post .entry-summary[data-header-image-type=mini] .mini-header-image a:after {
  content: "";
  padding-bottom: 66.66%;
  display: block;
}
.archives-list .archives .post .entry-summary[data-header-image-type=mini] .content-box p {
  max-height: 120px;
  overflow-y: hidden;
  margin-bottom: 0;
}
.archives-list .archives .post > .post-title {
  padding: 20px 25px;
}

/*独立页面-文章归档*/
.archive .archives {
  position: relative;
}
.archive .archives::before {
  width: 2px;
  height: 100%;
  background: #BBBBBB;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 49px;
}
.archive .archives .archives-item {
  position: relative;
}
.archive .archives .archives-item h2 {
  font-size: 12px !important;
  background: #FCFCFC;
  width: 84px;
  line-height: 24px;
  text-align: center;
  border-radius: 4px;
  position: relative;
  z-index: 10;
  left: 8px;
  cursor: pointer;
  border: 1px solid #BBBBBB;
}
.archive .archives .archives-item ul {
  padding-left: 0;
  list-style: none;
}
.archive .archives .archives-item ul li {
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 6px 0;
}
.archive .archives .archives-item ul li:hover .timeline {
  background: #6C757D;
}
.archive .archives .archives-item ul li .day {
  display: block;
  width: 36px;
  text-align: center;
  flex: none;
}
.archive .archives .archives-item ul li .timeline {
  width: 8px;
  height: 8px;
  background: #BBBBBB;
  border-radius: 50%;
  margin: 0 10px;
  flex: none;
}

.link-page .link-box {
  background: #f9f9f9;
  margin: 0 0 20px 0;
}
.link-page .link-box .link-grid {
  padding: 15px;
  border-radius: 4px;
}
.link-page .link-box .link-grid .link {
  background: #ffffff;
  box-shadow: 0 2px 0 rgba(170, 170, 170, 0.1);
  padding: 10px;
  display: block;
}
.link-page .link-box .link-grid .link .link-logo {
  width: 32px;
  height: 32px;
  margin: 0 10px 0 0;
}
.link-page .link-box .link-grid .link .icon-logo {
  background: #0a73b3;
  color: #ffffff;
  text-align: center;
  line-height: 32px;
}
.link-page .link-box .link-grid .link .link-name {
  display: inline-block;
  line-height: 32px;
}
.link-page .link-box .link-grid .link p {
  font-size: 12px;
  margin: 10px 0 0 0;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.link-page .link-box .link-grid .link img {
  background: #E0E0E0;
}
.link-page .link-box .link-grid .link:hover {
  box-shadow: 1px 5px 1px rgba(170, 170, 170, 0.1);
}

.data-page .statistics-card {
  background: #B3D8FF;
}

.category-page .category-list {
  list-style: none;
}
.category-page .category-list li {
  align-items: center;
}

.archive-page,
.post-page,
.link-page {
  margin-bottom: 20px;
}

@media screen and (min-width: 1200px) {
  .sidebar {
    margin-top: 15px;
  }

  #comments .comment-list .comment-children {
    margin-left: 52px;
  }

  .load-img {
    height: 350px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .entry-summary[data-header-image-type=mini] .content-box p {
    overflow-y: hidden;
    max-height: 100px !important;
  }

  .sidebar {
    margin-top: 15px;
  }

  #comments .comment-list .comment-children {
    margin-left: 52px;
  }

  .load-img {
    height: 350px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .entry-summary[data-header-image-type=mini] .content-box p {
    overflow-y: hidden;
    max-height: 120px !important;
  }

  .sidebar section {
    margin-left: 0;
  }

  #comments .comment-list .comment-children {
    margin-left: 52px;
  }

  .load-img {
    height: 350px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .entry-summary[data-header-image-type=mini] .content-box p {
    overflow-y: hidden;
    max-height: 100px !important;
  }

  .latest-articles-active {
    height: 222px;
  }

  .sidebar section {
    margin-left: 0;
  }

  #comments .comment-list .comment-children {
    margin-left: 22px;
  }

  .load-img {
    height: 300px;
  }
}
@media screen and (max-width: 575px) {
  .container .article-list .post .header-img {
    width: 100%;
  }
  .container .article-list .post .header-img .fixed {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
  }
  .container .article-list .post .header-img .fixed:after {
    content: "";
    padding-bottom: 37.5%;
    display: block;
  }
  .container .article-list .post .header-img img {
    width: 100%;
  }
  .container .article-list .post .entry-header .entry-title {
    font-size: 20px;
    padding: 20px 20px 12px 20px;
  }
  .container .article-list .post .entry-summary {
    padding: 20px;
  }
  .container .article-list .post .article-info {
    padding: 10px 20px;
  }

  .entry-summary[data-header-image-type=mini] .content-box p {
    overflow-y: hidden;
    max-height: 70px !important;
  }

  .article-page main, .page main, .archive main {
    /*文章标题*/
    /*文章页的文章信息*/
  }
  .article-page main .entry-header .entry-title, .page main .entry-header .entry-title, .archive main .entry-header .entry-title {
    font-size: 20px;
    padding: 20px 20px 12px 20px;
  }
  .article-page main .article-info, .page main .article-info, .archive main .article-info {
    padding: 10px 20px;
  }
  .article-page main article, .page main article, .archive main article {
    padding: 20px;
  }

  .container .col-md-12 {
    padding: 0 10px;
  }

  .load-img {
    height: 200px;
  }

  .archives-list .archives .post .header-img {
    width: 100%;
  }
  .archives-list .archives .post .header-img .fixed {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
  }
  .archives-list .archives .post .header-img .fixed:after {
    content: "";
    padding-bottom: 37.5%;
    display: block;
  }
  .archives-list .archives .post .header-img img {
    width: 100%;
  }
  .archives-list .archives .post .entry-header .entry-title {
    font-size: 20px;
    padding: 20px 20px 12px 20px;
  }
  .archives-list .archives .post .entry-summary {
    padding: 20px;
  }
  .archives-list .archives .post .article-info {
    padding: 10px 20px;
  }
  .archives-list .archives .post .post-title {
    font-size: 20px;
  }
  .archives-list .archives .post .header-img {
    height: 145px;
  }
  .archives-list .archives .page-header .archive-title {
    font-size: 20px;
  }

  .sidebar section {
    margin-left: 0;
  }

  #emoji-panel {
    width: 93% !important;
  }

  .to-top {
    right: 10px;
    bottom: 30px;
  }

  #comments .comment-list .comment-children {
    margin-left: 22px;
  }
}
@media screen and (max-width: 374px) {
  #comments .comment-list .comment-reply a {
    display: inline !important;
    border: none !important;
    font-size: 14px !important;
  }
}
.mwordstar-block {
  box-shadow: 0 1px 3px rgba(26, 26, 26, 0.1);
  border-radius: 4px;
  border: 1px solid #dedede !important;
  background-color: #FFFFFF;
}

body[data-rounded=rightAngle] .mwordstar-block {
  border-radius: 0;
}
body[data-rounded=rightAngle] header .navbar .search-form input, body[data-rounded=rightAngle] header .navbar .search-form button {
  border-radius: 0;
}
body[data-rounded=rightAngle] .pagination-nav li > a {
  border-radius: 0 !important;
}
body[data-rounded=rightAngle] .tag-cloud .tag-link {
  border-radius: 0;
}
body[data-rounded=rightAngle] .sidebar .search input, body[data-rounded=rightAngle] .sidebar .search button {
  border-radius: 0;
}
body[data-rounded=rightAngle] .post-page .agree-and-share button {
  border-radius: 0;
}
body[data-rounded=rightAngle] #comments #comment-form input, body[data-rounded=rightAngle] #comments #comment-form textarea, body[data-rounded=rightAngle] #comments #comment-form button {
  border-radius: 0;
}
body[data-rounded=rightAngle] #comments #emoji-panel {
  border-radius: 0 !important;
}
body[data-rounded=rightAngle] #comments .comment-reply a {
  border-radius: 0 !important;
}
body[data-rounded=rightAngle] .container-404 .search-box input, body[data-rounded=rightAngle] .container-404 .search-box button {
  border-radius: 0;
}
body[data-rounded=rightAngle] .container-404 .to-home-link {
  border-radius: 0;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.avatar {
  background: #E0E0E0;
}

.copy-code-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  display: none;
}

.breadcrumb {
  background: none;
}

#directory-box {
  background: #F8F9FA;
  display: inline-block;
}
#directory-box ul {
  list-style: none;
}
#directory-box ul .directory-num {
  color: #444444;
}
#directory-box > ul {
  padding-left: 0;
}
#directory-box > ul ul {
  padding-left: 32px;
}

#max-img .mask-layer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1030;
  display: none;
}
#max-img img {
  position: absolute;
  cursor: move;
  display: none;
  z-index: 1031;
}
#max-img #img-control {
  position: fixed;
  top: 10px;
  right: 10px;
  opacity: 0.8;
  z-index: 1033;
  display: none;
}
#max-img #img-control button {
  background-color: #212529;
  color: rgba(255, 255, 255, 0.87);
}
#max-img #img-info {
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 16px;
  text-shadow: 0 1px #333333, 1px 0 #333333, -1px 0 #333333, 0 -1px #333333;
  z-index: 1203;
  display: none;
}

.pingback {
  background: #488CB8;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  font-weight: 700;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.to-top {
  width: 40px;
  height: 40px;
  background: #ffffff;
  position: fixed;
  right: 20px;
  bottom: 20px;
  border: 1px solid #d3d3d3;
  opacity: 0.7;
}

#directory-btn {
  position: fixed;
  right: 20px;
  bottom: 80px;
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #d3d3d3;
  opacity: 0.7;
}

#directory-mobile {
  position: fixed;
  right: 60px;
  bottom: 80px;
  flex-direction: column;
  display: flex;
  max-height: 70%;
  width: 300px;
  background: #FFFFFF;
  box-shadow: 0 1px 3px rgba(26, 26, 26, 0.1);
  opacity: 0;
}
#directory-mobile .directory-list {
  height: 100%;
  overflow-y: auto;
}
#directory-mobile .directory-list ul {
  list-style: none;
  padding-left: 0;
}
#directory-mobile .directory-list ul ul {
  padding-left: 15px;
}
#directory-mobile .directory-list a {
  font-size: 14px;
}
#directory-mobile .title-bar {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}
#directory-mobile .title-bar i {
  font-size: 15px;
}

@media screen and (max-height: 450px) {
  #directory-mobile {
    max-height: 60%;
  }
}
.light-color1 header .navbar {
  background-color: #343a40;
}
.light-color1 header .navbar .navbar-brand {
  color: #fff;
}
.light-color1 header .navbar .navbar-brand:hover, .light-color1 header .navbar .navbar-brand:focus {
  color: #fff;
}
.light-color1 header .navbar .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.light-color1 header .navbar .navbar-nav .nav-link:hover, .light-color1 header .navbar .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.light-color1 header .navbar .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.light-color1 header .navbar .navbar-nav .show > .nav-link,
.light-color1 header .navbar .navbar-nav .active > .nav-link,
.light-color1 header .navbar .navbar-nav .nav-link.show,
.light-color1 header .navbar .navbar-nav .nav-link.active {
  color: #fff;
}
.light-color1 header .navbar .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.light-color1 header .navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.light-color1 header .navbar .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.light-color1 header .navbar .navbar-text a {
  color: #fff;
}
.light-color1 header .navbar .navbar-text a:hover, .light-color1 header .navbar .navbar-text a:focus {
  color: #fff;
}

.light-color2 header .navbar {
  background-color: #fff !important;
}
.light-color2 header .navbar .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.light-color2 header .navbar .navbar-brand:hover, .light-color2 header .navbar .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.light-color2 header .navbar .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.light-color2 header .navbar .navbar-nav .nav-link:hover, .light-color2 header .navbar .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.light-color2 header .navbar .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.light-color2 header .navbar .navbar-nav .show > .nav-link,
.light-color2 header .navbar .navbar-nav .active > .nav-link,
.light-color2 header .navbar .navbar-nav .nav-link.show,
.light-color2 header .navbar .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.light-color2 header .navbar .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.light-color2 header .navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.light-color2 header .navbar .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.light-color2 header .navbar .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.light-color2 header .navbar .navbar-text a:hover, .light-color2 header .navbar .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}
.light-color2 header .navbar #change-color-btn {
  background-color: #E5E6EB;
  color: rgba(0, 0, 0, 0.5);
}
.light-color2 header .navbar #change-color-text {
  color: #212529;
}

.light-color1 .article-list .post .article-info i, .light-color1 .article-list .post .article-info span, .light-color1 .archives-list .post .article-info i, .light-color1 .archives-list .post .article-info span, .light-color2 .article-list .post .article-info i, .light-color2 .article-list .post .article-info span, .light-color2 .archives-list .post .article-info i, .light-color2 .archives-list .post .article-info span {
  color: #6c757d;
}
.light-color1 .article-list .post .article-info a, .light-color1 .archives-list .post .article-info a, .light-color2 .article-list .post .article-info a, .light-color2 .archives-list .post .article-info a {
  color: #6c757d !important;
}
.light-color1 .article-list .post .article-info a:hover, .light-color1 .archives-list .post .article-info a:hover, .light-color2 .article-list .post .article-info a:hover, .light-color2 .archives-list .post .article-info a:hover {
  color: #494f54 !important;
}
.light-color1 .pagination-nav ul li a, .light-color1 .post-pagination ol li a, .light-color2 .pagination-nav ul li a, .light-color2 .post-pagination ol li a {
  color: #6c757d;
}
.light-color1 .pagination-nav ul .active a, .light-color1 .post-pagination ol .active a, .light-color2 .pagination-nav ul .active a, .light-color2 .post-pagination ol .active a {
  color: #ffffff;
  background-color: #6c757d;
  border: none;
}
.light-color1 .sidebar section ul > li > a, .light-color1 .sidebar .latest-comment a, .light-color1 .sidebar .user-name, .light-color1 .sidebar .calendar a, .light-color2 .sidebar section ul > li > a, .light-color2 .sidebar .latest-comment a, .light-color2 .sidebar .user-name, .light-color2 .sidebar .calendar a {
  color: #6c757d !important;
}
.light-color1 .sidebar section ul > li > a:hover, .light-color1 .sidebar .latest-comment a:hover, .light-color1 .sidebar .user-name:hover, .light-color1 .sidebar .calendar a:hover, .light-color2 .sidebar section ul > li > a:hover, .light-color2 .sidebar .latest-comment a:hover, .light-color2 .sidebar .user-name:hover, .light-color2 .sidebar .calendar a:hover {
  color: #494f54 !important;
}
.light-color1 .sidebar section ul li .badge, .light-color2 .sidebar section ul li .badge {
  background-color: #6c757d;
  color: #ffffff;
}
.light-color1 .sidebar .tag-cloud a, .light-color2 .sidebar .tag-cloud a {
  border: 1px solid #6c757d;
  color: #6c757d;
}
.light-color1 .sidebar .tag-cloud a:hover, .light-color2 .sidebar .tag-cloud a:hover {
  background-color: #6c757d;
  color: #ffffff;
}
.light-color1 .sidebar .tag-cloud a:focus, .light-color2 .sidebar .tag-cloud a:focus {
  background-color: #6c757d;
  color: #ffffff;
}
.light-color1 .sidebar .search button, .light-color2 .sidebar .search button {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.light-color1 .sidebar .search button:hover, .light-color2 .sidebar .search button:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.light-color1 .sidebar .search button:focus, .light-color2 .sidebar .search button:focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.light-color1 .sidebar .search button:disabled, .light-color2 .sidebar .search button:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.light-color1 .breadcrumb-nav a, .light-color2 .breadcrumb-nav a {
  color: #6c757d !important;
}
.light-color1 .breadcrumb-nav a:hover, .light-color2 .breadcrumb-nav a:hover {
  color: #494f54 !important;
}
.light-color1 .content-area .article-info .info span, .light-color1 .content-area .article-info .info i, .light-color2 .content-area .article-info .info span, .light-color2 .content-area .article-info .info i {
  color: #6c757d;
}
.light-color1 .content-area .article-info .info a, .light-color2 .content-area .article-info .info a {
  color: #6c757d !important;
}
.light-color1 .content-area .article-info .info a:hover, .light-color2 .content-area .article-info .info a:hover {
  color: #494f54 !important;
}
.light-color1 .content-area .post-content a, .light-color2 .content-area .post-content a {
  color: #6c757d !important;
}
.light-color1 .content-area .post-content a:hover, .light-color2 .content-area .post-content a:hover {
  color: #494f54 !important;
}
.light-color1 .content-area .agree-and-share button, .light-color2 .content-area .agree-and-share button {
  color: #6c757d;
  border-color: #6c757d;
}
.light-color1 .content-area .agree-and-share button:hover, .light-color2 .content-area .agree-and-share button:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.light-color1 .content-area .agree-and-share button:focus, .light-color2 .content-area .agree-and-share button:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.light-color1 .content-area .agree-and-share button:disabled, .light-color2 .content-area .agree-and-share button:disabled {
  color: #6c757d;
  background-color: transparent;
}
.light-color1 .content-area .post-navigation a, .light-color2 .content-area .post-navigation a {
  color: #6c757d !important;
}
.light-color1 .content-area .post-navigation a:hover, .light-color2 .content-area .post-navigation a:hover {
  color: #494f54 !important;
}
.light-color1 #comments #comment-form #show-emoji-btn, .light-color2 #comments #comment-form #show-emoji-btn {
  color: #6c757d;
  border-color: #6c757d;
}
.light-color1 #comments #comment-form #show-emoji-btn:hover, .light-color2 #comments #comment-form #show-emoji-btn:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.light-color1 #comments #comment-form #show-emoji-btn:focus, .light-color2 #comments #comment-form #show-emoji-btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.light-color1 #comments #comment-form #show-emoji-btn:disabled, .light-color2 #comments #comment-form #show-emoji-btn:disabled {
  color: #6c757d;
  background-color: transparent;
}
.light-color1 #comments #comment-form #emoji-classification button[aria-checked=true], .light-color2 #comments #comment-form #emoji-classification button[aria-checked=true] {
  background-color: #6c757d;
}
.light-color1 #comments #comment-form .comment-user a, .light-color2 #comments #comment-form .comment-user a {
  color: #6c757d !important;
}
.light-color1 #comments #comment-form .comment-user a:hover, .light-color2 #comments #comment-form .comment-user a:hover {
  color: #494f54 !important;
}
.light-color1 #comments #comment-form .submit, .light-color2 #comments #comment-form .submit {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.light-color1 #comments #comment-form .submit:hover, .light-color2 #comments #comment-form .submit:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.light-color1 #comments #comment-form .submit:focus, .light-color2 #comments #comment-form .submit:focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.light-color1 #comments #comment-form .submit:disabled, .light-color2 #comments #comment-form .submit:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.light-color1 #comments .comment-box .comment-info .author a, .light-color2 #comments .comment-box .comment-info .author a {
  color: #6c757d !important;
}
.light-color1 #comments .comment-box .comment-info .author a:hover, .light-color2 #comments .comment-box .comment-info .author a:hover {
  color: #494f54 !important;
}
.light-color1 #comments .comment-box .comment-reply a, .light-color2 #comments .comment-box .comment-reply a {
  border: 1px solid #6c757d;
  color: #6c757d;
}
.light-color1 #comments .comment-box .comment-reply a:hover, .light-color2 #comments .comment-box .comment-reply a:hover {
  background-color: #6c757d;
  color: #ffffff;
}
.light-color1 #comments .comment-box .comment-content a, .light-color2 #comments .comment-box .comment-content a {
  color: #6c757d !important;
}
.light-color1 #comments .comment-box .comment-content a:hover, .light-color2 #comments .comment-box .comment-content a:hover {
  color: #494f54 !important;
}
.light-color1 .to-top, .light-color1 #directory-btn, .light-color2 .to-top, .light-color2 #directory-btn {
  color: #6c757d;
}
.light-color1 .category-page .category-list .icon, .light-color2 .category-page .category-list .icon {
  color: #6C757D;
}
.light-color1 #directory-mobile .directory-list a, .light-color2 #directory-mobile .directory-list a {
  color: #6c757d !important;
}
.light-color1 #directory-mobile .directory-list a:hover, .light-color2 #directory-mobile .directory-list a:hover {
  color: #494f54 !important;
}

.primary-color header .navbar {
  background-color: #007bff !important;
}
.primary-color header .navbar .navbar-brand {
  color: #fff;
}
.primary-color header .navbar .navbar-brand:hover, .primary-color header .navbar .navbar-brand:focus {
  color: #fff;
}
.primary-color header .navbar .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.primary-color header .navbar .navbar-nav .nav-link:hover, .primary-color header .navbar .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.primary-color header .navbar .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.primary-color header .navbar .navbar-nav .show > .nav-link,
.primary-color header .navbar .navbar-nav .active > .nav-link,
.primary-color header .navbar .navbar-nav .nav-link.show,
.primary-color header .navbar .navbar-nav .nav-link.active {
  color: #fff;
}
.primary-color header .navbar .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.primary-color header .navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.primary-color header .navbar .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.primary-color header .navbar .navbar-text a {
  color: #fff;
}
.primary-color header .navbar .navbar-text a:hover, .primary-color header .navbar .navbar-text a:focus {
  color: #fff;
}
.primary-color .article-list .post .article-info i, .primary-color .article-list .post .article-info span, .primary-color .archives-list .post .article-info i, .primary-color .archives-list .post .article-info span {
  color: #007bff;
}
.primary-color .article-list .post .article-info a, .primary-color .archives-list .post .article-info a {
  color: #007bff !important;
}
.primary-color .article-list .post .article-info a:hover, .primary-color .archives-list .post .article-info a:hover {
  color: #0056b3 !important;
}
.primary-color .pagination-nav ul li a, .primary-color .post-pagination ol li a {
  color: #007bff;
}
.primary-color .pagination-nav ul .active a, .primary-color .post-pagination ol .active a {
  color: #ffffff;
  background-color: #007bff;
  border: none;
}
.primary-color .sidebar section ul > li > a, .primary-color .sidebar .latest-comment a, .primary-color .sidebar .user-name, .primary-color .sidebar .calendar a {
  color: #007bff !important;
}
.primary-color .sidebar section ul > li > a:hover, .primary-color .sidebar .latest-comment a:hover, .primary-color .sidebar .user-name:hover, .primary-color .sidebar .calendar a:hover {
  color: #0056b3 !important;
}
.primary-color .sidebar section ul li .badge {
  background-color: #007bff;
  color: #ffffff;
}
.primary-color .sidebar .tag-cloud a {
  border: 1px solid #007bff;
  color: #007bff;
}
.primary-color .sidebar .tag-cloud a:hover {
  background-color: #007bff;
  color: #ffffff;
}
.primary-color .sidebar .tag-cloud a:focus {
  background-color: #007bff;
  color: #ffffff;
}
.primary-color .sidebar .search button {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.primary-color .sidebar .search button:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.primary-color .sidebar .search button:focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.primary-color .sidebar .search button:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.primary-color .breadcrumb-nav a {
  color: #007bff !important;
}
.primary-color .breadcrumb-nav a:hover {
  color: #0056b3 !important;
}
.primary-color .content-area .article-info .info span, .primary-color .content-area .article-info .info i {
  color: #007bff;
}
.primary-color .content-area .article-info .info a {
  color: #007bff !important;
}
.primary-color .content-area .article-info .info a:hover {
  color: #0056b3 !important;
}
.primary-color .content-area .post-content a {
  color: #007bff !important;
}
.primary-color .content-area .post-content a:hover {
  color: #0056b3 !important;
}
.primary-color .content-area .agree-and-share button {
  color: #007bff;
  border-color: #007bff;
}
.primary-color .content-area .agree-and-share button:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.primary-color .content-area .agree-and-share button:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.primary-color .content-area .agree-and-share button:disabled {
  color: #007bff;
  background-color: transparent;
}
.primary-color .content-area .post-navigation a {
  color: #007bff !important;
}
.primary-color .content-area .post-navigation a:hover {
  color: #0056b3 !important;
}
.primary-color #comments #comment-form #show-emoji-btn {
  color: #007bff;
  border-color: #007bff;
}
.primary-color #comments #comment-form #show-emoji-btn:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.primary-color #comments #comment-form #show-emoji-btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.primary-color #comments #comment-form #show-emoji-btn:disabled {
  color: #007bff;
  background-color: transparent;
}
.primary-color #comments #comment-form #emoji-classification button[aria-checked=true] {
  background-color: #007bff;
}
.primary-color #comments #comment-form .comment-user a {
  color: #007bff !important;
}
.primary-color #comments #comment-form .comment-user a:hover {
  color: #0056b3 !important;
}
.primary-color #comments #comment-form .submit {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.primary-color #comments #comment-form .submit:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.primary-color #comments #comment-form .submit:focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.primary-color #comments #comment-form .submit:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.primary-color #comments .comment-box .comment-info .author a {
  color: #007bff !important;
}
.primary-color #comments .comment-box .comment-info .author a:hover {
  color: #0056b3 !important;
}
.primary-color #comments .comment-box .comment-reply a {
  border: 1px solid #007bff;
  color: #007bff;
}
.primary-color #comments .comment-box .comment-reply a:hover {
  background-color: #007bff;
  color: #ffffff;
}
.primary-color #comments .comment-box .comment-content a {
  color: #007bff !important;
}
.primary-color #comments .comment-box .comment-content a:hover {
  color: #0056b3 !important;
}
.primary-color .to-top, .primary-color #directory-btn {
  color: #007bff;
}
.primary-color .category-page .category-list .icon {
  color: #007bff;
}
.primary-color #directory-mobile .directory-list a {
  color: #007bff !important;
}
.primary-color #directory-mobile .directory-list a:hover {
  color: #0056b3 !important;
}

.info-color header .navbar {
  background-color: #17a2b8 !important;
}
.info-color header .navbar .navbar-brand {
  color: #fff;
}
.info-color header .navbar .navbar-brand:hover, .info-color header .navbar .navbar-brand:focus {
  color: #fff;
}
.info-color header .navbar .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.info-color header .navbar .navbar-nav .nav-link:hover, .info-color header .navbar .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.info-color header .navbar .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.info-color header .navbar .navbar-nav .show > .nav-link,
.info-color header .navbar .navbar-nav .active > .nav-link,
.info-color header .navbar .navbar-nav .nav-link.show,
.info-color header .navbar .navbar-nav .nav-link.active {
  color: #fff;
}
.info-color header .navbar .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.info-color header .navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.info-color header .navbar .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.info-color header .navbar .navbar-text a {
  color: #fff;
}
.info-color header .navbar .navbar-text a:hover, .info-color header .navbar .navbar-text a:focus {
  color: #fff;
}
.info-color .article-list .post .article-info i, .info-color .article-list .post .article-info span, .info-color .archives-list .post .article-info i, .info-color .archives-list .post .article-info span {
  color: #17a2b8;
}
.info-color .article-list .post .article-info a, .info-color .archives-list .post .article-info a {
  color: #17a2b8 !important;
}
.info-color .article-list .post .article-info a:hover, .info-color .archives-list .post .article-info a:hover {
  color: #0f6674 !important;
}
.info-color .pagination-nav ul li a, .info-color .post-pagination ol li a {
  color: #17a2b8;
}
.info-color .pagination-nav ul .active a, .info-color .post-pagination ol .active a {
  color: #ffffff;
  background-color: #17a2b8;
  border: none;
}
.info-color .sidebar section ul > li > a, .info-color .sidebar .latest-comment a, .info-color .sidebar .user-name, .info-color .sidebar .calendar a {
  color: #17a2b8 !important;
}
.info-color .sidebar section ul > li > a:hover, .info-color .sidebar .latest-comment a:hover, .info-color .sidebar .user-name:hover, .info-color .sidebar .calendar a:hover {
  color: #0f6674 !important;
}
.info-color .sidebar section ul li .badge {
  background-color: #17a2b8;
  color: #ffffff;
}
.info-color .sidebar .tag-cloud a {
  border: 1px solid #17a2b8;
  color: #17a2b8;
}
.info-color .sidebar .tag-cloud a:hover {
  background-color: #17a2b8;
  color: #ffffff;
}
.info-color .sidebar .tag-cloud a:focus {
  background-color: #17a2b8;
  color: #ffffff;
}
.info-color .sidebar .search button {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.info-color .sidebar .search button:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.info-color .sidebar .search button:focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.info-color .sidebar .search button:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.info-color .breadcrumb-nav a {
  color: #17a2b8 !important;
}
.info-color .breadcrumb-nav a:hover {
  color: #0f6674 !important;
}
.info-color .content-area .article-info .info span, .info-color .content-area .article-info .info i {
  color: #17a2b8;
}
.info-color .content-area .article-info .info a {
  color: #17a2b8 !important;
}
.info-color .content-area .article-info .info a:hover {
  color: #0f6674 !important;
}
.info-color .content-area .post-content a {
  color: #17a2b8 !important;
}
.info-color .content-area .post-content a:hover {
  color: #0f6674 !important;
}
.info-color .content-area .agree-and-share button {
  color: #17a2b8;
  border-color: #17a2b8;
}
.info-color .content-area .agree-and-share button:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.info-color .content-area .agree-and-share button:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.info-color .content-area .agree-and-share button:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.info-color .content-area .post-navigation a {
  color: #17a2b8 !important;
}
.info-color .content-area .post-navigation a:hover {
  color: #0f6674 !important;
}
.info-color #comments #comment-form #show-emoji-btn {
  color: #17a2b8;
  border-color: #17a2b8;
}
.info-color #comments #comment-form #show-emoji-btn:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.info-color #comments #comment-form #show-emoji-btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.info-color #comments #comment-form #show-emoji-btn:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.info-color #comments #comment-form #emoji-classification button[aria-checked=true] {
  background-color: #17a2b8;
}
.info-color #comments #comment-form .comment-user a {
  color: #17a2b8 !important;
}
.info-color #comments #comment-form .comment-user a:hover {
  color: #0f6674 !important;
}
.info-color #comments #comment-form .submit {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.info-color #comments #comment-form .submit:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.info-color #comments #comment-form .submit:focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.info-color #comments #comment-form .submit:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.info-color #comments .comment-box .comment-info .author a {
  color: #17a2b8 !important;
}
.info-color #comments .comment-box .comment-info .author a:hover {
  color: #0f6674 !important;
}
.info-color #comments .comment-box .comment-reply a {
  border: 1px solid #17a2b8;
  color: #17a2b8;
}
.info-color #comments .comment-box .comment-reply a:hover {
  background-color: #17a2b8;
  color: #ffffff;
}
.info-color #comments .comment-box .comment-content a {
  color: #17a2b8 !important;
}
.info-color #comments .comment-box .comment-content a:hover {
  color: #0f6674 !important;
}
.info-color .to-top, .info-color #directory-btn {
  color: #17a2b8;
}
.info-color .category-page .category-list .icon {
  color: #17a2b8;
}
.info-color #directory-mobile .directory-list a {
  color: #17a2b8 !important;
}
.info-color #directory-mobile .directory-list a:hover {
  color: #0f6674 !important;
}

.success-color header .navbar {
  background-color: #28a745 !important;
}
.success-color header .navbar .navbar-brand {
  color: #fff;
}
.success-color header .navbar .navbar-brand:hover, .success-color header .navbar .navbar-brand:focus {
  color: #fff;
}
.success-color header .navbar .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.success-color header .navbar .navbar-nav .nav-link:hover, .success-color header .navbar .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.success-color header .navbar .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.success-color header .navbar .navbar-nav .show > .nav-link,
.success-color header .navbar .navbar-nav .active > .nav-link,
.success-color header .navbar .navbar-nav .nav-link.show,
.success-color header .navbar .navbar-nav .nav-link.active {
  color: #fff;
}
.success-color header .navbar .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.success-color header .navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.success-color header .navbar .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.success-color header .navbar .navbar-text a {
  color: #fff;
}
.success-color header .navbar .navbar-text a:hover, .success-color header .navbar .navbar-text a:focus {
  color: #fff;
}
.success-color .article-list .post .article-info i, .success-color .article-list .post .article-info span, .success-color .archives-list .post .article-info i, .success-color .archives-list .post .article-info span {
  color: #28a745;
}
.success-color .article-list .post .article-info a, .success-color .archives-list .post .article-info a {
  color: #28a745 !important;
}
.success-color .article-list .post .article-info a:hover, .success-color .archives-list .post .article-info a:hover {
  color: #19692c !important;
}
.success-color .pagination-nav ul li a, .success-color .post-pagination ol li a {
  color: #28a745;
}
.success-color .pagination-nav ul .active a, .success-color .post-pagination ol .active a {
  color: #ffffff;
  background-color: #28a745;
  border: none;
}
.success-color .sidebar section ul > li > a, .success-color .sidebar .latest-comment a, .success-color .sidebar .user-name, .success-color .sidebar .calendar a {
  color: #28a745 !important;
}
.success-color .sidebar section ul > li > a:hover, .success-color .sidebar .latest-comment a:hover, .success-color .sidebar .user-name:hover, .success-color .sidebar .calendar a:hover {
  color: #19692c !important;
}
.success-color .sidebar section ul li .badge {
  background-color: #28a745;
  color: #ffffff;
}
.success-color .sidebar .tag-cloud a {
  border: 1px solid #28a745;
  color: #28a745;
}
.success-color .sidebar .tag-cloud a:hover {
  background-color: #28a745;
  color: #ffffff;
}
.success-color .sidebar .tag-cloud a:focus {
  background-color: #28a745;
  color: #ffffff;
}
.success-color .sidebar .search button {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.success-color .sidebar .search button:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.success-color .sidebar .search button:focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.success-color .sidebar .search button:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.success-color .breadcrumb-nav a {
  color: #28a745 !important;
}
.success-color .breadcrumb-nav a:hover {
  color: #19692c !important;
}
.success-color .content-area .article-info .info span, .success-color .content-area .article-info .info i {
  color: #28a745;
}
.success-color .content-area .article-info .info a {
  color: #28a745 !important;
}
.success-color .content-area .article-info .info a:hover {
  color: #19692c !important;
}
.success-color .content-area .post-content a {
  color: #28a745 !important;
}
.success-color .content-area .post-content a:hover {
  color: #19692c !important;
}
.success-color .content-area .agree-and-share button {
  color: #28a745;
  border-color: #28a745;
}
.success-color .content-area .agree-and-share button:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.success-color .content-area .agree-and-share button:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.success-color .content-area .agree-and-share button:disabled {
  color: #28a745;
  background-color: transparent;
}
.success-color .content-area .post-navigation a {
  color: #28a745 !important;
}
.success-color .content-area .post-navigation a:hover {
  color: #19692c !important;
}
.success-color #comments #comment-form #show-emoji-btn {
  color: #28a745;
  border-color: #28a745;
}
.success-color #comments #comment-form #show-emoji-btn:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.success-color #comments #comment-form #show-emoji-btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.success-color #comments #comment-form #show-emoji-btn:disabled {
  color: #28a745;
  background-color: transparent;
}
.success-color #comments #comment-form #emoji-classification button[aria-checked=true] {
  background-color: #28a745;
}
.success-color #comments #comment-form .comment-user a {
  color: #28a745 !important;
}
.success-color #comments #comment-form .comment-user a:hover {
  color: #19692c !important;
}
.success-color #comments #comment-form .submit {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.success-color #comments #comment-form .submit:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.success-color #comments #comment-form .submit:focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.success-color #comments #comment-form .submit:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.success-color #comments .comment-box .comment-info .author a {
  color: #28a745 !important;
}
.success-color #comments .comment-box .comment-info .author a:hover {
  color: #19692c !important;
}
.success-color #comments .comment-box .comment-reply a {
  border: 1px solid #28a745;
  color: #28a745;
}
.success-color #comments .comment-box .comment-reply a:hover {
  background-color: #28a745;
  color: #ffffff;
}
.success-color #comments .comment-box .comment-content a {
  color: #28a745 !important;
}
.success-color #comments .comment-box .comment-content a:hover {
  color: #19692c !important;
}
.success-color .to-top, .success-color #directory-btn {
  color: #28a745;
}
.success-color .category-page .category-list .icon {
  color: #28a745;
}
.success-color #directory-mobile .directory-list a {
  color: #28a745 !important;
}
.success-color #directory-mobile .directory-list a:hover {
  color: #19692c !important;
}

.dark-color {
  background-color: #121212;
}
.dark-color .border, .dark-color .border-top, .dark-color .border-bottom, .dark-color .border-left, .dark-color .border-right {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.dark-color .mwordstar-block {
  border-color: rgba(255, 255, 255, 0.1) !important;
  background-color: #1E1E1E;
}
.dark-color header .navbar {
  background-color: #1F1F1F;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
}
.dark-color header .navbar .navbar-brand {
  color: #fff;
}
.dark-color header .navbar .navbar-brand:hover, .dark-color header .navbar .navbar-brand:focus {
  color: #fff;
}
.dark-color header .navbar .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.dark-color header .navbar .navbar-nav .nav-link:hover, .dark-color header .navbar .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.dark-color header .navbar .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.dark-color header .navbar .navbar-nav .show > .nav-link,
.dark-color header .navbar .navbar-nav .active > .nav-link,
.dark-color header .navbar .navbar-nav .nav-link.show,
.dark-color header .navbar .navbar-nav .nav-link.active {
  color: #fff;
}
.dark-color header .navbar .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.dark-color header .navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.dark-color header .navbar .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.dark-color header .navbar .navbar-text a {
  color: #fff;
}
.dark-color header .navbar .navbar-text a:hover, .dark-color header .navbar .navbar-text a:focus {
  color: #fff;
}
.dark-color header .navbar .search-form input {
  background-color: #121212;
  border: none;
  color: rgba(255, 255, 255, 0.87);
}
.dark-color header .navbar .search-form button {
  background-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.87);
  border: none;
}
.dark-color header .navbar #change-color-btn {
  background-color: #373737;
  color: rgba(255, 255, 255, 0.87);
}
.dark-color header .navbar #change-color-text {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color .article-list .post, .dark-color .archives-list .archives .post {
  background-color: #1E1E1E;
  border-color: rgba(255, 255, 255, 0.1);
}
.dark-color .article-list .post .entry-title a, .dark-color .archives-list .archives .post .entry-title a {
  color: rgba(255, 255, 255, 0.87) !important;
}
.dark-color .article-list .post .entry-summary p, .dark-color .archives-list .archives .post .entry-summary p {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color .article-list .post .post-content p, .dark-color .archives-list .archives .post .post-content p {
  color: rgba(255, 255, 255, 0.87) !important;
}
.dark-color .article-list .post .post-content h1, .dark-color .article-list .post .post-content h2, .dark-color .article-list .post .post-content h3, .dark-color .article-list .post .post-content h4, .dark-color .article-list .post .post-content h5, .dark-color .article-list .post .post-content h6, .dark-color .archives-list .archives .post .post-content h1, .dark-color .archives-list .archives .post .post-content h2, .dark-color .archives-list .archives .post .post-content h3, .dark-color .archives-list .archives .post .post-content h4, .dark-color .archives-list .archives .post .post-content h5, .dark-color .archives-list .archives .post .post-content h6 {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color .article-list .post .post-content li, .dark-color .archives-list .archives .post .post-content li {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color .article-list .post .post-content p > code, .dark-color .article-list .post .post-content td code, .dark-color .article-list .post .post-content li code, .dark-color .article-list .post .post-content h1 code, .dark-color .article-list .post .post-content h2 code, .dark-color .article-list .post .post-content h3 code, .dark-color .article-list .post .post-content h4 code, .dark-color .article-list .post .post-content th code, .dark-color .archives-list .archives .post .post-content p > code, .dark-color .archives-list .archives .post .post-content td code, .dark-color .archives-list .archives .post .post-content li code, .dark-color .archives-list .archives .post .post-content h1 code, .dark-color .archives-list .archives .post .post-content h2 code, .dark-color .archives-list .archives .post .post-content h3 code, .dark-color .archives-list .archives .post .post-content h4 code, .dark-color .archives-list .archives .post .post-content th code {
  background-color: #000000 !important;
  color: rgba(255, 255, 255, 0.87) !important;
}
.dark-color .article-list .post .post-content blockquote, .dark-color .archives-list .archives .post .post-content blockquote {
  border-color: rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.6);
}
.dark-color .article-list .post .post-content table td, .dark-color .article-list .post .post-content table th, .dark-color .archives-list .archives .post .post-content table td, .dark-color .archives-list .archives .post .post-content table th {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color .article-list .post .post-content table tbody tr:nth-child(odd), .dark-color .archives-list .archives .post .post-content table tbody tr:nth-child(odd) {
  background-color: #2D2D2D;
}
.dark-color .article-list .post .post-content table tbody tr:hover, .dark-color .archives-list .archives .post .post-content table tbody tr:hover {
  background-color: #2D2D2D;
}
.dark-color .article-list .post .post-content hr, .dark-color .archives-list .archives .post .post-content hr {
  background-color: rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.6);
}
.dark-color .article-list .post .post-content pre code::-webkit-scrollbar, .dark-color .archives-list .archives .post .post-content pre code::-webkit-scrollbar {
  background: #2D2D2D;
}
.dark-color .article-list .post .post-content pre code::-webkit-scrollbar-thumb, .dark-color .archives-list .archives .post .post-content pre code::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.38);
}
.dark-color .article-list .post .article-info i, .dark-color .article-list .post .article-info span, .dark-color .archives-list .archives .post .article-info i, .dark-color .archives-list .archives .post .article-info span {
  color: rgba(255, 255, 255, 0.6);
}
.dark-color .article-list .post .article-info a, .dark-color .archives-list .archives .post .article-info a {
  color: rgba(255, 255, 255, 0.87) !important;
}
.dark-color .article-list .post .article-info a:hover, .dark-color .archives-list .archives .post .article-info a:hover {
  color: rgba(255, 255, 255, 0.6) !important;
}
.dark-color .pagination-nav ul li a, .dark-color .post-pagination ol li a {
  color: rgba(255, 255, 255, 0.87);
  background-color: #1E1E1E;
  border: none;
}
.dark-color .pagination-nav ul li:not(.active) a:hover, .dark-color .post-pagination ol li:not(.active) a:hover {
  background-color: #2D2D2D;
}
.dark-color .sidebar section ul > li > a, .dark-color .sidebar .latest-comment a, .dark-color .sidebar .user-name, .dark-color .sidebar .calendar a {
  color: rgba(255, 255, 255, 0.87) !important;
}
.dark-color .sidebar section ul > li > a:hover, .dark-color .sidebar .latest-comment a:hover, .dark-color .sidebar .user-name:hover, .dark-color .sidebar .calendar a:hover {
  color: rgba(255, 255, 255, 0.6) !important;
}
.dark-color .sidebar section h4 {
  color: rgba(255, 255, 255, 0.87);
  border-color: rgba(255, 255, 255, 0.6);
}
.dark-color .sidebar .personal-information .introduction {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color .sidebar .personal-information .info {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color .sidebar .calendar table th, .dark-color .sidebar .calendar table td {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color .sidebar .calendar table .active {
  background-color: #353535;
}
.dark-color .sidebar .latest-comment .comment-content {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color .sidebar .tag-cloud a {
  border: 1px solid rgba(255, 255, 255, 0.87);
  color: rgba(255, 255, 255, 0.87);
}
.dark-color .sidebar .tag-cloud a:hover {
  background-color: rgba(255, 255, 255, 0.87);
  color: #1E1E1E;
}
.dark-color .sidebar .tag-cloud a:focus {
  background-color: rgba(255, 255, 255, 0.87);
  color: #1E1E1E;
}
.dark-color .sidebar li .badge {
  background-color: rgba(255, 255, 255, 0.6);
}
.dark-color .sidebar .search input {
  background-color: #121212;
  color: rgba(255, 255, 255, 0.87);
  border-color: #007bff;
}
.dark-color .sidebar .search button {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.dark-color .sidebar .search button:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.dark-color .sidebar .search button:focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.dark-color .sidebar .search button:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.dark-color .sidebar .customize-html {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color .breadcrumb-nav .breadcrumb-item {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color .content-area .entry-title a {
  color: rgba(255, 255, 255, 0.87) !important;
}
.dark-color .content-area .article-info .info span, .dark-color .content-area .article-info .info i {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color .content-area .article-info .info a {
  color: rgba(255, 255, 255, 0.87) !important;
}
.dark-color .content-area .article-info .info a:hover {
  color: rgba(255, 255, 255, 0.6) !important;
}
.dark-color .content-area .warning-info {
  background-color: #2D2D2D;
  color: rgba(255, 255, 255, 0.87);
}
.dark-color .content-area .post-content p {
  color: rgba(255, 255, 255, 0.87) !important;
}
.dark-color .content-area .post-content h1, .dark-color .content-area .post-content h2, .dark-color .content-area .post-content h3, .dark-color .content-area .post-content h4, .dark-color .content-area .post-content h5, .dark-color .content-area .post-content h6 {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color .content-area .post-content li {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color .content-area .post-content p > code, .dark-color .content-area .post-content td code, .dark-color .content-area .post-content li code, .dark-color .content-area .post-content h1 code, .dark-color .content-area .post-content h2 code, .dark-color .content-area .post-content h3 code, .dark-color .content-area .post-content h4 code, .dark-color .content-area .post-content th code {
  background-color: #000000 !important;
  color: rgba(255, 255, 255, 0.87) !important;
}
.dark-color .content-area .post-content blockquote {
  border-color: rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.6);
}
.dark-color .content-area .post-content table td, .dark-color .content-area .post-content table th {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color .content-area .post-content table tbody tr:nth-child(odd) {
  background-color: #2D2D2D;
}
.dark-color .content-area .post-content table tbody tr:hover {
  background-color: #2D2D2D;
}
.dark-color .content-area .post-content hr {
  background-color: rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.6);
}
.dark-color .content-area .post-content pre code::-webkit-scrollbar {
  background: #2D2D2D;
}
.dark-color .content-area .post-content pre code::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.38);
}
.dark-color .content-area .post-content .load-img {
  background-color: #373737;
}
.dark-color .content-area #copyright-info span {
  color: rgba(255, 255, 255, 0.6);
}
.dark-color .content-area .agree-and-share button {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.dark-color .content-area .agree-and-share button:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.dark-color .content-area .agree-and-share button:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.dark-color .content-area .agree-and-share button:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.dark-color .content-area .post-navigation div {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color .content-area #qr-link p {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color #comments h2 {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color #comments #comment-form label {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color #comments #comment-form input, .dark-color #comments #comment-form textarea {
  background-color: #121212;
  color: rgba(255, 255, 255, 0.87);
}
.dark-color #comments #comment-form #show-emoji-btn {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.dark-color #comments #comment-form #show-emoji-btn:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.dark-color #comments #comment-form #show-emoji-btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.dark-color #comments #comment-form #show-emoji-btn:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.dark-color #comments #comment-form #emoji-panel {
  background-color: #2D2D2D;
}
.dark-color #comments #comment-form #emoji-panel #emoji-classification button[aria-checked=true] {
  background-color: #007bff;
}
.dark-color #comments #comment-form #emoji-panel #emoji-title {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color #comments #comment-form .submit {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.dark-color #comments #comment-form .submit:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.dark-color #comments #comment-form .submit:focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.dark-color #comments #comment-form .submit:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.dark-color #comments #comment-form .comment-user {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color #comments ol .comment-body {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.dark-color #comments .comment-box .comment-info .author {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color #comments .comment-box .comment-info .comment-time {
  color: rgba(255, 255, 255, 0.6) !important;
}
.dark-color #comments .comment-box .comment-reply a {
  border: 1px solid rgba(255, 255, 255, 0.87);
  color: rgba(255, 255, 255, 0.87);
  background: none !important;
}
.dark-color #comments .comment-box .comment-reply a:hover {
  background-color: rgba(255, 255, 255, 0.87) !important;
  color: #1E1E1E;
}
.dark-color #comments .comment-box .comment-content p {
  color: rgba(255, 255, 255, 0.87) !important;
}
.dark-color #comments .comment-box .comment-content h1, .dark-color #comments .comment-box .comment-content h2, .dark-color #comments .comment-box .comment-content h3, .dark-color #comments .comment-box .comment-content h4, .dark-color #comments .comment-box .comment-content h5, .dark-color #comments .comment-box .comment-content h6 {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color #comments .comment-box .comment-content li {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color #comments .comment-box .comment-content p > code, .dark-color #comments .comment-box .comment-content td code, .dark-color #comments .comment-box .comment-content li code, .dark-color #comments .comment-box .comment-content h1 code, .dark-color #comments .comment-box .comment-content h2 code, .dark-color #comments .comment-box .comment-content h3 code, .dark-color #comments .comment-box .comment-content h4 code, .dark-color #comments .comment-box .comment-content th code {
  background-color: #000000 !important;
  color: rgba(255, 255, 255, 0.87) !important;
}
.dark-color #comments .comment-box .comment-content blockquote {
  border-color: rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.6);
}
.dark-color #comments .comment-box .comment-content table td, .dark-color #comments .comment-box .comment-content table th {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color #comments .comment-box .comment-content table tbody tr:nth-child(odd) {
  background-color: #2D2D2D;
}
.dark-color #comments .comment-box .comment-content table tbody tr:hover {
  background-color: #2D2D2D;
}
.dark-color #comments .comment-box .comment-content hr {
  background-color: rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.6);
}
.dark-color #comments .comment-box .comment-content pre code::-webkit-scrollbar {
  background: #2D2D2D;
}
.dark-color #comments .comment-box .comment-content pre code::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.38);
}
.dark-color #comments .comment-box .respond {
  background-color: #2D2D2D !important;
}
.dark-color #comments .pagination-nav .pagination a {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.dark-color .to-top, .dark-color #directory-btn {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.dark-color .to-top:hover, .dark-color #directory-btn:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.dark-color .to-top:focus, .dark-color #directory-btn:focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.dark-color .to-top:disabled, .dark-color #directory-btn:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.dark-color #directory-mobile {
  background: #2D2D2D;
}
.dark-color #directory-mobile .title-bar h5, .dark-color #directory-mobile .title-bar button {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color #directory-mobile .directory-list a {
  color: rgba(255, 255, 255, 0.87) !important;
}
.dark-color #directory-mobile .directory-list a:hover {
  color: rgba(255, 255, 255, 0.6) !important;
}
.dark-color footer .container span {
  color: rgba(255, 255, 255, 0.6);
}
.dark-color footer .container a {
  color: #007bff;
}
.dark-color .archives-list .page-header h1, .dark-color .archives-list .page-header span {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color .archives-list .no-post h4, .dark-color .archives-list .no-post li, .dark-color .archives-list .no-post p {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color .link-page .link-box {
  background-color: #121212;
}
.dark-color .link-page .link-box .link {
  background-color: #1E1E1E;
}
.dark-color .archives .archives-item h2 {
  background-color: #1E1E1E;
}
.dark-color .data-page .statistics-card {
  background-color: #2D2D2D;
}
.dark-color .container-404 h1, .dark-color .container-404 h2, .dark-color .container-404 h5 {
  color: rgba(255, 255, 255, 0.87);
}
.dark-color .container-404 .search-btn, .dark-color .container-404 .to-home-link {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.dark-color .container-404 .search-btn:hover, .dark-color .container-404 .to-home-link:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.dark-color .container-404 .search-btn:focus, .dark-color .container-404 .to-home-link:focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.dark-color .container-404 .search-btn:disabled, .dark-color .container-404 .to-home-link:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

/*# sourceMappingURL=style.css.map */