/* NEXUS — 首页：问候与三个数字（S3-P0）
   ---------------------------------------------------------------------------
   问候语是首页最大的字，也是唯一带强调色的字。三个数字只是状态，
   不做成卡片、不加图标、不放进圆角方块 —— 留白本身就是层次。
   --------------------------------------------------------------------------- */

.greet {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: clamp(4px, 1.2vw, 16px) 2px 0;
}

.greet__meta {
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-ui);
  color: var(--color-text-faint);
  font-variant-numeric: var(--numeric-tabular);
}

.greet__title {
  margin: var(--space-2) 0 0;
  font-size: var(--text-h1);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-tight);
  color: var(--color-text);
}

/* 问候语的后半句只降一档明度：不用强调色写正文 */
.greet__title em {
  font-style: normal;
  color: var(--color-text-mute);
}

.greet__stats {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-3);
  min-height: 20px;
  margin-top: var(--space-3);
}

.greet__stat-group {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
}

.stat__value {
  font-size: var(--text-sm);
  color: var(--color-text-soft);
  font-variant-numeric: var(--numeric-tabular);
}

.stat__unit {
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-cn);
  color: var(--color-text-faint);
}

.greet__dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--color-text-faint);
  opacity: 0.55;
}

/* ============================================================ 响应式 */
@media (max-width: 640px) {
  .greet { padding-top: 0; }
  .greet__title { font-size: var(--text-title); }
  .greet__stats { gap: var(--space-2); margin-top: var(--space-2); }
}