/* 由 tools/build-css.mjs 自动生成，请勿直接编辑（改 WXSS 后重新构建） */

/* ======== app.wxss ======== */
:root {
  /* 珊瑚色 = 经期 / 主操作；紫 = 易孕期 / 信息 */
  --coral: #F87060;
  --coral-deep: #E85C4C;
  --coral-soft: #FEECE7;
  --coral-line: #FBCDBF;
  --purple: #7C6CE0;
  --purple-deep: #6A58D6;
  --purple-soft: #EFEDFB;
  --text: #26262E;
  --text-sub: #85858E;
  --text-hint: #B4B4BC;
  --bg: #FFFFFF;
  --card: #FFFFFF;
  --line: #F0F0F4;
  --danger: #E24B4A;

  background: var(--bg);
  color: var(--text);
  font-size: 14px;
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}
*, *::before, *::after {
  box-sizing: border-box;
}

.page {
  min-height: 100vh;
  padding: 12px 16px 30px;
}

.card {
  background: var(--card);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
  border: 1px solid var(--line);
}

.card--flat {
  border: none;
}

.section-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 10px;
}

.section-sub {
  font-size: 12px;
  color: var(--text-hint);
  line-height: 1.6;
}

.row {
  display: flex;
  align-items: center;
}

.row--between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.btn {
  height: 46px;
  line-height: 46px;
  border-radius: 23px;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  padding: 0;
  margin: 0;
}

.btn::after {
  border: none;
}

.btn--primary {
  background: var(--coral);
  color: #FFFFFF;
}

.btn--primary-active {
  background: var(--coral-deep);
  color: #FFFFFF;
}

.btn--ghost {
  background: #FFFFFF;
  color: var(--coral-deep);
  border: 1px solid var(--coral-line);
}

.btn--danger {
  background: #FFFFFF;
  color: var(--danger);
  border: 1px solid #F6D6D6;
}

.btn--block {
  width: 100%;
  display: block;
}

.disclaimer {
  font-size: 11px;
  color: var(--text-hint);
  line-height: 1.7;
  text-align: center;
  padding: 6px 8px 0;
}

.divider {
  height: 1px;
  background: var(--line);
  margin: 12px 0;
}

.placeholder {
  color: var(--text-hint);
}

.mt-8 { margin-top: 4px; }
.mt-16 { margin-top: 8px; }
.mt-24 { margin-top: 12px; }
.mt-32 { margin-top: 16px; }

/* ======== components/calendar-grid/calendar-grid.wxss ======== */
/* 参考截图风格：日期是普通数字，状态直接标注在数字本身上
   - 已记录经期 = 珊瑚色实心圆 + 白字
   - 待确认经期 = 浅珊瑚实心圆 + 深珊瑚字
   - 预测经期   = 珊瑚色虚线圈 + 珊瑚字
   - 易孕期     = 紫色数字
   - 排卵日     = 紫色数字 + 下方紫星
   - 今天       = 任意状态外加珊瑚色光环
   - 选中       = 深色光环 */
