/* 通知文字对比度 */
.notification .bg-ob-deep-900 span {
  color:var(--text-bright)!important;
  font-weight:500
}

/* 正文动效与减弱动态效果支持 */
@keyframes dcFadeUp {
  from {
    opacity:0;
    transform:translateY(14px)
  }
  to {
    opacity:1;
    transform:none
  }
}

.post-html>h1,.post-html>h2,.post-html>h3,.post-html>h4,.post-html>p,.post-html>ul,.post-html>ol,.post-html>blockquote,.post-html>pre,.post-html>figure,.post-html>table,.post-html>details,.post-html>div {
  animation:dcFadeUp .5s cubic-bezier(.22,.61,.36,1) both
}

.post-html>:nth-child(1) {
  animation-delay:.02s
}

.post-html>:nth-child(2) {
  animation-delay:.06s
}

.post-html>:nth-child(3) {
  animation-delay:.1s
}

.post-html>:nth-child(4) {
  animation-delay:.14s
}

.post-html>:nth-child(5) {
  animation-delay:.18s
}

.post-html>:nth-child(6) {
  animation-delay:.22s
}

.post-html>:nth-child(7) {
  animation-delay:.26s
}

.post-html>:nth-child(8) {
  animation-delay:.3s
}

.post-html>:nth-child(9) {
  animation-delay:.34s
}

.post-html>:nth-child(10) {
  animation-delay:.38s
}

.post-html>:nth-child(n+11) {
  animation-delay:.42s
}

.post-html img {
  transition:transform .35s ease,box-shadow .35s ease,opacity .35s ease
}

.post-html img:hover {
  transform:scale(1.02);
  box-shadow:0 10px 30px rgba(0,0,0,.35)
}

.post-html pre {
  transition:box-shadow .3s ease,transform .3s ease
}

.post-html pre:hover {
  box-shadow:0 8px 24px rgba(0,0,0,.3)
}

.post-html h2 {
  transition:color .25s ease
}

.post-html h2:hover {
  color:var(--text-accent)
}

.post-html a {
  transition:color .2s ease,opacity .2s ease
}

@media (prefers-reduced-motion:reduce) {
  .post-html>* {
    animation:none!important
  }
  .post-html img,.post-html pre,.post-html h2,.post-html a {
    transition:none!important
  }
  .post-html img:hover {
    transform:none
  }
}

/* 长公式在自身容器内横向滚动，保留手机上的完整公式。 */
.post-html .katex-display {
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding:.25rem 0
}

.post-html .katex-display>.katex {
  width:max-content;
  min-width:100%
}

/* Wiki 双链与反向链接 */
.dc-wikilink {
  border-bottom:1px dashed var(--text-accent);
  text-decoration:none
}

.dc-wikilink:hover {
  border-bottom-style:solid;
  color:var(--text-accent)
}

.dc-wikilink-broken {
  color:#e05252;
  border-bottom:1px dotted #e05252;
  cursor:help
}

.dc-backlinks {
  margin-top:2.5rem;
  padding-top:1.5rem;
  border-top:1px solid var(--background-secondary);
  animation:dcFadeUp .5s cubic-bezier(.22,.61,.36,1) both
}

.dc-backlinks h2 {
  margin-top:0
}

.dc-backlinks-hint {
  font-size:.9rem;
  color:var(--text-dim)
}

.dc-backlinks ul {
  margin-top:.75rem;
  padding-left:1.25rem
}

.dc-backlinks li {
  margin:.35rem 0
}

.dc-backlinks a {
  border-bottom:1px dashed transparent;
  text-decoration:none;
  transition:color .2s ease,border-color .2s ease
}

.dc-backlinks a:hover {
  color:var(--text-accent);
  border-bottom-color:var(--text-accent)
}