/************************************************************
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
** 否则页面将无法正常显示                                  **
************************************************************/

html {
  font-size: 16px;
}
*{margin:0;padding:0;border:none;outline:none;}a{text-decoration:none;}img{border:0px;
border: 0 none;
height: auto;}
ul li{list-style:none;}
table {
	border-collapse: collapse;
	border-spacing: 0
}
li {
	list-style: none
}
fieldset, img {
	border: 0
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
    'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100vw;
  height: 100vh;
}

body * {
  box-sizing: border-box;
  flex-shrink: 0;
}

.top-nav {
  position: absolute; /* 初始随内容滚动 */
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: flex;
  /*  初始背景透明 */
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999; /* 确保在内容上方 */
  -webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);
}

/* LOGO样式（初始隐藏） */
.logo {
  opacity: 1;
}

/* 导航文字默认正常（间距0） */
.nav-links {
  display: flex;
}


.nav-links a {
  color: #fff;
  text-decoration: none;
  letter-spacing: 0px; /* 默认正常间距 */
  opacity: 1;
   white-space: nowrap; /* 防止文字换行影响间距 */
}