.cal-grid .grid {
  width: 100%;
}.cal-grid .week-row {
  display: flex;
  flex-direction: row;
  padding-bottom: 4px;
}.cal-grid .week-row__cell {
  width: 14.2857%;
  text-align: center;
  font-size: 11px;
  color: #B4B4BC;
}.cal-grid .days {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}.cal-grid .cell {
  width: 14.2857%;
  height: 46px;
  padding-top: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
}.cal-grid .num {
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 50%;
  font-size: 14px;
  color: #26262E;
}.cal-grid .cell--out .num {
  color: #DEDEE4;
}/* 已记录经期：珊瑚实心 */
.cal-grid .num--recorded-period {
  background: #F87060;
  color: #FFFFFF;
  font-weight: 500;
}/* 待确认经期：浅珊瑚实心 */
.cal-grid .num--inferred-period {
  background: #FEECE7;
  color: #E85C4C;
  font-weight: 500;
}/* 预测经期：虚线圈 */
.cal-grid .num--predicted-period {
  border: 1.5px dashed #F87060;
  color: #F87060;
  line-height: 25px;
}/* 易孕期：紫字 */
.cal-grid .num--fertile,
.cal-grid .num--ovulation {
  color: #7C6CE0;
  font-weight: 500;
}/* 排卵日的星星 */
.cal-grid .star {
  font-size: 9px;
  line-height: 1;
  color: #7C5CE8;
  margin-top: 1px;
}/* 今天：珊瑚光环（叠加在状态之上） */
.cal-grid .num--today {
  box-shadow: 0 0 0 3px rgba(248, 112, 96, 0.28);
}/* 选中：深色光环，压过今天的光环 */
.cal-grid .num--selected {
  box-shadow: 0 0 0 3px rgba(38, 38, 46, 0.85);
}/* ---------- 迷你模式（年视图，12 个月平铺） ---------- */
.cal-grid .grid--mini .cell {
  height: 32px;
  padding-top: 3px;
}.cal-grid .grid--mini .num {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 10.5px;
}.cal-grid .grid--mini .num--predicted-period {
  border-width: 1px;
  line-height: 18px;
}.cal-grid .grid--mini .star {
  font-size: 7px;
  margin-top: 0;
}.cal-grid .grid--mini .num--today {
  box-shadow: 0 0 0 2px rgba(248, 112, 96, 0.28);
}.cal-grid .grid--mini .num--selected {
  box-shadow: 0 0 0 2px rgba(38, 38, 46, 0.85);
}/* 月外日期直接藏起来，每个月形状干净（与参考图一致） */
.cal-grid .grid--mini .cell--out {
  visibility: hidden;
}

/* ======== pages/calendar/calendar.wxss ======== */
/* 参考截图风格：纯白底、扁平、无渐变卡片，珊瑚色 + 紫色两个强调色 */
.p-calendar .status {
  padding: 6px 4px 16px;
}.p-calendar .status__tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 499.5px;
  background: #FEECE7;
  color: #E85C4C;
  margin-bottom: 8px;
}.p-calendar .status__title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  color: #26262E;
}.p-calendar .status__sub {
  font-size: 13px;
  color: #85858E;
  margin-top: 5px;
}.p-calendar .status__hint {
  font-size: 11px;
  color: #B4B4BC;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #F0F0F4;
  line-height: 1.6;
}.p-calendar .notice {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background: #FEECE7;
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 12px;
}.p-calendar .notice__body {
  flex: 1;
  padding-right: 10px;
}.p-calendar .notice__title {
  font-size: 13.5px;
  font-weight: 600;
  color: #E85C4C;
}.p-calendar .notice__desc {
  font-size: 11px;
  color: #C98A7E;
  line-height: 1.6;
  margin-top: 4px;
}.p-calendar .notice__btn {
  flex-shrink: 0;
  font-size: 12.5px;
  color: #FFFFFF;
  background: #F87060;
  border-radius: 16px;
  padding: 6px 13px;
}.p-calendar .month-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}.p-calendar .month-bar__navs {
  display: flex;
  flex-direction: row;
  align-items: center;
}.p-calendar .month-bar__nav {
  width: 32px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  font-size: 20px;
  color: #85858E;
}.p-calendar .month-bar__label {
  font-size: 17px;
  font-weight: 700;
  color: #26262E;
  padding: 0 4px;
}/* 年/月视图分段切换 */
.p-calendar .seg {
  display: flex;
  flex-direction: row;
  background: #F0F0F4;
  border-radius: 499.5px;
  padding: 2px;
}.p-calendar .seg__item {
  font-size: 12px;
  color: #85858E;
  padding: 4px 14px;
  border-radius: 499.5px;
}.p-calendar .seg__item--on {
  background: #FFFFFF;
  color: #26262E;
  font-weight: 600;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}/* 年视图：12 个月两列平铺（同参考截图） */
