.records-list { background: #fff; border-radius: 16rpx; } .record-item { display: flex; align-items: center; justify-content: space-between; padding: 24rpx; border-bottom: 1rpx solid var(--border-color); } .record-item:last-child { border-bottom: none; } .record-info { display: flex; flex-direction: column; } .action-name { font-size: 28rpx; font-weight: 500; margin-bottom: 4rpx; } .record-time { font-size: 24rpx; color: var(--text-secondary); } .record-points { font-size: 32rpx; font-weight: 600; } .record-points.positive { color: #52C41A; } .record-points.negative { color: #F5222D; } .empty-state { padding: 100rpx 0; } .empty-state image { width: 200rpx; height: 200rpx; }