* {
   	margin: 0;
   	padding: 0;
   	box-sizing: border-box;
   	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   }

   body {
   	background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
   	color: #333;
   	line-height: 1.6;
   	min-height: 100vh;
   	display: flex;
   	justify-content: center;
   	align-items: center;
   	padding: 20px;
   }

   .container {
   	width: 60%;
   	background-color: #f0f0f0;
   	padding: 40px;
   	border-radius: 20px;
   	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
   	transition: all 0.4s ease;
   }

   header {
   	text-align: center;
   	margin-bottom: 30px;
   }

   h1 {
   	color: #2575fc;
   	font-size: 2.5rem;
   	margin-bottom: 15px;
   	position: relative;
   	padding-bottom: 15px;
   }

   h1::after {
   	content: '';
   	position: absolute;
   	bottom: 0;
   	left: 50%;
   	transform: translateX(-50%);
   	width: 100px;
   	height: 4px;
   	background: linear-gradient(to right, #6a11cb, #2575fc);
   	border-radius: 2px;
   }

   .subtitle {
   	color: #666;
   	font-size: 1.2rem;
   	max-width: 600px;
   	margin: 0 auto;
   }

   .content {
   	display: flex;
   	gap: 30px;
   	margin-bottom: 30px;
   }

   .main-content {
   	flex: 3;
   }

   .sidebar {
   	flex: 1;
   	background: white;
   	padding: 20px;
   	border-radius: 10px;
   	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
   }

   p {
   	margin-bottom: 20px;
   	font-size: 1.1rem;
   	text-align: justify;
   }

   ul {
   	padding-left: 20px;
   	margin: 20px 0;
   }

   ul li {
   	line-height: 2.3;
   	margin-bottom: 12px;
   	position: relative;
   	padding-left: 30px;
   }

   ul li::before {
   	content: '✓';
   	position: absolute;
   	left: 0;
   	top: 0;
   	color: #20a53a;
   	font-weight: bold;
   	font-size: 1.2rem;
   }

   a {
   	color: #20a53a;
   	text-decoration: none;
   	font-weight: 600;
   	transition: all 0.3s ease;
   	border-bottom: 2px solid transparent;
   }

   a:hover {
   	color: #1d8d32;
   	border-bottom: 2px solid #1d8d32;
   }

   .device-info {
   	background: white;
   	padding: 15px;
   	border-radius: 10px;
   	text-align: center;
   	font-weight: 600;
   	margin-top: 20px;
   	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
   	display: flex;
   	align-items: center;
   	justify-content: center;
   	gap: 10px;
   }

   .device-info i {
   	font-size: 1.5rem;
   }

   .features {
   	display: flex;
   	gap: 20px;
   	margin-top: 30px;
   }

   .feature-card {
   	background: white;
   	padding: 25px;
   	border-radius: 10px;
   	text-align: center;
   	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
   	flex: 1;
   	transition: transform 0.3s ease;
   }

   .feature-card:hover {
   	transform: translateY(-5px);
   }

   .feature-card i {
   	font-size: 2.5rem;
   	color: #2575fc;
   	margin-bottom: 15px;
   }

   /* 平板电脑样式 (768px - 1024px) */
   @media (max-width: 1024px) {
   	.container {
   		width: 85%;
   		padding: 30px;
   	}

   	h1 {
   		font-size: 2rem;
   	}

   	.content {
   		flex-direction: column;
   	}

   	.features {
   		flex-wrap: wrap;
   	}

   	.feature-card {
   		flex: 1 1 45%;
   	}
   }

   /* 手机样式 (小于768px) */
   @media (max-width: 768px) {
   	body {
   		padding: 10px;
   		align-items: flex-start;
   	}

   	.container {
   		width: 100%;
   		margin: 20px 0;
   		padding: 25px 20px;
   	}

   	h1 {
   		font-size: 1.8rem;
   		padding-bottom: 10px;
   	}

   	.subtitle {
   		font-size: 1rem;
   	}

   	ul li {
   		line-height: 1.8;
   		padding-left: 25px;
   	}

   	.features {
   		flex-direction: column;
   	}

   	.feature-card {
   		flex: 1 1 100%;
   	}

   	.device-info {
   		font-size: 0.9rem;
   		padding: 12px;
   	}
   }

   /* 非常小的手机 (小于480px) */
   @media (max-width: 480px) {
   	.container {
   		padding: 20px 15px;
   	}

   	h1 {
   		font-size: 1.6rem;
   	}

   	ul li {
   		line-height: 1.6;
   		font-size: 0.95rem;
   	}
   }