/* custom.css — 覆盖 vue.css 默认样式，确保暗色主题不泄漏浅色 */

/* ====== 暗色主题（默认） ====== */
body{background:#07070e!important}
.content{left:0!important;top:56px!important;background:transparent!important}
.sidebar{display:none!important}

/* 防止 vue.css 浅色泄漏 */
.markdown-section{color:rgba(255,255,255,0.85)!important}
.markdown-section h1,.markdown-section h2,.markdown-section h3,
.markdown-section h4,.markdown-section h5,.markdown-section h6{color:#fff!important;display:block!important;width:100%!important;white-space:normal!important;word-break:normal!important}
.markdown-section h2{border-bottom-color:rgba(255,255,255,0.06)!important}
.markdown-section p,.markdown-section li,.markdown-section td{color:rgba(255,255,255,0.85)!important}
.markdown-section a{color:#00e5ff!important}
.markdown-section a:hover{color:#00ffff!important}
.markdown-section blockquote{color:rgba(255,255,255,0.45)!important;background:rgba(255,255,255,0.03)!important;border-left-color:#00e5ff!important}
.markdown-section code{background:rgba(0,229,255,0.08)!important;color:#00e5ff!important}
.markdown-section pre{background:rgba(0,0,0,0.4)!important;border-color:rgba(255,255,255,0.06)!important}
.markdown-section pre code{color:rgba(255,255,255,0.85)!important;background:transparent!important;text-shadow:none!important}
.markdown-section .anchor{display:inline!important;color:inherit!important;text-decoration:none!important;border:0!important}

/* 表格暗色全覆盖 — 解决 vue.css 白色残留 */
.markdown-section table th,
.markdown-section table td{border-color:rgba(255,255,255,0.06)!important;background:transparent!important}
.markdown-section table th{background:rgba(255,255,255,0.03)!important;color:#fff!important}
.markdown-section table tr{background:transparent!important;border-top-color:rgba(255,255,255,0.06)!important}
.markdown-section table tr:nth-child(2n){background:rgba(255,255,255,0.02)!important}
.markdown-section table tr:nth-child(2n) td{background:transparent!important}
.markdown-section hr{border-color:rgba(255,255,255,0.06)!important}

/* 搜索框 */
#nav-search-slot{display:flex;align-items:center;min-width:180px;max-width:340px;flex:1;margin-left:auto}
#nav-search-slot .search{position:relative;width:100%;margin:0;padding:0;border:0}
#nav-search-slot .search .input-wrap{position:relative;display:flex;align-items:center}
#nav-search-slot .search input[type=search]{width:100%;height:34px;padding:0 34px;border:1px solid var(--ai-line);border-radius:999px;background:var(--ai-surface);color:var(--ai-text);font:13px/1.2 inherit;outline:0;transition:border-color .2s,box-shadow .2s,background .2s,color .2s}
#nav-search-slot .search input[type=search]::placeholder{color:var(--ai-muted);opacity:.9}
#nav-search-slot .search input[type=search]:focus{border-color:var(--ai-cyan);box-shadow:0 0 0 3px rgba(54,231,255,.12),0 8px 24px rgba(0,0,0,.12)}
#nav-search-slot .search .input-wrap::before{content:'⌕';position:absolute;left:13px;color:var(--ai-cyan);font-size:18px;line-height:1;pointer-events:none;z-index:1}
#nav-search-slot .search .clear-button{right:7px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer}
#nav-search-slot .search .clear-button svg{width:20px;height:20px}
#nav-search-slot .search .results-panel{position:absolute;top:42px;left:0;right:0;z-index:1200;max-height:min(60vh,440px);overflow-y:auto;padding:6px;border:1px solid var(--ai-line);border-radius:12px;background:var(--ai-surface-strong);box-shadow:var(--ai-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
#nav-search-slot .search .search-keyword{color:var(--ai-cyan)}
#nav-search-slot .search .matching-post{border-bottom:1px solid var(--ai-line)}
#nav-search-slot .search .matching-post:last-child{border-bottom:0}
#nav-search-slot .search .matching-post a{display:block;padding:9px 11px;color:var(--ai-text)!important;text-decoration:none!important;border:0!important;border-radius:8px}
#nav-search-slot .search .matching-post a:hover{background:rgba(54,231,255,.09);color:var(--ai-text)!important}
#nav-search-slot .search .matching-post h2{margin:0 0 3px;color:var(--ai-text)!important;font-size:14px}
#nav-search-slot .search .matching-post p{margin:0;color:var(--ai-muted)!important;font-size:12px;line-height:1.5}
#nav-search-slot .search p.empty{padding:12px;margin:0;color:var(--ai-muted)!important}
.search-input,.sidebar input[type="search"]{background:var(--ai-surface)!important;color:var(--ai-text)!important;border-color:var(--ai-line)!important}
.search .search-list{background:var(--ai-surface-strong)!important;border-color:var(--ai-line)!important}
.search .search-list a{color:var(--ai-text)!important}

@media(max-width:768px){
  :root{--nav-h:92px}
  .topnav{flex-wrap:wrap}
  #nav-search-slot{order:3;flex:1 0 100%;max-width:none;margin:0 0 6px}
  #nav-search-slot .search .results-panel{position:fixed;top:calc(var(--nav-h) + 42px);left:10px;right:10px;max-height:60vh}
}

/* 滚动条 */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.2)}
::selection{background:rgba(0,229,255,0.25);color:#fff}

/* ====== 浅色回退 ====== */
body:not(.dark-theme){background:#f5f5f5!important}
body:not(.dark-theme) .content{left:0!important;top:56px!important;background:transparent!important}
body:not(.dark-theme) .markdown-section{color:#333!important}
body:not(.dark-theme) .markdown-section h1,
body:not(.dark-theme) .markdown-section h2,
body:not(.dark-theme) .markdown-section h3,
body:not(.dark-theme) .markdown-section h4{color:#111!important;display:block!important;width:100%!important;white-space:normal!important;word-break:normal!important}
body:not(.dark-theme) .markdown-section h2{border-bottom-color:#e0e0e0!important}
body:not(.dark-theme) .markdown-section p,
body:not(.dark-theme) .markdown-section li,
body:not(.dark-theme) .markdown-section td{color:#333!important}
body:not(.dark-theme) .markdown-section a{color:#00b8d4!important}
body:not(.dark-theme) .markdown-section blockquote{background:rgba(0,0,0,0.02)!important;border-left-color:#00b8d4!important;color:#666!important}
body:not(.dark-theme) .markdown-section code{background:rgba(0,184,212,0.08)!important;color:#00b8d4!important}
body:not(.dark-theme) .markdown-section pre{background:#f0f0f0!important;border-color:#e0e0e0!important}
body:not(.dark-theme) .markdown-section pre code{color:#333!important}
body:not(.dark-theme) .markdown-section table th,
body:not(.dark-theme) .markdown-section table td{border-color:#e0e0e0!important;background:transparent!important}
body:not(.dark-theme) .markdown-section table th{background:rgba(0,0,0,0.03)!important;color:#111!important}
body:not(.dark-theme) .markdown-section table tr{background:transparent!important;border-top-color:#e0e0e0!important}
body:not(.dark-theme) .markdown-section table tr:nth-child(2n){background:#f8f8f8!important}
body:not(.dark-theme) .markdown-section table tr:nth-child(2n) td{background:transparent!important}
body:not(.dark-theme) .markdown-section hr{border-color:#e0e0e0!important}
body:not(.dark-theme) .topnav{background:rgba(255,255,255,0.85);border-bottom-color:#e0e0e0}
body:not(.dark-theme) .topnav a.nav-link{color:#666}
body:not(.dark-theme) .topnav a.nav-link:hover{color:#111;background:rgba(0,0,0,0.04)}
body:not(.dark-theme) .topnav a.nav-link.active{color:#00b8d4;background:rgba(0,229,255,0.08)}
body:not(.dark-theme) .nav-dropdown>span{color:#666}
body:not(.dark-theme) .nav-dropdown>span:hover{color:#111;background:rgba(0,0,0,0.04)}
body:not(.dark-theme) .nav-dropdown-menu{background:rgba(255,255,255,0.98);border-color:#ddd}
body:not(.dark-theme) .nav-dropdown-menu a{color:#333!important}
body:not(.dark-theme) .nav-dropdown-menu a:hover{background:rgba(0,0,0,0.04);color:#00b8d4!important}
body:not(.dark-theme) .nav-dropdown-menu.mobile-fixed{box-shadow:0 8px 24px rgba(0,0,0,0.1);border-top-color:#ddd}
body:not(.dark-theme) .footer-beian{background:rgba(255,255,255,0.85);border-top-color:#e0e0e0;color:#999}
body:not(.dark-theme) .footer-beian a{color:#999}
body:not(.dark-theme) .nav-right button{color:#666;border-color:#ddd;background:rgba(0,0,0,0.02)}

/* ====== 看板娘暗色主题适配 ====== */
body.dark-theme #waifu-tips {
  background-color: rgba(30, 30, 40, 0.85) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 3px 15px 2px rgba(0, 0, 0, 0.3) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}
body.dark-theme #waifu-tips span {
  color: #00e5ff !important;
}
body.dark-theme #waifu-tool svg {
  fill: rgba(255, 255, 255, 0.55) !important;
}
body.dark-theme #waifu-tool svg:hover {
  fill: #00e5ff !important;
}

/* ====== KaTeX 数学公式样式 ====== */
.katex-block {
  text-align: center;
  margin: 1.2em 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0.5em 0;
}
.katex-block > .katex {
  display: inline-block;
}
body.dark-theme .katex {
  color: #e0e0e0;
}
body.dark-theme .katex .mord,
body.dark-theme .katex .mbin,
body.dark-theme .katex .mrel,
body.dark-theme .katex .mopen,
body.dark-theme .katex .mclose,
body.dark-theme .katex .mpunct,
body.dark-theme .katex .minner {
  color: #e0e0e0;
}
body.dark-theme .katex .accent-body {
  color: #e0e0e0;
}