.p-calendar .year-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}.p-calendar .year-grid__month {
  width: 48%;
  margin-bottom: 18px;
}.p-calendar .year-grid__label {
  font-size: 15px;
  font-weight: 700;
  color: #26262E;
  margin-bottom: 4px;
}.p-calendar .legend {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid #F0F0F4;
}.p-calendar .legend__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 14px;
  margin-bottom: 4px;
}.p-calendar .legend__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 4px;
  box-sizing: border-box;
}.p-calendar .legend__dot--period {
  background: #F87060;
}.p-calendar .legend__dot--pending {
  background: #FEECE7;
}.p-calendar .legend__dot--predict {
  border: 1.5px dashed #F87060;
  background: transparent;
}.p-calendar .legend__star {
  font-size: 12px;
  line-height: 1;
  color: #7C5CE8;
  margin-right: 4px;
}.p-calendar .legend__text {
  font-size: 11px;
  color: #B4B4BC;
}.p-calendar .legend__text--fertile {
  color: #7C6CE0;
  font-weight: 600;
  margin-right: 4px;
}.p-calendar .badge {
  font-size: 11px;
  color: #E85C4C;
  background: #FEECE7;
  padding: 2px 8px;
  border-radius: 10px;
}.p-calendar .stats {
  display: flex;
  flex-direction: row;
  margin-top: 12px;
}.p-calendar .stats__item {
  flex: 1;
  text-align: center;
}.p-calendar .stats__value {
  font-size: 24px;
  font-weight: 700;
  color: #26262E;
  line-height: 1.2;
}.p-calendar .stats__unit {
  font-size: 12px;
  color: #B4B4BC;
  margin-left: 2px;
}.p-calendar .stats__label {
  font-size: 11px;
  color: #B4B4BC;
  margin-top: 2px;
}.p-calendar .kv {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0;
}.p-calendar .kv__k {
  font-size: 13px;
  color: #85858E;
}.p-calendar .kv__v {
  font-size: 13px;
  color: #26262E;
  font-weight: 500;
}.p-calendar .hint {
  font-size: 11px;
  color: #B4B4BC;
  margin-top: 8px;
  line-height: 1.6;
}.p-calendar .loading,
.p-calendar .empty {
  padding: 60px 16px;
  text-align: center;
}.p-calendar .loading {
  color: #B4B4BC;
  font-size: 13px;
}.p-calendar .empty__title {
  font-size: 17px;
  font-weight: 600;
  color: #26262E;
}.p-calendar .empty__desc {
  font-size: 13px;
  color: #85858E;
  margin-top: 8px;
  line-height: 1.7;
  padding: 0 10px;
}.p-calendar .mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(38, 38, 46, 0.4);
  z-index: 10;
}.p-calendar .sheet {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
  background: #FFFFFF;
  border-radius: 16px 16px 0 0;
  padding: 10px 16px 24px;
  padding-bottom: calc(24px + constant(safe-area-inset-bottom));
  padding-bottom: calc(24px + env(safe-area-inset-bottom));
}.p-calendar .sheet__bar {
  width: 36px;
  height: 4px;
  border-radius: 2px;
  background: #EFEFF4;
  margin: 0 auto 12px;
}.p-calendar .sheet__date {
  font-size: 16px;
  font-weight: 600;
  color: #26262E;
}.p-calendar .sheet__status {
  font-size: 12px;
  color: #E85C4C;
  margin-top: 3px;
}.p-calendar .sheet__log {
  font-size: 12px;
  color: #85858E;
  background: #F8F8FB;
  border-radius: 8px;
  padding: 10px 12px;
  margin-top: 10px;
  line-height: 1.7;
}.p-calendar .sheet__close {
  text-align: center;
  font-size: 13px;
  color: #B4B4BC;
  margin-top: 14px;
}

