h1.text.title {
  text-shadow: 2px 2px 4px #00000045;
}

.md-text.content s {
  color: var(--text-p3);
  text-decoration: line-through var(--text-p3);
}

.md-text.content>table::-webkit-scrollbar,
.md-text.content>table>tbody>tr>td::-webkit-scrollbar,
.md-text > .highlight > table > tbody > tr > .code > pre > code::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}

.md-text.content>table::-webkit-scrollbar-track-piece,
.md-text.content>table>tbody>tr>td::-webkit-scrollbar-track-piece,
.md-text > .highlight > table > tbody > tr > .code > pre > code::-webkit-scrollbar-track-piece {
  background: transparent;
}

.md-text.content>table::-webkit-scrollbar-thumb,
.md-text.content>table>tbody>tr>td::-webkit-scrollbar-thumb,
.md-text > .highlight > table > tbody > tr > .code > pre > code::-webkit-scrollbar-thumb {
  background: transparent;
  cursor: pointer;
  border-radius: 6px;
}

.md-text.content>table:hover::-webkit-scrollbar-thumb,
.md-text.content>table>tbody>tr>td:hover::-webkit-scrollbar-thumb,
.md-text > .highlight > table > tbody > tr > .code > pre > codehover:hover::-webkit-scrollbar-thumb {
  background: var(--text-meta);
}

.md-text.content>table:hover::-webkit-scrollbar-thumb:hover,
.md-text.content>table>tbody>tr>td:hover::-webkit-scrollbar-thumb:hover,
.md-text > .highlight > table > tbody > tr > .code > pre > code:hover::-webkit-scrollbar-thumb:hover {
  background: var(--text-p3);
}

table:not([class]) {
  white-space: nowrap;
  width: auto;
  display: block;
}

table:not([class]) td,
table:not([class]) th {
  max-width: 830px;
  overflow: auto;
  border: 1px solid var(--block-border);
}

table:not([class]) tr {
  border-bottom: 1px solid var(--block-border);
}

table > tbody > tr > td.code {
  max-width: unset;
}

div.content.tech .md-text.content>h1::after {
  content: " H1";
}

div.content.tech .md-text.content>h2::after {
  content: " H2";
  color: var(--text);
  font-weight: 200;
  font-size: small;
}

div.content.tech .md-text.content>h3::after {
  content: " H3";
  color: var(--text);
  font-weight: 200;
  font-size: small;
}

div.content.tech .md-text.content>h4::after {
  content: " H4";
  color: var(--text);
  font-weight: 200;
  font-size: small;
}

div.content.tech .md-text.content>h5::after {
  content: " H5";
  color: var(--text);
  font-weight: 200;
  font-size: small;
}

div.content.tech .md-text.content>h6::after {
  content: " H6";
  color: var(--text);
  font-weight: 200;
  font-size: small;
}

/* 图片容器开始 */

/*

.tag-plugin.image>.image-bg {
  background-color: #f0f0f000;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHN0eWxlPkBtZWRpYSAocHJlZmVycy1jb2xvci1zY2hlbWU6ZGFyayl7cGF0aHtmaWxsOiM0YzRjNGN9fTwvc3R5bGU+PHBhdGggZD0iTTAgOTZjMC0zNS4zIDI4LjctNjQgNjQtNjRoMzg0YzM1LjMgMCA2NCAyOC43IDY0IDY0djMyMGMwIDM1LjMtMjguNyA2NC02NCA2NEg2NGMtMzUuMyAwLTY0LTI4LjctNjQtNjRWOTZ6bTMyMy44IDEwNi41Yy00LjUtNi42LTExLjktMTAuNS0xOS44LTEwLjVzLTE1LjQgMy45LTE5LjggMTAuNWwtODcgMTI3LjYtMjYuNS0zMy4xYy00LjYtNS43LTExLjUtOS0xOC43LTlzLTE0LjIgMy4zLTE4LjcgOWwtNjQgODBjLTUuOCA3LjItNi45IDE3LjEtMi45IDI1LjRTNzguOCA0MTYgODggNDE2aDMzNmM4LjkgMCAxNy4xLTQuOSAyMS4yLTEyLjhzMy42LTE3LjQtMS40LTI0LjdsLTEyMC0xNzZ6TTExMiAxOTJhNDggNDggMCAxMDAtOTYgNDggNDggMCAxMDAgOTZ6IiBmaWxsPSIjYmZiZmJmIi8+PC9zdmc+');
  background-size: 10%;
  background-repeat: no-repeat;
  background-position: center center;
}

@media (prefers-color-scheme: dark) {
  .tag-plugin.image>.image-bg {
    background-color: #27292d00;
  }
}

.tag-plugin.image>.image-bg {
  object-fit: contain;
  width: 100%;
  height: 100%;
  min-height: 230px;
}

.tag-plugin.image>.image-bg>img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

@media (max-width: 400px) {
  .tag-plugin.image>.image-bg,
  .tag-plugin.image>.image-bg>img {
    height: 210px;
  }
}


@media (min-width: 401px) and (max-width: 667px) {
  .tag-plugin.image>.image-bg,
  .tag-plugin.image>.image-bg>img {
    height: 270px;
  }
}

@media (min-width: 668px) and (max-width: 870px) {
  .tag-plugin.image>.image-bg,
  .tag-plugin.image>.image-bg>img {
    height: 300px;
  }
}

@media (min-width: 871px) and (max-width: 1180px) {
  .tag-plugin.image>.image-bg,
  .tag-plugin.image>.image-bg>img {
    height: 280px;
  }
}

@media (min-width: 1181px) {
  .tag-plugin.image>.image-bg,
  .tag-plugin.image>.image-bg>img {
    height: 420px;
  }
}

*/

