@charset "UTF-8";

/* ============================================================
   结伴记账 · 全局设计系统（v2 视觉规范）
   主色 #4F7CFF · 强调红 #FF5A47 · 成功绿 #00B578
   文字 #1F2329 / #86909C · 背景 #F5F7FA · 卡片 #FFF 圆角 24 阴影柔和
   ============================================================ */
page {
  background: #eef1f6;
  font-size: 0.7rem;
  color: #1f2329;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
}

.page {
  padding: 0.6rem 0.7rem;
  padding-bottom: calc(1.2rem + env(safe-area-inset-bottom));
}

/* ---- 区块标题 ---- */
.section-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.775rem;
  font-weight: 800;
  margin: 0.9rem 0.1rem 0.45rem;
  letter-spacing: 0.025rem;
  color: #1f2329;
}
.section-title::before {
  content: "";
  width: 0.2rem;
  height: 0.75rem;
  border-radius: 0.1rem;
  background: linear-gradient(180deg, #4f7cff, #2f55d8);
  margin-right: 0.35rem;
  flex-shrink: 0;
}
.section-title .section-title__action {
  margin-left: auto;
  font-size: 0.65rem;
  color: #4f7cff;
  font-weight: 600;
  padding: 0.3rem 0.7rem;
  background: rgba(79, 124, 255, 0.08);
  border-radius: 24.975rem;
}
.section-title .section-title__action:active {
  opacity: 0.7;
}

/* ---- 卡片 ---- */
.card {
  background: #fff;
  border-radius: 0.6rem;
  padding: 0.7rem;
  margin-bottom: 0.5rem;
  box-shadow: 0 0.15rem 0.6rem rgba(31, 35, 41, 0.09);
}

.card--tap {
  transition: transform 0.12s ease;
}
.card--tap:active {
  transform: scale(0.985);
  background: #fafbfc;
}

.card__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.775rem;
  font-weight: 700;
}

.card__sub {
  margin-top: 0.25rem;
  font-size: 0.6rem;
  color: #86909c;
  line-height: 1.5;
}

.card__sub-inline {
  font-size: 0.55rem;
  color: #a9aeb8;
  font-weight: 400;
}

/* ---- 标签 ---- */
.tag {
  display: inline-block;
  padding: 0.125rem 0.4rem;
  border-radius: 24.975rem;
  font-size: 0.525rem;
  font-weight: 500;
  background: #f2f3f5;
  color: #5a6070;
}
.tag.tag--active {
  background: rgba(0, 181, 120, 0.12);
  color: #00b578;
}
.tag.tag--draft {
  background: rgba(255, 159, 67, 0.15);
  color: #e8720c;
}
.tag.tag--settled {
  background: rgba(79, 124, 255, 0.12);
  color: #4f7cff;
}
.tag.tag--closed {
  background: #f2f3f5;
  color: #a9aeb8;
}
.tag.tag--public {
  background: rgba(0, 181, 120, 0.12);
  color: #00b578;
}
.tag.tag--private {
  background: rgba(232, 67, 147, 0.12);
  color: #e84393;
}

/* ---- 主按钮 ---- */
.btn-primary {
  display: block;
  margin-top: 0.8rem;
  padding: 0.6rem 0;
  text-align: center;
  background: linear-gradient(135deg, #5d88ff 0%, #4f7cff 100%);
  color: #fff;
  font-size: 0.775rem;
  font-weight: 600;
  border-radius: 1.2rem;
  box-shadow: 0 0.2rem 0.5rem rgba(79, 124, 255, 0.28);
}
.btn-primary:active {
  opacity: 0.88;
  transform: scale(0.99);
}

/* ---- 表单 ---- */
.field {
  display: flex;
  align-items: center;
  padding: 0.6rem 0;
  border-bottom: 0.025rem solid #f2f3f5;
}
.field:last-child {
  border-bottom: none;
}
.field .field__label {
  width: 3.75rem;
  color: #86909c;
  font-size: 0.65rem;
  flex-shrink: 0;
}
.field .field__value {
  flex: 1;
  text-align: right;
  font-size: 0.7rem;
  color: #1f2329;
}
.field .field__input {
  flex: 1;
  text-align: right;
  font-size: 0.7rem;
}

.empty {
  padding: 0.7rem 0;
  text-align: center;
  color: #86909c;
  font-size: 0.65rem;
}

.amount {
  color: #ff5a47;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

/* ---- 条形图 ---- */
.bar-row {
  display: flex;
  align-items: center;
  margin: 0.35rem 0;
  font-size: 0.6rem;
}
.bar-row .bar-row__label {
  width: 2.9rem;
  flex-shrink: 0;
  color: #4e5969;
}
.bar-row .bar-row__track {
  flex: 1;
  height: 0.65rem;
  background: #f2f3f5;
  border-radius: 0.325rem;
  overflow: hidden;
  margin: 0 0.45rem;
}
.bar-row .bar-row__fill {
  height: 100%;
  background: linear-gradient(90deg, #6d95ff, #4f7cff);
  border-radius: 0.325rem;
  transition: width 0.35s ease;
}
.bar-row .bar-row__value {
  width: 3.25rem;
  text-align: right;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
}

/*# sourceMappingURL=app.264ce6f0edc10c33584e.css.map*/