/* 放置页面的公共样式 */

/* 先清除浏览器默认样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 设定页面高度，背景为深黑色，增强黑绿对比 */
html,
body {
  height: 100%;
  background-color: #0a0a0a;
  color: #c0ffb3;
  /* 基础文字色为浅绿，契合主题 */
  font-family: "Consolas", "Monaco", monospace;
  /* 用等宽字体，更具科技感 */
}

/* 设定导航栏的样式 */
.nav {
  height: 50px;
  background-color: #0f1f10;
  /* 黑绿渐变的深色背景，作为导航栏底色 */
  color: #73ff73;
  /* 导航栏文字为亮绿色 */
  border-bottom: 2px solid #2d8b4f;
  /* 底部加一条亮绿边框，增强视觉 */

  /* 使用弹性布局，使导航栏内部的元素垂直居中 */
  display: flex;
  align-items: center;
  padding-left: 20px;
  box-shadow: 0 2px 10px rgba(45, 139, 79, 0.3);
  /* 加个绿调阴影，更炫酷 */
}