修改这个页面使其看的舒服、高级、复杂采用二次元多种配色要排布合理提供具体代码!DOCTYPE html!DOCTYPE htmlhtml head meta charset=utf-8 title石猛过title head body h1个人主页h1 h2遵简石猛过h2 a href=httpszmd6top博客a a href=httpszunjiantop资源站a a href=

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>石猛过</title>
	<style>
		body {
			background-color: #f6f6f6;
			font-family: Arial, sans-serif;
		}
<pre><code>	h1 {
		color: #333333;
		text-align: center;
		font-size: 30px;
		margin-top: 50px;
	}

	h2 {
		color: #666666;
		text-align: center;
		font-size: 24px;
		margin-top: 20px;
	}

	a {
		display: block;
		text-decoration: none;
		color: #ffffff;
		background-color: #ff6699;
		padding: 10px;
		border-radius: 5px;
		margin: 10px auto;
		width: 200px;
		text-align: center;
		font-size: 18px;
	}

	a:hover {
		background-color: #cc3366;
	}

	.container {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		margin-top: 50px;
	}

	.item {
		margin: 10px;
	}
&lt;/style&gt;
</code></pre>
</head>
<body>
<h1>个人主页</h1>
<h2>遵简（石猛过）</h2>
<div class="container">
	<div class="item">
		<a href="https://zmd6.top/">博客</a>
	</div>
	<div class="item">
		<a href="https://zunjian.top/">资源站</a>
	</div>
	<div class="item">
		<a href="https://mcslm.com/">史莱姆论坛</a>
	</div>
	<div class="item">
		<a href="https://github.com/zunjianclub">github</a>
	</div>
	<div class="item">
		<a href="https://blog.csdn.net/weixin_66381188?spm=1010.2135.3001.5343">CSDN</a>
	</div>
	<div class="item">
		<a href="https://qm.qq.com/q/5hjeNWFHMI">QQ（2226787541）</a>
	</div>
	<div class="item">
		<a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=lSTPsM98LQiqU4cl8TxcdN80tfCABqGg&authKey=rucAKyAbz4v9woThcvqdWJh3U23+wzDPsiCIXUSD6ijE3aM/LRDWh3QmgetPgeyN&noverify=0&group_code=767733534">QQ群（767733534）</a>
	</div>
	<div class="item">
		<a href="https://gitee.com/mcjianjinyan">gitee</a>
	</div>
	<div class="item">
		<a href="https://email.163.com">zunjianclub@163.com</a>
	</div>
	<div class="item">
		<a href="1.0.apk">下载软件（1.0）</a>
	</div>
</div>
</body>
</html