.page {
  min-height: 100vh;
  background: #f5f6fa;
}

.header {
  background: linear-gradient(135deg, #7C3AED, #A78BFA);
  padding: 60rpx 40rpx;
  color: #fff;
  text-align: center;
}
.header .r1 { font-size: 26rpx; opacity: .9; }
.header .r2 { font-size: 88rpx; font-weight: 700; margin: 10rpx 0; }
.header .r3 { font-size: 22rpx; opacity: .85; }

.logs { padding: 24rpx; }
.sec-title { font-size: 30rpx; font-weight: 600; color: #333; margin-bottom: 16rpx; }
.log-item {
  background: #fff;
  border-radius: 16rpx;
  padding: 24rpx;
  margin-bottom: 16rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.log-item .left .name { font-size: 28rpx; color: #333; }
.log-item .left .desc { font-size: 24rpx; color: #999; margin-top: 6rpx; }
.log-item .right { font-size: 32rpx; font-weight: 600; }
.log-item .right.plus { color: #27AE60; }
.log-item .right.minus { color: #E74C3C; }
