.navbar{
background: #e8671c;
}
.nav-menu{
  padding-right: .25em!important;
}
.nav,.nav-container {
  width: 300px !important;
  max-width: 300px !important;
}
.nav-menu{
  background: #fafafa;
  border-right: 1px solid #DEE0E3;
}
.nav-menu >h3{
  padding-bottom: 1px;
}
.main-content {
  margin-left: 300px !important;
}
.navbar-end>a.navbar-item:hover{
  background: #e8671c;
  color: rgba(255, 255, 255, 0.8);
}
.doc .image>img{
  max-width: 1000px!important;
}
/* 3. （可选）调整折叠状态侧边栏宽度（默认50px） */
.sidebar.collapsed {
  width: 60px !important;
}
/* 同步折叠状态主内容区边距 */
.main-content.sidebar-collapsed {
  margin-left: 60px !important;
}

/* 左侧导航整体容器样式 */
.sidebar-nav {
  padding: 10px 0;
  background-color: #f8f9fa;
}
.nav-item[data-depth="0"] {
  margin: 8px 0;
}
.nav-item[data-depth="0"] .nav-link {
  text-decoration: none;
}
.nav-item[data-depth="0"] .nav-link:hover {
  color: #e8671c; /* 悬浮文字色 */
  border-radius: 4px; /* 圆角 */
}
.nav-item[data-depth="1"] {
  margin: .6em 0;
  line-height: 1.5; /* 统一行高 */
}
/*
.nav-item[data-depth="1"] .nav-link {
  padding: 6px 20px;
} */

.nav-item[data-depth="1"] .nav-link:hover {
  color: #e8671c;
  border-radius: 4px;
}
/* 3. 三级目录（data-depth="2"，对应「三级目录」） */
.nav-item[data-depth="2"] {
  margin: .6em 0;
}

.nav-item[data-depth="2"] .nav-link {
  /* padding: 4px 20px; */
}

.nav-item[data-depth="2"] .nav-link:hover {
  color: #e8671c;
  border-radius: 4px;
}

/* 4. 四级目录（可选，对应「效果图」「VR」） */
.nav-item[data-depth="3"] {
}

.nav-item[data-depth="3"] .nav-link {
  color: #95a5a6;
  padding: 3px 30px;
}
.toc-menu {
  text-align: left;
  background: none;
  border: none;
}
/* 一级目录样式（突出显示） */
/* .toc .toc-menu li a{
  line-height: 1.5;
} */
.toc .toc-menu a:hover{
  color: #e8671c!important;
}
.toc .toc-menu li[data-level="1"] a {
  font-size: 1.1em;
  margin: 12px 0 8px 0;
}

/* 二级及以下目录样式（保持缩进） */
.toc .toc-menu li[data-level="2"] a {
  padding-left: 25px;
  margin: 4px 0;
}
.toc .toc-menu li[data-level="3"] a {
  padding-left: 50px;
  margin: 2px 0;
}
.toc .toc-menu li[data-level="3"]> a {
  padding-left: 50px;
  margin: 2px 0;
}
.toc .toc-menu li[data-level="4"] a {
  padding-left: 75px;
  margin: 2px 0;
}
.toc .toc-menu li[data-level="5"] a {
  padding-left: 100px;
  margin: 2px 0;
}

.toc .toc-menu li[data-level="6"] a {
  padding-left: 125px;
  margin: 2px 0;
}

/* 移除所有边框和背景（保持简洁） */
.toc.sidebar {
  padding: 16px;
  border: none !important; /* 强制移除边框 */
  background: transparent !important; /* 透明背景 */
}

/* 目录链接样式 */
.toc-link {
  color: #555;
  text-decoration: none;
}
.toc-link.is-active {
  color: #e8671c;
  font-weight: 600;
}
.toc-link:hover {
  color: #e8671c;
  text-decoration: underline;
}
/* 兼容不同位置的图片 */
.doc img,
.content img {
  max-width: 100%;
  height: auto;
}

/* 禁用图片拖拽（避免冲突） */
img {
  user-drag: none;
  -webkit-user-drag: none;
}

/* 放大模态框优化 */
.image-zoom-modal .image-zoom-img {
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
}
.nav-panel-explore{
  border-right: 1px solid #DEE0E3;
}
.nav-panel-menu{
  overflow-x: hidden!important;
  overflow-y: auto!important;
}
/* .nav-list{
  overflow-y: auto!important;
} */
.nav-menu-toggle{
  margin-right: 0.5em!important;
}
/* 强制禁用 Antora 默认 UI 搜索框 首次聚焦弹出的下拉框 */
#search-results {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 只有输入内容后，才显示搜索结果 */
#search-input:not(:placeholder-shown) ~ #search-results {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
/* 4. 响应式适配：小屏幕下恢复默认布局 */
@media (max-width: 1023px) {
  .sidebar,.nav {
    width: 100% !important;
  }
  .main-content {
    margin-left: 0 !important;
  }
}
/* 响应式适配 */
@media (max-width: 768px) {
  .image-zoom-img {
    max-width: 95vw;
    max-height: 80vh;
  }
}

@media screen and (min-width: 1024px) {
    main>.content{
      justify-content: space-between;
    }
  }
@media screen and (min-width: 1216px) {
  aside.toc.sidebar {
      flex-basis: 20rem;
  }
}
.doc{
  max-width: 100%;
}