/** 全局样式 */
header ul li {
  list-style-type: none;
}

body {
  display: flex;
  height: 100%;
  justify-content: center;
  /*background-image: url('../png/bg.png');*/
  overflow: hidden; /* 防止整个页面滚动 */
}

canvas {
  position: absolute;
  display: block;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.app {
  width: 80vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.15); /* 改为深色半透明背景，避免白屏闪烁 */
  backdrop-filter: blur(20px); /* 毛玻璃效果 */
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  color: white; /* 文字用白色 */
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* 文字配色 */
h1,
h2,
h3 {
  color: #ffffff;
}
p, select {
  color: rgba(255, 255, 255, 0.9);
}
a, button {
  color: #90caf9;
}