h1, h2 {
  font-weight: 700 !important;
}

/* ==== 社交分享按钮 ==== */
.md-share-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 2.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--md-default-fg-color--lightest, rgba(0,0,0,.12));
}
.md-share-bar__title {
  font-size: .8rem;
  color: var(--md-default-fg-color--light);
  margin-right: 4px;
}
.md-share-bar__btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 14px;
  font-size: .75rem;
  border: 1px solid var(--md-default-fg-color--lightest, rgba(0,0,0,.15));
  border-radius: 20px;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  cursor: pointer;
  transition: background .2s, border-color .2s;
  white-space: nowrap;
}
.md-share-bar__btn:hover {
  background: var(--md-primary-fg-color);
  border-color: var(--md-primary-fg-color);
  color: var(--md-primary-bg-color, #fff);
}
.md-share-bar__btn:hover .md-share-bar__svg {
  fill: var(--md-primary-bg-color, #fff);
}
.md-share-bar__svg {
  fill: var(--md-default-fg-color);
  transition: fill .2s;
}

/* 微信二维码弹窗 */
.md-share-qr {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.5);
}
.md-share-qr__wrap {
  background: var(--md-default-bg-color);
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  box-shadow: 0 8px 30px rgba(0,0,0,.18);
}
.md-share-qr__wrap img {
  display: block;
  margin: 0 auto;
}
.md-share-qr__text {
  margin: 0 0 12px;
  font-size: .85rem;
  color: var(--md-default-fg-color);
}
.md-share-qr__close {
  display: inline-block;
  margin-top: 12px;
  padding: 4px 20px;
  font-size: .8rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 6px;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  cursor: pointer;
}
.md-share-qr__close:hover {
  background: var(--md-primary-fg-color);
  color: var(--md-primary-bg-color, #fff);
}

/* ==== 赞赏弹窗 ==== */
.md-reward-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.5);
}
.md-reward-dialog {
  background: var(--md-default-bg-color);
  border-radius: 12px;
  padding: 32px 28px 24px;
  text-align: center;
  box-shadow: 0 8px 30px rgba(0,0,0,.18);
  max-width: 480px;
  width: calc(100vw - 40px);
}
.md-reward-title {
  margin: 0 0 6px;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--md-default-fg-color);
}
.md-reward-desc {
  margin: 0 0 20px;
  font-size: .85rem;
  color: var(--md-default-fg-color--light);
}
.md-reward-qr-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: end;
  margin-bottom: 20px;
}
.md-reward-qr-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.md-reward-qr-card img {
  display: block;
  border-radius: 8px;
  border: 1px solid var(--md-default-fg-color--lightest);
  background: #fff;
  max-height: 260px;
  height: auto;
  object-fit: contain;
}
.md-reward-qr-label {
  font-size: .78rem;
  color: var(--md-default-fg-color--light);
}
.md-reward-close {
  display: inline-block;
  padding: 4px 28px;
  font-size: .8rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 6px;
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  cursor: pointer;
  transition: background .2s, color .2s;
}
.md-reward-close:hover {
  background: var(--md-primary-fg-color);
  border-color: var(--md-primary-fg-color);
  color: var(--md-primary-bg-color, #fff);
}

/* 移动端单列 */
@media (max-width: 420px) {
  .md-reward-qr-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .md-reward-dialog {
    padding: 24px 20px 20px;
  }
}

/* ==== 赞赏按钮颜色区分 ==== */
.md-reward-btn {
  color: #e85d3a;
  border-color: #e85d3a;
}
.md-reward-btn .md-share-bar__svg {
  fill: #e85d3a;
}
.md-reward-btn:hover {
  background: #e85d3a;
  border-color: #e85d3a;
  color: #fff;
}
.md-reward-btn:hover .md-share-bar__svg {
  fill: #fff;
}

/* 深色模式赞赏按钮 */
[data-md-color-scheme="slate"] .md-reward-btn {
  color: #f08a6e;
  border-color: #f08a6e;
}
[data-md-color-scheme="slate"] .md-reward-btn .md-share-bar__svg {
  fill: #f08a6e;
}
[data-md-color-scheme="slate"] .md-reward-btn:hover {
  background: #e85d3a;
  border-color: #e85d3a;
  color: #fff;
}
[data-md-color-scheme="slate"] .md-reward-btn:hover .md-share-bar__svg {
  fill: #fff;
}

/* 深色模式弹窗 */
[data-md-color-scheme="slate"] .md-reward-dialog {
  box-shadow: 0 8px 30px rgba(0,0,0,.5);
}
[data-md-color-scheme="slate"] .md-reward-qr-card img {
  border-color: rgba(255,255,255,.12);
}

/* 复制成功 Toast */
.md-share-toast {
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  z-index: 2000;
  padding: 8px 24px;
  font-size: .8rem;
  border-radius: 20px;
  background: var(--md-primary-fg-color);
  color: var(--md-primary-bg-color, #fff);
  opacity: 0;
  transition: opacity .3s, transform .3s;
  pointer-events: none;
}
.md-share-toast--show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* Pele Mermaid 渲染 */
.mermaid {
  --pele-bg: var(--md-default-bg-color);
  --pele-fg: var(--md-default-fg-color);
  --pele-muted: var(--md-default-fg-color--light);
  --pele-line: var(--md-default-fg-color--lighter);
  --pele-surface: var(--md-default-bg-color--light);
  --pele-surface-alt: var(--md-default-bg-color--lighter);
  --pele-border: var(--md-default-fg-color--lighter);
  margin: 1.5em 0;
  overflow-x: auto;
  text-align: center;
}

.mermaid svg {
  max-width: 100%;
  height: auto;
}

/* 隐藏 Artalk 评论区的 Powered By 版权栏；Artalk 为 MIT，许可证见 javascripts/artalk/LICENSE */
.atk-copyright {
  display: none !important;
}