.page { padding-bottom: 60rpx; }
.headbar { display: flex; align-items: center; justify-content: space-between; }
.hi { font-size: 34rpx; font-weight: 700; color: #2f6f4f; }
.coin { color: #b8860b; font-weight: 600; }

.pot-row { display: flex; align-items: center; gap: 20rpx; }
.pot-mini { width: 110rpx; text-align: center; }
.pot-mini .soil { width: 100rpx; height: 22rpx; margin: 0 auto; border-radius: 50%; background: #6b4a2b; }
.pot-mini .pot-lip { width: 100rpx; height: 16rpx; border-radius: 8rpx; background: #e8b53c; }
.pot-mini .pot-body { width: 88rpx; height: 44rpx; margin: 0 auto; border-radius: 4rpx 4rpx 20rpx 20rpx; background: linear-gradient(180deg, #e05a5a, #a12b2b); }
.pot-info { flex: 1; }
.pot-info .t { font-size: 30rpx; font-weight: 600; color: #3a5a3a; }
.pot-info .d { font-size: 22rpx; color: #8a9a8a; margin-top: 4rpx; }
.btn.small { flex-shrink: 0; padding: 12rpx 26rpx; font-size: 24rpx; border-radius: 32rpx; }

.item-row { display: flex; align-items: center; gap: 20rpx; }
.item-emoji {
  width: 96rpx; height: 96rpx;
  border-radius: 22rpx;
  background: #f3faf3;
  display: flex; align-items: center; justify-content: center;
  font-size: 52rpx;
  border: 2rpx solid #d5ecd5;
}
.item-info { flex: 1; }
.item-info .t { font-size: 30rpx; font-weight: 600; color: #3a5a3a; }
.item-info .owned { font-size: 20rpx; color: #4caf50; }
.item-info .d { font-size: 22rpx; color: #8a9a8a; margin-top: 4rpx; }
.item-info .price { color: #b8860b; }

.tip { font-size: 24rpx; color: #6b8f6b; line-height: 1.8; }