body {
	  background-color: #0d1b2a; /* 深蓝色底色（兜底） */
	  color: #e0e1dd; /* 浅灰色文字 */
	  font-family: "Microsoft YaHei", Arial, sans-serif;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  height: 100vh;
	  margin: 0;
	  flex-direction: column;
	  position: relative; /* 让伪元素定位基于 body */
	  overflow: hidden;
	}

	/* 背景图层 */
	body::before {
	  content: "";
	  position: absolute;
	  top: 0; left: 0;
	  width: 100%; height: 100%;
	  background: url("background.jpg") no-repeat center center fixed;
	  background-size: cover;   /* 自适应，铺满 */
	  z-index: -2; /* 在最底层 */
	}

	/* 半透明深蓝蒙版 */
	body::after {
	  content: "";
	  position: absolute;
	  top: 0; left: 0;
	  width: 100%; height: 100%;
	  background: rgba(13, 27, 42, 0.7); /* 半透明深蓝色 */
	  z-index: -1; /* 在背景图上方，内容下方 */
	}

	.message {
	  font-size: 20px;
	  margin-bottom: 30px;
	  text-align: center;
	  background-color: rgba(13, 27, 42, 0.6); /* 半透明深蓝背景，保证文字可读 */
	  padding: 10px 20px;
	  border-radius: 10px;
	}

	.progress-container {
	  width: 80%;
	  max-width: 400px;
	  background-color: rgba(27, 38, 59, 0.8); /* 半透明深蓝条背景 */
	  border-radius: 25px;
	  overflow: hidden;
	  box-shadow: 0 0 10px rgba(0,0,0,0.5);
	}

	.progress-bar {
	  height: 25px;
	  width: 0;
	  background: linear-gradient(90deg, #00b4d8, #0077b6); /* 青蓝渐变 */
	  text-align: center;
	  line-height: 25px;
	  color: #fff;
	  font-size: 14px;
	  transition: width 0.3s ease;
	}