/* 重置和基础 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html, body {
  height: 100%;
  font-family: "Helvetica Neue", Arial, sans-serif;
  background: #f5f5f7;
}

/* 容器：横向排列，居中，禁止换行 */
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: 1rem;
  padding: 1rem;
  flex-wrap: nowrap;
}

/* 模块样式 */
.module {
  flex: 1 1 0;
  min-width: 0;
  padding: 2rem 1rem;
  border-radius: 12px;
  color: #fff;
  text-align: center;
  background: linear-gradient(
    45deg,
    #ff6b6b,
    #f8e473,
    #6bcB77,
    #4d9de0
  );
  background-size: 400% 400%;
  animation: gradientMove 8s ease infinite;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* 标题与文字 */
.module h2 {
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
}
.module p {
  font-size: 1.125rem;
  line-height: 1.6;
}

/* 渐变动画关键帧 */
@keyframes gradientMove {
  0%   { background-position:   0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position:   0% 50%; }
}

/* 去掉小屏单列：始终并排 */
@media (max-width: 600px) {
  .container {
    justify-content: center;
  }
  .module {
    padding: 1.2rem 0.5rem;
    font-size: 0.9rem;
  }
}