/* ======== pages/record/record.wxss ======== */
.p-record .grow {
  flex: 1;
  padding-right: 10px;
}.p-record .picker {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  padding: 0 14px;
  border-radius: 10px;
  background: #F8F8FB;
  border: 1px solid #F0F0F4;
}.p-record .picker__value {
  font-size: 15px;
  color: #2B2B33;
  font-weight: 500;
}.p-record .picker__action {
  font-size: 13px;
  color: #F87060;
}.p-record .chips {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}.p-record .chip {
  padding: 7px 15px;
  border-radius: 16px;
  background: #F8F8FB;
  border: 1px solid #F0F0F4;
  color: #76767F;
  font-size: 13px;
  margin: 0 8px 8px 0;
}.p-record .chip--on {
  background: #FEECE7;
  border-color: #F87060;
  color: #E85C4C;
  font-weight: 500;
}.p-record .input-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 48px;
  padding: 0 14px;
  border-radius: 10px;
  background: #F8F8FB;
  border: 1px solid #F0F0F4;
}.p-record .input {
  flex: 1;
  font-size: 15px;
  color: #2B2B33;
}.p-record .input__unit {
  font-size: 14px;
  color: #A6A6B0;
}.p-record .textarea {
  width: 100%;
  height: 90px;
  padding: 10px 14px;
  border-radius: 10px;
  background: #F8F8FB;
  border: 1px solid #F0F0F4;
  font-size: 14px;
  color: #2B2B33;
  line-height: 1.6;
}.p-record .loading,
.p-record .empty {
  padding: 60px 16px;
  text-align: center;
}.p-record .loading {
  color: #A6A6B0;
  font-size: 13px;
}.p-record .empty__title {
  font-size: 17px;
  font-weight: 600;
  color: #2B2B33;
}.p-record .empty__desc {
  font-size: 13px;
  color: #76767F;
  margin-top: 8px;
  line-height: 1.7;
}

/* ======== pages/stats/stats.wxss ======== */
.p-stats .chart {
  width: 100%;
  height: 170px;
  margin: 8px 0 4px;
}.p-stats .badge {
  font-size: 11px;
  color: #E85C4C;
  background: #FEECE7;
  padding: 2px 8px;
  border-radius: 10px;
}.p-stats .grid2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 6px;
}.p-stats .grid2__item {
  width: 50%;
  padding: 8px 0;
}.p-stats .grid2__value {
  font-size: 21px;
  font-weight: 600;
  color: #2B2B33;
  line-height: 1.2;
}.p-stats .grid2__unit {
  font-size: 11px;
  color: #A6A6B0;
  margin-left: 2px;
}.p-stats .grid2__label {
  font-size: 11px;
  color: #A6A6B0;
  margin-top: 2px;
}.p-stats .kv {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0;
}.p-stats .kv__k {
  font-size: 13px;
  color: #76767F;
}.p-stats .kv__v {
  font-size: 13px;
  color: #2B2B33;
  font-weight: 500;
}.p-stats .hint {
  font-size: 11px;
  color: #A6A6B0;
  line-height: 1.7;
}.p-stats .hist {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 9px 0;
  border-bottom: 1px solid #F6F2F5;
}.p-stats .hist:last-child {
  border-bottom: none;
}.p-stats .hist__range {
  font-size: 13px;
  color: #2B2B33;
}.p-stats .hist__tag {
  font-size: 10px;
  color: #E85C4C;
  background: #FEECE7;
  border-radius: 8px;
  padding: 1px 5px;
  margin-left: 6px;
}.p-stats .hist__len {
  font-size: 12px;
  color: #A6A6B0;
}.p-stats .loading,
.p-stats .empty {
  padding: 60px 16px;
  text-align: center;
}.p-stats .loading {
  color: #A6A6B0;
  font-size: 13px;
}.p-stats .empty__title {
  font-size: 17px;
  font-weight: 600;
  color: #2B2B33;
}.p-stats .empty__desc {
  font-size: 13px;
  color: #76767F;
  margin-top: 8px;
  line-height: 1.7;
}

