@import '../../styles/xym-layout.wxss';

.ledger-page {
  min-height: 100vh;
  background: #f5f5f5;
  display: flex;
  flex-direction: column;
}

.nav-bar {
  padding: 0 24rpx 16rpx;
}

.back {
  width: 60rpx;
  font-size: 48rpx;
  color: #333;
  line-height: 1;
}

.back.placeholder {
  visibility: hidden;
}

.nav-title {
  font-size: 34rpx;
  font-weight: 700;
  color: #222;
}

.ledger-scroll {
  flex: 1;
  height: 0;
  padding: 0 24rpx;
  box-sizing: border-box;
}

.list-item {
  background: #fff;
  border-radius: 16rpx;
  padding: 24rpx;
  margin-bottom: 16rpx;
}

.row-t {
  font-size: 28rpx;
  color: #222;
  font-weight: 600;
}

.row-d {
  font-size: 24rpx;
  color: #999;
  margin-top: 8rpx;
}

.row-r {
  font-size: 30rpx;
  font-weight: 700;
  color: #492f00;
  flex-shrink: 0;
  margin-left: 16rpx;
}

.row-r.minus {
  color: #ff4c45;
}

.empty-box,
.load-tip {
  text-align: center;
  color: #999;
  font-size: 26rpx;
  padding: 80rpx 0;
}