/* --------------------通用配置（极简）------------------- */
body {
  color: #afafaf;
  background-color: #202124;
}

* {
  scrollbar-color: var(--scrollbarDarkColor);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--titleDarkColor);
}

/*--------------------引用块配置（极简黑暗）--------------------- */
blockquote {
  background: rgba(224, 108, 117, 0.04);
  color: #999;
  border-left-color: rgba(224, 108, 117, 0.3);
}

blockquote::before {
  display: none;
}

a:hover {
  border-bottom-color: var(--darkMaincolor);
}

/* --------------------图片配置（极简黑暗）------------------- */
img {
  border-color: #282c34;
}

.image-container {
  border-color: #282c34;
  box-shadow: none;
}

/* --------------------mermaid配置------------------- */
.mermaid {
  background-color: var(--codeblockDarkcolor);
}

/* .mermaid .nodes .node .label-container {
  fill: var(--codeblockDarkcolor) !important;
  stroke: var(--marmaidLineDarkColor) !important;
}

.mermaid .nodes .node .nodeLabel {
  color: var(--fontDarkColor) !important;
}

.mermaid .edgePaths .flowchart-link {
  stroke: var(--marmaidLineDarkColor) !important;
}

.mermaid .marker {
  fill: var(--marmaidLineDarkColor) !important;
} */

/* --------------------分割线配置（极简黑暗）-------------------*/
hr {
  border-top-color: var(--darkMaincolor);
  background: rgba(255, 255, 255, 0.06);
  height: 1px;
}

