/* 左侧分类导航样式 */
.category-navbar {
  list-style-type: none;
  height: fit-content;
  width:18%;
  top: 25%;
  padding: 0;
  margin: 5px;
  background-color: #fcf9f9 !important;
  border: 2px solid #ccc;
  border-radius: 5px;
}
.category-navbar .collapse {
  align-items: center;
}

.category-navbar .nav-item {
  display: inline-block;
  width: 100%;
  padding: 0;
  margin: 0;
}

.category-navbar .title {
  font-size: x-large;
  font-weight: 600;
  text-align: center;
}

.category-navbar li a {
  display: block;
  width: 100%;
  text-decoration: none;
  padding: 10px 5px;
  margin: 0;
  text-align: center;
  font-style: italic;
  font-size: large;
  font-weight: 600;
  line-height: 100%;
}

.category-navbar li a:hover {
  background-color: #888686;
  transition: background-color 0.8s;
}

/* 移动设备优化 */
@media (max-width: 768px) {
  .category-navbar{
    width: max-content;
    margin: auto 15px;
    border:none;
    background-color:lightskyblue !important;
  }
  .category-navbar .title {
    display: none;
  }
  .category-navbar .nav-item {
    width: 100vw;
    background-color: transparent;
  }

}