/* 导航栏容器 */
.navbar {
  display: flex;             /* 水平排列 */
  justify-content: space-between; /* 左右两端对齐 */
  align-items: center;       /* 垂直居中 */
  padding: 10px 20px;
  background-color: #81c5d0;    /* 深色背景 */
  color: rgb(94, 150, 215);
}

/* Logo */
.navbar .logo {
  font-size: 24px;
  font-weight: bold;
}

/* 链接列表 */
.navbar .nav-links {
  list-style: none;          /* 去掉默认小圆点 */
  display: flex;
  gap: 20px;                 /* 链接之间的间距 */
}

/* 链接样式 */
.navbar .nav-links a {
  text-decoration: none;     /* 去掉下划线 */
  color: white;
  transition: color 0.3s;
}

/* 悬浮效果 */
.navbar .nav-links a:hover {
  color: #ffcc00;            /* 悬浮变黄 */
}