/*--------------------表格配置（极简黑暗）---------------------*/
table {
  margin-bottom: 0.8em;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(40, 44, 52, 0.6);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

table th, table td {
  padding: 6px 10px;
  text-align: left;
  border: none;
  border-bottom: 1px solid var(--tableDarkcolor);
}

table tr:last-child td {
  border-bottom: none;
}

table th {
  color: var(--titleDarkColor);
  background: rgba(255, 255, 255, 0.05) !important;
  font-weight: 500;
  text-transform: none;
  font-size: 14px;
  letter-spacing: 0;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

table tr:nth-child(even) {
  background-color: transparent;
}

table tr:hover {
  background: rgba(224, 108, 117, 0.06);
}

/* --------------------代码块配置（极简黑暗）------------------- */
code {
  color: var(--darkMaincolor);
  background: rgba(224, 108, 117, 0.08);
  border: none;
}

pre {
  scrollbar-color: rgba(171, 186, 191, 0.2) #202124;
  background-color: transparent !important;
  box-shadow: none;
  border: none;
}

pre code {
  color: #d3d5d7 !important;
}

.highlight {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(40, 44, 52, 0.6);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.copy-code-btn {
  background: var(--darkMaincolor);
  box-shadow: none;
}

.copy-code-btn:hover {
  background: #c7254e;
  box-shadow: none;
}

.chroma {
  color: #d3d5d7 !important;
  background-color: transparent !important;
}

/* 暗主题下优化语法高亮颜色亮度 */
.chroma .k { color: #c678dd !important; }
.chroma .kc { color: #e5c07b !important; }
.chroma .kd { color: #c678dd !important; }
.chroma .kn { color: #c678dd !important; }
.chroma .kp { color: #c678dd !important; }
.chroma .kr { color: #c678dd !important; }
.chroma .kt { color: #e5c07b !important; }
.chroma .n { color: #e06c75 !important; }
.chroma .na { color: #e06c75 !important; }
.chroma .nb { color: #e5c07b !important; }
.chroma .nc { color: #e5c07b !important; }
.chroma .no { color: #e06c75 !important; }
.chroma .nf { color: #61afef !important; }
.chroma .s { color: #98c379 !important; }
.chroma .m { color: #d19a66 !important; }
.chroma .o { color: #56b6c2 !important; }
.chroma .c { color: #7f848e !important; }

/* --------------------单页配置（极简黑暗）------------------- */
.singleArticle {
  background: transparent;
  box-shadow: none;
  border: none;
}

.singleArticle:hover {
  box-shadow: none;
}

.singleArticle a {
  color: #61afef;
}

.singleArticle a::after {
  background: #61afef;
}

.singleArticle a:hover {
  color: #528bff;
}

.singleArticle .titleSection {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

.singleArticle .titleSection::after {
  display: none;
}

.singleArticle .titleSection .backToHome {
  color: #666;
}

.singleArticle .titleSection .title {
  color: var(--titleDarkColor);
}

.singleArticle .titleSection .backToHome:hover {
  color: var(--darkMaincolor);
}

.singleArticle .content {
  color: var(--fontDarkColor);
}

.singleArticle .content h2 {
  color: var(--titleDarkColor);
  border-left: none;
  background: transparent;
  border-bottom-color: rgba(224, 108, 117, 0.15);
}

.singleArticle .content h3 {
  color: #bbb;
}

.singleArticle .content p {
  color: var(--fontDarkColor);
}

/* -------------------返回顶部按钮（黑暗模式）------------------- */
.backToTopBtn {
  background-color: rgba(224, 108, 117, 0.18);
  color: var(--darkMaincolor);
  box-shadow: 0 2px 8px rgba(224, 108, 117, 0.15);
}

.backToTopBtn:hover {
  background-color: #e06c75;
  color: #ffffff;
  box-shadow: 0 4px 16px rgba(224, 108, 117, 0.4);
}

/* --------------------目录配置（极简黑暗）------------------- */
.singleRightSide {
  background: transparent;
  box-shadow: none;
  border: none;
}

.singleRightSide:hover {
  box-shadow: none;
}

.tocContainer {
  scrollbar-color: rgba(171, 186, 191, 0.2) transparent;
}

.tocContainer::-webkit-scrollbar-track {
  background: transparent;
}

.tocContainer::-webkit-scrollbar-thumb {
  background-color: rgba(171, 186, 191, 0.2);
  border-radius: 2px;
}

.tocContainer li {
  color: #aaa;
}

.tocContainer li:hover {
  background: linear-gradient(90deg, rgba(224, 108, 117, 0.04), transparent);
}

.tocContainer a {
  color: #aaa;
  background: transparent;
}

.tocContainer a:hover {
  color: var(--darkMaincolor);
  background: transparent;
}

#TableOfContents a.active,
.tocContainer a.active {
  color: var(--darkMaincolor);
  background: transparent;
}

.commonRightSide {
  color: var(--fontDarkColor);
}

/* --------------------header配置------------------- */
.headerMenu a {
  color: var(--titleDarkColor);
  border-bottom: 2px solid var(--darkMaincolor);
}

/*---------------------搜索框配置------------------- */
.headerMenuSearch .searchInput {
  color: var(--titleDarkColor);
  /* background-color: #202124; */
  background-color: unset;
  border-bottom-color: var(--darkMaincolor);
}

.headerMenuSearch .searchOutput {
  background: rgba(32, 33, 36, 0.9);
}

.headerMenuSearch .searchOutput a {
  color: var(--fontDarkColor);
}

.headerMenuSearch .searchOutput a:hover {
  border-bottom-color: var(--darkMaincolor);
}

/* --------------------footer配置------------------- */
.footerMenu {
  border-top-color: var(--darkMaincolor);
}

/* --------------------首页配置------------------- */
.home-header .site-title {
  color: var(--titleDarkColor);
}

.site-icons a {
  color: #888;
  background: rgba(224, 108, 117, 0.08);
}

.site-icons a:hover {
  color: var(--darkMaincolor);
  background: rgba(224, 108, 117, 0.18);
}

.search-line-container {
  border-bottom-color: #3c3e42;
}

.search-line-container:focus-within {
  border-bottom-color: var(--darkMaincolor);
}

.search-line-input {
  color: var(--titleDarkColor);
}

.search-line-input::placeholder {
  color: #555;
}

.search-icon {
  color: var(--darkMaincolor);
}

.tabs-nav-btn {
  background: rgba(40, 44, 52, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--darkMaincolor);
  box-shadow: none;
}

.tabs-nav-btn:hover {
  background: rgba(224, 108, 117, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: none;
  border-color: transparent;
}

.tab-btn {
  background: rgba(40, 44, 52, 0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #9ca3af;
  box-shadow: none;
  animation: fadeInTabDark 0.3s ease-out forwards;
  opacity: 0;
}

.tab-btn:nth-child(1) { animation-delay: 0.05s; }
.tab-btn:nth-child(2) { animation-delay: 0.10s; }
.tab-btn:nth-child(3) { animation-delay: 0.15s; }
.tab-btn:nth-child(4) { animation-delay: 0.20s; }
.tab-btn:nth-child(5) { animation-delay: 0.25s; }

@keyframes fadeInTabDark {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.tab-btn:hover {
  background: rgba(224, 108, 117, 0.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--darkMaincolor);
  box-shadow: none;
  transform: translateY(-1px);
}

.tab-btn.active {
  background: var(--darkMaincolor);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-color: transparent;
  color: white;
  box-shadow: none;
}

.tab-btn.active:hover {
  background: var(--darkMaincolor);
  box-shadow: none;
}

.homeArticle .content-entry {
  border-bottom-color: rgba(255, 255, 255, 0.04);
  animation: fadeInItemDark 0.3s ease-out forwards;
  opacity: 0;
}

.homeArticle .content-entry:nth-child(1) { animation-delay: 0.05s; }
.homeArticle .content-entry:nth-child(2) { animation-delay: 0.10s; }
.homeArticle .content-entry:nth-child(3) { animation-delay: 0.15s; }
.homeArticle .content-entry:nth-child(4) { animation-delay: 0.20s; }
.homeArticle .content-entry:nth-child(5) { animation-delay: 0.25s; }
.homeArticle .content-entry:nth-child(6) { animation-delay: 0.30s; }
.homeArticle .content-entry:nth-child(7) { animation-delay: 0.35s; }
.homeArticle .content-entry:nth-child(8) { animation-delay: 0.40s; }
.homeArticle .content-entry:nth-child(9) { animation-delay: 0.45s; }
.homeArticle .content-entry:nth-child(10) { animation-delay: 0.50s; }

@keyframes fadeInItemDark {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.homeArticle .content-entry:hover {
  background: linear-gradient(90deg, rgba(224, 108, 117, 0.06) 0%, transparent 100%);
  border-left-color: var(--darkMaincolor);
}

.homeArticle .content-title a {
  color: #d1d5db;
}

.homeArticle .content-title a:hover {
  color: var(--darkMaincolor);
}

.homeArticle .content-time {
  color: #6b7280;
}

.search-no-results {
  color: #6b7280;
}

.pagination-controls {
  border-top-color: rgba(255, 255, 255, 0.08);
}

.pagination-prev,
.pagination-next {
  background: transparent;
  border-color: #3c3e42;
  color: #9ca3af;
}

.pagination-prev:hover:not(:disabled),
.pagination-next:hover:not(:disabled) {
  background: var(--darkMaincolor);
  color: white;
  border-color: var(--darkMaincolor);
}

.pagination-info {
  color: #6b7280;
}

::selection {
  color: #202124;
  background: #e06c75;
}

::-moz-selection {
  color: #202124;
  background: #e06c75;
}