/* ══════════════════════════════════════════════════════
   顺应节律的生活方式模块  .lifestyle(不同阶段，不同策略)
   子组件:__head(标签/渐变标题/副标题)
          __grid(6 个主题栏目,3 列 × 2 行)
   每个栏目:__cat 分类标签 → __phase 阶段名 → __tag 彩色结论 → __desc 描述
   设计稿 1920:内容区 1438(列位 220 / 775 / 1318),行距 152
   ══════════════════════════════════════════════════════ */

.lifestyle {
  padding: 104px 60px 246px;
}

/* ── 头部文案 ── */
.lifestyle__head { text-align: center; }
.lifestyle__heading {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 3.4px;
  line-height: 40px;
  color: #C5B8ED;
}
.lifestyle__slogan {
  margin: 32px auto 0;
  width: fit-content;
  font-weight: 400;
  font-size: 78px;
  line-height: 120px;
  color: #FCEEFF; /* 渐变兜底色 */
  background-image: linear-gradient(90deg, #EEEEEE 0%, #D1A1FF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lifestyle__sub {
  margin-top: 12px;
  font-size: 20px;
  font-weight: 300;
  line-height: 40px;
  color: #C5B8ED;
}

/* ── 6 栏目栅格 ── */
.lifestyle__grid {
  max-width: 1438px;
  margin: 172px auto 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 230px;
  row-gap: 152px;
}
.lifestyle__cat {
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 2.64px;
  line-height: 40px;
  color: #C5B8ED;
  opacity: 0.6;
}
.lifestyle__phase {
  margin-top: 2px;
  font-size: 27px;
  font-weight: 300;
  letter-spacing: 3.4px;
  line-height: 40px;
  color: #C5B8ED;
}
.lifestyle__tag {
  margin-top: -2px;
  font-size: 27px;
  font-weight: 300;
  line-height: 40px;
}
.lifestyle__item--movement  .lifestyle__tag { color: #E186B8; }
.lifestyle__item--work      .lifestyle__tag { color: #E6AB41; }
.lifestyle__item--emotion   .lifestyle__tag { color: #44BAD3; }
.lifestyle__item--nutrition .lifestyle__tag { color: #C7A3FF; }
.lifestyle__item--sleep     .lifestyle__tag { color: #E186B8; }
.lifestyle__item--skin      .lifestyle__tag { color: #E6AB41; }
.lifestyle__desc {
  margin-top: 24px;
  font-size: 14px;
  font-weight: 300;
  line-height: 30px;
  color: #C5B8ED;
  opacity: 0.6;
}

/* ── 响应式 ── */
@media (max-width: 1280px) {
  .lifestyle__grid { column-gap: 80px; row-gap: 100px; }
}
@media (max-width: 960px) {
  .lifestyle { padding: 100px 24px 140px; }
  .lifestyle__slogan { font-size: clamp(2rem, 8vw, 78px); line-height: 1.5; }
  .lifestyle__sub { font-size: 16px; line-height: 1.9; }
  .lifestyle__grid { grid-template-columns: 1fr; row-gap: 56px; margin-top: 60px; }
}