<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="styles.css">
	<style>
		body {
			background-image: url('/background.png');
			background-repeat: no-repeat;
			background-size: cover;
			font-family: Arial, sans-serif;
		}

		.navbar {
			display: flex;
			justify-content: space-around;
			background-color: #333;
			padding: 10px;
		}

			.navbar a {
				color: white;
				text-decoration: none;
				font-size: 18px;
			}

				.navbar a:hover {
					color: #ccc;
				}

		header {
			text-align: center;
			padding: 20px;
			background-color: rgba(255, 255, 255, 0.7);
			border-radius: 10px;
			margin-bottom: 20px;
		}

		main {
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		#items {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap: 20px;
			margin-bottom: 20px;
		}

		.item {
			background-color: rgba(255, 255, 255, 0.7);
			border-radius: 10px;
			padding: 20px;
			width: 250px;
			text-align: center;
			box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
		}

			.item img {
				width: 100%;
				height: auto;
				border-radius: 5px;
				margin-bottom: 10px;
			}

		.button {
			background-color: #4CAF50;
			border: none;
			color: white;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 16px;
			margin: 5px;
			cursor: pointer;
			border-radius: 5px;
			padding: 10px 20px;
		}

		footer {
			background-color: rgba(255, 255, 255, 0.7);
			border-radius: 10px;
			padding: 20px;
			text-align: center;
		}

		#pagination {
			display: inline-flex;
			align-items: center;
		}

			#pagination span {
				margin: 0 10px;
			}
	</style>
	<style>
		body {
			font-family: Arial, sans-serif;
			margin: 0;
			padding: 0;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			min-height: 100vh;
			background-color: #f5f5f5;
		}

		.alert-box {
			background-color: white;
			border-radius: 5px;
			padding: 20px;
			width: 80%;
			box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
			text-align: center;
		}

		.alert-title {
			font-size: 24px;
			margin-bottom: 10px;
		}

		.alert-content {
			font-size: 16px;
			margin-bottom: 20px;
		}

		.button {
			background-color: #4CAF50;
			border: none;
			color: white;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 16px;
			margin: 5px;
			cursor: pointer;
			border-radius: 5px;
			padding: 10px 20px;
		}
	</style>
	<title>信息提醒</title>
</head>
<body>
	<div class="alert-box">

		<h2 class="alert-title">{{biaoti}}</h2>
		<p class="alert-content">{{tixingneirong}}</p>
		<a href="{{fanhuidizhi}}" class="button">{{fanhuiming}}</a>
		{{fujiaurl}}

	</div>
</body>
</html>
