body,
html {
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
  background-color: var(--bg-color);
  overflow-x: hidden;
  overflow-y: overlay;
}

* {
  color: var(--text-color);
  box-sizing: border-box;
}

.write blockquote {
  margin-left: 0px;
  margin-right: 0px;
}

.write img {
  border-radius: 4px;
}

h2 {
  font-size: 1.3rem;
}

h2 > strong {
  color: #f6f8fa !important;
}

button.selected {
  background-color: var(--primary-color) !important;
}

.hljs-copy-wrapper {
  border-radius: 5px;
}

.write pre {
  background-color: var(--block-bg-color) !important;
  border-radius: 6px;
}

/* 适配 Moments */

.moments .tag::before {
  content: "#";
}

.moments .tag {
  text-decoration: none;
  /* font-style: italic; */
}

.moments .tag:hover {
  text-decoration: underline;
}

/* 适配 Shiki */

.write .shiki.shiki-themes {
  background-color: var(--block-bg-color) !important;
}

:root {
  --tab-bottom-border-color: var(--primary-color) !important;
  /* --tab-active-bg-color: var(--block-bg-color) !important;
  --tab-inactive-bg-color: var(--block-bg-color)  !important; */
  --tab-text-color: var(--text-color)  !important;
  --tab-text-font-size: 1rem !important;
}
