/* 05 — Daily Check-In 每日打卡 */
.checkin-page { background: #fff; }

.steps { display: flex; gap: 7px; align-items: center; }
.steps__seg {
  width: 22px;
  height: 5px;
  border-radius: 0;
  background: #E4EAEE;
}
.steps__seg.is-on { background: var(--brand-mid); }

.mood-hero {
  font-size: 128px;
  width: 128px;
  height: 128px;
  margin: 26px auto 0;
}
.mood-hero svg { border-radius: 50%; }
.checkin-page__title {
  margin-top: 30px;
  text-align: center;
  font-size: 26px;
  font-weight: 700;
}
.checkin-page__sub {
  margin-top: 14px;
  text-align: center;
  font-size: 15px;
  line-height: 1.5;
  color: var(--text);
}

/* 心情选择 */
.mood-row {
  margin-top: 34px;
  padding: 0 18px;
  display: flex;
  justify-content: space-between;
}
.mood {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 64px;
}
.mood img {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  outline: 2px solid transparent;
  outline-offset: 3px;
  transition: outline-color .15s ease;
}
.mood span {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--navy);
  text-align: center;
}
.mood.is-selected img { outline-color: #2E9464; }
.mood.is-selected span { color: #2E9464; }

/* 备注与提交 */
.checkin-page__form { margin-top: 34px; display: flex; flex-direction: column; flex: 1; }
.checkin-page__label { font-size: 15.5px; font-weight: 700; }
.checkin-page__note {
  margin-top: 14px;
  height: 116px;
  border: 1.5px solid #E2EAEF;
  border-radius: 0;
  padding: 14px 16px;
  font: inherit;
  font-size: 14px;
  color: var(--navy);
  resize: none;
}
.checkin-page__note::placeholder { color: #A9BAC8; }
.checkin-page__note:focus { outline: none; border-color: #9CC8BA; }
.checkin-page__submit { margin-top: 30px; }
.checkin-page .checkin-page__submit { margin-bottom: 36px; }