/* css styles */
.title {
  background-image: url("images/background.jpg"); 
  background-size: cover; 
  background-position: center;
  color: white; 
  padding: 40px;
  border-radius: 10px;
  text-align: center;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.subtitle {
  font-size: 20px;
  font-weight: 400;
  color: #333;
  opacity: 0; /* 初始隐藏 */
  animation: fadeIn 1s ease-in-out forwards;
  text-align: center;
}