/* 自定义样式覆盖（通过 head 引入） */

.home-page .banner-brand__content {
  text-align: center;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 720px !important;
}

.home-page .banner-brand__content .title {
  text-align: center !important;
}

.home-page .banner-brand__content .btn-group {
  justify-content: center;
}

.home-page .banner-brand__content .btn-group {
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-page .banner-brand__content .btn-group .xicon-container {
  width: 240px !important;
  height: 84px !important;
  padding: 0 !important;
  border-radius: 18px !important;
  justify-content: center;
}

.home-page .banner-brand__content .btn-group .xicon-container .xicon-content {
  font-size: 30px !important;
  line-height: 84px !important;
}

@media (min-width: 768px) {
  /* 修复：搜索下拉被顶部区域遮挡 */
  .navbar-container {
    overflow: visible !important;
  }

  .navbar-container .search-box {
    position: relative;
    z-index: 9999;
  }

  /* 强制显示搜索框（避免被主题样式压成 0 宽 / 透明） */
  .navbar-container .search-box input {
    width: 10rem !important;
    min-width: 170px !important;
    height: 34px !important;
    padding: 0 12px 0 36px !important;
    border: 1px solid #cfd4dc !important;
    border-radius: 999px !important;
    background-color: #fff !important;
    background-image: url("/search.svg") !important;
    background-position: 12px 9px !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px !important;
    color: #1f2328 !important;
    cursor: text !important;
  }

  .navbar-container .search-box .suggestions {
    z-index: 10000;

    background: #ffffff;
    border: 1px solid rgba(31, 35, 40, 0.12);
    border-radius: 12px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
    padding: 10px;
  }

  .navbar-container .search-box .suggestion {
    border-radius: 10px;
    padding: 10px 12px;
  }

  .navbar-container .search-box .suggestion.focus,
  .navbar-container .search-box .suggestion:hover {
    background: rgba(25, 132, 255, 0.08);
  }

  .search-hit {
    background: rgba(255, 220, 0, 0.45);
    padding: 0 2px;
    border-radius: 2px;
  }

  .theme-container .theme-main {
    max-width: 80% !important;
  }

  /* 主页 Banner 使用 100vw，外层不能限制宽度，否则视觉会偏右 */
  .home-page .theme-main {
    max-width: 100% !important;
  }

  .navbar-container .navbar-inner {
    max-width: 80% !important;
  }

  .series-container {
    width: 220px !important;
    padding: 16px !important;
  }

  .page-catalog-container {
    width: 220px !important;
    padding: 16px !important;
  }

  .page-content {
    padding-left: 58px !important;
    padding-right: 58px !important;
  }

  /* 保持当前所在的一级目录展开：避免点击文章后自动折叠 */
  .series-container h5.series-heading.active + ul {
    display: block !important;
  }

  .series-container h5.series-heading.active .arrow {
    transform: rotate(135deg) translateY(-0.125rem) !important;
  }
}