/* 导航栏整体居中 */
#nav {
  height: 60px;
  line-height: 60px;
  position: relative;
}
#nav .menus_items {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  height: 100%;
  display: flex;
  align-items: center;
}
.menus_items .menus_item:nth-child(2) .menus_item_child {
  left: -65px;
}
#blog-info {
  display: flex !important;
  align-items: center;
  height: 100%;
  padding-left: 12px;
}
#blog-info .site-name,
#blog-info .nav-page-title::before {
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--font-color);
  letter-spacing: 1px;
  white-space: nowrap;
}
/* 导航栏毛玻璃 + 深浅自动切换 */
#nav {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* 向下滚动 > 50px 才变毛玻璃 */
html.nav-blur #nav {
  background: rgba(255,255,255,0.75) !important;
  backdrop-filter: blur(12px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(180%) !important;
}
/* 深色模式：滚动 >50px 渐变毛玻璃 */
[data-theme='dark'].nav-blur #nav {
  background: rgba(0,0,0,0.65) !important;
}
/* 移动端字号稍小 */
@media screen and (max-width: 768px) {
  #blog-info .site-name,
  #blog-info .nav-page-title::before {
    font-size: 1.1rem;
  }
}
/* 顶部文字白色 */
html:not(.nav-blur) #blog-info .site-name,
html:not(.nav-blur) #blog-info .nav-page-title::before {
  color: #fff !important;
  color: var(--nav-text-top) !important;
}
/* 滚动后恢复主题变量 */
html.nav-blur #blog-info .site-name,
html.nav-blur #blog-info .nav-page-title::before {
  color: var(--nav-text-scroll) !important;
}
/* 菜单总宽超屏自动隐藏 */
@media screen and (min-width: 769px) {
  #nav .menus_items {
    max-width: calc(100vw - 180px);
    white-space: nowrap;
  }
  #nav .menus_item {
    display: inline-block;
  }
}
#sidebar-menus {
  padding-top: 60px !important;
  height: calc(100vh - 60px) !important;
}
/* 顶部栏宽度定义 */
#nav .menus_items .menus_item .menus_item_child li a {
/* padding: 6px 15px; 修改这个为正常值，原0 23 */
  padding-top: 6px; /* 上方padding为 6px */
  padding-right: 18px; /* 右方padding为 15px */
  padding-bottom: 6px; /* 下方padding为 6px */
  padding-left: 15px; /* 左方padding为 15px */
  text-align: center;
}
/* 添加横向布局 */
nav.show:not(.hide-menu) .menus_item_child li:not(#sidebar-menus li) {
  float: left;
  border-radius: 13px !important;
  -webkit-border-radius: 13px !important;
  -moz-border-radius: 13px !important;
  -ms-border-radius: 13px !important;
  -o-border-radius: 13px !important;
}
nav.show:not(.hide-menu) .menus_item_child:not(#sidebar-menus ul) {
/*
    left:calc(-150%)!important;这是估算值，为了保持元素居中的，如果不合适可以自己调
  改为：*/
  left: 50%;
  translate: -50%;
}
/* 添加边界和圆角 */
#nav .menus_items .menus_item .menus_item_child {
  padding: 7px 7px; /* 10px的左右padding */
  border-radius: 20px; /* 添加10px的圆角 */
  font-size: 20px !important; /* 文字变小 */
  line-height: 2.5 !important; /* 更紧凑 */
  margin-top: 0 !important;
  background-color: var(--menu-child-bg);
}
#nav #page-name {
  position: relative;
  padding: 10px 30px /*如果文字间隔不合理可以微调修改，第二个是水平方向的padding，第一个是垂直的*/;
}
/* 右侧按钮对齐 */
#nav-right {
  display: flex !important; /* 强制启用flex布局 */
  align-items: center; /* 垂直居中 */
}
/* 确保两个按钮都是行内flex元素，避免换行或错位 */
#random,
#search-button {
  align-items: center;
  justify-content: center;
}