@font-face {
  font-family: "icomoon";
  src: url("/assets/fonts/icomoon.eot");
  src:
    url("/assets/fonts/icomoon.eot#iefix") format("embedded-opentype"),
    url("/assets/fonts/icomoon.ttf") format("truetype"),
    url("/assets/fonts/icomoon.woff") format("woff"),
    url("/assets/fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

html,
body,
#app {
  min-height: 100%;
}

body {
  color: #333;
  background: #fff;
}

.theme-hope-content:not(.custom) {
  max-width: none;
  margin: 0;
  padding: 0;
}

.vp-page,
.vp-project-home {
  padding: 0 !important;
}

.vp-page-title,
.vp-breadcrumb,
.vp-page-meta,
.vp-toc,
.vp-sidebar,
.vp-navbar,
.vp-footer-wrapper,
.vp-catalog-wrapper {
  display: none !important;
}

.solo-static {
  min-height: 100vh;
}

.solo-static .navbar {
  overflow: visible;
}

.solo-static .navbar .wrapper {
  display: flex;
  justify-content: space-between;
}

.solo-static .navbar nav {
  white-space: nowrap;
  overflow-x: auto;
}

.solo-static .navbar form {
  width: 220px;
}

.solo-static .post h2 a {
  color: #333;
}

.solo-static .post .vditor-reset {
  line-height: 1.75;
}

.solo-static .post__content {
  overflow-wrap: anywhere;
}

.solo-static .post__content pre {
  overflow: auto;
}

.solo-static .post__content code {
  white-space: pre-wrap;
}

.solo-static .comments {
  margin-top: 28px;
}

.solo-static .comments h3,
.solo-static .rel h4 {
  border-bottom: 1px solid #ff4d3a;
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
  margin: 0 0 14px;
}

.solo-static .comment {
  border-bottom: 1px solid #eee;
  display: flex;
  gap: 12px;
  padding: 14px 0;
}

.solo-static .comment img {
  border-radius: 4px;
  flex: 0 0 42px;
  height: 42px;
  width: 42px;
}

.solo-static .comment main {
  flex: 1;
  min-width: 1px;
}

.solo-static .comment .meta {
  color: #aaa;
  margin-bottom: 6px;
}

.solo-static .comment .reply {
  color: #999;
  font-size: 12px;
}

.solo-static .other {
  border: 1px solid #ededed;
  box-sizing: border-box;
  padding: 20px;
}

.solo-static .other .title h2 {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 20px;
}

.solo-static .other .tags {
  line-height: 2.4;
}

.solo-static .other .tags .tag {
  margin-bottom: 8px;
}

.solo-static .pagination {
  margin-top: 10px;
}

.solo-static .footer script {
  display: none;
}

.solo-static .footer .footer-extra {
  display: inline;
}

@media (max-width: 760px) {
  .wrapper {
    min-width: 0;
    width: 92%;
  }

  .banner {
    height: auto;
    padding: 14px 0;
  }

  .banner h1 {
    display: block;
  }

  .banner h1 a {
    line-height: 1.5;
  }

  .banner small {
    display: block;
    margin-top: 4px;
  }

  .banner .fn-right {
    display: none;
  }

  .navbar {
    height: auto;
    margin-bottom: 18px;
  }

  .solo-static .navbar .wrapper {
    display: block;
  }

  .solo-static .navbar nav a {
    line-height: 42px;
    padding: 0 8px;
  }

  .solo-static .navbar .fn-right {
    display: none;
  }

  .main-wrap {
    display: block;
  }

  .main-wrap > main {
    margin-right: 0;
  }

  aside {
    margin-top: 18px;
    min-width: 0;
    width: auto;
  }

  .post {
    padding: 16px;
  }

  .post h2 > a {
    font-size: 20px;
  }
}