html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: "Helvetica", sans-serif;
    background: #fff;
    color: #f2f2f2;
    line-height: 1.6;
}

/* 滚动条优化（Chrome / Edge / Safari）*/
body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    background: #1a1a1a;
}

body::-webkit-scrollbar-thumb {
    background: #555;
    border-radius: 5px;
}

body::-webkit-scrollbar-thumb:hover {
    background: #888;
}

/* 菜单栏 */

.menu-bar ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color:rgba(0,0,0,0.5);
  z-index: 99; 
}

/* 统一样式 */
.menu-bar li a {
  height: 40px;
  display: flex;               /* 设为 Flex 容器，使内容可水平和垂直居中 */
  justify-content: center;    /* 水平居中内容 */
  align-items: center;        /* 垂直居中内容 */
  padding: 15px 10px;         /* 内边距，上下15px，左右10px，增加点击区域 */
  text-decoration: none;      /* 去掉链接默认的下划线 */
  color: white;               /* 文字颜色白色 */
  font-weight: bold;          /* 字体加粗 */
  z-index: 99; 
}

/* 用于导航栏中特殊的“ZERO”字样 */
.menu-bar-zero {
  display: block;
  width: 100%;
  text-align: left;
  font-size: clamp(16px, 4vw, 32px); /* 最小16px，理想4vw，最大32px */
  z-index: 99; 
}

/* 导航栏中其他文字的样式 */
.menu-bar-Txt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px; /* 具体高度，确保垂直居中 */
  font-size: clamp(12px, 1vw, 32px);
  text-align: center;
  z-index: 99; 
}
/* 按比例分配宽度 */
.item-1 { flex: 1; }
.item-2 { flex: 10; }
.item-3 { flex: 1; }
.item-4 { flex: 1; }
.item-5 { flex: 1; }
.item-6 { flex: 1; }

.video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3); /* 半透明黑色遮罩 */
  z-index: 0; /* 保证在视频上，在文字下 */
}

/* 背景视频样式（记得你要加这个） */
.background-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  z-index: -1;                /* 放在最底下 */
  pointer-events: none;       /* 不拦截鼠标点击 */
}


.center-text {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 50%;                    /* 先垂直居中定位 */
  left: 50%;                   /* 水平居中定位 */
  transform: translate(-50%, -50%); /* 用 transform 实现真正中心对齐 */
  width: 100vw;
  height: clamp(18px, 12vw, 300px);                /* 固定高度 */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  pointer-events: none;
  color: white;
  font-size: clamp(18px, 6vw, 48px);
  text-align: center;
}