/* 图片容器结束 */

.related-wrap#comments .cmt-body iframe {
  border-radius: unset;
}

div.content.tech article.md-text.content li {
  font-size: var(--fsp);
}

code,
.md-text .highlight,
pre:not([class]):has(>code) {
  font-family: ui-monospace,Menlo, Monaco,"Cascadia Mono", "Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Mono","Source Code Pro","Fira Mono","Droid Sans Mono","Consolas", "Courier New", monospace;
}

.md-text .highlight .code pre {
  padding: unset;
}
.md-text .highlight .gutter+.code pre {
  padding-left: unset;
}

div[type="story"] article.md-text.content > p,
div[type="story"] article.md-text.content li:not(.footnote-item) p {
  font-weight: 400;
  font-size: var(--stroy-font-size);
}

body.windows .content article.md-text.content {
  text-shadow: 0 0 0 #333;
}
psw {
  text-shadow: none;
}

div[type="story"] .article.banner .content .title {
  font-size: 64px;
  font-weight: 900;
}

div[type="story"] article.md-text.content li:not(.footnote-item) {
  font-size: var(--stroy-font-size);
}

div[type="story"] article.md-text.content h2 {
  font-size: calc(var(--stroy-font-size) + 1rem);
  font-weight: 700;
  line-height: normal;
  margin: 1em;
  position: relative;
}

div.content article.md-text.content em,
div.content article.md-text.content ruby {
  font-style: normal
}

sup.footnote-ref {
  color: grey;
  font-size: small;
}

sup.footnote-ref>a {
  padding: 0px !important;
}

em, ruby,
div[type="story"] .article.banner .content .title,
div[type="story"] article.md-text.content h2 {
  font-family: "Noto Serif SC", serif, ui-serif, sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Droid Sans, BlinkMacSystemFont, segoe ui, Arial;
  font-style: normal
}

em, ruby {
  font-weight: 500;
}

.article.banner .bg+.content {
  --blur-bg: rgba(0,0,0,0.1);
  --blur-px: 20px;
  --blur-sat: 150%;
}

div[type="story"] div.tag-plugin p:not([class]) {
  text-indent: unset !important;
}

body {
  font-weight: 400;
  --stroy-font-size: 20px
}

@media screen and (max-width: 2048px) {
  body{
    --stroy-font-size: 18px;
  }
}
@media screen and (max-width: 1280px) {
  body{
    --stroy-font-size: 16px;
  }
}
@media screen and (max-width: 1180px) {
  body{
    --stroy-font-size: 18px;
  }
}
@media screen and (max-width: 810px) {
  div[type="story"] .article.banner .content .title {
    font-size: 56px;
  }
}
@media screen and (max-width: 870px) {
  div[type="story"] .article.banner .content .title {
    font-size: 42px;
  }
}
@media screen and (max-width: 667px) {
  body{
    --stroy-font-size: 16px;
  }
  div[type="story"] .article.banner .content .title {
    font-size: 56px;
  }
}
@media screen and (max-width: 460px) {
 div[type="story"] .article.banner .content .title {
  font-size: 42px
}
}

.post-list .post-card .post-cover img {
  aspect-ratio: 2.4;
}

.l_body[type=story] .md-text.content ol, .l_body[type=story] .md-text.content ul {
  margin-left: unset;
}

/*
div.image-bg {
  aspect-ratio: unset !important;
}
*/

.md-text.content p>img, .md-text.content .tag-plugin.image .image-bg {
  max-height: 700px;
}