/* ======== pages/profile/profile.wxss ======== */
.p-profile .slider-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}.p-profile .slider-row__label {
  font-size: 13.5px;
  color: #2B2B33;
}.p-profile .slider-row__value {
  font-size: 13.5px;
  color: #E85C4C;
  font-weight: 600;
}.p-profile input[type="range"] {
  margin: 4px 0 0;
}.p-profile .kv {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0;
}.p-profile .kv__k {
  font-size: 13.5px;
  color: #76767F;
}.p-profile .kv__v {
  font-size: 13.5px;
  color: #2B2B33;
  font-weight: 500;
}.p-profile .para {
  font-size: 12.5px;
  color: #76767F;
  line-height: 1.75;
  margin-bottom: 8px;
}.p-profile .para:last-child {
  margin-bottom: 0;
}.p-profile .para__strong {
  color: #E85C4C;
  font-weight: 500;
}.p-profile .nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 4px 0;
}.p-profile .nav__body {
  flex: 1;
  padding-right: 10px;
}.p-profile .nav__title {
  font-size: 14px;
  color: #2B2B33;
  font-weight: 500;
}.p-profile .nav__desc {
  font-size: 11px;
  color: #A6A6B0;
  line-height: 1.6;
  margin-top: 3px;
}.p-profile .nav__arrow {
  font-size: 20px;
  color: #D9D3DB;
  line-height: 1;
}.p-profile .loading,
.p-profile .empty {
  padding: 60px 16px;
  text-align: center;
}.p-profile .loading {
  color: #A6A6B0;
  font-size: 13px;
}.p-profile .empty__title {
  font-size: 17px;
  font-weight: 600;
  color: #2B2B33;
}.p-profile .empty__desc {
  font-size: 13px;
  color: #76767F;
  margin-top: 8px;
  line-height: 1.7;
}

/* ======== pages/onboarding/onboarding.wxss ======== */
.p-onboarding .hero {
  padding: 16px 4px 20px;
}.p-onboarding .hero__title {
  font-size: 23px;
  font-weight: 600;
  color: #2B2B33;
}.p-onboarding .hero__desc {
  font-size: 13px;
  color: #76767F;
  margin-top: 8px;
  line-height: 1.6;
}.p-onboarding .picker {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  padding: 0 14px;
  border-radius: 10px;
  background: #F8F8FB;
  border: 1px solid #F0F0F4;
}.p-onboarding .picker__value {
  font-size: 15px;
  color: #2B2B33;
  font-weight: 500;
}.p-onboarding .picker__action {
  font-size: 13px;
  color: #F87060;
}.p-onboarding .stepper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background: #F8F8FB;
  border: 1px solid #F0F0F4;
  border-radius: 10px;
  height: 48px;
  padding: 0 6px;
}.p-onboarding .stepper__btn {
  width: 36px;
  height: 36px;
  line-height: 34px;
  text-align: center;
  border-radius: 50%;
  background: #FFFFFF;
  color: #F87060;
  font-size: 20px;
  border: 1px solid #FFE1EC;
}.p-onboarding .stepper__value {
  font-size: 16px;
  font-weight: 600;
  color: #2B2B33;
}.p-onboarding .consent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}.p-onboarding .consent__box {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid #D9D3DB;
  margin-right: 10px;
  margin-top: 2px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}.p-onboarding .consent__box--on {
  background: #F87060;
  border-color: #F87060;
}.p-onboarding .consent__tick {
  color: #FFFFFF;
  font-size: 13px;
  line-height: 1;
}.p-onboarding .consent__text {
  flex: 1;
  font-size: 12px;
  color: #76767F;
  line-height: 1.7;
}.p-onboarding .consent__strong {
  color: #E85C4C;
  font-weight: 500;
}.p-onboarding .skip {
  text-align: center;
  font-size: 13px;
  color: #A6A6B0;
  padding: 16px 0 4px;
}

