* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}
body {
	font-family:"Microsoft YaHei",Arial,sans-serif;
	background:#f7f8fa;
	color:#333;
	line-height:1.8;
}
header{
	width:100%;
	background:#fff;
	box-shadow:
	0 2px 10px rgba(0,0,0,.05);
}
.header-inner{
	max-width:1100px;
	height:70px;
	margin:auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 20px;
}
.logo {
	font-size:26px;
	font-weight:bold;
	color:#222;
}
nav a {
	margin-left:25px;
	color:#555;
	text-decoration:none;
}
nav a:hover {
	color:#1677ff;
}
main {
	max-width:1100px;
	margin:auto;
	padding:40px 20px;
}
.hero {
	background:linear-gradient(135deg,#1677ff,#5aa9ff);
	padding:70px 30px;
	border-radius:18px;
	color:white;
	text-align:center;
	margin-bottom:40px;
}
section {
	background:white;
	padding:30px;
	margin-bottom:25px;
	border-radius:15px;
}
h2 {
	margin-bottom:20px;
	font-size:26px;
}
.grid {
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
	gap:20px;
}
.card {
	border:1px solid #eee;
	padding:20px;
	border-radius:12px;
}
a {
	color:#1677ff;
	text-decoration:none;
}
ul {
	padding-left:20px;
}
footer {
	text-align:center;
	padding:30px;
	color:#777;
}
@media(max-width:600px) {
	nav a {
		margin-left:10px;
	}
;}