/* 外部样式表文件 style.css */

/* 设置整个导航栏的背景颜色 */
.navbar {
  background-color: #ffffff;
}

/* 设置导航栏链接的样式 */
.navbar-nav .nav-link {
  color: #000000;
  text-decoration: none;
  padding: 10px;
}

/* 设置下拉菜单的样式 */
.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 200px;
  padding: 10px;
  z-index: 1;
}

.dropdown-menu .nav-item {
  display: block;
}

.dropdown-menu .nav-link {
  color: #000000;
  text-decoration: none;
}

/* 设置导航栏按钮的样式 */
.nav-btn .box-btn {
  background-color: #ffffff;
  color: #ffffff;
  padding: 10px 20px;
  text-decoration: none;
}

/* 设置响应式导航栏的样式 */
@media (max-width: 768px) {
  .navbar-nav {
    display: none;
  }

  .navbar-toggler {
    display: block;
  }

  .navbar-collapse.show {
    display: block;
  }

  .navbar-toggler .icon-bar {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #000000;
    margin-bottom: 5px;
  }
}