nav {
  position: fixed; /* 固定定位 */
  top: 0;          /* 距离顶部0px */
  left: 0;        /* 距离右边0px */
  width: auto;
  background: #F9EDBD;
  color: rgba(0, 0, 0, 0.87);
  -webkit-clip-path: circle(24px at 40px 35px);
  clip-path: circle(24px at 40px 35px);
  transition: -webkit-clip-path 0.5625s, clip-path 0.375s;
  z-index: 99999;
}
nav:hover {
  transition-timing-function: ease-out;
  transition-duration: 0.75s;
  -webkit-clip-path: circle(350px at 180px 80px);
  clip-path: circle(350px at 180px 80px);
}

.navicon:hover{
  transition-timing-function: ease-out;
  transition-duration: 0.75s;
  -webkit-clip-path: circle(23.5px at 30px 24.5px);
  clip-path: circle(23.5px at 30px 24.5px);
  background: lightblue;
}

.menu-list{
  display: grid;
  grid-template-columns: 2fr,3fr,2fr;
  grid-template-rows: repeat(9,1fr);
  gap: 0px 0px;
  grid-auto-flow: row dense;
  padding: 10px;
}

.item1 {
  grid-column-start: 1;
  grid-row-start: 1;
}

.item2 {
  grid-column-start: 1;
  grid-row-start: 3;
  grid-row-end: span 6;
  padding-right: 5px;
}

.item3 {
  grid-column-start: 2;
  grid-row-start: 1;
  grid-row-end: span 5;
}

.item4 {
  grid-column-start: 2;
  grid-row-start: 5;
  grid-row-end: span 4;
  padding-top: 10px;
}

.item5 {
  grid-column-start: 3;
  grid-row-start: 2;
  grid-row-end: span 4;
}

.sub-menu{
  text-decoration: none;
  outline: none;
  color:black;
  font-weight: 500;
  font-size: 16px;
}
.head-menu{
  text-decoration: none;
  outline: none;
  color:#2C5C81;
  font-weight: 900;
  font-size: 20px;

}



.lab-menu {
  display: block;
  margin-left: 30px;
  width: fit-content; /* 根据内容调整宽度 */
}

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 两列布局 */
  gap: 0px; /* 列间距 */
  padding: 10px 0; /* 上下内边距 */
}

.full-row {
  grid-column: 1 / -1; /* 从第一列到最后一列，占据整行 */
}

.menu-list a {
  display: block;
  line-height: 40px;
  padding: 0 10px;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.menu-list a:hover {
  background: #F9Cd50;
}
.menu-list a:active {
  background: #ffca28;
}

.navicon {
  padding: 23px 20px;
  cursor: pointer;
  transform-origin: 32px 24px;
}
.navicon div {
  position: relative;
  width: 20px;
  height: 2px;
  background: rgba(0, 0, 0, 0.87);
}
.navicon div:before, .navicon div:after {
  display: block;
  content: "";
  width: 20px;
  height: 2px;
  background: rgba(0, 0, 0, 0.87);
  position: absolute;
}
.navicon div:before {
  top: -7px;
}
.navicon div:after {
  top: 7px;
}