.blog-header {
  max-width: 60rem;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.blog-header .site-title {
  margin: 0;
  font-size: 1.5rem;
}
.blog-header .site-subtitle {
  margin: 0;
  font-size: 1rem;
  color: #536471;
}
.blog-nav {
  max-width: 60rem;
  margin: 1rem auto;
}
.blog-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.blog-nav ul li {
  display: inline-block;
  margin-right: 1rem;
  font-size: 1.125rem;
}
.blog-nav a {
  color: #0064c1;
  text-decoration: none;
}
.blog-nav a:hover {
  color: #000;
}
.posts {
  max-width: 60rem;
  margin: 0 auto;
  margin-bottom: 4rem;
}
.posts .post {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 60rem) {
  .posts .post {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.posts .post .post-title {
  margin: 0;
  font-size: 1.125rem;
}
.posts .post .post-meta .post-time {
  margin: 0;
  font-size: 1rem;
  color: #536471;
}
.posts .post .post-content {
  margin: 0;
  font-size: 1.125rem;
  color: #536471;
}
.posts .post-year-info {
  margin: 1rem 0;
}
.posts .post-year-info .post-year {
  margin: 0;
}
.posts .post-year-info .post-count-year {
  margin: 0;
  font-size: 1rem;
}
.posts .post-count {
  margin: 0;
  font-size: 1rem;
  color: #536471;
}
.posts a {
  color: #0064c1;
  text-decoration: none;
}
.posts a:hover {
  color: #000;
}
body {
  margin: 1.2rem;
  font-family: "LXGW WenKai Screen", "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  background: linear-gradient(90deg, rgba(200, 200, 200, 0.25) 3%, transparent 0), linear-gradient(rgba(200, 200, 200, 0.25) 3%, transparent 0);
  background-size: 50px 50px;
  background-attachment: fixed;
}
footer {
  max-width: 60rem;
  margin: 0 auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
footer .footer-text {
  margin: 0;
  font-size: 1rem;
  color: #536471;
  text-align: center;
}
footer .footer-contact {
  margin: 0;
  font-size: 1rem;
  color: #536471;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .footer-contact .footer-contact-item {
  margin: 0;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  font-size: 1rem;
  color: #536471;
}
footer .footer-contact img {
  display: inline-block;
  width: 1rem;
  height: 1rem;
}
footer #github_link {
  color: #0064c1;
  text-decoration: none;
}
footer #github_link::before {
  content: "";
  display: inline-block;
  position: static;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1rem;
  width: 1rem;
  margin: 0 0.125rem -0.125rem 0.125rem;
  opacity: 0.8;
  background-image: url(/img/github.svg);
}
.post-container {
  max-width: 60rem;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.post-container .post-title {
  margin: 0;
}
.post-container .post-content {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.8;
}
.post-container .post-content img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.post-container blockquote {
  white-space: normal;
  word-break: break-all;
}
.post-container code:not([class]) {
  background: #efefef;
  color: #000;
  padding: 2px 4px;
  border-radius: 6px;
  font-size: 0.85em;
  width: 100%;
  white-space: normal;
  word-break: break-all;
}
.post-container code {
  font-size: 0.8em;
}
.post-container a {
  color: #0064c1;
  text-decoration: none;
  white-space: normal;
  word-break: break-all;
}
.post-container a:hover {
  text-decoration: underline;
}
.post-container a[href^="http"]::after {
  content: "";
  display: inline-block;
  position: static;
  background-repeat: no-repeat;
  background-size: contain;
  height: 0.85em;
  width: 0.85em;
  margin: 0 0 2px 3px;
  opacity: 0.8;
  background-image: url(/img/link.svg);
}
/* 引用样式 */
blockquote {
  background: #efefef;
  border-left: 5px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}
.comment {
  text-align: center;
}
table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
}
table th {
  background-color: #f2f2f2;
}
table td {
  background-color: #fff;
}
table th,
table td {
  border: 2px solid #ddd;
  padding: 0.5rem;
  text-align: left;
}
.toc-child {
  list-style: none;
}
.toc-block {
  border: 1px solid #949da4;
  border-radius: 0.5rem;
  overflow: hidden;
}
.toc-block .toc-header {
  background-color: #f5f5f5;
  font-size: 1.125rem;
  margin: 0;
  padding: 0.5rem;
}
.toc-block .toc {
  list-style: none;
  padding-left: 1rem;
}
.toc-block:not(:has(.toc)) {
  display: none;
}
.post-year-2017::after {
  content: "@泸县二中";
  display: inline;
  margin: 1rem 0;
  font-size: 1rem;
  color: #65727c;
}
.post-year-2021::after {
  content: "@华中科技大学";
  display: inline;
  margin: 1rem 0;
  font-size: 1rem;
  color: #65727c;
}