* { margin:0; padding:0; box-sizing:border-box; }
body {
  font-family:'Arial',Helvetica,sans-serif;
  background:#fff5f8;
  color:#333;
  line-height:1.6;
}
.container { max-width:1200px; margin:0 auto; padding:0 20px; }

/* 导航 */
.page-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:20px 0;
  background:white;
  box-shadow:0 4px 12px rgba(0,0,0,0.05);
}
.logo {
  font-size:32px;
  font-weight:900;
  color:#ff2e9a;
  text-decoration:none;
  letter-spacing:2px;
}
nav a {
  margin-left:25px;
  color:#333;
  text-decoration:none;
  font-weight:500;
}
nav a.active { color:#ff2e9a; }

/* 首页英雄区 */
.hero {
  background:linear-gradient(135deg,#ffccee,#fde2f3);
  padding:100px 0;
  text-align:center;
  border-radius:0 0 30px 30px;
}
.hero .logo { font-size:70px; margin-bottom:10px; }
.sub { font-size:20px; margin:15px 0 30px; color:#555; }
.btn {
  display:inline-block;
  padding:12px 32px;
  background:#ff2e9a;
  color:white;
  border-radius:30px;
  text-decoration:none;
  font-weight:bold;
  box-shadow:0 8px 20px rgba(255,46,154,0.3);
}
.btn:hover { background:#e01a88; transform:translateY(-2px); }

/* 新闻区 */
.news { padding:60px 0; }
h2 {
  font-size:32px;
  margin-bottom:30px;
  color:#ff2e9a;
  text-align:center;
}
.card-group {
  display:flex;
  gap:25px;
  flex-wrap:wrap;
  justify-content:center;
}
.card {
  background:white;
  padding:25px;
  border-radius:18px;
  width:30%;
  box-shadow:0 10px 30px rgba(0,0,0,0.06);
  transition:0.3s;
}
.card:hover { transform:translateY(-5px); }
.card h3 { color:#ff2e9a; margin-bottom:10px; font-size:20px; }
.card p { color:#666; margin-bottom:15px; }
.card a {
  color:#ff2e9a;
  text-decoration:none;
  font-weight:bold;
}

/* 关于页 */
.about { padding:60px 0; text-align:center; }
.about h1 { color:#ff2e9a; margin-bottom:25px; }
.about .content {
  max-width:800px;
  margin:0 auto;
  font-size:18px;
  color:#555;
  line-height:1.8;
}

/* 底部 */
footer {
  text-align:center;
  padding:30px;
  margin-top:40px;
  color:#777;
}

/* 响应式 */
@media (max-width:768px) {
  .card { width:100%; }
  .hero .logo { font-size:50px; }
  nav { display:none; }
}