/* ============================================== */
/* 全局背景设置 */
/* ============================================== */
body {
  background-image: url('/beijing.jpg?v=1') !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-color: rgba(255, 255, 255, 0.7) !important;
  background-blend-mode: lighten !important;
}

.dark body {
  background-color: rgba(20, 20, 20, 0.7) !important;
  background-blend-mode: darken !important;
}

/* ============================================== */
/* 导航栏文字加粗 */
/* ============================================== */
.VPNavBarMenu .VPNavBarMenuLink,
.VPNavBarMenu .VPNavBarMenuLink span,
a.VPNavBarMenuLink {
  font-weight: 600 !important;
}

.dark .VPNavBarMenu .VPNavBarMenuLink,
.dark .VPNavBarMenu .VPNavBarMenuLink span,
.dark a.VPNavBarMenuLink {
  font-weight: 600 !important;
}

/* ============================================== */
/* 侧边栏样式 - 恢复默认位置 */
/* ============================================== */

/* 只保留响应式折叠功能 */
@media (max-width: 960px) {
  .VPSidebar {
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    z-index: 100;
    background: var(--vp-sidebar-bg-color) !important;
  }
  .VPSidebar.open {
    transform: translateX(0);
  }
}

/* ============================================== */
/* 导航栏全屏样式 */
/* ============================================== */
.VPNavBar,
.VPDoc-nav-bar {
  background: #ffffff !important;
  width: 100vw !important;
  left: 0 !important;
  right: 0 !important;
  max-width: 100% !important;
}

.dark .VPNavBar,
.dark .VPDoc-nav-bar {
  background: #1e1e20 !important;
}

.VPDoc-nav-bar .VPNavBar-title,
.VPDoc-nav-bar .site-title {
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin-left: 0 !important;
}

.VPDoc-nav-bar .nav-bar-content {
  margin-left: 240px !important;
}

/* ============================================== */
/* 页脚居中 */
/* ============================================== */
.VPFooter {
  text-align: center !important;
}
.VPFooter .container {
  text-align: center !important;
  display: block !important;
}
.VPFooter .copyright,
.VPFooter .message {
  text-align: center !important;
}
.VPFooter a {
  display: inline-block !important;
}

/* ============================================== */
/* 右侧大纲栏 - 默认显示 */
/* ============================================== */
.VPDocOutline,
.aside,
.aside-container,
.VPDoc .aside {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ============================================== */
/* 翻页按钮（上一页/下一页） */
/* ============================================== */
.VPDocFooter {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-top: 2rem !important;
  width: 100% !important;
}

.VPDocFooter .pager {
  width: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
  margin: 20px 0 !important;
}

/* 按钮样式 */
a.pager-link {
  background-color: rgba(165, 202, 202, 0.5) !important;
  border: 1px solid rgba(200, 200, 200, 0.5) !important;
  border-radius: 8px !important;
  padding: 16px 24px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.3s ease !important;
  display: block !important;
  color: #2c3e50 !important;
  text-decoration: none !important;
}

a.pager-link span:first-child {
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #666 !important;
}

a.pager-link span:last-child {
  font-weight: 600 !important;
  font-size: 18px !important;
  color: #2c3e50 !important;
}

a.pager-link:hover {
  background-color: rgba(230, 230, 230, 0.98) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
  text-decoration: none !important;
}

/* 深色模式适配 */
.dark a.pager-link {
  background-color: rgba(45, 45, 45, 0.95) !important;
  border-color: rgba(80, 80, 80, 0.3) !important;
}

.dark a.pager-link span:first-child {
  color: #aaa !important;
}

.dark a.pager-link span:last-child {
  color: #e0e0e0 !important;
}

.dark a.pager-link:hover {
  background-color: rgba(60, 60, 60, 0.98) !important;
}

/* ============================================== */
/* 强制覆盖 VitePress 隐藏翻页按钮的样式 */
/* ============================================== */
footer.VPDocFooter,
nav.pager,
a.VPLink.pager-link {
  display: flex !important;
}

.VPDocFooter {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-top: 2rem !important;
}

.VPDocFooter .pager {
  display: flex !important;
  justify-content: space-between !important;
  width: 100% !important;
}

a.pager-link {
  display: block !important;
  visibility: visible !important;
}

/* 同时确保右侧大纲栏不被隐藏 */
.VPDocOutline,
.aside,
.aside-container {
  display: block !important;
  visibility: visible !important;
}

/* ============================================== */
/* 用分割线区分侧边栏/大纲栏与留白区域 */
/* ============================================== */

/* 给侧边栏右侧加一条浅色分割线 */
.VPSidebar {
  border-right: 1px solid rgba(150, 170, 190, 0.3) !important;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.02) !important;
}

/* 给右侧大纲栏左侧加一条浅色分割线 */
.aside-container {
  border-left: 1px solid rgba(150, 170, 190, 0.3) !important;
  padding-left: 16px !important;
}

/* 深色模式分割线颜色 */
.dark .VPSidebar {
  border-right-color: rgba(100, 100, 120, 0.4) !important;
}
.dark .aside-container {
  border-left-color: rgba(100, 100, 120, 0.4) !important;
}

/* ============================================== */
/* 去掉遮罩，侧边栏改为透明，保留分割线 */
/* ============================================== */

/* 侧边栏背景改为透明 */
.VPSidebar {
  background-color: transparent !important;
  backdrop-filter: blur(0.1px);  /* 可选：轻微模糊，让背景图更柔和 */
}

/* 右侧大纲栏背景改为透明 */
.aside-container {
  background-color: transparent !important;
}

/* 侧边栏右侧保留浅色分割线 */
.VPSidebar {
  border-right: 1px solid rgba(150, 170, 190, 0.3) !important;
}

/* 大纲栏左侧保留浅色分割线 */
.aside-container {
  border-left: 1px solid rgba(150, 170, 190, 0.05) !important;
}

/* 深色模式适配 */
.dark .VPSidebar {
  border-right-color: rgba(100, 100, 120, 0.4) !important;
}
.dark .aside-container {
  border-left-color: rgba(100, 100, 120, 0.4) !important;
}