body{
    background-color: white;
    margin: 0px;
    padding: 0px;
}

.content-block {
  display: flex;
  flex-direction: column;
  justify-content: center; /* 垂直居中内容 */
  height: 150px; /* 总高度，根据需要调整 */
}

.main-text {
  height: 80px; /* main-text固定高度 */
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: start; /* 水平居中 */
}

.main-text h2 {
  font-size: 40px;
  font-weight: normal;
  margin: 0;
  line-height: 1.2;
  /* 移除之前的 padding */
}

/* 整体导航栏容器 */
.navbar {
  margin: 0px;
  display: flex;                 /* 横向排列 */
  background-color: black;       /* 黑底 */
  border: 0.5px solid white;       /* 外边框 */
}

/* 每个栏目 */
@font-face {
  font-family: 'Gruppo-Regular';
  src: url('../fonts/Gruppo-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.nav-item {
  flex: 1;                       /* 四栏等宽 */
  text-align: center;            /* 文字居中 */
  padding: 6px 0;               /* 上下留白 */
  color: white;                  /* 白字 */
  border-left: 1px solid white;  /* 左边框线 */
  /*border-right: 1px solid white; /* 右边框线 */
  font-family: 'Gruppo-Regular';       /* 字体可选 */
  font-size: 25px;
  text-decoration: none;  /* 移除下划线 */
}

/* 第一栏：紫底 */
.first {
  background-color: #891CFF;
}

/* 去掉最左和最右的双边框 */
.nav-item:first-child {
  border-left: none;
}
.nav-item:last-child {
  border-right: none;
}

/*悬停*/
.nav-item:hover {
  background-color: #333;
  text-decoration: none;  /* 确保hover时也没有下划线 */
}


/* 整个模块 */
.content-block {
  background-color: white;
  margin: 0;
}

/* 大字部分 */
.main-text {
  /*text-align: center;               /* 居中对齐 */

  padding: 8px 4px;                  /* 上下空间 */
}

.main-text h2 {
  text-align: left;        /* 左对齐 */
  white-space: nowrap;     /* 不换行 */
  overflow: hidden;        /* 超出部分隐藏 */
  
  font-size: 50px;                  /* 字体大小 */
  font-weight: normal;
  margin: 0;                        /* 去掉默认间距 */
}


/*字体选择*/
/* 第一个 section */
@font-face {
  font-family: 'MonsieurLaDoulaise-Regular';
  src: url('../fonts/MonsieurLaDoulaise-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}
.content-block:nth-child(1) .main-text h2 {
  font-family: 'MonsieurLaDoulaise-Regular', sans-serif;
   font-weight: bold;
   /*color: blue; /* 先测试选择器是否工作 */
}


/* 第二个 section */
@font-face {
  font-family: 'RockSalt-Regular';
  src: url('../fonts/RockSalt-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.content-block:nth-child(2) .main-text h2 {
  padding-bottom: 15px; /* 向上移动20像素 */
  text-align: center;
  font-family: 'RockSalt-Regular', serif;
}

/* 第三个 section */
@font-face {
  font-family: 'Fascinate-Regular';
  src: url('../fonts/Fascinate-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}
.content-block:nth-child(3) .main-text h2 {
  padding-bottom: 6px;
  font-family: 'Fascinate-Regular', monospace;
}

/* 第四个section */
@font-face {
  font-family: 'courbi';
  src: url('../fonts/courbi.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}
.content-block:nth-child(4) .main-text h2 {
  font-family: 'courbi', monospace ;
  /*color: #00ff7f;*/
}

/* 第五个section */
@font-face {
  font-family: 'Impact';
  src: url('../fonts/Impact.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}
.content-block:nth-child(5) .main-text h2 {
  font-family: 'Impact', monospace ;
  /*color: aqua;*/
}


/* 第六个section */
@font-face {
  font-family: 'Borel-Regular';
  src: url('../fonts/Borel-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}
.content-block:nth-child(6) .main-text h2 {
  padding-top: 25px; /* 向下移动20像素 */
  
  font-family: 'Borel-Regular', monospace ;
  /*color: #00ff7f;*/
}

/* 第七个section */
@font-face {
  font-family: 'Splash-Regular';
  src: url('../fonts/Splash-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}
.content-block:nth-child(7) .main-text h2 {
  padding-bottom: 25px; /* 向上移动20像素 */
  text-align: center;
  font-family: 'Splash-Regular', monospace ;
  /*color: #00ff7f;*/
}

/* 下方小横栏 */
.sub-bar {
  display: flex;                   /* 启用弹性布局 */
  justify-content: space-between;  /* 左中右分布 */
  align-items: center;             /* 垂直居中 */
  position: relative;  
  z-index: 1;
  background: linear-gradient(to right,white 25%,#76FD46 50%,white 75%); 
  text-align: center;
  padding: 4px 4px;
  
  border-top: 1.5px solid black;
  box-shadow: 0 3px 4px rgba(245, 51, 245, 0.8);     /* 下方细紫线，可选 */

   font-family:'PathwayExtreme-VariableFont_opsz,wdth,wght', monospace ;
   margin: 0;
   font-size: 14px;
}

.sub-bar .center {
  flex: 1;
  text-align: center;
}

/* 右边文字右对齐 */
.sub-bar .right {
  font-family:'PathwayExtreme-VariableFont_opsz,wdth,wght', monospace ;
  margin: 0;
  text-align: right;
}

@font-face {
  font-family: 'PathwayExtreme-VariableFont_opsz,wdth,wght';
  src: url('../fonts/PathwayExtreme-VariableFont_opsz,wdth,wght.ttf') format('truetype');
  font-weight:bold;
  font-style: normal;
}


footer{
    margin-top:-24px;
    width:100%;
    height: 50px;
    background-color: black;
    border-bottom: solid 4px white;
    color: white;
}