/* ======== pages/import/import.wxss ======== */
.p-import .tpl {
  margin-top: 8px;
  background: #F8F8FB;
  border-radius: 10px;
  padding: 10px 12px;
}.p-import .tpl__row {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  padding: 4px 0;
}.p-import .tpl__code {
  font-family: Menlo, Consolas, monospace;
  font-size: 11.5px;
  color: #E85C4C;
  flex-shrink: 0;
  margin-right: 8px;
}.p-import .tpl__desc {
  font-size: 11px;
  color: #A6A6B0;
}.p-import .textarea {
  width: 100%;
  min-height: 90px;
  margin-top: 12px;
  padding: 12px;
  border-radius: 10px;
  background: #F8F8FB;
  border: 1px solid #F0F0F4;
  font-size: 13px;
  line-height: 1.7;
  color: #2B2B33;
}.p-import .textarea--tall {
  min-height: 160px;
  font-family: Menlo, Consolas, monospace;
  font-size: 12px;
}.p-import .tpl__actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 10px;
}.p-import .link {
  font-size: 12.5px;
  color: #F87060;
  padding: 4px 8px;
}.p-import .link--muted {
  color: #A6A6B0;
}.p-import .section-title--error {
  color: #D14343;
}.p-import .section-title--warn {
  color: #C98A2E;
}.p-import .msg {
  font-size: 12px;
  line-height: 1.7;
  border-radius: 7px;
  padding: 7px 10px;
  margin-top: 6px;
}.p-import .msg--error {
  color: #B33A3A;
  background: #FDF0F0;
}.p-import .msg--warn {
  color: #9C6B1E;
  background: #FDF6E9;
}.p-import .grid2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 6px;
}.p-import .grid2__item {
  width: 50%;
  padding: 8px 0;
}.p-import .grid2__value {
  font-size: 21px;
  font-weight: 600;
  color: #2B2B33;
  line-height: 1.2;
}.p-import .grid2__unit {
  font-size: 11px;
  color: #A6A6B0;
  margin-left: 2px;
}.p-import .grid2__label {
  font-size: 11px;
  color: #A6A6B0;
  margin-top: 2px;
}.p-import .hint {
  font-size: 11px;
  color: #A6A6B0;
  line-height: 1.7;
  margin-top: 4px;
}.p-import .row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid #F6F2F5;
}.p-import .row:last-child {
  border-bottom: none;
}.p-import .row__date {
  font-size: 13px;
  color: #2B2B33;
}.p-import .row__len {
  font-size: 12px;
  color: #A6A6B0;
}.p-import .row__tag {
  font-size: 10px;
  color: #E85C4C;
  background: #FEECE7;
  border-radius: 8px;
  padding: 1px 5px;
  margin-left: 5px;
}.p-import .loading,
.p-import .empty {
  padding: 60px 16px;
  text-align: center;
}.p-import .loading {
  color: #A6A6B0;
  font-size: 13px;
}.p-import .empty__title {
  font-size: 17px;
  font-weight: 600;
  color: #2B2B33;
}.p-import .empty__desc {
  font-size: 13px;
  color: #76767F;
  margin-top: 8px;
  line-height: 1.7;
}

/* ======== pages/login/login.wxss ======== */
.p-login .login {
  padding-top: 20px;
}.p-login .hero {
  padding: 20px 4px 24px;
}.p-login .hero__title {
  font-size: 26px;
  font-weight: 600;
  color: #2B2B33;
  letter-spacing: 1px;
}.p-login .hero__desc {
  font-size: 13px;
  color: #76767F;
  margin-top: 8px;
}.p-login .feature {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 7px 0;
}.p-login .feature__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #F87060;
  margin-top: 6px;
  margin-right: 10px;
  flex-shrink: 0;
}.p-login .feature__body {
  flex: 1;
}.p-login .feature__title {
  font-size: 14px;
  color: #2B2B33;
  font-weight: 500;
}.p-login .feature__desc {
  font-size: 12px;
  color: #A6A6B0;
  margin-top: 2px;
}.p-login .error {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #FDEDED;
  color: #E24B4A;
  font-size: 12px;
  line-height: 1.6;
}