.header-bar { margin-bottom: 24rpx; }
.page-title { font-size: 36rpx; font-weight: bold; color: #3D3D3D; }

.filter-bar {
  display: flex;
  gap: 12rpx;
  margin-top: 20rpx;
  overflow-x: auto;
  white-space: nowrap;
}
.filter-tag {
  padding: 10rpx 24rpx;
  border-radius: 24rpx;
  background: #F0EDE8;
  font-size: 26rpx;
  color: #8D8D8D;
  display: inline-block;
}
.filter-tag.active { background: #FF7E67; color: #fff; }

.food-card {
  background: #fff;
  border-radius: 16rpx;
  padding: 24rpx;
  margin-bottom: 12rpx;
  display: flex;
  align-items: center;
}
.food-icon { font-size: 48rpx; width: 80rpx; text-align: center; flex-shrink: 0; }
.food-info { flex: 1; margin-left: 16rpx; }
.food-name { font-size: 32rpx; font-weight: 500; display: block; color: #3D3D3D; }
.food-meta { font-size: 24rpx; color: #B2BEC3; margin-top: 4rpx; }
.food-date { font-size: 22rpx; color: #B2BEC3; margin-top: 4rpx; }
.food-actions { text-align: right; }
.food-btns { margin-top: 8rpx; }
.btn-sm { font-size: 32rpx; margin-left: 16rpx; }