body {
			background-color: rgb(16, 16, 16);
			/* background-image: url("/img/bj4.png"); */
			/* background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			background-attachment: fixed; */
			/* 将背景图片固定 */
			/* height: 100vh; */

		}

		.kp {
			margin: 0;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			align-content: center;
			justify-content: center;
			margin-top: 100px;
			margin-bottom: 100px;
			flex-direction: column;
		}

		.blur-bg {
			background-color: rgb(255 255 255 / 20%);
			backdrop-filter: blur(10px);
			padding: 20px;
			border-radius: 30px;
			width: auto;
			/* max-width: auto; */
			height: auto;
			max-height: auto;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: space-evenly;
			z-index: 2;
			position: relative;
			/* margin-left: 5px;
			margin-right: 5px;*/
			margin-top: 10px; 
			min-width: 500px;
			min-height: 250px;
			max-width: 50%;
			overflow-y: auto;
			/* 启用垂直滚动条 */
		}



		h1,
		h2 {
			color: #fff;
			font-weight: normal;
			text-shadow: 1px 1px rgba(0, 0, 0, 0.300);
		}

		h1 {
			font-size: 50px;
		}

		.row {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			margin-bottom: 10px;
		}


		/* Menu bar */
		.menu-bar {
			background-color: rgb(255 255 255 / 30%);
			backdrop-filter: blur(40px);

			text-shadow: 1px 1px rgba(0, 0, 0, 0.300);
			display: flex;
			justify-content: space-between;
			padding: 10px;
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			z-index: 100;

		}

		.menu-bar a {
			color: #fff;
			text-decoration: none;
			margin-right: 20px;
			font-size: 20px;
			top: 10px;
			height: 20px;
			line-height: 20px;
			margin-bottom: 10px;
			margin-top: 10px;
			margin-left: 10px;

		}

		.menu-bar .h {
			color: #44b702;
			margin-right: 20px;
			text-decoration: none;
			font-size: 25px;
		}

		.menu-bar .about {
			margin-right: 0px;
			margin-left: auto;
		}


		.advertisement {
			position: fixed;
			bottom: 0px;
			left: 50%;
			transform: translateX(-50%);
			z-index: 10;
		}

		.advertisement img {
			width: 500px;
			height: auto;
			cursor: pointer;
		}


		.spacer {
			height: 20px;
			/* 设置占位元素的高度 */
		}

		.scrollable-container {
			/* max-height: 300px; */
			/* 设置最大高度，超过该高度将出现滚动条 */
			overflow-y: auto;
			/* 启用垂直滚动条 */
		}

		/* 滚动槽 */
		::-webkit-scrollbar {
			width: 6px;
			height: 6px;
		}

		::-webkit-scrollbar-track {
			border-radius: 3px;
			background: rgba(0, 0, 0, 0.06);
			-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08);
		}

		/* 滚动条滑块 */
		::-webkit-scrollbar-thumb {
			border-radius: 3px;
			background: rgba(0, 0, 0, 0.12);
			-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
		}




		/* Adjustments for smaller screens */
		@media only screen and (max-width: 600px) {

			.menu-bar {
				flex-wrap: wrap;
			}

			.menu-bar a {
				margin-right: 5px;
				margin-left: 5px;
			}

			.menu-bar .h {
				margin-right: 5px;
			}

			.advertisement {
				position: fixed;
				bottom: 20px;
				left: 50%;
				transform: translateX(-50%);
				z-index: 10;
			}

			.advertisement img {
				width: 350px;
				height: auto;
				cursor: pointer;
			}

			.blur-bg {
				/* background-color: rgba(0, 0, 0, 0.100);
				-webkit-backdrop-filter: blur(20px);
				padding: 20px;
				border-radius: 30px; */
				width: auto;
				/* max-width: auto; */
				height: auto;
				/* max-height: auto;*/
				/* display: flex; 
				flex-direction: column;
				align-items: center;
				justify-content: space-evenly;  */
				/* z-index: 2; */
				/* position: relative; */
				 min-width: 0px;
				min-height: 0px;
				/*margin-left: 5px;
				margin-right: 5px;*/
				max-width: 80%;
			} 

			/* .blur-bg-1 {
				margin-top: 100px !important;
				flex-wrap: none;
			}

			.blur-bg-2 {
				margin-bottom: 30px;
			} */

		}

		@media only screen and (max-width: 1100px) {
			.blur-bg-1 {
				margin-top: 100px;
				flex-wrap: none;
			}

			.kp {
				margin-top: 0px;
			}
		}