/* 备案信息样式 - 从todo_list移植 */
.beian-info {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background-color: white;
  color: #4b5563;
  border-top: 1px solid #e5e7eb;
  text-align: center;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}

/* 大屏幕上备案信息样式 - 与分页器保持一致 */
@media (min-width: 1024px) {
  .beian-info {
    display: flex !important; /* 确保桌面端显示 */
    left: 306px; /* 左侧边栏宽度 */
    width: calc(100% - 306px); /* 调整宽度以匹配分页器 */
  }
  
  /* 桌面端隐藏移动端专用组件 */
  .mobile-search-bar,
  .mobile-pagination-bar,
  .mobile-beian-bar {
    display: none !important;
  }
  
  /* 确保主内容区域高度正确，减去备案号高度 */
  #mainContentArea {
    height: calc(100dvh - 64px - 30px); /* 减去顶部导航栏和备案号高度 */
  }

  /* 知识库区域高度调整 */
  .knowledge-area {
    height: calc(100dvh - 64px - 30px) !important; /* 减去顶部导航栏和备案号高度 */
  }
}

/* 移动端布局调整 */
@media (max-width: 1023px) {
  /* 移动端隐藏桌面端备案信息 */
  .beian-info {
    display: none !important;
  }
  
  /* 移动端主内容区域不需要底部空间，因为使用了新的固定布局 */
  #mainContentArea {
    height: auto; /* 自动高度，由flex布局控制 */
  }
  
  .knowledge-area {
    height: 100% !important; /* 占满剩余空间 */
  }
}

[data-theme="dark"] .beian-info {
  background-color: #1f2937;
  color: #9ca3af;
  border-color: #374151;
}

.beian-info a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.beian-info a:hover {
  color: #000;
}

[data-theme="dark"] .beian-info a:hover {
  color: #fff;
}

/* 桌面端全局高度调整已在上面的@media查询中处理 */

/* 分页器容器调整，避免与备案信息重叠 */
.pagination-container {
  /* margin-bottom: 10px;  */
  /* 减少底部边距，因为已经有备案号的空间 */
}

/* 知识库列表滚动区域调整 */
.knowledge-grid-container {
  padding-bottom: 10px; /* 减少底部内边距 */
}

/* 详情内容区域调整 */
.detail-content {
  padding-bottom: 10px; /* 减少底部内边距 */
}

/* PWA模式下隐藏备案信息 */
@media (display-mode: standalone) {
  .beian-info,
  .beian-info-login,
  .mobile-beian-bar,
  .beian-info-settings {
    display: none !important;
  }
  
  /* PWA模式下调整主内容区域高度（桌面端） */
  @media (min-width: 1024px) {
    #mainContentArea {
      height: calc(100dvh - 64px) !important; /* 只减去顶部导航栏高度 */
    }
    
    .knowledge-area {
      height: calc(100dvh - 64px) !important; /* 只减去顶部导航栏高度 */
    }
  }
}