/* 设置 body 全局背景 */
body {
  background-image: url('../img/background.png'); /* 图片路径 */
  background-size: cover; /* 图片覆盖整个区域 */
  background-repeat: no-repeat; /* 禁止重复 */
  background-position: center; /* 图片居中 */
  background-attachment: fixed; /* 固定背景（滚动时不动） */
  font-family: Arial, sans-serif;
  text-align: center; /* 整体内容水平居中 */
  margin: 0;
  padding: 0;
  color: #333; /* 默认文字颜色 */
}

.icon {
  width: 96px;
  height: 96px;
  margin-top: 165px; /* 图标距离顶部 165px */
  margin-left: auto; /* 左右自动边距 */
  margin-right: auto; /* 左右自动边距 */
  display: block; /* 确保是块级元素 */
}

h1 {
  width: 210px; /* 宽度 */
  height: 30px; /* 高度 */
  font-family: 'AlibabaPuHuiTi_3_65_Medium', sans-serif;
  font-weight: 500;
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center; /* 内容居中 */
  line-height: 30px; /* 与高度一致，垂直居中 */
  margin: 45px auto 0; /* 上边距 63px（与图标间距），左右自动，下边距 0 */
  display: inline-block; /* 确保宽度生效 */
}

button {
  width: 166px; /* 指定宽度 */
  height: 44px; /* 指定高度 */
  background: #211952; /* 背景色 */
  border: 1px solid #9FA0A0; /* 边框 */
  border-radius: 22px; /* 圆角 */
  color: white; /* 文字颜色 */
  font-size: 16px; /* 文字大小（可自定义） */
  cursor: pointer;
  margin: 57px auto 40px; /* 上边距 57px（与 h1 间距），左右自动，下边距 40px */
  display: block; /* 确保水平居中生效 */
  text-align: center; /* 文字居中 */
  outline: none; /* 移除点击时的边框 */
}

button:hover {
  background: #1a1441; /* 深色背景，增强交互感 */
  transition: background 0.3s ease; /* 平滑过渡 */
}

#open-in-browser-guide {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.7); /* 添加半透明黑色背景 */
  display: none;
  /* 添加flex布局实现完美居中 */
  display: flex;
  justify-content: center;
  align-items: center;
}

.guide-icon {
  width: 100%;
  height: 100%;
  object-fit: contain; /* 保持图片完整比例 */
  padding: 20px; /* 添加边距防止贴边 */
}

/* 修改原有图标样式，增加z-index */
.icon {
  width: 96px;
  height: 96px;
  margin-top: 165px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative; /* 添加定位上下文 */
  z-index: 1; /* 确保正常内容在引导层下方 */
}