#box {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -10; /* 保证始终在底层 */
    width: 100vw;
    height: 100vh;
    pointer-events: none;
  }
  

  /* 去除左侧栏的白色渐变框 */
  .md-nav__link--active,
  .md-nav__link:focus,
  .md-nav__item--active > .md-nav__link {
    background: transparent !important;
    box-shadow: none !important;
  }

  /* 去掉 TOC 中的选中/hover/聚焦样式 */
  .md-nav--secondary .md-nav__title,
  .md-nav--secondary .md-nav__titlek:focus,
  .md-nav--secondary .md-nav__title:hover,
  .md-nav--secondary .md-nav__title--active {
  background: transparent;
  box-shadow: none;
  }
  
  /* 顶栏 */
  .md-header {
    background-color: rgba(89, 108, 119, 0.7); /* 半透明白色背景 */
    backdrop-filter: blur(8px); /* 可选：模糊后面内容，提升可读性 */
    -webkit-backdrop-filter: blur(8px); /* Safari 支持 */
    box-shadow: none; /* 去掉顶部阴影（可选） */
  }
  
  /* 导航栏 */
  .md-tabs {
    background-color: rgba(89, 108, 119, 0.7);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    box-shadow: none;
  }
  
  /* 页脚 */
  .md-footer {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: none;
  }
  
  /* 内容白色蒙版 */
  .md-content > .md-typeset {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 10px;
    padding: 2.5rem;
  }
  
/* 设置代码块背景为半透明白色 */
.md-typeset pre > code {
  background-color: rgba(255, 255, 255, 0.7) !important;
  /* background-color: rgba(235,236,238, 1) !important; */
  color: #000; /* 字体颜色改为黑色以适配浅背景 */
}

/* 行号的背景颜色 */
span.linenos::before {
  background-color: rgba(235, 236, 238, 0.5) !important; /* 半透明背景 */
  backdrop-filter: blur(6px); /* 毛玻璃模糊效果 */
  -webkit-backdrop-filter: blur(6px); /* 兼容 Safari */
  
  /* 可选：增加圆角和边框来更像毛玻璃 */
  /* border-radius: 4px; */
}


/* 设置整段代码块区域的背景（含滚动条区域） */
.md-typeset pre {
  background-color: rgba(152, 156, 160, 0.4) !important;

  padding: 1em;
  overflow-x: auto;
}

/* 设置代码块语言标题栏（顶部小标签）的背景 */
.highlight > .filename {
  background-color: rgba(152, 156, 160, 0.4) !important;
  /* color: #000; */
  font-weight: bold;
  padding: 0.3em 1em;
  border-bottom: 1px solid #ddd;
}

/* 防止代码行号遮挡内容（如果开启了） */
.highlighttable pre {
  background-color: transparent !important;
}


  /* 调整移动端 */
@media (max-width: 768px) { /* You can adjust this breakpoint as needed */
  /* 删除移动端的白色蒙版 */
    .md-content > .md-typeset {
        background-color: transparent;
        border-radius: 0;
        padding: 1rem; /* Reduced padding for smaller screens */
    }
  }